{"version":3,"file":"static/js/1559.5d829f33.chunk.js","mappings":"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","sources":["common/hooks/useDelayedState.ts","components/shared/CharacterComment/index.tsx","components/shared/Dialog/AddCoinsDialog/DialogContent.tsx","components/shared/Dialog/AddCoinsDialog/AddCoinsDialog.tsx","components/shared/Dialog/CenterDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport function useDelayedState(\r\n state: T,\r\n checkOpen: (state: T) => boolean,\r\n timeoutMilliSecond: number\r\n): { delayedState: T; delayedOpen: boolean } {\r\n const [delayedState, setDelayedState] = useState(state);\r\n useEffect(() => {\r\n if (checkOpen(state)) {\r\n // When it opens\r\n setDelayedState(state);\r\n return;\r\n }\r\n\r\n // When it closes\r\n const timeoutId = setTimeout(() => {\r\n setDelayedState(state);\r\n }, timeoutMilliSecond);\r\n return () => {\r\n clearTimeout(timeoutId);\r\n };\r\n }, [state, timeoutMilliSecond, checkOpen]);\r\n\r\n return { delayedState, delayedOpen: checkOpen(delayedState) };\r\n}\r\n","import { makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport { BaseCSSProperties } from \"@material-ui/core/styles/withStyles\";\r\nimport * as React from \"react\";\r\nimport * as consts from \"../../../common/consts\";\r\nimport { spaceBetween } from \"../../../common/util/Array/spaceBetween\";\r\nimport \"./CharacterComment.css\";\r\n\r\ntype TProps = {\r\n imgNumber: number;\r\n screenWidth: number;\r\n comment: string | React.ReactNode;\r\n style?: BaseCSSProperties;\r\n commentStyle?: BaseCSSProperties;\r\n imgStyle?: BaseCSSProperties;\r\n containerRef?: React.RefObject;\r\n className?: string;\r\n};\r\nexport default function CharacterComment(props: TProps) {\r\n const {\r\n imgNumber,\r\n screenWidth,\r\n comment,\r\n style,\r\n commentStyle,\r\n imgStyle,\r\n containerRef,\r\n className,\r\n } = props;\r\n const c = useStyles({ style, imgStyle, screenWidth, commentStyle });\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {comment}\r\n
\r\n
\r\n \r\n );\r\n}\r\nconst useStyles = makeStyles<\r\n Theme,\r\n {\r\n style?: BaseCSSProperties;\r\n imgStyle?: BaseCSSProperties;\r\n commentStyle?: BaseCSSProperties;\r\n screenWidth: number;\r\n }\r\n>({\r\n container: ({ style }) => ({ ...style }),\r\n ninjaPic: ({ imgStyle, screenWidth }) => ({\r\n width: (screenWidth * 2) / 10,\r\n ...imgStyle,\r\n }),\r\n comment: ({ screenWidth, commentStyle }) => ({\r\n width: screenWidth > 767 ? (screenWidth * 7) / 10 - 15 : \"100%\",\r\n ...commentStyle,\r\n }),\r\n});\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { changeAppState, useAppState } from \"../../../../common/appState\";\r\nimport { useScreenSize } from \"../../../../common/hooks/useScreenSize\";\r\nimport { spaceBetween } from \"../../../../common/util/Array/spaceBetween\";\r\nimport { SeasonAnimation } from \"../../Animations/SeasonAnimation\";\r\nimport { PrimaryButton } from \"../../Button/PrimaryButton\";\r\nimport CharacterComment from \"../../CharacterComment\";\r\nimport { AddCoinsDialogState } from \"./type\";\r\n\r\nexport function AddCoinsDialogContent({\r\n state,\r\n}: {\r\n state: AddCoinsDialogState;\r\n}) {\r\n const c = useStyles();\r\n const { screenWidth } = useScreenSize();\r\n\r\n const [user] = useAppState(\"user\");\r\n if (!user || !state.open) {\r\n return null;\r\n }\r\n\r\n return (\r\n
\r\n
\r\n

{state.title}

\r\n
\r\n\r\n \r\n You got\r\n
\r\n {state.coins} coin\r\n {state.coins > 1 ? \"s\" : \"\"}!\r\n
\r\n }\r\n style={{ margin: 0 }}\r\n />\r\n\r\n {\r\n changeAppState(\"addCoinsDialogState\", {\r\n open: false,\r\n });\r\n changeAppState(\"vocabRoulettePanelState\", { open: true });\r\n }}\r\n >\r\n Roulette!\r\n \r\n \r\n \r\n );\r\n}\r\nconst useStyles = makeStyles(theme => ({\r\n titleCoin: {\r\n color: theme.palette.secondary.main,\r\n },\r\n container: {\r\n margin: \"10px 0\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n height: 288,\r\n maxWidth: 288,\r\n position: \"relative\",\r\n },\r\n commentContainer: { whiteSpace: \"pre-wrap\", minWidth: 150 },\r\n}));\r\n","import { changeAppState, useAppState } from \"../../../../common/appState\";\r\nimport { useDelayedState } from \"../../../../common/hooks/useDelayedState\";\r\nimport { CenterDialog } from \"../CenterDialog\";\r\nimport { AddCoinsDialogContent } from \"./DialogContent\";\r\n\r\nconst transitionMilliseconds = 300;\r\n\r\nexport default function AddCoinsDialog() {\r\n const [addCoinsDialogState] = useAppState(\"addCoinsDialogState\");\r\n const { delayedState } = useDelayedState(\r\n addCoinsDialogState,\r\n state => state.open,\r\n transitionMilliseconds\r\n );\r\n\r\n return (\r\n {\r\n changeAppState(\"addCoinsDialogState\", { open: false });\r\n }}\r\n transitionMilliseconds={transitionMilliseconds}\r\n style={{\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n }}\r\n globalDialogState={addCoinsDialogState}\r\n >\r\n \r\n \r\n );\r\n}\r\n","import Button from \"@material-ui/core/Button\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport { makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport { BaseCSSProperties } from \"@material-ui/core/styles/withStyles\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { AppState } from \"../../../common/appState\";\r\nimport { useOpenAnimationFinished } from \"../../../common/hooks/panelAndDialog/useOpenAnimationFinished\";\r\nimport { usePanelAndDialogOpenOrder } from \"../../../common/hooks/panelAndDialog/usePanelAndDialogOpenOrder\";\r\nimport { spaceBetween } from \"../../../common/util/Array/spaceBetween\";\r\nimport { zIndex } from \"../../zApps/Layout/zIndex\";\r\nimport ShurikenProgress from \"../Animations/ShurikenProgress\";\r\n\r\nexport function CenterDialog({\r\n open,\r\n transitionMilliseconds = 0,\r\n style,\r\n className,\r\n darkLayerStyle,\r\n children,\r\n onClose,\r\n withoutCloseButton,\r\n globalDialogState,\r\n isChildrenUnmounted,\r\n}: {\r\n open: boolean;\r\n transitionMilliseconds?: number;\r\n style?: BaseCSSProperties;\r\n className?: string;\r\n darkLayerStyle?: BaseCSSProperties;\r\n children: ReactNode;\r\n onClose?: () => void;\r\n withoutCloseButton?: boolean;\r\n globalDialogState?: AppState[keyof AppState]; // When the dialog's global state changed, zIndex increases (especially when targetId changes)\r\n isChildrenUnmounted?: boolean;\r\n}) {\r\n const { openedOrder } = usePanelAndDialogOpenOrder(\r\n globalDialogState,\r\n open,\r\n transitionMilliseconds\r\n );\r\n\r\n const c = useResultDialogStyles({\r\n transitionDuration: `${transitionMilliseconds}ms`,\r\n style,\r\n darkLayerStyle,\r\n openedOrder,\r\n });\r\n\r\n const [isContentShown, setIsContentShown] = useState(false);\r\n\r\n useEffect(() => {\r\n if (open && !isContentShown) {\r\n // when it opens\r\n setTimeout(() => {\r\n setIsContentShown(open);\r\n }, 10);\r\n return;\r\n }\r\n\r\n if (!open && isContentShown) {\r\n // when it closes\r\n setTimeout(() => {\r\n setIsContentShown(false);\r\n }, transitionMilliseconds);\r\n }\r\n }, [open, transitionMilliseconds]);\r\n\r\n const isCompletelyOpened = open && isContentShown;\r\n const { isOpenAnimationFinished } = useOpenAnimationFinished(\r\n isCompletelyOpened,\r\n transitionMilliseconds\r\n );\r\n\r\n if (!open && !isContentShown) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {\r\n ev.stopPropagation();\r\n }}\r\n >\r\n {!withoutCloseButton && (\r\n \r\n \r\n \r\n )}\r\n {isChildrenUnmounted && open ? (\r\n \r\n ) : (\r\n children\r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nconst useResultDialogStyles = makeStyles<\r\n Theme,\r\n {\r\n transitionDuration: string;\r\n style?: BaseCSSProperties;\r\n darkLayerStyle?: BaseCSSProperties;\r\n openedOrder: number; // 0 to 30, The last opened panel or dialog is 0.\r\n }\r\n>(({ palette }) => ({\r\n darkLayer: ({ transitionDuration, darkLayerStyle, openedOrder }) => ({\r\n position: \"fixed\",\r\n top: 0,\r\n left: 0,\r\n width: \"100%\",\r\n height: \"100%\",\r\n backgroundColor: \"rgba(0,0,0,0.7)\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n transitionProperty: \"opacity\",\r\n transitionDuration,\r\n zIndex: zIndex.panelAndDialog.darkLayer(openedOrder),\r\n ...darkLayerStyle,\r\n }),\r\n opacity0: { opacity: 0 },\r\n opacity1: { opacity: 1 },\r\n card: ({ style, openedOrder }) => ({\r\n width: \"100%\",\r\n maxWidth: 350,\r\n height: \"100%\",\r\n maxHeight: 350,\r\n backgroundColor: \"white\",\r\n borderRadius: 16,\r\n zIndex: zIndex.panelAndDialog.panelOrDialog(openedOrder),\r\n ...style,\r\n }),\r\n closeButton: {\r\n borderRadius: \"50%\",\r\n maxWidth: 28,\r\n maxHeight: 28,\r\n minWidth: 28,\r\n minHeight: 28,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n backgroundColor: palette.success.main,\r\n \"&:hover\": {\r\n backgroundColor: palette.success.light,\r\n },\r\n color: \"white\",\r\n lineHeight: 1,\r\n marginLeft: \"auto\",\r\n marginTop: 3,\r\n marginRight: 3,\r\n padding: 0,\r\n },\r\n closeIcon: { width: 20, height: 20 },\r\n}));\r\n"],"names":["useDelayedState","state","checkOpen","timeoutMilliSecond","_useState","useState","_useState2","_slicedToArray","delayedState","setDelayedState","useEffect","timeoutId","setTimeout","clearTimeout","delayedOpen","CharacterComment","props","imgNumber","screenWidth","comment","style","commentStyle","imgStyle","containerRef","className","c","useStyles","_jsxs","ref","spaceBetween","container","children","_jsx","src","concat","consts","alt","ninjaPic","makeStyles","_ref","_objectSpread","_ref2","width","_ref3","AddCoinsDialogContent","useScreenSize","_useAppState","useAppState","open","title","Math","min","commentContainer","coins","margin","PrimaryButton","fullWidth","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","changeAppState","stop","SeasonAnimation","frequencySec","screenHeight","isFestivalHidden","season","fallingImgStyle","position","theme","titleCoin","color","palette","secondary","main","display","flexDirection","alignItems","justifyContent","height","maxWidth","whiteSpace","minWidth","transitionMilliseconds","AddCoinsDialog","addCoinsDialogState","CenterDialog","onClose","globalDialogState","_ref$transitionMillis","darkLayerStyle","withoutCloseButton","isChildrenUnmounted","openedOrder","usePanelAndDialogOpenOrder","useResultDialogStyles","transitionDuration","isContentShown","setIsContentShown","isCompletelyOpened","isOpenAnimationFinished","useOpenAnimationFinished","darkLayer","opacity1","opacity0","undefined","Card","card","ev","stopPropagation","Button","variant","closeButton","CloseIcon","closeIcon","ShurikenProgress","size","top","left","backgroundColor","transitionProperty","zIndex","opacity","_ref4","maxHeight","borderRadius","minHeight","success","light","lineHeight","marginLeft","marginTop","marginRight","padding"],"sourceRoot":""}