{"version":3,"file":"static/chunks/pages/create-story-9054f11f1b842d24.js","mappings":"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","sources":["webpack://_N_E/?a720","webpack://_N_E/./utils/api-helpers.ts","webpack://_N_E/./public/Raraity_Primary_Icon_Chartreuse.svg","webpack://_N_E/./components/Layout/ContentLayout.tsx","webpack://_N_E/./pages/create-story.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/create-story\",\n      function () {\n        return require(\"private-next-pages/create-story.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/create-story\"])\n      });\n    }\n  ","export async function fetchGetJSON(url: string) {\n  try {\n    const data = await fetch(url).then((res) => res.json());\n    return data;\n  } catch (err) {\n    if (err instanceof Error) {\n      throw new Error(err.message);\n    }\n    throw err;\n  }\n}\n\nexport async function fetchPostJSON(url: string, data?: object) {\n  try {\n    // Default options are marked with *\n    const response = await fetch(url, {\n      method: \"POST\", // *GET, POST, PUT, DELETE, etc.\n      mode: \"cors\", // no-cors, *cors, same-origin\n      cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n      credentials: \"same-origin\", // include, *same-origin, omit\n      headers: {\n        \"Content-Type\": \"application/json\",\n        // 'Content-Type': 'application/x-www-form-urlencoded',\n      },\n      redirect: \"follow\", // manual, *follow, error\n      referrerPolicy: \"no-referrer\", // no-referrer, *client\n      body: JSON.stringify(data || {}), // body data type must match \"Content-Type\" header\n    });\n    return await response.json(); // parses JSON response into native JavaScript objects\n  } catch (err) {\n    if (err instanceof Error) {\n      throw new Error(err.message);\n    }\n    throw err;\n  }\n}\n","export default {\"src\":\"/_next/static/media/Raraity_Primary_Icon_Chartreuse.2e9c99e2.svg\",\"height\":1728,\"width\":1439,\"blurWidth\":0,\"blurHeight\":0};","import dynamic from \"next/dynamic\";\nimport React from \"react\";\nimport Image from \"next/image\";\nimport Chartreuse from \"../../public/Raraity_Primary_Icon_Chartreuse.svg\";\n\nconst Header = dynamic(() => import(\"./Header\"));\n\ntype ContentLayoutProps = {\n  children: React.ReactNode;\n  title: string;\n};\n\nfunction ContentLayout({ children, title }: ContentLayoutProps) {\n  return (\n    <>\n      <Header title={title} />\n      <div\n        className=\"h-[calc(100vh-64px)] w-screen flex justify-center items-center relative overflow-hidden\"\n        style={{ backgroundColor: \"#d29668\" }}\n      >\n        {/* MOBILE Background Design with Chartreuse 'R' Logos */}\n        <div className=\"md:hidden\">\n          {/* MOBILE Top Right Corner R */}\n          <div className=\"absolute w-[900px] h-[900px] top-0 right-0 transform translate-x-[45em] translate-y-[-50em] \">\n            <Image className=\"\" src={Chartreuse} alt=\"Raraity\" />\n          </div>\n          {/* MOBILE Bottom Right Corner R */}\n          <div className=\"absolute w-[900px] h-[900px] bottom-0 right-0 transform translate-x-[48em] translate-y-[45em]\">\n            <Image className=\"rotate-180\" src={Chartreuse} alt=\"Raraity\" />\n          </div>\n          {/* MOBILE Bottom Left Corner R */}\n          <div className=\"absolute w-[900px] h-[900px] bottom-0 left-0 transform translate-x-[-50em] translate-y-[44em]\">\n            <Image className=\"rotate-180\" src={Chartreuse} alt=\"Raraity\" />\n          </div>\n          {/* MOBILE Top Right Corner R */}\n          <div className=\"absolute w-[900px] h-[900px] top-0 left-0 transform translate-x-[-50em] translate-y-[-55em]\">\n            <Image className=\"\" src={Chartreuse} alt=\"Raraity\" />\n          </div>\n        </div>\n        {/* DESKTOP | Background Design with 2 Chartreuse 'R' Logos */}\n        <div className=\"hidden md:block\">\n          {/* DESKTOP Right R */}\n          <div className=\"absolute w-[200%] h-[200%] left-0 transform translate-x-[25em] translate-y-[-50em]\">\n            <Image src={Chartreuse} alt=\"Raraity\" />\n          </div>\n          {/* DESKTOP Left R [this R is rotated 180 degrees] */}\n          <div className=\"absolute w-[200%] h-[200%] left-0 transform translate-x-[-40em] translate-y-[-50em]\">\n            <Image className=\"rotate-180\" src={Chartreuse} alt=\"Raraity\" />\n          </div>\n        </div>\n        {/* Wave Below Navbar */}\n        <div>\n          {/* Top wavy SVG */}\n          <svg\n            className=\"absolute inset-x-0 top-[-45px] h-1/6 w-screen\"\n            viewBox=\"100 0 1000 100\"\n            preserveAspectRatio=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              fill=\"#FFFFFF\"\n              d=\"M0 33C240 90 480 10 720 33C960 57 1200 -20 1440 33V0H0V33Z\"\n            />\n\n            <path\n              fill=\"#FFFFFF\"\n              d=\"M0 50C240 90 480 60 720 50C960 40 1200 90 1440 50V15H0V50Z\"\n            />\n          </svg>\n        </div>\n        <div className=\"bg-white h-[80vh] w-[95vw] md:w-[90vw] rounded-xl sm:p-2 md:p-0 md:pt-2 relative translate-y-[1em] overflow-x-hidden overflow-y-auto\">\n          {children}\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default ContentLayout;\n","import React, { useEffect } from \"react\";\nimport { useRouter } from \"next/router\";\nimport { useAuthenticator } from \"@aws-amplify/ui-react\";\nimport dynamic from \"next/dynamic\";\nimport useSWR from \"swr\";\nimport LogRocket from \"logrocket\";\nimport type { GetServerSideProps } from \"next\";\nimport { fetchUserAttributes } from \"@aws-amplify/auth/server\";\nimport ContentLayout from \"../components/Layout/ContentLayout\";\nimport { fetchPostJSON } from \"../utils/api-helpers\";\nimport { runWithAmplifyServerContext } from \"../utils/amplifyServerUtils\";\nimport { RemainingApiResponseData } from \"../src/types\";\n\nconst CreateStoryComponent = dynamic(() => import(\"../components/CreateStory\"));\n\nexport const getServerSideProps: GetServerSideProps = async ({ req, res }) => {\n  try {\n    const userAttributes = await runWithAmplifyServerContext({\n      nextServerContext: { request: req, response: res },\n      operation: (contextSpec) => fetchUserAttributes(contextSpec),\n    });\n    return {\n      props: {\n        email: userAttributes.email,\n      },\n    };\n  } catch (err) {\n    console.log(err);\n    return {\n      props: {\n        email: null,\n      },\n    };\n  }\n};\n\nfunction CreateStory({ email }) {\n  const router = useRouter();\n  const { authStatus, user } = useAuthenticator((context) => [\n    context.authStatus,\n    context.user,\n  ]);\n\n  useEffect(() => {\n    if (authStatus === \"unauthenticated\") {\n      router.push(\"/login\");\n    }\n    if (authStatus === \"authenticated\" && user) {\n      LogRocket.log(\"Adding user attribute...\");\n      LogRocket.identify(`'${email}'`);\n    }\n  }, [authStatus, user, router, email]);\n\n  const { data } = useSWR<RemainingApiResponseData>(\"/api/remaining\", () =>\n    fetchPostJSON(\"/api/remaining\", {\n      id: user.userId,\n    }),\n  );\n\n  let discover: boolean = false;\n  const { feeling, subject, subOption, medium, styles, color } = router.query;\n  if (feeling || subject || subOption || medium || styles || color) {\n    discover = true;\n  }\n\n  if (!data) {\n    return null;\n  }\n  return (\n    <ContentLayout title=\"CreateFlow\">\n      <CreateStoryComponent\n        feeling={feeling}\n        subject={subject}\n        subOption={subOption}\n        medium={medium}\n        styles={styles}\n        color={color}\n        discover={discover}\n        remainingCredits={data.remainingGenerations}\n      />\n    </ContentLayout>\n  );\n}\n\nexport default CreateStory;\n"],"names":["fetchGetJSON","url","fetch","then","res","json","err","Error","message","fetchPostJSON","data","response","method","mode","cache","credentials","headers","redirect","referrerPolicy","body","JSON","stringify","Header","dynamic","ContentLayout","children","title","div","className","style","backgroundColor","Image","src","Chartreuse","alt","svg","viewBox","preserveAspectRatio","xmlns","path","fill","d","CreateStoryComponent","CreateStory","email","router","useRouter","authStatus","user","useAuthenticator","context","useEffect","push","LogRocket","useSWR","id","userId","discover","feeling","subject","subOption","medium","styles","color","query","remainingCredits","remainingGenerations"],"sourceRoot":"","ignoreList":[]}