{"version":3,"file":"static/chunks/app/invitation/v2/page-51b2b49926fab68b.js","mappings":"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","sources":["webpack://_N_E/?b1f6","webpack://_N_E/./app/_components/common/Image/Image.tsx","webpack://_N_E/./app/_components/common/Image/index.ts","webpack://_N_E/./app/_components/inapp/invitation/BottomGuide.tsx","webpack://_N_E/./app/_components/inapp/invitation/index.tsx","webpack://_N_E/./configs/settings.ts"],"sourcesContent":["import(/* webpackMode: \"eager\", webpackExports: [\"default\"] */ \"/codebuild/output/src3336990293/src/elecle-frontend/apps/service-inapp/app/_components/inapp/invitation/index.tsx\");\n","export const Image = (props: {\n  src: string;\n  alt: string;\n  height?: number;\n  width?: number | string;\n  style?: React.CSSProperties;\n  className?: string;\n  loading?: \"lazy\" | \"eager\";\n  onClick?: () => unknown;\n}) => {\n  return <img alt=\"\" {...props} />;\n};\n","import { Image } from \"./Image\";\n\nexport { Image };\n","import { Typography } from \"design-system-ui\";\nimport { useState } from \"react\";\nimport { Image } from \"@/app/_components/common/Image\";\n\ninterface Props {\n  code: string | string[];\n}\n\nconst BottomGuide = ({ code }: Props) => {\n  const [isClicked, setIsClicked] = useState(false);\n\n  const handleClick = () => {\n    setIsClicked(!isClicked);\n  };\n\n  return (\n    <>\n      <BottomFixedBar isClicked={isClicked} onClick={handleClick}>\n        <BottomText>\n          이벤트 참여 전 확인하세요\n          <ArrowImage\n            isClicked={isClicked}\n            src=\"/images/invitation/chevron_bottom.png\"\n            alt=\"arrow_image\"\n          />\n        </BottomText>\n      </BottomFixedBar>\n      {isClicked && (\n        <InviteGuide>\n          <Typography\n            variant=\"body4\"\n            as=\"div\"\n            color=\"gray500\"\n            fontWeight=\"bold\"\n            className=\"tw-pb-12\"\n          >\n            친구 초대 이벤트 안내\n          </Typography>\n\n          <Typography variant=\"body4\" as=\"div\" color=\"gray500\">\n            본 이벤트는 쏘카일레클 사용자가 비회원 지인을 초대 후, 해당 지인이\n            쏘카일레클 앱에 가입하면 쿠폰이 지급되는 이벤트입니다. 단, 초대자는\n            가입자가 첫번째 라이딩을 마쳐야 쿠폰이 지급됩니다. <br /> <br />본\n            이벤트는 초대받은 링크를 통해 가입한 지인이 생애 첫 가입자일\n            경우에만 지급되며, 기존 탈퇴 이력이 있는 가입자의 경우 쿠폰 지급이\n            불가합니다. <br /> <br />\n            가입 후 쿠폰이 발급되지 않는 경우 첫 번째 이용을 하기 전에 초대받은\n            가입자가 결제 메뉴에서 프로모션 코드를 직접 입력할 수 있습니다.{\" \"}\n            (프로모션 코드 : {code}) <br /> <br />\n            쿠폰의 유효기한은 발급 후 30일입니다. <br /> <br />본 이벤트는 회사\n            상황에 따라 사전 공지 없이 서비스 정책 및 내용이 변경되거나 종료될\n            수 있습니다.\n          </Typography>\n        </InviteGuide>\n      )}\n    </>\n  );\n};\n\nexport default BottomGuide;\n\nexport const BottomFixedBar = ({ children, isClicked, onClick }) => {\n  return (\n    <div\n      onClick={onClick}\n      className={`tw-bg-gray100 tw-h-[63px] tw-flex tw-text-lg tw-bottom-0 tw-mt-[24px] tw-left-0 tw-text-gray400 tw-w-full ${\n        isClicked ? \"\" : \"tw-text-center \"\n      }`}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst BottomText = ({ children }) => {\n  return <div className=\"tw-text-center tw-w-full tw-m-auto\">{children}</div>;\n};\n\nconst ArrowImage = ({ src, alt, isClicked }) => {\n  return (\n    <Image\n      src={src}\n      alt={alt}\n      className={`tw-inline-block tw-ml-6 tw--mb-[6px] tw-w-[24px] tw-h-[24px] transition-all duration-200 ease-in-out ${\n        isClicked ? \"tw-transform tw-rotate-180\" : \"\"\n      }`}\n    />\n  );\n};\n\nconst InviteGuide = ({ children }) => {\n  return (\n    <div className=\"tw-text-[14px] tw-px-[30px] tw-bg-gray100 tw-p-[24px] tw-pb-[88px]\">\n      {children}\n    </div>\n  );\n};\n","\"use client\";\n\nimport { Button, Typography } from \"design-system-ui\";\nimport BottomGuide from \"@/app/_components/inapp/invitation/BottomGuide\";\nimport { settings } from \"@/configs/settings\";\n\ninterface Props {\n  code: string;\n}\n\nconst InvitationContent = ({ code }: Props) => {\n  return (\n    <Container>\n      <div className=\"tw-mx-24\">\n        <InvitationLetter>💌</InvitationLetter>\n        <Typography variant=\"heading1\" as=\"div\" color=\"gray600\">\n          이 초대장으로 가입하면\n          <br />\n          1,000원 무료쿠폰을 드려요\n        </Typography>\n        <Typography\n          variant=\"body4\"\n          as=\"div\"\n          className=\"tw-pt-[24px]\"\n          color=\"gray500\"\n        >\n          아래 친구가 보낸 쿠폰 받기 버튼을 눌러 앱 설치 후 가입을 완료하면\n          쿠폰이 발급됩니다\n        </Typography>\n      </div>\n      <div>\n        <div className=\"tw-mx-24\">\n          <Button\n            as=\"a\"\n            href={`${settings.DEEPLINK_URL}/inviation?code=${code}`}\n            className=\"tw-no-underline tw-mt-24\"\n          >\n            친구가 보낸 쿠폰 받기\n          </Button>\n        </div>\n\n        <BottomGuide code={code} />\n      </div>\n    </Container>\n  );\n};\n\nexport default InvitationContent;\n\nconst Container = ({ children }) => {\n  return (\n    <div className=\"tw-w-full tw-h-full tw-max-w-[640px] tw-relative tw-flex tw-flex-col tw-justify-between\">\n      {children}\n    </div>\n  );\n};\n\nconst InvitationLetter = ({ children }) => {\n  return (\n    <div className=\"tw-text-[48px] tw-pt-[120px] tw-pb-[12px]\">{children}</div>\n  );\n};\n","type Settings = {\n  DOMAIN: string;\n  API_DOMAIN: string;\n  CDN_DOMAIN: string;\n  DEEPLINK_URL: string;\n  MODE?: string;\n  GA_ID?: string;\n};\n\nconst ENV_MODE = process.env.NEXT_PUBLIC_MODE;\nconst GA_ID = process.env.NEXT_PUBLIC_GA_ID;\n\nconst devDefaultSettings: Settings = {\n  DOMAIN: \"https://app.elecle.me\",\n  API_DOMAIN: \"https://api.elecle.me\",\n  CDN_DOMAIN: \"https://d12plrb6tqz2pw.cloudfront.net/assets\",\n  DEEPLINK_URL: \"https://pyces.test-app.link\",\n  GA_ID\n};\n\nconst prodDefaultSettings: Settings = {\n  DOMAIN: \"https://app.elecle.bike\",\n  API_DOMAIN: \"https://api.elecle.bike\",\n  CDN_DOMAIN: \"https://cdn.elecle.bike/assets\",\n  DEEPLINK_URL: \"https://matrix.elecle.bike\",\n  GA_ID\n};\n\nconst environmentSettings: { [key: string]: Settings } = {\n  development: {\n    ...devDefaultSettings,\n    MODE: \"development\"\n  },\n  production: {\n    ...prodDefaultSettings,\n    MODE: \"production\"\n  }\n};\n\nexport const settings: Partial<Settings> = {\n  ...environmentSettings[ENV_MODE]\n};\n\nexport const IMP_CODE = \"imp92659568\";\n"],"names":["Promise","resolve","then","__webpack_require__","bind","Image","props","jsx_runtime","jsx","img","alt","invitation_BottomGuide","param","code","useState","isClicked","setIsClicked","jsxs","Fragment","BottomFixedBar","onClick","BottomText","ArrowImage","src","InviteGuide","Typography","variant","as","color","fontWeight","className","br","children","div","concat","invitation","Container","InvitationLetter","Button","href","settings","DEEPLINK_URL","BottomGuide","GA_ID","process","environmentSettings","development","_swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_0__","_","_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_1__","DOMAIN","API_DOMAIN","CDN_DOMAIN","devDefaultSettings","MODE","production","prodDefaultSettings","IMP_CODE"],"sourceRoot":""}