{"version":3,"file":"static/chunks/339-f0b23e0f893b62fb.js","mappings":"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","sources":["webpack://_N_E/./src/layout/AuthLayout/AuthLayout.tsx","webpack://_N_E/./src/layout/AppLayout/AppLayout.tsx","webpack://_N_E/./src/layout/AppLayout/PageMainSearch/PageMainSearch.tsx","webpack://_N_E/./src/layout/FumufumuAppLayout/FumufumuHeader/hooks.ts","webpack://_N_E/./src/layout/FumufumuAppLayout/FumufumuHeader/FumufumuHeader.tsx","webpack://_N_E/./src/layout/FumufumuAppLayout/FumufumuAppLayout.tsx","webpack://_N_E/./src/layout/NoneFooterMenuLayout/NoneFooterMenuLayout.tsx","webpack://_N_E/./src/layout/FumufumuAppLayout/FumufumuHeader/FumufumuHeader.module.scss"],"sourcesContent":["import { Center, Container } from \"@mantine/core\";\nimport type { CustomLayout } from \"next\";\n\nimport { LayoutErrorBoundary } from \"../LayoutErrorBoundary\";\n\nexport const AuthLayout: CustomLayout = (page) => {\n  return (\n    <Center\n      sx={(theme) => {\n        return {\n          backgroundColor: theme.colors.gray[0],\n          minHeight: \"100vh\",\n        };\n      }}\n    >\n      <Container size=\"xs\" sx={{ paddingBottom: 16, width: 480 }}>\n        <LayoutErrorBoundary>{page}</LayoutErrorBoundary>\n      </Container>\n    </Center>\n  );\n};\n","import { Container } from \"@mantine/core\";\nimport type { CustomLayout } from \"next\";\nimport { FooterMenu } from \"src/layout/AppLayout/FooterMenu\";\nimport { PageMain } from \"src/layout/AppLayout/PageMain\";\n\nimport { LayoutErrorBoundary } from \"../LayoutErrorBoundary\";\nimport styles from \"./AppLayout.module.scss\";\nimport { Header } from \"./Header\";\n\nexport const AppLayout: CustomLayout = (page) => {\n  return (\n    <div className={styles.layout}>\n      <Header />\n      <LayoutErrorBoundary>\n        <Container className={styles.inner}>\n          <PageMain page={page} />\n        </Container>\n      </LayoutErrorBoundary>\n      <FooterMenu />\n    </div>\n  );\n};\n","import { Grid } from \"@mantine/core\";\nimport { useMediaQuery } from \"@mantine/hooks\";\nimport cx from \"classnames\";\nimport type { ReactElement } from \"react\";\nimport { SearchLayoutMemo } from \"src/component/element\";\nimport { Sidebar } from \"src/layout/AppLayout/Sidebar\";\n\nimport styles from \"../PageMain/PageMain.module.scss\";\n\nexport const PageMainSearch = ({\n  page,\n  searchViewText,\n}: {\n  page: ReactElement;\n  searchViewText: string;\n}) => {\n  const matche = useMediaQuery(\"(min-width: 768px)\");\n\n  return (\n    <Grid className={styles.grid}>\n      <Grid.Col\n        span={matche ? 3 : 0}\n        className={cx(styles.sidebar, styles.col)}\n      >\n        <Sidebar />\n      </Grid.Col>\n      <Grid.Col span={matche ? 9 : 12} className={styles.col}>\n        <SearchLayoutMemo text={searchViewText}>\n          <main className={styles.main}>{page}</main>\n        </SearchLayoutMemo>\n      </Grid.Col>\n    </Grid>\n  );\n};\n","import { useRouter } from \"next/router\";\nimport type { ComponentProps } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport {\n  addSearch,\n  resetSearchWord,\n  setToggleSearch,\n} from \"src/reducks/SearchStore\";\nimport { fumufumuApi } from \"src/service/FumuFumuApi\";\nimport { usersApi } from \"src/service/UsersApi\";\nimport { store } from \"src/store\";\n\nconst FUMUFUMU_PAGE_TITLE_ITEM = [\n  { label: \"にコメント\", path: \"comment\" },\n  { label: \"のスレッド\", path: \"detail\" },\n  { label: \"新規投稿\", path: \"post\" },\n  { label: \"新規投稿\", path: \"edit\" },\n];\n\nexport const useFumufumuPageTitle = () => {\n  const router = useRouter();\n  const [pageTitle, setPageTitle] = useState(\"\");\n  const [pagePath, setPagePath] = useState(\"\");\n  const [checkedPostPage, setCheckedPostPage] = useState(false);\n\n  const pathArray = router.asPath.split(\"/\") || [];\n\n  const headPageItem = FUMUFUMU_PAGE_TITLE_ITEM.filter((item) => {\n    return pathArray[2] && item.path === pathArray[2];\n  }).flat();\n\n  useEffect(() => {\n    if (headPageItem.length === 0) {\n      setPageTitle(\"フムフム\");\n      setPagePath(\"fumufumu\");\n      setCheckedPostPage(false);\n    } else {\n      // pathをセット\n      setPagePath(headPageItem[0].path);\n\n      // 投稿ページなのかをチェック\n      if (\n        pagePath === \"post\" ||\n        pagePath === \"comment\" ||\n        pagePath === \"edit\"\n      ) {\n        setCheckedPostPage(true);\n      } else {\n        setCheckedPostPage(false);\n      }\n\n      // 各ページのタイトルを設定\n      if (pagePath === \"post\" || pagePath === \"edit\") {\n        setPageTitle(headPageItem[0].label);\n        return;\n      }\n\n      if (pagePath === \"comment\" || pagePath === \"detail\") {\n        const fumufumu = fumufumuApi.endpoints.getFumufumu.select(\n          router.query.id as string,\n        )(store.getState());\n        const user = usersApi.endpoints.getUser.select(\n          fumufumu.data?.userId as string,\n        )(store.getState());\n        setPageTitle(`${user.data?.nickname} ${headPageItem[0].label}`);\n        return;\n      }\n    }\n  }, [headPageItem, pagePath, router.query.id]);\n\n  return { checkedPostPage, pagePath, pageTitle };\n};\n\n// 検索フォームの開閉\nexport const toggleSearch: () => void = () => {\n  store.dispatch(setToggleSearch());\n  store.dispatch(resetSearchWord());\n};\n\n// 日本語入力の検索インプット\nexport const handleCompositionEnd: ComponentProps<\"input\">[\"onCompositionEnd\"] =\n  (e) => {\n    store.dispatch(addSearch(e.currentTarget.value));\n    // 変換結果をサーバーに送信するリクエストを行う\n  };\n// 日本語入力かを判定\nexport const isJapaneseInput = (text: string) => {\n  const regex =\n    /[\\p{Script=Hiragana}\\p{Script=Katakana}\\p{Script=Han}\\p{Script=Common}ー]/u;\n  return regex.test(text);\n};\n// アルファベット入力の検索インプット\nexport const handleChange: ComponentProps<\"input\">[\"onChange\"] = (e) => {\n  const inputText = e.currentTarget.value;\n  if (!isJapaneseInput(inputText)) {\n    store.dispatch(addSearch(e.currentTarget.value));\n    // リクエストを送信する\n  }\n};\n","import {\n  Box,\n  Button,\n  Container,\n  Flex,\n  Group,\n  Text,\n  TextInput,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport { useFocusTrap } from \"@mantine/hooks\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport type { FC } from \"react\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\nimport { MdCancel, MdClose, MdSearch } from \"react-icons/md\";\nimport { AvatarIconMemo } from \"src/component/element\";\nimport { useCommentCreateFumufumuFormContext } from \"src/component/pageComponent/Fumufumu/CommentForm/hooks\";\nimport { useFumufumuFormContext } from \"src/component/pageComponent/Fumufumu/CreateForm/hooks\";\nimport { useEditFumufumuFormContext } from \"src/component/pageComponent/Fumufumu/EditFrom/hooks\";\nimport { useSearchReset } from \"src/hooks\";\nimport { DrawerMenuMemo } from \"src/layout/AppLayout/DrawerMenu\";\nimport {\n  CustomModal,\n  errorShowNotification,\n  successShowNotification,\n} from \"src/lib/mantine\";\nimport { addSearch, selectSearch } from \"src/reducks/SearchStore\";\nimport { useDeleteFumufumuMutation } from \"src/service/FumuFumuApi\";\nimport { useGetUserSettingsQuery } from \"src/service/UsersApi\";\nimport { useAppDispatch, useAppSelector } from \"src/store/hooks\";\n\nimport styles from \"./FumufumuHeader.module.scss\";\nimport {\n  handleChange,\n  handleCompositionEnd,\n  toggleSearch,\n  useFumufumuPageTitle,\n} from \"./hooks\";\n\nexport const FumufumuHeader: FC = () => {\n  const { data: userData } = useGetUserSettingsQuery();\n  useSearchReset();\n  const [draftOpened, setDraftOpened] = useState<boolean>(false);\n  const [drawerOpen, setDrawerOpen] = useState<boolean>(false);\n  const [isDisabledDraftModal, setIsDisabledDraftModal] =\n    useState<boolean>(false);\n  const router = useRouter();\n  const { checkedPostPage, pagePath, pageTitle } = useFumufumuPageTitle();\n  const focusTrapRef = useFocusTrap();\n  const dispatch = useAppDispatch();\n  const searchState = useAppSelector(selectSearch);\n\n  const fumufumuCreateForm = useFumufumuFormContext();\n  const fumufumuEditForm = useEditFumufumuFormContext();\n  const fumufumuCreateCommentForm = useCommentCreateFumufumuFormContext();\n  const [deleteFumufumu] = useDeleteFumufumuMutation();\n\n  // 各投稿画面でフムフムが入力されていないかを判断\n  useEffect(() => {\n    if (pagePath === \"post\") {\n      setIsDisabledDraftModal(fumufumuCreateForm.values.text === \"\");\n    }\n    if (pagePath === \"edit\") {\n      setIsDisabledDraftModal(fumufumuEditForm.values.text === \"\");\n    }\n    if (pagePath === \"comment\") {\n      setIsDisabledDraftModal(fumufumuCreateCommentForm.values.text === \"\");\n    }\n  }, [\n    fumufumuCreateCommentForm.values.text,\n    fumufumuCreateForm.values.text,\n    fumufumuEditForm.values.text,\n    pagePath,\n  ]);\n\n  // フムフムが入力されていないときにページに戻る戻す\n  const editCancel = useCallback(() => {\n    if (pagePath === \"post\") {\n      router.push(\"/fumufumu/public\");\n    }\n    if (pagePath === \"edit\") {\n      router.push(\"/fumufumu/draft\");\n    }\n    if (pagePath === \"comment\") {\n      if (history.length === 0) {\n        router.push(\"/fumufumu/public\");\n      } else {\n        history.back();\n      }\n    }\n  }, [pagePath, router]);\n\n  // 各下書き投稿用のモーダルを閉じる\n  const closeModal = () => {\n    if (pagePath === \"post\") {\n      fumufumuCreateForm.setValues({ isDraft: false });\n    }\n    if (pagePath === \"edit\") {\n      fumufumuEditForm.setValues({\n        isDraft: false,\n      });\n    }\n    return setDraftOpened(false);\n  };\n\n  // 各下書き投稿用のモーダルを開く\n  const openModal = useCallback(() => {\n    if (pagePath === \"post\") {\n      fumufumuCreateForm.setValues({ isDraft: true });\n    }\n    if (pagePath === \"edit\") {\n      fumufumuEditForm.setValues({\n        isDraft: true,\n      });\n    }\n\n    return setDraftOpened(true);\n  }, [fumufumuCreateForm, fumufumuEditForm, pagePath]);\n\n  // ドロワーの開閉\n  const toggleDrawer: () => void = () => {\n    setDrawerOpen((prevState) => {\n      return !prevState;\n    });\n  };\n\n  return (\n    <>\n      <CustomModal\n        setOpened={setDraftOpened}\n        opened={draftOpened}\n        title=\"投稿を編集中です\"\n        onCloseAction={closeModal}\n      >\n        {pagePath === \"comment\" ? (\n          <>\n            <Text className={styles.modalBody}>\n              戻るか、削除するかを選択してください。\n            </Text>\n            <Group position=\"center\" className={styles.modalButtonWrap}>\n              <Button\n                onClick={() => {\n                  setDraftOpened(false);\n                }}\n                className={styles.commentBackButton}\n              >\n                戻る\n              </Button>\n              <Button\n                className={styles.commentDeleteButton}\n                onClick={() => {\n                  setDraftOpened(false);\n                  fumufumuCreateCommentForm.reset();\n                  return router.push(\"/fumufumu/public\");\n                }}\n              >\n                削除\n              </Button>\n            </Group>\n          </>\n        ) : (\n          <>\n            <Text className={styles.modalBody}>\n              編集中のフムフムが消えてしまいますが、大丈夫ですか？\n            </Text>\n            <form\n              onSubmit={(e) => {\n                e.preventDefault();\n                closeModal();\n              }}\n            >\n              <Group position=\"center\" className={styles.modalButtonWrap}>\n                <Button\n                  className={styles.modalBackButton}\n                  onClick={async () => {\n                    if (pagePath === \"edit\") {\n                      await deleteFumufumu(fumufumuEditForm.values.id)\n                        .unwrap()\n                        .then(() => {\n                          successShowNotification(\"投稿の削除に成功しました。\");\n                        })\n                        .catch((e) => {\n                          if (e.data) {\n                            errorShowNotification(e.data.error?.message);\n                          } else {\n                            errorShowNotification(\"投稿に失敗しました。\");\n                          }\n                        });\n                    } else {\n                      fumufumuCreateForm.reset();\n                    }\n                    setDraftOpened(false);\n                    return router.push(\"/fumufumu/public\");\n                  }}\n                >\n                  削除\n                </Button>\n                <Button type=\"submit\" className={styles.modalSubmitButton}>\n                  戻る\n                </Button>\n              </Group>\n            </form>\n          </>\n        )}\n      </CustomModal>\n      <Box component=\"header\" className={styles.header}>\n        <Container px={24}>\n          <Flex py={16} justify=\"space-between\" align=\"center\">\n            <Group>\n              <Link\n                href=\"/mypage\"\n                className={styles.headerLink}\n                passHref\n                aria-label=\"マイページへ遷移\"\n              >\n                <AvatarIconMemo\n                  avatar={userData?.profileImage}\n                  background={userData?.profileBgImage}\n                />\n              </Link>\n            </Group>\n            <Group spacing={5} position=\"center\">\n              {searchState.toggleSearch ? (\n                <TextInput\n                  ref={focusTrapRef}\n                  placeholder=\"キーワードやタグを入力して検索\"\n                  onChange={(e) => {\n                    dispatch(addSearch(e.currentTarget.value));\n                  }}\n                  styles={() => {\n                    return {\n                      input: {\n                        border: \"none\",\n                        fontSize: \"1.6rem\",\n                        height: \"20px\",\n                        minHeight: \"20px\",\n                      },\n                    };\n                  }}\n                />\n              ) : (\n                <h1>{pageTitle}</h1>\n              )}\n            </Group>\n            <Group spacing={5}>\n              {checkedPostPage ? (\n                <UnstyledButton\n                  onClick={isDisabledDraftModal ? editCancel : openModal}\n                  aria-label=\"下書き保存用のモーダルを開く\"\n                  // disabled={isDisabledDraftModal}\n                >\n                  <MdClose size={24} color=\"#2D3336\" />\n                </UnstyledButton>\n              ) : (\n                <UnstyledButton onClick={toggleSearch} aria-label=\"検索\">\n                  {searchState.toggleSearch ? (\n                    <MdCancel size={24} />\n                  ) : (\n                    <MdSearch size={24} />\n                  )}\n                </UnstyledButton>\n              )}\n            </Group>\n          </Flex>\n        </Container>\n      </Box>\n      {/* pc header */}\n      <header className={styles.pcHeader}>\n        <div className={styles.pcHeaderInner}>\n          <Flex align=\"center\" justify=\"flex-end\">\n            <Group spacing={5} position=\"center\" mr={24}>\n              {searchState.toggleSearch && (\n                <TextInput\n                  ref={focusTrapRef}\n                  onChange={handleChange}\n                  onCompositionEnd={handleCompositionEnd}\n                  placeholder=\"キーワードやタグを入力して検索\"\n                  styles={{ wrapper: { minWidth: \"500px\" } }}\n                />\n              )}\n            </Group>\n            <Group spacing={5}>\n              {checkedPostPage ? (\n                <UnstyledButton\n                  onClick={isDisabledDraftModal ? editCancel : openModal}\n                  aria-label=\"下書き保存用のモーダルを開く\"\n                >\n                  <MdClose size={24} color=\"#2D3336\" />\n                </UnstyledButton>\n              ) : (\n                <UnstyledButton onClick={toggleSearch} aria-label=\"検索\">\n                  {searchState.toggleSearch ? (\n                    <MdCancel size={24} />\n                  ) : (\n                    <MdSearch size={24} />\n                  )}\n                </UnstyledButton>\n              )}\n            </Group>\n          </Flex>\n        </div>\n      </header>\n      <DrawerMenuMemo\n        drawerOpen={drawerOpen}\n        setDrawerOpen={setDrawerOpen}\n        toggleDrawer={toggleDrawer}\n      />\n    </>\n  );\n};\n\nexport const FumufumuHeaderMemo = memo(FumufumuHeader);\n","import { Container } from \"@mantine/core\";\nimport type { CustomLayout } from \"next\";\nimport { useRouter } from \"next/router\";\nimport { FooterMenu } from \"src/layout/AppLayout/FooterMenu\";\nimport { PageMainSearch } from \"src/layout/AppLayout/PageMainSearch\";\nimport { CustomFumufumuFormProvider } from \"src/layout/FumufumuAppLayout/CustomFumufumuFormProvider\";\nimport { FumufumuHeaderMemo } from \"src/layout/FumufumuAppLayout/FumufumuHeader\";\n\nimport styles from \"../AppLayout/AppLayout.module.scss\";\nimport { LayoutErrorBoundary } from \"../LayoutErrorBoundary\";\n\nexport const FumufumuAppLayout: CustomLayout = (page) => {\n  const router = useRouter();\n\n  return (\n    <div\n      className={\n        router.pathname === \"/fumufumu/[value]\"\n          ? styles.layout\n          : styles.layoutWhite\n      }\n    >\n      <CustomFumufumuFormProvider>\n        <FumufumuHeaderMemo />\n        <LayoutErrorBoundary>\n          <Container className={styles.inner}>\n            <PageMainSearch\n              page={page}\n              searchViewText=\"フムフムをキーワードやタグで検索できます\"\n            />\n          </Container>\n        </LayoutErrorBoundary>\n        <FooterMenu />\n      </CustomFumufumuFormProvider>\n    </div>\n  );\n};\n","import { Container } from \"@mantine/core\";\nimport type { CustomLayout } from \"next\";\nimport { Header } from \"src/layout/AppLayout/Header\";\nimport { PageMain } from \"src/layout/AppLayout/PageMain\";\n\nimport styles from \"../AppLayout/AppLayout.module.scss\";\nimport { LayoutErrorBoundary } from \"../LayoutErrorBoundary\";\n\nexport const NoneFooterMenuLayout: CustomLayout = (page) => {\n  return (\n    <div className={styles.layout}>\n      <Header />\n      <LayoutErrorBoundary>\n        <Container className={styles.inner}>\n          <PageMain page={page} />\n        </Container>\n      </LayoutErrorBoundary>\n    </div>\n  );\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modalBody\":\"FumufumuHeader_modalBody__LvsRh\",\"modalButtonWrap\":\"FumufumuHeader_modalButtonWrap__qK1rx\",\"commentBackButton\":\"FumufumuHeader_commentBackButton__XiNty\",\"commentDeleteButton\":\"FumufumuHeader_commentDeleteButton__i_o4t\",\"modalBackButton\":\"FumufumuHeader_modalBackButton__WXdw0\",\"modalSubmitButton\":\"FumufumuHeader_modalSubmitButton__Avwvm\",\"header\":\"FumufumuHeader_header__modSx\",\"headerLink\":\"FumufumuHeader_headerLink__Xo4OE\",\"pcHeader\":\"FumufumuHeader_pcHeader__Z9Q2f\",\"pcHeaderInner\":\"FumufumuHeader_pcHeaderInner__alErH\"};"],"names":["AuthLayout","page","Center","sx","theme","backgroundColor","colors","gray","minHeight","Container","size","paddingBottom","width","LayoutErrorBoundary","AppLayout","div","className","styles","Header","PageMain","FooterMenu","PageMainSearch","searchViewText","matche","useMediaQuery","Grid","Col","span","cx","Sidebar","SearchLayoutMemo","text","main","FUMUFUMU_PAGE_TITLE_ITEM","label","path","toggleSearch","store","dispatch","setToggleSearch","resetSearchWord","handleCompositionEnd","e","addSearch","currentTarget","value","handleChange","inputText","test","FumufumuHeader","userData","data","useGetUserSettingsQuery","useSearchReset","draftOpened","setDraftOpened","useState","drawerOpen","setDrawerOpen","isDisabledDraftModal","setIsDisabledDraftModal","router","useRouter","checkedPostPage","pagePath","pageTitle","setPageTitle","setPagePath","setCheckedPostPage","pathArray","asPath","split","headPageItem","filter","item","flat","useEffect","length","fumufumu","user","fumufumuApi","endpoints","getFumufumu","select","query","id","getState","usersApi","getUser","userId","nickname","useFumufumuPageTitle","focusTrapRef","useFocusTrap","useAppDispatch","searchState","useAppSelector","selectSearch","fumufumuCreateForm","useFumufumuFormContext","fumufumuEditForm","useEditFumufumuFormContext","fumufumuCreateCommentForm","useCommentCreateFumufumuFormContext","deleteFumufumu","useDeleteFumufumuMutation","values","editCancel","useCallback","push","history","back","closeModal","setValues","isDraft","openModal","CustomModal","setOpened","opened","title","onCloseAction","Text","Group","position","Button","onClick","reset","form","onSubmit","preventDefault","async","unwrap","then","successShowNotification","catch","errorShowNotification","error","message","type","Box","component","px","Flex","py","justify","align","Link","href","passHref","aria-label","AvatarIconMemo","avatar","profileImage","background","profileBgImage","spacing","TextInput","ref","placeholder","onChange","input","border","fontSize","height","h1","UnstyledButton","MdClose","color","MdCancel","MdSearch","header","mr","onCompositionEnd","wrapper","minWidth","DrawerMenuMemo","toggleDrawer","prevState","FumufumuHeaderMemo","memo","FumufumuAppLayout","pathname","CustomFumufumuFormProvider","NoneFooterMenuLayout","module","exports"],"sourceRoot":""}