ui-landing-page 6.1.0

package/dist/chunk-FLCPH2Y3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineHomeSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineLetterSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineGreetingSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineTheFaceShopHomeSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineTheFaceShopLetterSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/Valentine/ValentineTheFaceShopGreetingSection.tsx"],"names":["ValentineHomeSection","props","sectionData","id","audioRef","useRef","registerMedia","unregisterMedia","play","pause","getMediaStatus","useMedia","isPlaying","audioValue","useEffect","handlePlayAudio","handlePauseAudio","imageVariants","jsxs","SectionFullScreen_default","jsx","SpeakerSimpleHigh","SpeakerSimpleSlash","motion","Image","ValentineHomeSection_default","ValentineLetterSectionUI","title","letter","titleValue","letterValue","getContentFromLexicalValue","GreetingWidget","index","isRounded","className","setActiveWidget","activeWidget","translateDirection","imageUrl","description","cn","ValentineGreetingSectionUI","greeting_1","greeting_2","greeting_3","greeting1","greeting2","greeting3","greeting1Image","greeting1Description","greeting2Image","greeting2Description","greeting3Image","greeting3Description","useState","ValentineTheFaceShopHomeSection_default"],"mappings":"mXAUA,IAAMA,EAAuDC,CAAAA,EAAU,CACrE,GAAM,CAAE,WAAA,CAAAC,CAAY,CAAA,CAAID,CAAAA,CAClBE,CAAAA,CAAKF,CAAAA,CAAM,EAAA,CACXG,CAAAA,CAAWC,MAAAA,CAAyB,IAAI,CAAA,CACxC,CAAE,cAAAC,CAAAA,CAAe,eAAA,CAAAC,CAAAA,CAAiB,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,cAAA,CAAAC,CAAe,CAAA,CAClEC,CAAAA,EAAS,CAELC,CAAAA,CAAYF,CAAAA,CAAeP,CAAE,CAAA,GAAM,UAEnCU,CAAAA,CAAaX,CAAAA,EAAa,KAAA,EAAO,KAAA,EAAO,GAAA,CAE9CY,SAAAA,CAAU,KACJV,CAAAA,CAAS,OAAA,EACXE,CAAAA,CAAc,CACZ,EAAA,CAAAH,CAAAA,CACA,IAAA,CAAM,OAAA,CACN,OAAA,CAASC,CAAAA,EAAU,OACrB,CAAC,CAAA,CAGI,IAAM,CACXG,CAAAA,CAAgBJ,CAAE,EACpB,CAAA,CAAA,CACC,EAAE,CAAA,CAEL,IAAMY,CAAAA,CAAkB,IAAM,CAC5BP,CAAAA,CAAKL,CAAE,EACT,CAAA,CAEMa,CAAAA,CAAmB,IAAM,CAC7BP,CAAAA,CAAMN,CAAE,EACV,CAAA,CAEMc,CAAAA,CAA0B,CAC9B,OAAA,CAAS,CAAE,CAAA,CAAG,EAAG,OAAA,CAAS,CAAE,CAAA,CAC5B,OAAA,CAAS,CAAE,CAAA,CAAG,MAAA,CAAQ,OAAA,CAAS,CAAE,CACnC,CAAA,CAEA,OACEC,IAAAA,CAACC,CAAAA,CAAA,CACC,IAAA,CAAMhB,EACN,SAAA,CAAU,CAAA;AAAA;AAAA,MAAA,CAAA,CAIV,QAAA,CAAA,CAAAiB,GAAAA,CAAC,OAAA,CAAA,CAAM,GAAA,CAAKhB,CAAAA,CAAU,GAAA,CAAKS,CAAAA,CAAY,SAAA,CAAU,QAAA,CAAS,CAAA,CACzDA,CAAAA,EACCO,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,2DAAA,CACZ,QAAA,CAACR,CAAAA,CAQAQ,GAAAA,CAACC,iBAAAA,CAAA,CACC,IAAA,CAAM,EAAA,CACN,MAAA,CAAO,MAAA,CACP,KAAA,CAAM,OAAA,CACN,OAAA,CAASL,CAAAA,CACX,CAAA,CAZAI,IAACE,kBAAAA,CAAA,CACC,IAAA,CAAM,EAAA,CACN,MAAA,CAAO,MAAA,CACP,KAAA,CAAM,OAAA,CACN,OAAA,CAASP,CAAAA,CACX,CAAA,CASJ,CAAA,CAGFK,GAAAA,CAACG,MAAAA,CAAO,GAAA,CAAP,CACC,UAAA,CAAY,CAAE,QAAA,CAAU,CAAE,CAAA,CAC1B,QAAA,CAAUN,CAAAA,CACV,WAAA,CAAY,SAAA,CACZ,SAAA,CAAU,yCAAA,CAEV,QAAA,CAAAG,GAAAA,CAACI,WAAAA,CAAA,CACC,GAAA,CAAI,0FAAA,CACJ,GAAA,CAAI,oBAAA,CACJ,KAAA,CAAO,KAAA,CACP,SAAA,CAAU,gBAAA,CACZ,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CAAA,CAEOC,CAAAA,CAAQzB,EChFA,SAAR0B,CAAAA,CACLzB,EACA,CACA,GAAM,CAAE,EAAA,CAAAE,CAAAA,CAAI,WAAA,CAAAD,CAAY,CAAA,CAAID,CAAAA,CAEtB,CAAE,KAAA,CAAA0B,CAAAA,CAAO,MAAA,CAAAC,CAAO,CAAA,CAAI,CAAE,GAAG1B,CAAY,CAAA,CACrC2B,CAAAA,CAAaF,CAAAA,EAAO,KAAA,CACpBG,CAAAA,CAAcC,0BAAAA,CAA2BH,CAAAA,EAAQ,KAAK,CAAA,CAE5D,OACER,GAAAA,CAACD,CAAAA,CAAA,CACC,IAAA,CAAMhB,CAAAA,CACN,SAAA,CAAU,mEAAA,CAEV,QAAA,CAAAe,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qDAAA,CACZ,QAAA,CAAA,CAAAW,CAAAA,EACCT,GAAAA,CAAC,GAAA,CAAA,CAAE,SAAA,CAAU,8EAAA,CACV,QAAA,CAAAS,CAAAA,CACH,CAAA,CAEFT,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,sCAAA,CACZ,QAAA,CAAAU,CAAAA,CACH,CAAA,CACAV,GAAAA,CAACI,WAAAA,CAAA,CACC,GAAA,CAAI,0FAAA,CACJ,IAAI,WAAA,CACJ,KAAA,CAAO,EAAA,CACT,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CCvBA,IAAMQ,CAAAA,CAAiB,CAAC,CACtB,KAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CAAY,KAAA,CACZ,SAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CAAqB,MAAA,CACrB,QAAA,CAAAC,CAAAA,CAAW,0FAAA,CACX,WAAA,CAAAC,CAAAA,CAAc,sBAChB,CAAA,GAUEtB,IAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWiB,CAAAA,CACX,OAAA,CAAS,IAAM,CACbC,CAAAA,CAAgBC,CAAAA,GAAiBJ,CAAAA,CAAQ,IAAA,CAAOA,CAAK,EACvD,CAAA,CAEA,QAAA,CAAA,CAAAb,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWqB,EAAAA,CACT,uGAAA,CACAP,CAAAA,CAAY,cAAA,CAAiB,YAAA,CAC7BG,CAAAA,GAAiBJ,CAAAA,CACbK,CAAAA,GAAuB,MAAA,CACrB,uCAAA,CACA,sCAAA,CACF,EACN,CAAA,CAEA,QAAA,CAAAlB,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gHAAA,CACb,QAAA,CAAAA,GAAAA,CAAC,GAAA,CAAA,CAAE,SAAA,CAAU,oEAAA,CACV,QAAA,CAAAoB,EACH,CAAA,CACF,CAAA,CACF,CAAA,CACApB,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWqB,EAAAA,CACT,8EAAA,CACAP,CAAAA,EAAa,cACf,CAAA,CAEC,QAAA,CAAAK,CAAAA,EACCnB,GAAAA,CAACI,WAAAA,CAAA,CACC,GAAA,CAAKe,CAAAA,CACL,GAAA,CAAI,gBAAA,CACJ,SAAA,CAAU,4BAAA,CACZ,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAGa,SAARG,CAAAA,CACLzC,CAAAA,CACA,CACA,GAAM,CAAE,EAAA,CAAAE,CAAAA,CAAI,WAAA,CAAAD,CAAY,CAAA,CAAID,CAAAA,CAEtB,CAAE,UAAA,CAAA0C,CAAAA,CAAY,UAAA,CAAAC,CAAAA,CAAY,UAAA,CAAAC,CAAW,CAAA,CAAI,CAC7C,GAAG3C,CACL,CAAA,CAEM4C,CAAAA,CAAYH,CAAAA,EAAY,KAAA,CACxBI,CAAAA,CAAYH,CAAAA,EAAY,KAAA,CACxBI,CAAAA,CAAYH,CAAAA,EAAY,KAAA,CAExBI,CAAAA,CAAiBH,CAAAA,EAAW,KAAA,EAAO,IACnCI,CAAAA,CAAuBJ,CAAAA,EAAW,WAAA,CAElCK,CAAAA,CAAiBJ,CAAAA,EAAW,KAAA,EAAO,GAAA,CACnCK,CAAAA,CAAuBL,CAAAA,EAAW,WAAA,CAClCM,CAAAA,CAAiBL,CAAAA,EAAW,KAAA,EAAO,GAAA,CACnCM,CAAAA,CAAuBN,CAAAA,EAAW,WAAA,CAElC,CAACX,CAAAA,CAAcD,CAAe,CAAA,CAAImB,QAAAA,CAAwB,IAAI,CAAA,CAEpE,OACEnC,GAAAA,CAACD,CAAAA,CAAA,CACC,IAAA,CAAMhB,CAAAA,CACN,UAAU,8KAAA,CAEV,QAAA,CAAAe,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,wBAAA,CACb,QAAA,CAAA,CAAAE,GAAAA,CAACY,CAAAA,CAAA,CACC,KAAA,CAAO,CAAA,CACP,YAAA,CAAcK,CAAAA,CACd,eAAA,CAAiBD,CAAAA,CACjB,SAAA,CAAU,0CAAA,CACV,QAAA,CAAUa,CAAAA,CACV,WAAA,CAAaC,CAAAA,CACf,CAAA,CACA9B,GAAAA,CAACY,CAAAA,CAAA,CACC,KAAA,CAAO,CAAA,CACP,SAAA,CAAS,IAAA,CACT,aAAcK,CAAAA,CACd,eAAA,CAAiBD,CAAAA,CACjB,kBAAA,CAAmB,OAAA,CACnB,SAAA,CAAU,wDAAA,CACV,QAAA,CAAUe,CAAAA,CACV,WAAA,CAAaC,CAAAA,CACf,CAAA,CAEAhC,GAAAA,CAACY,CAAAA,CAAA,CACC,KAAA,CAAO,CAAA,CACP,YAAA,CAAcK,CAAAA,CACd,eAAA,CAAiBD,CAAAA,CACjB,SAAA,CAAU,4EAAA,CACV,QAAA,CAAUiB,CAAAA,CACV,WAAA,CAAaC,CAAAA,CACf,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CCnIA,IAAMtD,CAAAA,CAAuDC,CAAAA,EAAU,CACrE,GAAM,CAAE,WAAA,CAAAC,CAAY,CAAA,CAAID,CAAAA,CAClBE,EAAKF,CAAAA,CAAM,EAAA,CACXG,CAAAA,CAAWC,MAAAA,CAAyB,IAAI,CAAA,CACxC,CAAE,aAAA,CAAAC,CAAAA,CAAe,eAAA,CAAAC,CAAAA,CAAiB,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,cAAA,CAAAC,CAAe,CAAA,CAClEC,CAAAA,EAAS,CAELC,CAAAA,CAAYF,CAAAA,CAAeP,CAAE,CAAA,GAAM,SAAA,CAEnCU,CAAAA,CAAaX,CAAAA,EAAa,KAAA,EAAO,KAAA,EAAO,GAAA,CAE9C,OAAAY,SAAAA,CAAU,KACJV,CAAAA,CAAS,OAAA,EACXE,CAAAA,CAAc,CACZ,EAAA,CAAAH,CAAAA,CACA,IAAA,CAAM,OAAA,CACN,OAAA,CAASC,CAAAA,EAAU,OACrB,CAAC,CAAA,CAGI,IAAM,CACXG,CAAAA,CAAgBJ,CAAE,EACpB,CAAA,CAAA,CACC,EAAE,CAAA,CAWHe,IAAAA,CAACC,CAAAA,CAAA,CACC,IAAA,CAAMhB,CAAAA,CACN,SAAA,CAAU,CAAA;AAAA;AAAA,MAAA,CAAA,CAIV,UAAAiB,GAAAA,CAAC,OAAA,CAAA,CAAM,IAAKhB,CAAAA,CAAU,GAAA,CAAKS,EAAY,SAAA,CAAU,QAAA,CAAS,EACzDA,CAAAA,EACCO,GAAAA,CAAC,OAAI,SAAA,CAAU,2DAAA,CACZ,SAACR,CAAAA,CAQAQ,GAAAA,CAACC,kBAAA,CACC,IAAA,CAAM,EAAA,CACN,MAAA,CAAO,OACP,KAAA,CAAM,OAAA,CACN,QA1Ba,IAAM,CAC7BZ,EAAMN,CAAE,EACV,EAyBU,CAAA,CAZAiB,GAAAA,CAACE,mBAAA,CACC,IAAA,CAAM,GACN,MAAA,CAAO,MAAA,CACP,MAAM,OAAA,CACN,OAAA,CAvBY,IAAM,CAC5Bd,EAAKL,CAAE,EACT,EAsBU,CAAA,CASJ,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAEOqD,EAAAA,CAAQxD,EC5DA,SAAR0B,CAAAA,CACLzB,CAAAA,CACA,CACA,GAAM,CAAE,GAAAE,CAAAA,CAAI,WAAA,CAAAD,CAAY,CAAA,CAAID,CAAAA,CAEtB,CAAE,MAAA,CAAA2B,CAAO,EAAI,CAAE,GAAG1B,CAAY,CAAA,CAC9B4B,CAAAA,CAAcC,0BAAAA,CAA2BH,CAAAA,EAAQ,KAAK,CAAA,CAE5D,OACER,IAACD,CAAAA,CAAA,CACC,KAAMhB,CAAAA,CACN,SAAA,CAAU,6KAEV,QAAA,CAAAe,IAAAA,CAAC,OAAI,SAAA,CAAU,kDAAA,CACb,UAAAE,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,2EAAA,CACZ,QAAA,CAAAU,CAAAA,CACH,CAAA,CACAV,IAACI,WAAAA,CAAA,CACC,IAAI,0FAAA,CACJ,GAAA,CAAI,YACJ,KAAA,CAAO,EAAA,CACT,GACF,CAAA,CACF,CAEJ,CChBA,IAAMQ,EAAiB,CAAC,CACtB,MAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,KAAA,CACZ,SAAA,CAAAC,EACA,eAAA,CAAAC,CAAAA,CACA,aAAAC,CAAAA,CACA,kBAAA,CAAAC,EAAqB,MAAA,CACrB,QAAA,CAAAC,EAAW,0FAAA,CACX,WAAA,CAAAC,EAAc,sBAChB,CAAA,GAUEtB,KAAC,KAAA,CAAA,CACC,SAAA,CAAWiB,EACX,OAAA,CAAS,IAAM,CACbC,CAAAA,CAAgBC,CAAAA,GAAiBJ,EAAQ,IAAA,CAAOA,CAAK,EACvD,CAAA,CAEA,UAAAb,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWqB,EAAAA,CACT,yGAAA,CACAP,EAAY,cAAA,CAAiB,YAAA,CAC7BG,IAAiBJ,CAAAA,CACbK,CAAAA,GAAuB,OACrB,uCAAA,CACA,sCAAA,CACF,EACN,CAAA,CAEA,QAAA,CAAAlB,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gHAAA,CACb,QAAA,CAAAA,IAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qEACV,QAAA,CAAAoB,CAAAA,CACH,EACF,CAAA,CACF,CAAA,CACApB,IAAC,KAAA,CAAA,CACC,SAAA,CAAWqB,GACT,8EAAA,CACAP,CAAAA,EAAa,cACf,CAAA,CAEC,QAAA,CAAAK,GACCnB,GAAAA,CAACI,WAAAA,CAAA,CACC,GAAA,CAAKe,EACL,GAAA,CAAI,gBAAA,CACJ,UAAU,4BAAA,CACZ,CAAA,CAEJ,GACF,CAAA,CAGa,SAARG,EACLzC,CAAAA,CACA,CACA,GAAM,CAAE,EAAA,CAAAE,EAAI,WAAA,CAAAD,CAAY,EAAID,CAAAA,CAEtB,CAAE,WAAA0C,CAAAA,CAAY,UAAA,CAAAC,EAAY,UAAA,CAAAC,CAAW,EAAI,CAC7C,GAAG3C,CACL,CAAA,CAEM4C,CAAAA,CAAYH,GAAY,KAAA,CACxBI,CAAAA,CAAYH,GAAY,KAAA,CACxBI,CAAAA,CAAYH,GAAY,KAAA,CAExBI,CAAAA,CAAiBH,GAAW,KAAA,EAAO,GAAA,CACnCI,CAAAA,CAAuBJ,CAAAA,EAAW,YAElCK,CAAAA,CAAiBJ,CAAAA,EAAW,OAAO,GAAA,CACnCK,CAAAA,CAAuBL,GAAW,WAAA,CAElCM,CAAAA,CAAiBL,GAAW,KAAA,EAAO,GAAA,CACnCM,EAAuBN,CAAAA,EAAW,WAAA,CAElC,CAACX,CAAAA,CAAcD,CAAe,EAAImB,QAAAA,CAAwB,IAAI,CAAA,CAEpE,OACEnC,IAACD,CAAAA,CAAA,CACC,KAAMhB,CAAAA,CACN,SAAA,CAAU,0KAEV,QAAA,CAAAe,IAAAA,CAAC,OAAI,SAAA,CAAU,wBAAA,CACb,UAAAE,GAAAA,CAACY,CAAAA,CAAA,CACC,KAAA,CAAO,CAAA,CACP,aAAcK,CAAAA,CACd,eAAA,CAAiBD,CAAAA,CACjB,SAAA,CAAU,2CACV,QAAA,CAAUa,CAAAA,CACV,YAAaC,CAAAA,CACf,CAAA,CACA9B,IAACY,CAAAA,CAAA,CACC,MAAO,CAAA,CACP,SAAA,CAAS,KACT,YAAA,CAAcK,CAAAA,CACd,gBAAiBD,CAAAA,CACjB,kBAAA,CAAmB,QACnB,SAAA,CAAU,2DAAA,CACV,SAAUe,CAAAA,CACV,WAAA,CAAaC,EACf,CAAA,CAEAhC,GAAAA,CAACY,EAAA,CACC,KAAA,CAAO,EACP,YAAA,CAAcK,CAAAA,CACd,gBAAiBD,CAAAA,CACjB,SAAA,CAAU,6EACV,QAAA,CAAUiB,CAAAA,CACV,YAAaC,CAAAA,CACf,CAAA,CAAA,CACF,EACF,CAEJ","file":"chunk-FLCPH2Y3.js","sourcesContent":["import { FC, useEffect, useRef } from \"react\";\nimport { motion, Variants } from \"framer-motion\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport { SpeakerSimpleSlash } from \"@phosphor-icons/react\";\nimport { SpeakerSimpleHigh } from \"@phosphor-icons/react\";\nimport { useMedia } from \"../../../../hooks/audio\";\n\nexport interface ValentineHomeSectionProps extends BaseSectionProps {}\nconst ValentineHomeSection: FC<ValentineHomeSectionProps> = (props) => {\n  const { sectionData } = props;\n  const id = props.id!;\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const { registerMedia, unregisterMedia, play, pause, getMediaStatus } =\n    useMedia();\n\n  const isPlaying = getMediaStatus(id) === \"playing\";\n\n  const audioValue = sectionData?.audio?.value?.url;\n\n  useEffect(() => {\n    if (audioRef.current) {\n      registerMedia({\n        id,\n        type: \"audio\",\n        element: audioRef?.current,\n      });\n    }\n\n    return () => {\n      unregisterMedia(id);\n    };\n  }, []);\n\n  const handlePlayAudio = () => {\n    play(id);\n  };\n\n  const handlePauseAudio = () => {\n    pause(id);\n  };\n\n  const imageVariants: Variants = {\n    initial: { y: 0, opacity: 0 },\n    animate: { y: \"-25%\", opacity: 1 },\n  };\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"relative flex justify-center items-center\n       bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/bg-home-default.png')] bg-cover bg-center\n      \"\n    >\n      <audio ref={audioRef} src={audioValue} className=\"hidden\" />\n      {audioValue && (\n        <div className=\"fixed z-20 bottom-0 right-0 p-2 text-white cursor-pointer\">\n          {!isPlaying ? (\n            <SpeakerSimpleSlash\n              size={28}\n              weight=\"fill\"\n              color=\"white\"\n              onClick={handlePlayAudio}\n            />\n          ) : (\n            <SpeakerSimpleHigh\n              size={28}\n              weight=\"fill\"\n              color=\"white\"\n              onClick={handlePauseAudio}\n            />\n          )}\n        </div>\n      )}\n\n      <motion.div\n        transition={{ duration: 1 }}\n        variants={imageVariants}\n        whileInView=\"animate\"\n        className=\"flex justify-center items-center w-full\"\n      >\n        <Image\n          src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/home-widget-min.webp\"\n          alt=\"valentine-material\"\n          width={\"80%\"}\n          className=\"object-contain\"\n        />\n      </motion.div>\n    </SectionFullScreen>\n  );\n};\n\nexport default ValentineHomeSection;\n","import { getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { Field } from \"../../types/base\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\n\nexport interface ValentineLetterSectionProps extends BaseSectionProps {}\n\ninterface ValentineLetterData {\n  title: Field<string>;\n  letter: Field<any>;\n}\n\nexport default function ValentineLetterSectionUI(\n  props: ValentineLetterSectionProps\n) {\n  const { id, sectionData } = props;\n\n  const { title, letter } = { ...sectionData } as ValentineLetterData;\n  const titleValue = title?.value;\n  const letterValue = getContentFromLexicalValue(letter?.value);\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"flex justify-center items-center p-5 bg-[#E95E6D] overflow-hidden\"\n    >\n      <div className=\"flex flex-col gap-4 items-center text-white/85 px-2\">\n        {titleValue && (\n          <p className=\"text-[90px] text-center leading-[80%] font-amstirdam line-clamp-3 max-w-full\">\n            {titleValue}\n          </p>\n        )}\n        <div className=\"text-base line-clamp-[20] max-w-full\">\n          {letterValue}\n        </div>\n        <Image\n          src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png\"\n          alt=\"love-icon\"\n          width={85}\n        />\n      </div>\n    </SectionFullScreen>\n  );\n}\n","import { cn } from \"@phygitallabs/helpers\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { Field } from \"../../types/base\";\nimport { Media } from \"../../../../models/general\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport { useState } from \"react\";\n\nexport interface ValentineGreetingSectionProps extends BaseSectionProps {}\n\ninterface GreetingItem {\n  image: Media;\n  description: string;\n}\n\ninterface ValentineGreetingSectionData {\n  greeting_1: Field<GreetingItem>;\n  greeting_2: Field<GreetingItem>;\n  greeting_3: Field<GreetingItem>;\n}\n\nconst GreetingWidget = ({\n  index,\n  isRounded = false,\n  className,\n  setActiveWidget,\n  activeWidget,\n  translateDirection = \"left\",\n  imageUrl = \"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png\",\n  description = \"my greatest blessing\",\n}: {\n  index: number;\n  isRounded?: boolean;\n  className: string;\n  setActiveWidget: (index: number | null) => void;\n  activeWidget: number | null;\n  translateDirection?: \"left\" | \"right\";\n  imageUrl?: string;\n  description?: string;\n}) => (\n  <div\n    className={className}\n    onClick={() => {\n      setActiveWidget(activeWidget === index ? null : index);\n    }}\n  >\n    <div\n      className={cn(\n        \"absolute top-0 left-0 w-full shadow-lg shadow-black/25 h-full bg-gradient-valentine z-10 duration-500\",\n        isRounded ? \"rounded-full\" : \"rounded-lg\",\n        activeWidget === index\n          ? translateDirection === \"left\"\n            ? \"-translate-x-[100%] translate-y-[80%]\"\n            : \"translate-x-[100%] translate-y-[80%]\"\n          : \"\"\n      )}\n    >\n      <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full flex items-center justify-center p-3 -translate-y-1/2\">\n        <p className=\"text-[#AC1F2D] text-sm font-normal w-full text-center line-clamp-4\">\n          {description}\n        </p>\n      </div>\n    </div>\n    <div\n      className={cn(\n        \"absolute z-0 border-2 scale-[95%] top-0 left-0 w-full h-full overflow-hidden\",\n        isRounded && \"rounded-full\"\n      )}\n    >\n      {imageUrl && (\n        <Image\n          src={imageUrl}\n          alt=\"greeting-image\"\n          className=\"w-full h-full object-cover\"\n        />\n      )}\n    </div>\n  </div>\n);\n\nexport default function ValentineGreetingSectionUI(\n  props: ValentineGreetingSectionProps\n) {\n  const { id, sectionData } = props;\n\n  const { greeting_1, greeting_2, greeting_3 } = {\n    ...sectionData,\n  } as ValentineGreetingSectionData;\n\n  const greeting1 = greeting_1?.value;\n  const greeting2 = greeting_2?.value;\n  const greeting3 = greeting_3?.value;\n\n  const greeting1Image = greeting1?.image?.url;\n  const greeting1Description = greeting1?.description;\n\n  const greeting2Image = greeting2?.image?.url;\n  const greeting2Description = greeting2?.description;\n  const greeting3Image = greeting3?.image?.url;\n  const greeting3Description = greeting3?.description;\n\n  const [activeWidget, setActiveWidget] = useState<number | null>(null);\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"flex justify-center items-center p-5 bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/bg-greeting-default.png')] bg-cover bg-center bg-no-repeat\"\n    >\n      <div className=\"relative w-full h-full\">\n        <GreetingWidget\n          index={0}\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          className=\"absolute h-32 w-32 z-10 top-[15%] left-9\"\n          imageUrl={greeting1Image}\n          description={greeting1Description}\n        />\n        <GreetingWidget\n          index={1}\n          isRounded\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          translateDirection=\"right\"\n          className=\"absolute h-32 w-32 rounded-full z-10 top-[35%] right-9\"\n          imageUrl={greeting2Image}\n          description={greeting2Description}\n        />\n\n        <GreetingWidget\n          index={3}\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          className=\"absolute w-5/6 h-32 rounded-md z-10 left-1/2 -translate-x-1/2 bottom-[13%]\"\n          imageUrl={greeting3Image}\n          description={greeting3Description}\n        />\n      </div>\n    </SectionFullScreen>\n  );\n}\n","import { FC, useEffect, useRef } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { SpeakerSimpleSlash } from \"@phosphor-icons/react\";\nimport { SpeakerSimpleHigh } from \"@phosphor-icons/react\";\nimport { useMedia } from \"../../../../hooks/audio\";\n\nexport interface ValentineHomeSectionProps extends BaseSectionProps {}\nconst ValentineHomeSection: FC<ValentineHomeSectionProps> = (props) => {\n  const { sectionData } = props;\n  const id = props.id!;\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const { registerMedia, unregisterMedia, play, pause, getMediaStatus } =\n    useMedia();\n\n  const isPlaying = getMediaStatus(id) === \"playing\";\n\n  const audioValue = sectionData?.audio?.value?.url;\n\n  useEffect(() => {\n    if (audioRef.current) {\n      registerMedia({\n        id,\n        type: \"audio\",\n        element: audioRef?.current,\n      });\n    }\n\n    return () => {\n      unregisterMedia(id);\n    };\n  }, []);\n\n  const handlePlayAudio = () => {\n    play(id);\n  };\n\n  const handlePauseAudio = () => {\n    pause(id);\n  };\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"relative flex justify-center items-center\n       bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/thefaceshop-1.webp')] bg-cover bg-center\n      \"\n    >\n      <audio ref={audioRef} src={audioValue} className=\"hidden\" />\n      {audioValue && (\n        <div className=\"fixed z-20 bottom-0 right-0 p-2 text-white cursor-pointer\">\n          {!isPlaying ? (\n            <SpeakerSimpleSlash\n              size={28}\n              weight=\"fill\"\n              color=\"white\"\n              onClick={handlePlayAudio}\n            />\n          ) : (\n            <SpeakerSimpleHigh\n              size={28}\n              weight=\"fill\"\n              color=\"white\"\n              onClick={handlePauseAudio}\n            />\n          )}\n        </div>\n      )}\n    </SectionFullScreen>\n  );\n};\n\nexport default ValentineHomeSection;\n","import { getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { Field } from \"../../types/base\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\n\nexport interface ValentineLetterSectionProps extends BaseSectionProps {}\n\ninterface ValentineLetterData {\n  letter: Field<any>;\n}\n\nexport default function ValentineLetterSectionUI(\n  props: ValentineLetterSectionProps\n) {\n  const { id, sectionData } = props;\n\n  const { letter } = { ...sectionData } as ValentineLetterData;\n  const letterValue = getContentFromLexicalValue(letter?.value);\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"flex justify-center items-center p-5 bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/thefaceshop-2.webp')] bg-cover bg-center overflow-hidden\"\n    >\n      <div className=\"flex flex-col gap-4 items-center mt-[200px] px-2\">\n        <div className=\"text-base line-clamp-[20] text-[#AC1F2D] h-[calc(100%-200px)] max-w-full \">\n          {letterValue}\n        </div>\n        <Image\n          src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png\"\n          alt=\"love-icon\"\n          width={85}\n        />\n      </div>\n    </SectionFullScreen>\n  );\n}\n","import { cn } from \"@phygitallabs/helpers\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { Field } from \"../../types/base\";\nimport { Media } from \"../../../../models/general\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport { useState } from \"react\";\n\nexport interface ValentineGreetingSectionProps extends BaseSectionProps {}\n\ninterface GreetingItem {\n  image: Media;\n  description: string;\n}\n\ninterface ValentineGreetingSectionData {\n  greeting_1: Field<GreetingItem>;\n  greeting_2: Field<GreetingItem>;\n  greeting_3: Field<GreetingItem>;\n}\n\nconst GreetingWidget = ({\n  index,\n  isRounded = false,\n  className,\n  setActiveWidget,\n  activeWidget,\n  translateDirection = \"left\",\n  imageUrl = \"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png\",\n  description = \"my greatest blessing\",\n}: {\n  index: number;\n  isRounded?: boolean;\n  className: string;\n  setActiveWidget: (index: number | null) => void;\n  activeWidget: number | null;\n  translateDirection?: \"left\" | \"right\";\n  imageUrl?: string;\n  description?: string;\n}) => (\n  <div\n    className={className}\n    onClick={() => {\n      setActiveWidget(activeWidget === index ? null : index);\n    }}\n  >\n    <div\n      className={cn(\n        \"absolute top-0 left-0 w-full shadow-lg shadow-black/25 h-full bg-gradient-valentine-2 z-10 duration-500\",\n        isRounded ? \"rounded-full\" : \"rounded-lg\",\n        activeWidget === index\n          ? translateDirection === \"left\"\n            ? \"-translate-x-[100%] translate-y-[80%]\"\n            : \"translate-x-[100%] translate-y-[80%]\"\n          : \"\"\n      )}\n    >\n      <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full flex items-center justify-center p-3 -translate-y-1/2\">\n        <p className=\"text-[#AC1F2D] text-sm font-normal w-full text-center line-clamp-4\">\n          {description}\n        </p>\n      </div>\n    </div>\n    <div\n      className={cn(\n        \"absolute z-0 border-2 scale-[95%] top-0 left-0 w-full h-full overflow-hidden\",\n        isRounded && \"rounded-full\"\n      )}\n    >\n      {imageUrl && (\n        <Image\n          src={imageUrl}\n          alt=\"greeting-image\"\n          className=\"w-full h-full object-cover\"\n        />\n      )}\n    </div>\n  </div>\n);\n\nexport default function ValentineGreetingSectionUI(\n  props: ValentineGreetingSectionProps\n) {\n  const { id, sectionData } = props;\n\n  const { greeting_1, greeting_2, greeting_3 } = {\n    ...sectionData,\n  } as ValentineGreetingSectionData;\n\n  const greeting1 = greeting_1?.value;\n  const greeting2 = greeting_2?.value;\n  const greeting3 = greeting_3?.value;\n\n  const greeting1Image = greeting1?.image?.url;\n  const greeting1Description = greeting1?.description;\n\n  const greeting2Image = greeting2?.image?.url;\n  const greeting2Description = greeting2?.description;\n\n  const greeting3Image = greeting3?.image?.url;\n  const greeting3Description = greeting3?.description;\n\n  const [activeWidget, setActiveWidget] = useState<number | null>(null);\n\n  return (\n    <SectionFullScreen\n      name={id}\n      className=\"flex justify-center items-center p-5 bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/thefaceshop-4.webp')] bg-cover bg-center bg-no-repeat\"\n    >\n      <div className=\"relative w-full h-full\">\n        <GreetingWidget\n          index={0}\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          className=\"absolute h-32 w-32 z-10 top-[10%] left-8\"\n          imageUrl={greeting1Image}\n          description={greeting1Description}\n        />\n        <GreetingWidget\n          index={1}\n          isRounded\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          translateDirection=\"right\"\n          className=\"absolute h-32 w-32 rounded-full z-10 top-[31%] right-[9%]\"\n          imageUrl={greeting2Image}\n          description={greeting2Description}\n        />\n\n        <GreetingWidget\n          index={3}\n          activeWidget={activeWidget}\n          setActiveWidget={setActiveWidget}\n          className=\"absolute w-5/6 h-32 rounded-md z-10 left-1/2 -translate-x-1/2 bottom-[20%]\"\n          imageUrl={greeting3Image}\n          description={greeting3Description}\n        />\n      </div>\n    </SectionFullScreen>\n  );\n}\n"]}

package/dist/chunk-FQMDEZOD.js

@@ -0,0 +1,3 @@
+import {o}from'./chunk-LSWFX7YA.js';import {g}from'./chunk-UIPKSEN4.js';import {ImageNomion}from'@phygitallabs/core-ui/components/image-nomion';import {getContentFromLexicalValue}from'@phygitallabs/helpers';import {useState,useRef}from'react';import {twMerge}from'tailwind-merge';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function X({sectionData:y,id:m}){let[i,g$1]=useState(false),[o,b]=useState(0),x=y,{money_rate:v,title:N,description:S,button_label:_,audio:l}=x||{},c=N?.value,d=S?.value,w=v?.value,M="https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/meme-tet.png",k=_?.value||"Nh\u1EADn l\xEC x\xEC",F=l?.value?.url,a=useRef(null),{rate_10:L,rate_20:j,rate_50:R,rate_100:A,rate_200:B,rate_500:E}=w||{rate_10:6,rate_20:5,rate_50:4,rate_100:3,rate_200:2,rate_500:1},V={10:L,20:j,50:R,100:A,200:B,500:E},C=(s=V)=>{let z=Object.values(s).reduce((G,f)=>G+f,0),$=Math.floor(Math.random()*z)+1;return Array.from({length:z},(G,f)=>Object.keys(s)[Math.floor(f/s[Object.keys(s)[f%Object.keys(s).length]])])[$-1]},D=()=>{g$1(true),a.current&&a.current.play(),setTimeout(()=>{let s=Number(C());b(s);},5e3);};return jsxs(g,{className:"min-h-[100vh] bg-[#FBCD60] py-10",name:m,children:[jsx("audio",{src:F,ref:a}),jsxs("div",{className:"flex flex-col items-center justify-start h-full relative pt-10 px-4",children:[!i&&jsxs(Fragment,{children:[c&&jsx("p",{className:"text-4xl font-bold text-[#B52E10] mb-6 text-center",children:c}),d&&jsx("p",{className:"text-base text-[#FAEDCD] mb-6",children:getContentFromLexicalValue(d)}),jsx("button",{className:"px-2 py-1 text-black rounded-md bg-white font-bold",onClick:D,type:"button",children:k}),jsx("div",{className:"h-full flex-1 flex justify-end flex-col",children:jsx(ImageNomion,{src:M,alt:"tet-2025",className:"object-contain !w-auto !h-auto m-auto",width:"auto",height:"auto"})})]}),jsx("div",{className:twMerge("w-full h-full items-center justify-center",i&&!o?"flex":"hidden"),children:jsx(ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tien-lixi.gif",alt:"tet-2025",width:"auto",height:"auto"})}),jsxs("div",{className:twMerge("w-full h-full items-center justify-center relative",o?"flex":"hidden"),children:[jsx("div",{className:"absolute top-0 left-0 z-10",children:jsx(ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/gift-success.gif",alt:"tet-2025",width:"100%",height:"100%"})}),jsx(ImageNomion,{src:`https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/${o}k.webp`,alt:"tet-2025",width:"auto",height:"auto"})]})]})]})}var q=X;function Y({sectionData:y,id:m}){let[i,g$1]=useState(false),[o$1,b]=useState(0),x=y,{money_rate:v,title:N,description:S,button_label:_}=x||{},l=N?.value,c=S?.value,d=v?.value,w="https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/meme-tet.png",M=_?.value||"Nh\u1EADn l\xEC x\xEC",[k,F]=useState(false),a=useRef(null),{rate_10:L,rate_20:j,rate_50:R,rate_100:A,rate_200:B,rate_500:E}=d||{rate_10:6,rate_20:5,rate_50:4,rate_100:3,rate_200:2,rate_500:1},V={10:Number(L),20:Number(j),50:Number(R),100:Number(A),200:Number(B),500:Number(E)},C=()=>{g$1(true),a.current&&a.current.play(),setTimeout(()=>{let D=o(V);b(D);},5e3);};return k?jsxs(g,{className:"min-h-[100vh] bg-[#FBCD60] pt-10",name:m,children:[jsx("audio",{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/xo-so.mp3",ref:a}),jsxs("div",{className:"flex flex-col items-center justify-start h-full relative pt-10 px-4",children:[!i&&jsxs(Fragment,{children:[l&&jsx("p",{className:"text-4xl line-clamp-3 font-bold text-[#B52E10] mb-6 text-center z-10",children:l}),c&&jsx("p",{className:"text-base text-white mb-6 z-10",children:getContentFromLexicalValue(c)}),jsx("button",{type:"button",className:"px-2 py-1 text-black rounded-md bg-white font-bold z-10",onClick:C,children:M}),jsx("div",{className:"h-full w-full absolute bottom-0 left-0 flex-1 flex justify-end flex-col z-0",children:jsx(ImageNomion,{src:w,alt:"tet-2025",className:"object-cover",width:"auto",height:"auto"})})]}),jsx("div",{className:twMerge("w-full h-full items-center justify-center",i&&!o$1?"flex":"hidden"),children:jsx(ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tien-lixi.gif",alt:"tet-2025",width:"auto",height:"auto"})}),jsxs("div",{className:twMerge("w-full h-full items-center justify-center relative",o$1?"flex":"hidden"),children:[jsx("div",{className:"absolute top-0 left-0 z-10",children:jsx(ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/gift-success.gif",alt:"tet-2025",width:"100%",height:"100%"})}),jsx(ImageNomion,{src:`https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/${o$1}k.webp`,alt:"tet-2025",width:"auto",height:"auto"})]})]})]}):jsx(g,{className:"max-h-full",name:m,children:jsxs("div",{className:"flex flex-col items-center justify-center h-full relative",children:[jsx(ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tet2025-cover-5.png",alt:"tet-2025",className:"object-cover"}),jsxs("div",{className:"absolute gap-3 flex-col w-full top-[60px] left-0 z-10 flex items-center justify-center px-4 pt-8",children:[jsx("p",{className:"text-4xl line-clamp-3 font-bold text-[#B52E10]  text-center",children:l}),jsx("div",{onClick:()=>F(true),style:{background:"linear-gradient(180deg, #F6A03E -1.09%, #F2753E 100%), #B52E10"},className:"rounded-lg w-auto text-lg flex items-center justify-center px-4 py-1",children:jsx("p",{className:"line-clamp-1 font-medium text-center",children:"NH\u1EACN L\xCC X\xCC"})})]})]})})}var Z=Y;
+export{q as a,Z as b};//# sourceMappingURL=chunk-FQMDEZOD.js.map
+//# sourceMappingURL=chunk-FQMDEZOD.js.map

package/dist/chunk-FQMDEZOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/TetLuckyMoneySection2/LuckyMoneySection2.tsx","../src/components/LandingPage/common/ui-kit/organisms/TetLuckyMoneySection2/LuckyMoneySection2Advance.tsx"],"names":["LuckyMoneySection2","sectionData","id","showGift","setShowGift","useState","randomNumber","setShowRandomNumber","data","money_rate","title","description","button_label","audio","titleValue","descriptionValue","moneyRate","iconImage","buttonLabel","audioValue","audioRef","useRef","rate_10","rate_20","rate_50","rate_100","rate_200","rate_500","moneyRateValue","generateRandomNumber","rate","totalQuantity","acc","curr","_","index","handleShowGift","jsxs","SectionFullScreen_default","jsx","Fragment","getContentFromLexicalValue","Image","twMerge","LuckyMoneySection2_default","LuckyMoneySection2Advance","showLuckyMoney","setShowLuckyMoney","generateRandomNumberFromWeights","LuckyMoneySection2Advance_default"],"mappings":"0UAwBA,SAASA,CAAAA,CAAmB,CAAE,WAAA,CAAAC,CAAAA,CAAa,GAAAC,CAAG,CAAA,CAA4B,CACxE,GAAM,CAACC,EAAUC,GAAW,CAAA,CAAIC,SAAS,KAAK,CAAA,CACxC,CAACC,CAAAA,CAAcC,CAAmB,EAAIF,QAAAA,CAAS,CAAC,EAChDG,CAAAA,CAAOP,CAAAA,CACP,CAAE,UAAA,CAAAQ,CAAAA,CAAY,MAAAC,CAAAA,CAAO,WAAA,CAAAC,EAAa,YAAA,CAAAC,CAAAA,CAAc,MAAAC,CAAM,CAAA,CAAIL,GAAQ,EAAC,CACnEM,EAAaJ,CAAAA,EAAO,KAAA,CACpBK,EAAmBJ,CAAAA,EAAa,KAAA,CAChCK,EAAYP,CAAAA,EAAY,KAAA,CACxBQ,EAAY,iFAAA,CACZC,CAAAA,CAAcN,GAAc,KAAA,EAAS,uBAAA,CACrCO,EAAaN,CAAAA,EAAO,KAAA,EAAO,IAG3BO,CAAAA,CAAWC,MAAAA,CAAyB,IAAI,CAAA,CACxC,CAAE,QAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,EAAS,QAAA,CAAAC,CAAAA,CAAU,SAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAS,CAAA,CAC9DX,CAAAA,EAAa,CACX,OAAA,CAAS,CAAA,CACT,QAAS,CAAA,CACT,OAAA,CAAS,EACT,QAAA,CAAU,CAAA,CACV,SAAU,CAAA,CACV,QAAA,CAAU,CACZ,CAAA,CAEIY,CAAAA,CAAiB,CACrB,EAAA,CAAIN,CAAAA,CACJ,GAAIC,CAAAA,CACJ,EAAA,CAAIC,EACJ,GAAA,CAAKC,CAAAA,CACL,IAAKC,CAAAA,CACL,GAAA,CAAKC,CACP,CAAA,CAEME,CAAAA,CAAuB,CAACC,CAAAA,CAAOF,CAAAA,GAAmB,CACtD,IAAMG,CAAAA,CAAgB,OAAO,MAAA,CAAOD,CAAI,EAAE,MAAA,CACxC,CAACE,EAAKC,CAAAA,GAASD,CAAAA,CAAMC,EACrB,CACF,CAAA,CACM3B,EAAe,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,CAAIyB,CAAa,CAAA,CAAI,CAAA,CAUjE,OATc,KAAA,CAAM,IAAA,CAAK,CAAE,MAAA,CAAQA,CAAc,EAAG,CAACG,CAAAA,CAAGC,IAC/C,MAAA,CAAO,IAAA,CAAKL,CAAI,CAAA,CACrB,IAAA,CAAK,MACHK,CAAAA,CACGL,CAAAA,CAAa,OAAO,IAAA,CAAKA,CAAI,EAAEK,CAAAA,CAAQ,MAAA,CAAO,KAAKL,CAAI,CAAA,CAAE,MAAM,CAAC,CACrE,CACF,CACD,EACiBxB,CAAAA,CAAe,CAAC,CAEpC,CAAA,CAEM8B,CAAAA,CAAiB,IAAM,CAC3BhC,GAAAA,CAAY,IAAI,CAAA,CACZgB,CAAAA,CAAS,SACXA,CAAAA,CAAS,OAAA,CAAQ,MAAK,CAExB,UAAA,CAAW,IAAM,CACf,IAAMd,EAAe,MAAA,CAAOuB,CAAAA,EAAsB,CAAA,CAClDtB,CAAAA,CAAoBD,CAAY,EAClC,CAAA,CAAG,GAAI,EACT,CAAA,CAEA,OACE+B,IAAAA,CAACC,CAAAA,CAAA,CAAkB,SAAA,CAAU,kCAAA,CAAmC,KAAMpC,CAAAA,CACpE,QAAA,CAAA,CAAAqC,IAAC,OAAA,CAAA,CAAM,GAAA,CAAKpB,EAAY,GAAA,CAAKC,CAAAA,CAAU,EACvCiB,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,qEAAA,CACZ,QAAA,CAAA,CAAA,CAAClC,GACAkC,IAAAA,CAAAG,QAAAA,CAAA,CACG,QAAA,CAAA,CAAA1B,CAAAA,EACCyB,IAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qDACV,QAAA,CAAAzB,CAAAA,CACH,EAEDC,CAAAA,EACCwB,GAAAA,CAAC,KAAE,SAAA,CAAU,+BAAA,CACV,SAAAE,0BAAAA,CAA2B1B,CAAgB,EAC9C,CAAA,CAEFwB,GAAAA,CAAC,UACC,SAAA,CAAU,oDAAA,CACV,QAASH,CAAAA,CACT,IAAA,CAAK,SAEJ,QAAA,CAAAlB,CAAAA,CACH,EACAqB,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,yCAAA,CACb,QAAA,CAAAA,IAACG,WAAAA,CAAA,CACC,IAAKzB,CAAAA,CACL,GAAA,CAAI,WACJ,SAAA,CAAU,uCAAA,CACV,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CACF,CAAA,CAAA,CACF,EAEFsB,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWI,OAAAA,CACT,2CAAA,CACAxC,GAAY,CAACG,CAAAA,CAAe,OAAS,QACvC,CAAA,CAEA,SAAAiC,GAAAA,CAACG,WAAAA,CAAA,CACC,GAAA,CAAI,kFAAA,CACJ,IAAI,UAAA,CACJ,KAAA,CAAM,OACN,MAAA,CAAO,MAAA,CACT,EACF,CAAA,CACAL,IAAAA,CAAC,OACC,SAAA,CAAWM,OAAAA,CACT,qDACArC,CAAAA,CAAe,MAAA,CAAS,QAC1B,CAAA,CAEA,QAAA,CAAA,CAAAiC,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BACb,QAAA,CAAAA,GAAAA,CAACG,YAAA,CACC,GAAA,CAAI,sFACJ,GAAA,CAAI,UAAA,CACJ,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CACF,CAAA,CAEAH,IAACG,WAAAA,CAAA,CACC,IAAK,CAAA,mEAAA,EAAsEpC,CAAY,SACvF,GAAA,CAAI,UAAA,CACJ,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CAAA,CACF,CAAA,CAAA,CACF,GAEF,CAEJ,KAEOsC,CAAAA,CAAQ5C,ECpIf,SAAS6C,CAAAA,CAA0B,CACjC,YAAA5C,CAAAA,CACA,EAAA,CAAAC,CACF,CAAA,CAAmC,CACjC,GAAM,CAACC,CAAAA,CAAUC,GAAW,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CACxC,CAACC,IAAcC,CAAmB,CAAA,CAAIF,SAAS,CAAC,CAAA,CAChDG,EAAOP,CAAAA,CACP,CAAE,WAAAQ,CAAAA,CAAY,KAAA,CAAAC,EAAO,WAAA,CAAAC,CAAAA,CAAa,aAAAC,CAAa,CAAA,CAAIJ,GAAQ,EAAC,CAC5DM,EAAaJ,CAAAA,EAAO,KAAA,CACpBK,EAAmBJ,CAAAA,EAAa,KAAA,CAChCK,EAAYP,CAAAA,EAAY,KAAA,CACxBQ,EAAY,iFAAA,CACZC,CAAAA,CAAcN,GAAc,KAAA,EAAS,uBAAA,CACrC,CAACkC,CAAAA,CAAgBC,CAAiB,EAAI1C,QAAAA,CAAS,KAAK,EAGpDe,CAAAA,CAAWC,MAAAA,CAAyB,IAAI,CAAA,CACxC,CAAE,QAAAC,CAAAA,CAAS,OAAA,CAAAC,EAAS,OAAA,CAAAC,CAAAA,CAAS,SAAAC,CAAAA,CAAU,QAAA,CAAAC,EAAU,QAAA,CAAAC,CAAS,EAC9DX,CAAAA,EAAa,CACX,QAAS,CAAA,CACT,OAAA,CAAS,EACT,OAAA,CAAS,CAAA,CACT,SAAU,CAAA,CACV,QAAA,CAAU,EACV,QAAA,CAAU,CACZ,EAEIY,CAAAA,CAAiB,CACrB,GAAI,MAAA,CAAON,CAAO,EAClB,EAAA,CAAI,MAAA,CAAOC,CAAO,CAAA,CAClB,EAAA,CAAI,OAAOC,CAAO,CAAA,CAClB,IAAK,MAAA,CAAOC,CAAQ,EACpB,GAAA,CAAK,MAAA,CAAOC,CAAQ,CAAA,CACpB,GAAA,CAAK,OAAOC,CAAQ,CACtB,EAEMS,CAAAA,CAAiB,IAAM,CAC3BhC,GAAAA,CAAY,IAAI,EACZgB,CAAAA,CAAS,OAAA,EACXA,EAAS,OAAA,CAAQ,IAAA,GAEnB,UAAA,CAAW,IAAM,CACf,IAAMd,CAAAA,CAAe0C,EAAgCpB,CAAc,CAAA,CACnErB,EAAoBD,CAAY,EAClC,EAAG,GAAI,EACT,EAEA,OAAKwC,CAAAA,CA6BHT,KAACC,CAAAA,CAAA,CAAkB,UAAU,kCAAA,CAAmC,IAAA,CAAMpC,EACpE,QAAA,CAAA,CAAAqC,GAAAA,CAAC,SACC,GAAA,CAAI,8EAAA,CACJ,IAAKnB,CAAAA,CACP,CAAA,CACAiB,KAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qEAAA,CACZ,QAAA,CAAA,CAAA,CAAClC,GACAkC,IAAAA,CAAAG,QAAAA,CAAA,CACG,QAAA,CAAA,CAAA1B,CAAAA,EACCyB,IAAC,GAAA,CAAA,CAAE,SAAA,CAAU,uEACV,QAAA,CAAAzB,CAAAA,CACH,EAEDC,CAAAA,EACCwB,GAAAA,CAAC,KAAE,SAAA,CAAU,gCAAA,CACV,SAAAE,0BAAAA,CAA2B1B,CAAgB,EAC9C,CAAA,CAEFwB,GAAAA,CAAC,UACC,IAAA,CAAK,QAAA,CACL,UAAU,yDAAA,CACV,OAAA,CAASH,EAER,QAAA,CAAAlB,CAAAA,CACH,EACAqB,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,6EAAA,CACb,QAAA,CAAAA,IAACG,WAAAA,CAAA,CACC,IAAKzB,CAAAA,CACL,GAAA,CAAI,WACJ,SAAA,CAAU,cAAA,CACV,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CACF,CAAA,CAAA,CACF,EAEFsB,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWI,OAAAA,CACT,2CAAA,CACAxC,GAAY,CAACG,GAAAA,CAAe,OAAS,QACvC,CAAA,CAEA,SAAAiC,GAAAA,CAACG,WAAAA,CAAA,CACC,GAAA,CAAI,kFAAA,CACJ,IAAI,UAAA,CACJ,KAAA,CAAM,OACN,MAAA,CAAO,MAAA,CACT,EACF,CAAA,CACAL,IAAAA,CAAC,OACC,SAAA,CAAWM,OAAAA,CACT,qDACArC,GAAAA,CAAe,MAAA,CAAS,QAC1B,CAAA,CAEA,QAAA,CAAA,CAAAiC,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BACb,QAAA,CAAAA,GAAAA,CAACG,YAAA,CACC,GAAA,CAAI,sFACJ,GAAA,CAAI,UAAA,CACJ,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CACF,CAAA,CAEAH,IAACG,WAAAA,CAAA,CACC,IAAK,CAAA,mEAAA,EAAsEpC,GAAY,SACvF,GAAA,CAAI,UAAA,CACJ,MAAM,MAAA,CACN,MAAA,CAAO,OACT,CAAA,CAAA,CACF,CAAA,CAAA,CACF,GAEF,CAAA,CApGEiC,GAAAA,CAACD,EAAA,CAAkB,SAAA,CAAU,aAAa,IAAA,CAAMpC,CAAAA,CAC9C,SAAAmC,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,2DAAA,CACb,QAAA,CAAA,CAAAE,IAACG,WAAAA,CAAA,CACC,IAAI,wFAAA,CACJ,GAAA,CAAI,WACJ,SAAA,CAAU,cAAA,CACZ,EACAL,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,kGAAA,CACb,QAAA,CAAA,CAAAE,IAAC,GAAA,CAAA,CAAE,SAAA,CAAU,8DACV,QAAA,CAAAzB,CAAAA,CACH,EACAyB,GAAAA,CAAC,KAAA,CAAA,CACC,QAAS,IAAMQ,CAAAA,CAAkB,IAAI,CAAA,CACrC,KAAA,CAAO,CACL,UAAA,CACE,gEACJ,EACA,SAAA,CAAU,sEAAA,CAEV,SAAAR,GAAAA,CAAC,GAAA,CAAA,CAAE,UAAU,sCAAA,CAAuC,QAAA,CAAA,uBAAA,CAAU,EAChE,CAAA,CAAA,CACF,CAAA,CAAA,CACF,EACF,CA+EN,KAEOU,CAAAA,CAAQJ","file":"chunk-FQMDEZOD.js","sourcesContent":["import { Media } from \"../../../../models/general\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport type { Field } from \"../../types/base\";\nimport { getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface LuckyMoneySection2Data {\n  title: Field<string>;\n  description: Field;\n  button_label: Field<string>;\n  icon_image: Field<Media>;\n  money_rate: Field<MoneyRate>;\n  audio: Field<Media>;\n}\n\ninterface MoneyRate {\n  [key: string]: number;\n}\n\nexport interface LuckyMoneySection2Props extends BaseSectionProps {}\n\nfunction LuckyMoneySection2({ sectionData, id }: LuckyMoneySection2Props) {\n  const [showGift, setShowGift] = useState(false);\n  const [randomNumber, setShowRandomNumber] = useState(0);\n  const data = sectionData as LuckyMoneySection2Data;\n  const { money_rate, title, description, button_label, audio } = data || {};\n  const titleValue = title?.value;\n  const descriptionValue = description?.value;\n  const moneyRate = money_rate?.value;\n  const iconImage = `https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/meme-tet.png`;\n  const buttonLabel = button_label?.value || \"Nhận lì xì\";\n  const audioValue = audio?.value?.url;\n\n  // create a ref, and play in handleShowGift\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const { rate_10, rate_20, rate_50, rate_100, rate_200, rate_500 } =\n    moneyRate || {\n      rate_10: 6,\n      rate_20: 5,\n      rate_50: 4,\n      rate_100: 3,\n      rate_200: 2,\n      rate_500: 1,\n    };\n\n  const moneyRateValue = {\n    10: rate_10,\n    20: rate_20,\n    50: rate_50,\n    100: rate_100,\n    200: rate_200,\n    500: rate_500,\n  };\n\n  const generateRandomNumber = (rate = moneyRateValue) => {\n    const totalQuantity = Object.values(rate).reduce(\n      (acc, curr) => acc + curr,\n      0\n    );\n    const randomNumber = Math.floor(Math.random() * totalQuantity) + 1;\n    const array = Array.from({ length: totalQuantity }, (_, index) => {\n      return Object.keys(rate)[\n        Math.floor(\n          index /\n            (rate as any)[Object.keys(rate)[index % Object.keys(rate).length]]\n        )\n      ];\n    });\n    const key = array[randomNumber - 1];\n    return key;\n  };\n\n  const handleShowGift = () => {\n    setShowGift(true);\n    if (audioRef.current) {\n      audioRef.current.play();\n    }\n    setTimeout(() => {\n      const randomNumber = Number(generateRandomNumber());\n      setShowRandomNumber(randomNumber);\n    }, 5000);\n  };\n\n  return (\n    <SectionFullScreen className=\"min-h-[100vh] bg-[#FBCD60] py-10\" name={id}>\n      <audio src={audioValue} ref={audioRef} />\n      <div className=\"flex flex-col items-center justify-start h-full relative pt-10 px-4\">\n        {!showGift && (\n          <>\n            {titleValue && (\n              <p className=\"text-4xl font-bold text-[#B52E10] mb-6 text-center\">\n                {titleValue}\n              </p>\n            )}\n            {descriptionValue && (\n              <p className=\"text-base text-[#FAEDCD] mb-6\">\n                {getContentFromLexicalValue(descriptionValue)}\n              </p>\n            )}\n            <button\n              className=\"px-2 py-1 text-black rounded-md bg-white font-bold\"\n              onClick={handleShowGift}\n              type=\"button\"\n            >\n              {buttonLabel}\n            </button>\n            <div className=\"h-full flex-1 flex justify-end flex-col\">\n              <Image\n                src={iconImage}\n                alt=\"tet-2025\"\n                className=\"object-contain !w-auto !h-auto m-auto\"\n                width=\"auto\"\n                height=\"auto\"\n              />\n            </div>\n          </>\n        )}\n        <div\n          className={twMerge(\n            \"w-full h-full items-center justify-center\",\n            showGift && !randomNumber ? \"flex\" : \"hidden\"\n          )}\n        >\n          <Image\n            src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tien-lixi.gif\"\n            alt=\"tet-2025\"\n            width=\"auto\"\n            height=\"auto\"\n          />\n        </div>\n        <div\n          className={twMerge(\n            \"w-full h-full items-center justify-center relative\",\n            randomNumber ? \"flex\" : \"hidden\"\n          )}\n        >\n          <div className=\"absolute top-0 left-0 z-10\">\n            <Image\n              src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/gift-success.gif\"\n              alt=\"tet-2025\"\n              width=\"100%\"\n              height=\"100%\"\n            />\n          </div>\n\n          <Image\n            src={`https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/${randomNumber}k.webp`}\n            alt=\"tet-2025\"\n            width=\"auto\"\n            height=\"auto\"\n          />\n        </div>\n      </div>\n      {/* <div className=\"absolute bottom-0 left-0 w-full h-full bg-black\"></div> */}\n    </SectionFullScreen>\n  );\n}\n\nexport default LuckyMoneySection2;\n","import { Media } from \"../../../../models/general\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport type { Field } from \"../../types/base\";\nimport { getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { generateRandomNumberFromWeights } from \"../../../../utils/helper\";\n\ninterface LuckyMoneySection2AdvanceData {\n  title: Field<string>;\n  description: Field;\n  button_label: Field<string>;\n  icon_image: Field<Media>;\n  money_rate: Field<MoneyRate>;\n  audio: Field<Media>;\n  cover: Field<{\n    background: string;\n    title: string;\n  }>;\n}\n\ninterface MoneyRate {\n  [key: string]: number;\n}\n\nexport interface LuckyMoneySection2AdvanceProps extends BaseSectionProps {}\n\nfunction LuckyMoneySection2Advance({\n  sectionData,\n  id,\n}: LuckyMoneySection2AdvanceProps) {\n  const [showGift, setShowGift] = useState(false);\n  const [randomNumber, setShowRandomNumber] = useState(0);\n  const data = sectionData as LuckyMoneySection2AdvanceData;\n  const { money_rate, title, description, button_label } = data || {};\n  const titleValue = title?.value;\n  const descriptionValue = description?.value;\n  const moneyRate = money_rate?.value;\n  const iconImage = `https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/meme-tet.png`;\n  const buttonLabel = button_label?.value || \"Nhận lì xì\";\n  const [showLuckyMoney, setShowLuckyMoney] = useState(false);\n\n  // create a ref, and play in handleShowGift\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const { rate_10, rate_20, rate_50, rate_100, rate_200, rate_500 } =\n    moneyRate || {\n      rate_10: 6,\n      rate_20: 5,\n      rate_50: 4,\n      rate_100: 3,\n      rate_200: 2,\n      rate_500: 1,\n    };\n\n  const moneyRateValue = {\n    10: Number(rate_10),\n    20: Number(rate_20),\n    50: Number(rate_50),\n    100: Number(rate_100),\n    200: Number(rate_200),\n    500: Number(rate_500),\n  };\n\n  const handleShowGift = () => {\n    setShowGift(true);\n    if (audioRef.current) {\n      audioRef.current.play();\n    }\n    setTimeout(() => {\n      const randomNumber = generateRandomNumberFromWeights(moneyRateValue);\n      setShowRandomNumber(randomNumber);\n    }, 5000);\n  };\n\n  if (!showLuckyMoney)\n    return (\n      <SectionFullScreen className=\"max-h-full\" name={id}>\n        <div className=\"flex flex-col items-center justify-center h-full relative\">\n          <Image\n            src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tet2025-cover-5.png\"\n            alt=\"tet-2025\"\n            className=\"object-cover\"\n          />\n          <div className=\"absolute gap-3 flex-col w-full top-[60px] left-0 z-10 flex items-center justify-center px-4 pt-8\">\n            <p className=\"text-4xl line-clamp-3 font-bold text-[#B52E10]  text-center\">\n              {titleValue}\n            </p>\n            <div\n              onClick={() => setShowLuckyMoney(true)}\n              style={{\n                background:\n                  \"linear-gradient(180deg, #F6A03E -1.09%, #F2753E 100%), #B52E10\",\n              }}\n              className=\"rounded-lg w-auto text-lg flex items-center justify-center px-4 py-1\"\n            >\n              <p className=\"line-clamp-1 font-medium text-center\">NHẬN LÌ XÌ</p>\n            </div>\n          </div>\n        </div>\n      </SectionFullScreen>\n    );\n\n  return (\n    <SectionFullScreen className=\"min-h-[100vh] bg-[#FBCD60] pt-10\" name={id}>\n      <audio\n        src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/xo-so.mp3\"\n        ref={audioRef}\n      />\n      <div className=\"flex flex-col items-center justify-start h-full relative pt-10 px-4\">\n        {!showGift && (\n          <>\n            {titleValue && (\n              <p className=\"text-4xl line-clamp-3 font-bold text-[#B52E10] mb-6 text-center z-10\">\n                {titleValue}\n              </p>\n            )}\n            {descriptionValue && (\n              <p className=\"text-base text-white mb-6 z-10\">\n                {getContentFromLexicalValue(descriptionValue)}\n              </p>\n            )}\n            <button\n              type=\"button\"\n              className=\"px-2 py-1 text-black rounded-md bg-white font-bold z-10\"\n              onClick={handleShowGift}\n            >\n              {buttonLabel}\n            </button>\n            <div className=\"h-full w-full absolute bottom-0 left-0 flex-1 flex justify-end flex-col z-0\">\n              <Image\n                src={iconImage}\n                alt=\"tet-2025\"\n                className=\"object-cover\"\n                width=\"auto\"\n                height=\"auto\"\n              />\n            </div>\n          </>\n        )}\n        <div\n          className={twMerge(\n            \"w-full h-full items-center justify-center\",\n            showGift && !randomNumber ? \"flex\" : \"hidden\"\n          )}\n        >\n          <Image\n            src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/tien-lixi.gif\"\n            alt=\"tet-2025\"\n            width=\"auto\"\n            height=\"auto\"\n          />\n        </div>\n        <div\n          className={twMerge(\n            \"w-full h-full items-center justify-center relative\",\n            randomNumber ? \"flex\" : \"hidden\"\n          )}\n        >\n          <div className=\"absolute top-0 left-0 z-10\">\n            <Image\n              src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/gift-success.gif\"\n              alt=\"tet-2025\"\n              width=\"100%\"\n              height=\"100%\"\n            />\n          </div>\n\n          <Image\n            src={`https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/tet-2025/${randomNumber}k.webp`}\n            alt=\"tet-2025\"\n            width=\"auto\"\n            height=\"auto\"\n          />\n        </div>\n      </div>\n      {/* <div className=\"absolute bottom-0 left-0 w-full h-full bg-black\"></div> */}\n    </SectionFullScreen>\n  );\n}\n\nexport default LuckyMoneySection2Advance;\n"]}

package/dist/chunk-FUCAOFJM.cjs

@@ -0,0 +1,3 @@
+'use strict';var chunkJCWSBSWV_cjs=require('./chunk-JCWSBSWV.cjs'),chunkNAYWFNN3_cjs=require('./chunk-NAYWFNN3.cjs'),chunkQYYK7LNR_cjs=require('./chunk-QYYK7LNR.cjs'),chunk2TKQPATQ_cjs=require('./chunk-2TKQPATQ.cjs'),chunk2L3LGNFN_cjs=require('./chunk-2L3LGNFN.cjs'),chunkJARFLL3F_cjs=require('./chunk-JARFLL3F.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),tailwindMerge=require('tailwind-merge'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),jsxRuntime=require('react/jsx-runtime'),react=require('react'),antd=require('antd'),helpers=require('@phygitallabs/helpers'),react$2=require('@phosphor-icons/react'),lodashEs=require('lodash-es'),react$1=require('swiper/react');var Y=()=>jsxRuntime.jsx("svg",{width:"20",height:"8",viewBox:"0 0 20 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M1.08667 4.38825L14.5721 7.98467C14.7975 8.02554 15.0229 7.98467 15.1731 7.86207L19.831 4.34738C20.0564 4.18391 20.0564 3.85696 19.831 3.69349L15.2107 0.137931C15.0229 0.0153257 14.7975 -0.0255428 14.6097 0.0153257L12.3934 0.628352L16.9762 3.97957L15.3609 4.67433L10.2898 1.15964L1.04911 3.57088C0.711033 3.69349 0.711033 4.30651 1.08667 4.38825Z",fill:"#202020"})}),ee=()=>jsxRuntime.jsx("svg",{width:"20",height:"8",viewBox:"0 0 20 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M18.9134 4.38825L5.42797 7.98467C5.20259 8.02554 4.97721 7.98467 4.82695 7.86207L0.169037 4.34738C-0.0563458 4.18391 -0.0563458 3.85696 0.169037 3.69349L4.78939 0.137931C4.97721 0.0153257 5.20259 -0.0255428 5.39041 0.0153257L7.60668 0.628352L3.02389 3.97957L4.63913 4.67433L9.71025 1.15964L18.951 3.57088C19.289 3.69349 19.289 4.30651 18.9134 4.38825Z",fill:"#202020"})});function d({title:i,showTextLine:r=true,...t}){return i?jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-2",...t,children:[r&&jsxRuntime.jsx(Y,{}),jsxRuntime.jsx("p",{className:"text-xl !font-godWord",children:i}),r&&jsxRuntime.jsx(ee,{})]}):null}var re=i=>{let {sectionData:r,id:t,configTheme:b}=i,[F,l]=react.useState(false),{isInViewport:y}=chunkDPN6OBT5_cjs.f(t),{tags:c={},product_name:v={},media:m={},config:n={},title:s={}}={...r},a=s?.value,p=v?.value,T=()=>{let{value:_}=m,{url:L="",thumbnail_url:$="",type:J=""}={..._};switch(J){case "3D":return jsxRuntime.jsx(chunkNAYWFNN3_cjs.a,{isHidden:false,asset3DUrl:L,showArButton:n?.show_ar_button||false});case "image":return jsxRuntime.jsx(imageNomion.ImageNomion,{src:L,alt:"Media",className:tailwindMerge.twMerge("m-auto h-4/5 w-auto object-contain")});case "video":return jsxRuntime.jsx(chunkJCWSBSWV_cjs.a,{videoUrl:L,thumbnailUrl:$,loop:true,autoPlay:true,muted:true})}},C=()=>l(true),k=()=>l(false);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:t,showScrollGuide:true,className:"py-4 font-antiqua",children:jsxRuntime.jsxs("div",{className:"relative m-auto justify-center h-[100svh] gap-4 svh-full flex flex-col items-center",children:[jsxRuntime.jsx(d,{title:a}),jsxRuntime.jsx("div",{className:"relative flex !h-[calc(100%-350px)] item flex-col gap-2 w-full justify-center",children:T()}),jsxRuntime.jsxs("div",{className:"z-10 flex w-full flex-col justify-between gap-2 p-3",children:[jsxRuntime.jsx(d,{title:p,showTextLine:false,className:"!font-godWord"}),jsxRuntime.jsx("div",{className:"flex gap-2",children:jsxRuntime.jsx(chunk2L3LGNFN_cjs.b,{field:c,configTheme:b})}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex gap-1.5 items-center",onClick:C,children:[jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://storage.googleapis.com/assets-fygito/images/user_id/1732279688-Hu\u1EBF.jpg",alt:name,className:"rounded-full object-contain w-7 h-7",width:28,height:28}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline",children:"Trung T\xE2m B\u1EA3o T\u1ED3n Di T\xEDch C\u1ED1 \u0110\xF4 Hu\u1EBF"}),jsxRuntime.jsx(chunkJCWSBSWV_cjs.b,{})]}),jsxRuntime.jsxs(antd.Drawer,{title:null,placement:"bottom",closable:false,onClose:k,open:F,children:[jsxRuntime.jsx(chunk2TKQPATQ_cjs.a,{onClick:k,className:"absolute top-2 right-2 [&>path]:stroke-[#202020]"}),jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col items-center gap-4 pt-10",children:[jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://storage.googleapis.com/assets-fygito/images/user_id/1732279688-Hu\u1EBF.jpg",alt:name,className:"",width:100,height:100}),jsxRuntime.jsx("div",{className:"text-sm w-full text-center leading-normal text-[#202020]",children:"Trung t\xE2m B\u1EA3o t\u1ED3n Di t\xEDch C\u1ED1 \u0111\xF4 Hu\u1EBF l\xE0 \u0111\u01A1n v\u1ECB x\xE1c th\u1EF1c cho c\xE1c s\u1EA3n ph\u1EA9m thu\u1ED9c ph\u1EA1m vi d\u1EF1 \xE1n, l\xE0 c\xE1c s\u1EA3n ph\u1EA9m \u0111\u01B0\u1EE3c ch\u1EE9ng th\u1EF1c F1 c\u1EE7a c\xE1c c\u1ED5 v\u1EADt, b\u1EA3o v\u1EADt \u0111ang \u0111\u01B0\u1EE3c tr\u01B0ng b\xE0y v\xE0 qu\u1EA3n l\xFD t\u1EA1i Trung t\xE2m"})]})]})]})]})]})})})},le=re;var me=i=>{let{sectionData:r,id:t,configTheme:b}=i,[F,l]=react.useState(false),{isInViewport:y}=chunkDPN6OBT5_cjs.f(t),{title_image_text:c,description_image_text:v,image:m,full_description:n}={...r},x=c?.value,s=m?.value?.url,a=helpers.getContentFromLexicalValue(v?.value),p=helpers.getContentFromLexicalValue(n?.value);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:t,showScrollGuide:true,className:"py-6 font-antiqua",children:jsxRuntime.jsxs("div",{className:"relative m-auto space-y-6 px-4",children:[jsxRuntime.jsx(d,{title:x}),s&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:s,className:"max-h-[270px] object-contain"}),jsxRuntime.jsx("div",{className:"text-justify",children:a}),p&&jsxRuntime.jsx("button",{type:"button",onClick:()=>l(true),className:"mx-auto mt-2 w-full text-center",children:jsxRuntime.jsx("p",{className:"text-sm font-medium underline underline-offset-4",children:"Xem th\xEAm"})})]})}),jsxRuntime.jsx(antd.Drawer,{open:F,onClose:()=>l(false),placement:"right",style:{backgroundImage:b?.backgroundImage},children:jsxRuntime.jsx("div",{className:"text-justify text-base text-black font-antiqua",children:p})})]})},pe=me;var ue=i=>{let{sectionData:r,id:t,configTheme:b}=i,{isInViewport:F}=chunkDPN6OBT5_cjs.f(t),{title_compare:l,before_info:y,after_info:c,description_compare:v}={...r},m=l?.value,n=y?.value,x=c?.value,s=n?.image?.url,a=x?.image?.url,p=helpers.getContentFromLexicalValue(n?.description),T=helpers.getContentFromLexicalValue(x?.description),C=helpers.getContentFromLexicalValue(v?.value);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:t,showScrollGuide:true,className:"py-6 font-antiqua",children:jsxRuntime.jsxs("div",{className:"relative m-auto space-y-6 px-4",children:[jsxRuntime.jsx(d,{title:m}),jsxRuntime.jsxs("div",{className:"flex items-center flex-col gap-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between gap-4",children:[s&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:s,height:270,className:"object-cover border w-1/2 border-gray-200"}),a&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:a,height:270,className:"object-cover border w-1/2 border-gray-200"})]}),jsxRuntime.jsxs("div",{className:"flex justify-center gap-4 w-full",children:[jsxRuntime.jsx("div",{className:"flex justify-start text-sm w-1/2",children:jsxRuntime.jsx("p",{className:"text-justify",children:p})}),jsxRuntime.jsx("div",{className:"flex flex-col text-sm w-1/2",children:jsxRuntime.jsx("p",{className:"text-justify",children:T})})]})]}),jsxRuntime.jsx("div",{className:"text-justify",children:C})]})})})},de=ue;var ye=i=>{let{sectionData:r,id:t,configTheme:b}=i,{isInViewport:F}=chunkDPN6OBT5_cjs.f(t),{title_contact:l,description_1:y,description_2:c,contact:v,contact_title:m}={...r},n=l?.value,x=y?.value?.image?.url,s=c?.value?.image?.url,a=helpers.getContentFromLexicalValue(y?.value?.description),p=helpers.getContentFromLexicalValue(c?.value?.description),T=m?.value,C=v?.value,k=K=>{switch(K){case "shop":return jsxRuntime.jsx(react$2.ShoppingCart,{weight:"fill",size:24});case "facebook":return jsxRuntime.jsx(react$2.FacebookLogo,{weight:"fill",size:24});case "website":return jsxRuntime.jsx(react$2.Globe,{weight:"fill",size:24});default:return jsxRuntime.jsx(react$2.Globe,{weight:"fill",size:24})}};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:t,showScrollGuide:true,className:"py-10 font-antiqua",children:jsxRuntime.jsxs("div",{className:"relative m-auto space-y-6 px-4",children:[jsxRuntime.jsx(d,{title:n}),jsxRuntime.jsxs("div",{className:"space-y-[220px]",children:[jsxRuntime.jsxs("div",{className:"flex justify-between relative",children:[jsxRuntime.jsx("div",{className:"w-1/3 z-10 top-5 relative",children:jsxRuntime.jsx(imageNomion.ImageNomion,{src:x,className:"max-h-[180px] object-contain"})}),jsxRuntime.jsx("div",{className:"w-3/4 absolute right-0 -bottom-2/3 max-w-[300px]",children:jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://storage.googleapis.com/nomion-assets-staging/images/user_id/1732183476-left-letter.png",className:"max-h-[180px] object-contain"}),jsxRuntime.jsx("div",{className:"top-1/2 -translate-y-1/2 !text-xs p-8 -rotate-[6deg] left-0 absolute",children:a})]})})]}),jsxRuntime.jsxs("div",{className:"flex flex-row-reverse justify-between relative",children:[jsxRuntime.jsx("div",{className:"w-1/3 z-10",children:s&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:s,className:"max-h-[180px] object-contain"})}),jsxRuntime.jsx("div",{className:"w-3/4 absolute left-0 -top-2/3 max-w-[300px]",children:jsxRuntime.jsxs("div",{className:"relative w-full",children:[jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/khao-co-ky/card-bg.png",className:"max-h-[180px] w-full object-contain"}),jsxRuntime.jsx("div",{className:"!text-xs p-8 rotate-[6.5deg] left-0 top-1/2 -translate-y-1/2 absolute",children:p})]})})]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col items-center gap-4",children:[jsxRuntime.jsx("p",{className:"text-base font-semibold",children:T}),jsxRuntime.jsx("div",{className:"flex flex-row justify-center gap-4",children:!lodashEs.isEmpty(C)&&Object.keys(C).map(K=>{let _=C[K];return jsxRuntime.jsx("a",{className:"flex flex-row gap-2",href:_,target:"_blank",rel:"noreferrer",children:k(K)})})})]})]})})})},we=ye;var Fe=i=>{let{sectionData:r,id:t,configTheme:b}=i,{isInViewport:F}=chunkDPN6OBT5_cjs.f(t),{title_carousel:l,list_images:y,background_title:c}={...r},v=helpers.getContentFromLexicalValue(l?.value),m=c?.value?.url,n=y?.value.filter(a=>!!a.image?.url);if(n?.length===0)return null;let x=jsxRuntime.jsxs(react$1.SwiperSlide,{className:"w-full z-50 h-[520px]",children:[jsxRuntime.jsx("div",{className:"h-full w-full bg-black/50 absolute z-10 top-0 left-0 flex items-center justify-center",children:jsxRuntime.jsx("p",{className:"text-white text-2xl font-bold text-center",children:v})}),m&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:m,className:"object-cover h-full"})]},"cover-item"),s=n?.map((a,p)=>jsxRuntime.jsxs(react$1.SwiperSlide,{className:"w-full z-50 h-[520px] relative",children:[jsxRuntime.jsx("img",{src:a.image.url,className:"object-contain absolute h-full w-full z-10"}),jsxRuntime.jsx("img",{src:a.image.url,alt:"backdrop-image",className:"object-cover h-full w-full absolute z-0 blur-md"}),jsxRuntime.jsx("div",{className:"absolute pointer-events-none bottom-0 left-0 w-full max-h-1/3 overflow-scroll bg-black/40 z-10",children:jsxRuntime.jsx("p",{className:"text-white text-sm text-center pb-8 px-4 pt-4",children:helpers.parse(a.description)})})]},`slide-${p}`));return jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:t,showScrollGuide:true,className:"font-antiqua py-6 h-[100svh] svh-full",children:jsxRuntime.jsx("div",{className:"h-full w-full flex items-center justify-center relative",children:jsxRuntime.jsx(chunkQYYK7LNR_cjs.a,{slidesPerView:1,wrapperClassName:"flex items-center justify-center",className:"[&_.swiper-pagination]:!bottom-2 [&_.swiper-pagination-bullet-active]:!bg-gray-600 flex items-center justify-center",listItem:[x,...s||[]],lazyPreloadPrevNext:2})})})},Ie=Fe;
+exports.a=le;exports.b=pe;exports.c=de;exports.d=we;exports.e=Ie;//# sourceMappingURL=chunk-FUCAOFJM.cjs.map
+//# sourceMappingURL=chunk-FUCAOFJM.cjs.map

package/dist/chunk-FUCAOFJM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyTitle.tsx","../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyHomeSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyImageTextSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyCompareSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyContactSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/khaocoky/KhaoCoKyCarouselSection.tsx"],"names":["LeftIconLine","jsx","RightIconLine","KhaoCoKyTitle","title","showTextLine","props","jsxs","KhaoCoKyHomeSection","sectionData","id","configTheme","isOpen","setIsOpen","useState","isInViewport","useFullScreenContext","tags","product_name","media","config","titleValue","productNameValue","renderMedia","value","url","thumbnail_url","type","DModel_default","Image","twMerge","Video_default","openModal","closeModal","Fragment","SectionFullScreen_default","TagName_default","Typography_default","TickIconBlue_default","Drawer","CloseIcon_default","KhaoCoKyHomeSection_default","KhaoCoKyImageTextSection","isOpenDrawer","setIsOpenDrawer","title_image_text","description_image_text","image","full_description","imageValue","descriptionValue","getContentFromLexicalValue","fullDescriptionValue","KhaoCoKyImageTextSection_default","KhaoCoKyCompareSection","title_compare","before_info","after_info","description_compare","beforeInfoValue","afterInfoValue","beforeImageValue","afterImageValue","beforeDescriptionValue","afterDescriptionValue","KhaoCoKyCompareSection_default","KhaoCoKyContactSection","title_contact","description_1","description_2","contact","contact_title","firstImage","secondImage","firstDescription","secondDescription","contactTitle","contactValue","getIconByKey","key","ShoppingCart","FacebookLogo","Globe","isEmpty","KhaoCoKyContactSection_default","KhaoCoKyCarouselSection","title_carousel","list_images","background_title","backgroundTitleValue","listImagesValue","item","coverItem","SwiperSlide","generateListItem","index","parse","CarouselCustom_default","KhaoCoKyCarouselSection_default"],"mappings":"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","file":"chunk-FUCAOFJM.cjs","sourcesContent":["import { HTMLAttributes } from \"react\";\n\nexport const LeftIconLine = () => (\n  <svg\n    width=\"20\"\n    height=\"8\"\n    viewBox=\"0 0 20 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M1.08667 4.38825L14.5721 7.98467C14.7975 8.02554 15.0229 7.98467 15.1731 7.86207L19.831 4.34738C20.0564 4.18391 20.0564 3.85696 19.831 3.69349L15.2107 0.137931C15.0229 0.0153257 14.7975 -0.0255428 14.6097 0.0153257L12.3934 0.628352L16.9762 3.97957L15.3609 4.67433L10.2898 1.15964L1.04911 3.57088C0.711033 3.69349 0.711033 4.30651 1.08667 4.38825Z\"\n      fill=\"#202020\"\n    />\n  </svg>\n);\n\nexport const RightIconLine = () => (\n  <svg\n    width=\"20\"\n    height=\"8\"\n    viewBox=\"0 0 20 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M18.9134 4.38825L5.42797 7.98467C5.20259 8.02554 4.97721 7.98467 4.82695 7.86207L0.169037 4.34738C-0.0563458 4.18391 -0.0563458 3.85696 0.169037 3.69349L4.78939 0.137931C4.97721 0.0153257 5.20259 -0.0255428 5.39041 0.0153257L7.60668 0.628352L3.02389 3.97957L4.63913 4.67433L9.71025 1.15964L18.951 3.57088C19.289 3.69349 19.289 4.30651 18.9134 4.38825Z\"\n      fill=\"#202020\"\n    />\n  </svg>\n);\n\nexport interface KhaoCoKyTitleProps extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  showTextLine?: boolean;\n}\n\nexport default function KhaoCoKyTitle({\n  title,\n  showTextLine = true,\n  ...props\n}: KhaoCoKyTitleProps) {\n  if (!title) return null;\n  return (\n    <div className=\"flex items-center justify-center gap-2\" {...props}>\n      {showTextLine && <LeftIconLine />}\n      <p className=\"text-xl !font-godWord\">{title}</p>\n      {showTextLine && <RightIconLine />}\n    </div>\n  );\n}\n","// @ts-nocheck\nimport { FC } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen/index\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { MediaType } from \"../../../../models/general\";\nimport Video from \"../../../Video\";\nimport ThreeModelViewer from \"../../../3DModel\";\nimport { FadeInMotion } from \"../../../FadeInMotion\";\nimport Title from \"../../moleculars/Title\";\nimport TagName from \"../../moleculars/TagName\";\nimport NftInfoModal from \"../../moleculars/NftInfoModal\";\nimport AuthorModal from \"../../moleculars/AuthorModal\";\nimport MetaInfoModal from \"../../moleculars/MetaInfoModal\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { Field } from \"../../types/base\";\nimport {\n  FullScreen,\n  useFullScreenContext,\n} from \"../../../../hooks/useFullScreenContext\";\nimport { twMerge } from \"tailwind-merge\";\nimport ThreeModelViewerTongla from \"../../../3DModel/ThreeModalTongla\";\nimport { checkQuillEmpty } from \"@phygitallabs/helpers\";\nimport ButtonCommingSoon from \"../../moleculars/ButtonCommingSoon\";\nimport { checkEmptyArray } from \"../../../../utils/helper\";\nimport AuthorContext from \"../../moleculars/AuthorContext\";\nimport OwnerName from \"../../moleculars/OwnerName\";\nimport {\n  shortenTxAddress,\n  getBlockchainExplorerUrl,\n  getNftUrls,\n  getNftDetails,\n} from \"../../../../../../utils/web3\";\nimport { Collection, NFT } from \"../../../../../../types/NFT\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport KhaoCoKyTitle from \"./KhaoCoKyTitle\";\nimport { useState } from \"react\";\nimport { Typography } from \"../../atomics\";\nimport TickIconBlue from \"../../../icons/TickIconBlue\";\nimport { Drawer } from \"antd\";\nimport { CloseIcon } from \"../../../icons\";\n\ninterface HomeSectionData {\n  product_name: Field;\n  tags: Field;\n  media: Field;\n  config: Field;\n  author_modal: Field;\n  title: Field;\n}\n\nexport interface HomeSectionProps extends BaseSectionProps {}\n\nconst KhaoCoKyHomeSection: FC<HomeSectionProps> = (props) => {\n  const { sectionData, id, configTheme } = props;\n  const [isOpen, setIsOpen] = useState(false);\n\n  const { isInViewport } = useFullScreenContext(id);\n\n  const {\n    tags = {},\n    product_name = {},\n    media = {},\n    config = {},\n    author_modal: authorModal = {},\n    title = {},\n  } = { ...sectionData } as HomeSectionData;\n\n  const titleValue = title?.value;\n  const productNameValue = product_name?.value;\n  const renderMedia = () => {\n    const { value } = media;\n    const { url = \"\", thumbnail_url = \"\", type = \"\" } = { ...value };\n    switch (type) {\n      case MediaType.ThreeD:\n        return (\n          <ThreeModelViewer\n            isHidden={false}\n            asset3DUrl={url}\n            showArButton={config?.show_ar_button || false}\n          />\n        );\n      case MediaType.Image:\n        return (\n          <Image\n            src={url}\n            alt=\"Media\"\n            className={twMerge(\"m-auto h-4/5 w-auto object-contain\")}\n          />\n        );\n      case MediaType.Video:\n        return (\n          <Video\n            videoUrl={url}\n            thumbnailUrl={thumbnail_url}\n            loop={true}\n            autoPlay\n            muted={true}\n          />\n        );\n    }\n  };\n\n  const openModal = () => setIsOpen(true);\n  const closeModal = () => setIsOpen(false);\n\n  const toggleModal = () => setIsOpen((prev) => !prev);\n\n  return (\n    <>\n      <SectionFullScreen\n        name={id}\n        showScrollGuide\n        className=\"py-4 font-antiqua\"\n      >\n        <div className=\"relative m-auto justify-center h-[100svh] gap-4 svh-full flex flex-col items-center\">\n          <KhaoCoKyTitle title={titleValue} />\n          <div className=\"relative flex !h-[calc(100%-350px)] item flex-col gap-2 w-full justify-center\">\n            {renderMedia()}\n          </div>\n          {/* {openLinkMetaverse && (\n            <p onClick={openLinkMetaverse} className=\"flex justify-center\">\n              <Typography\n                variant=\"span\"\n                className=\"font-semibold cursor-pointer p-2 border border-[#202020] rounded-lg\"\n              >\n                Trải nghiệm 3D\n              </Typography>\n            </p>\n          )} */}\n          <div className=\"z-10 flex w-full flex-col justify-between gap-2 p-3\">\n            <KhaoCoKyTitle\n              title={productNameValue}\n              showTextLine={false}\n              className=\"!font-godWord\"\n            />\n            <div className=\"flex gap-2\">\n              <TagName field={tags} configTheme={configTheme} />\n            </div>\n            {/* <AuthorModal field={authorModal} /> */}\n            <>\n              <div className=\"flex gap-1.5 items-center\" onClick={openModal}>\n                <Image\n                  src={\n                    \"https://storage.googleapis.com/assets-fygito/images/user_id/1732279688-Huế.jpg\"\n                  }\n                  alt={name}\n                  className=\"rounded-full object-contain w-7 h-7\"\n                  width={28}\n                  height={28}\n                />\n                <Typography variant=\"span\" className=\"font-semibold underline\">\n                  Trung Tâm Bảo Tồn Di Tích Cố Đô Huế\n                </Typography>\n                <TickIconBlue />\n              </div>\n\n              <Drawer\n                title={null}\n                placement={\"bottom\"}\n                closable={false}\n                onClose={closeModal}\n                open={isOpen}\n              >\n                <CloseIcon\n                  onClick={closeModal}\n                  className=\"absolute top-2 right-2 [&>path]:stroke-[#202020]\"\n                />\n                <div className=\"w-full h-full flex flex-col items-center gap-4 pt-10\">\n                  <Image\n                    src={\n                      \"https://storage.googleapis.com/assets-fygito/images/user_id/1732279688-Huế.jpg\"\n                    }\n                    alt={name}\n                    className=\"\"\n                    width={100}\n                    height={100}\n                  />\n                  <div className=\"text-sm w-full text-center leading-normal text-[#202020]\">\n                    Trung tâm Bảo tồn Di tích Cố đô Huế là đơn vị xác thực cho\n                    các sản phẩm thuộc phạm vi dự án, là các sản phẩm được chứng\n                    thực F1 của các cổ vật, bảo vật đang được trưng bày và quản\n                    lý tại Trung tâm\n                  </div>\n                </div>\n              </Drawer>\n            </>\n          </div>\n        </div>\n      </SectionFullScreen>\n    </>\n  );\n};\n\nexport default KhaoCoKyHomeSection;\n","// @ts-nocheck\nimport { FC, useState } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen/index\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { MediaType } from \"../../../../models/general\";\nimport Title from \"../../moleculars/Title\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { Field } from \"../../types/base\";\nimport {\n  FullScreen,\n  useFullScreenContext,\n} from \"../../../../hooks/useFullScreenContext\";\nimport { checkQuillEmpty, getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport KhaoCoKyTitle from \"./KhaoCoKyTitle\";\nimport { Drawer } from \"antd\";\n\ninterface ImageTextSectionData {\n  title_image_text: Field<string>;\n  description_image_text: Field<any>;\n  image: Field<Media>;\n  full_description: Field<any>;\n}\n\nexport interface KhaoCoKyImageTextProps extends BaseSectionProps {}\n\nconst KhaoCoKyImageTextSection: FC<KhaoCoKyImageTextProps> = (props) => {\n  const { sectionData, id, configTheme } = props;\n\n  const [isOpenDrawer, setIsOpenDrawer] = useState(false);\n  const { isInViewport } = useFullScreenContext(id);\n\n  const { title_image_text, description_image_text, image, full_description } =\n    {\n      ...sectionData,\n    } as ImageTextSectionData;\n\n  const titleValue = title_image_text?.value;\n  const imageValue = image?.value?.url;\n  const descriptionValue = getContentFromLexicalValue(\n    description_image_text?.value\n  );\n  const fullDescriptionValue = getContentFromLexicalValue(\n    full_description?.value\n  );\n\n  return (\n    <>\n      <SectionFullScreen\n        name={id}\n        showScrollGuide\n        className=\"py-6 font-antiqua\"\n      >\n        <div className=\"relative m-auto space-y-6 px-4\">\n          <KhaoCoKyTitle title={titleValue} />\n          {imageValue && (\n            <Image src={imageValue} className=\"max-h-[270px] object-contain\" />\n          )}\n          <div className=\"text-justify\">{descriptionValue}</div>\n          {fullDescriptionValue && (\n            <button\n              type=\"button\"\n              onClick={() => setIsOpenDrawer(true)}\n              className=\"mx-auto mt-2 w-full text-center\"\n            >\n              <p className=\"text-sm font-medium underline underline-offset-4\">\n                Xem thêm\n              </p>\n            </button>\n          )}\n        </div>\n      </SectionFullScreen>\n      <Drawer\n        open={isOpenDrawer}\n        onClose={() => setIsOpenDrawer(false)}\n        placement=\"right\"\n        style={{\n          backgroundImage: configTheme?.backgroundImage,\n        }}\n      >\n        <div className=\"text-justify text-base text-black font-antiqua\">\n          {fullDescriptionValue}\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default KhaoCoKyImageTextSection;\n","// @ts-nocheck\nimport { FC } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen/index\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { MediaType } from \"../../../../models/general\";\nimport Title from \"../../moleculars/Title\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { Field } from \"../../types/base\";\nimport {\n  FullScreen,\n  useFullScreenContext,\n} from \"../../../../hooks/useFullScreenContext\";\nimport { checkQuillEmpty, getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport KhaoCoKyTitle from \"./KhaoCoKyTitle\";\n\ninterface CompareInfo {\n  image: string;\n  description: any;\n}\n\ninterface CompareSectionData {\n  title_compare: Field<string>;\n  before_info: Field<CompareInfo>;\n  after_info: Field<CompareInfo>;\n  description_compare: Field<any>;\n}\n\nexport interface KhaoCoKyCompareProps extends BaseSectionProps {}\n\nconst KhaoCoKyCompareSection: FC<KhaoCoKyCompareProps> = (props) => {\n  const { sectionData, id, configTheme } = props;\n\n  const { isInViewport } = useFullScreenContext(id);\n\n  const { title_compare, before_info, after_info, description_compare } = {\n    ...sectionData,\n  } as CompareSectionData;\n\n  const titleValue = title_compare?.value;\n  const beforeInfoValue = before_info?.value;\n  const afterInfoValue = after_info?.value;\n  const beforeImageValue = beforeInfoValue?.image?.url;\n  const afterImageValue = afterInfoValue?.image?.url;\n  const beforeDescriptionValue = getContentFromLexicalValue(\n    beforeInfoValue?.description\n  );\n  const afterDescriptionValue = getContentFromLexicalValue(\n    afterInfoValue?.description\n  );\n\n  const descriptionValue = getContentFromLexicalValue(\n    description_compare?.value\n  );\n\n  return (\n    <>\n      <SectionFullScreen\n        name={id}\n        showScrollGuide\n        className=\"py-6 font-antiqua\"\n      >\n        <div className=\"relative m-auto space-y-6 px-4\">\n          <KhaoCoKyTitle title={titleValue} />\n          <div className=\"flex items-center flex-col gap-4\">\n            <div className=\"flex justify-between gap-4\">\n              {beforeImageValue && (\n                <Image\n                  src={beforeImageValue}\n                  height={270}\n                  className=\"object-cover border w-1/2 border-gray-200\"\n                />\n              )}\n              {afterImageValue && (\n                <Image\n                  src={afterImageValue}\n                  height={270}\n                  className=\"object-cover border w-1/2 border-gray-200\"\n                />\n              )}\n            </div>\n            <div className=\"flex justify-center gap-4 w-full\">\n              <div className=\"flex justify-start text-sm w-1/2\">\n                <p className=\"text-justify\">{beforeDescriptionValue}</p>\n              </div>\n              <div className=\"flex flex-col text-sm w-1/2\">\n                <p className=\"text-justify\">{afterDescriptionValue}</p>\n              </div>\n            </div>\n          </div>\n          <div className=\"text-justify\">{descriptionValue}</div>\n        </div>\n      </SectionFullScreen>\n    </>\n  );\n};\n\nexport default KhaoCoKyCompareSection;\n","// @ts-nocheck\nimport { FC } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen/index\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { MediaType } from \"../../../../models/general\";\nimport Title from \"../../moleculars/Title\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { Field } from \"../../types/base\";\nimport {\n  FullScreen,\n  useFullScreenContext,\n} from \"../../../../hooks/useFullScreenContext\";\nimport { checkQuillEmpty, getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport KhaoCoKyTitle from \"./KhaoCoKyTitle\";\nimport { FacebookLogo, Globe, ShoppingCart } from \"@phosphor-icons/react\";\nimport { isEmpty } from 'lodash-es';\n\ninterface DescriptionItem {\n  description: Field<any>;\n  image: Field<Media>;\n}\n\ninterface ContactSectionData {\n  title_contact: Field<string>;\n  description_1: Field<DescriptionItem>;\n  description_2: Field<DescriptionItem>;\n  contact: Field<{ [key: any]: string }>;\n  contact_title: Field<string>;\n}\n\nexport interface KhaoCoKyContactProps extends BaseSectionProps {}\n\nconst KhaoCoKyContactSection: FC<KhaoCoKyContactProps> = (props) => {\n  const { sectionData, id, configTheme } = props;\n\n  const { isInViewport } = useFullScreenContext(id);\n\n  const {\n    title_contact,\n    description_1,\n    description_2,\n    contact,\n    contact_title,\n  } = {\n    ...sectionData,\n  } as ContactSectionData;\n\n  const titleValue = title_contact?.value;\n  const firstImage = description_1?.value?.image?.url;\n  const secondImage = description_2?.value?.image?.url;\n  const firstDescription = getContentFromLexicalValue(\n    description_1?.value?.description\n  );\n  const secondDescription = getContentFromLexicalValue(\n    description_2?.value?.description\n  );\n  const contactTitle = contact_title?.value;\n\n  const contactValue = contact?.value;\n\n  const getIconByKey = (key: string) => {\n    switch (key) {\n      case \"shop\":\n        return <ShoppingCart weight=\"fill\" size={24} />;\n      case \"facebook\":\n        return <FacebookLogo weight=\"fill\" size={24} />;\n      case \"website\":\n        return <Globe weight=\"fill\" size={24} />;\n      default:\n        return <Globe weight=\"fill\" size={24} />;\n    }\n  };\n\n  return (\n    <>\n      <SectionFullScreen\n        name={id}\n        showScrollGuide\n        className=\"py-10 font-antiqua\"\n      >\n        <div className=\"relative m-auto space-y-6 px-4\">\n          <KhaoCoKyTitle title={titleValue} />\n          <div className=\"space-y-[220px]\">\n            <div className=\"flex justify-between relative\">\n              <div className=\"w-1/3 z-10 top-5 relative\">\n                <Image\n                  src={firstImage}\n                  className=\"max-h-[180px] object-contain\"\n                />\n              </div>\n              <div className=\"w-3/4 absolute right-0 -bottom-2/3 max-w-[300px]\">\n                <div className=\"relative\">\n                  <Image\n                    src=\"https://storage.googleapis.com/nomion-assets-staging/images/user_id/1732183476-left-letter.png\"\n                    className=\"max-h-[180px] object-contain\"\n                  />\n                  <div className=\"top-1/2 -translate-y-1/2 !text-xs p-8 -rotate-[6deg] left-0 absolute\">\n                    {firstDescription}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div className=\"flex flex-row-reverse justify-between relative\">\n              <div className=\"w-1/3 z-10\">\n                {secondImage && (\n                  <Image\n                    src={secondImage}\n                    className=\"max-h-[180px] object-contain\"\n                  />\n                )}\n              </div>\n              <div className=\"w-3/4 absolute left-0 -top-2/3 max-w-[300px]\">\n                <div className=\"relative w-full\">\n                  <Image\n                    src=\"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/khao-co-ky/card-bg.png\"\n                    className=\"max-h-[180px] w-full object-contain\"\n                  />\n                  <div className=\"!text-xs p-8 rotate-[6.5deg] left-0 top-1/2 -translate-y-1/2 absolute\">\n                    {secondDescription}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"flex flex-col items-center gap-4\">\n            <p className=\"text-base font-semibold\">{contactTitle}</p>\n            <div className=\"flex flex-row justify-center gap-4\">\n              {!isEmpty(contactValue) &&\n                Object.keys(contactValue).map((key) => {\n                  const value = contactValue[key];\n                  return (\n                    <a\n                      className=\"flex flex-row gap-2\"\n                      href={value}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      {getIconByKey(key)}\n                    </a>\n                  );\n                })}\n            </div>\n          </div>\n        </div>\n      </SectionFullScreen>\n    </>\n  );\n};\n\nexport default KhaoCoKyContactSection;\n","// @ts-nocheck\nimport { FC, useState } from \"react\";\nimport SectionFullScreen from \"../../../SectionFullScreen/index\";\nimport { BaseSectionProps } from \"../../../../models/base-section\";\nimport { MediaType } from \"../../../../models/general\";\nimport Title from \"../../moleculars/Title\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { Field } from \"../../types/base\";\nimport {\n  FullScreen,\n  useFullScreenContext,\n} from \"../../../../hooks/useFullScreenContext\";\nimport { checkQuillEmpty, getContentFromLexicalValue, parse } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport KhaoCoKyTitle from \"./KhaoCoKyTitle\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Pagination } from \"swiper/modules\";\nimport CarouselCustom from \"../../../../common/CarouselCustom\";\n\ninterface ImageTextSectionData {\n  title_carousel: Field<string>;\n  list_images: Field<{ [key: any]: string }>;\n  background_title: Field<Media>;\n}\n\nexport interface KhaoCoKyCarouselProps extends BaseSectionProps {}\n\nconst KhaoCoKyCarouselSection: FC<KhaoCoKyCarouselProps> = (props) => {\n  const { sectionData, id, configTheme } = props;\n\n  const { isInViewport } = useFullScreenContext(id);\n\n  const { title_carousel, list_images, background_title } = {\n    ...sectionData,\n  } as ImageTextSectionData;\n\n  const titleValue = getContentFromLexicalValue(title_carousel?.value);\n  const backgroundTitleValue = background_title?.value?.url;\n  const listImagesValue = list_images?.value.filter(\n    (item) => !!item.image?.url\n  );\n\n  if (listImagesValue?.length === 0) {\n    return null;\n  }\n\n  const coverItem = (\n    <SwiperSlide key=\"cover-item\" className=\"w-full z-50 h-[520px]\">\n      <div className=\"h-full w-full bg-black/50 absolute z-10 top-0 left-0 flex items-center justify-center\">\n        <p className=\"text-white text-2xl font-bold text-center\">\n          {titleValue}\n        </p>\n      </div>\n      {backgroundTitleValue && (\n        <Image src={backgroundTitleValue} className=\"object-cover h-full\" />\n      )}\n    </SwiperSlide>\n  );\n\n  const generateListItem = listImagesValue?.map((item, index) => (\n    <SwiperSlide\n      key={`slide-${index}`}\n      className=\"w-full z-50 h-[520px] relative\"\n    >\n      <img\n        src={item.image.url}\n        className=\"object-contain absolute h-full w-full z-10\"\n      />\n      <img\n        src={item.image.url}\n        alt=\"backdrop-image\"\n        className=\"object-cover h-full w-full absolute z-0 blur-md\"\n      />\n      <div className=\"absolute pointer-events-none bottom-0 left-0 w-full max-h-1/3 overflow-scroll bg-black/40 z-10\">\n        <p className=\"text-white text-sm text-center pb-8 px-4 pt-4\">\n          {parse(item.description)}\n        </p>\n      </div>\n    </SwiperSlide>\n  ));\n\n  return (\n    <SectionFullScreen\n      name={id}\n      showScrollGuide\n      className=\"font-antiqua py-6 h-[100svh] svh-full\"\n    >\n      <div className=\"h-full w-full flex items-center justify-center relative\">\n        <CarouselCustom\n          slidesPerView={1}\n          wrapperClassName=\"flex items-center justify-center\"\n          className=\"[&_.swiper-pagination]:!bottom-2 [&_.swiper-pagination-bullet-active]:!bg-gray-600 flex items-center justify-center\"\n          listItem={[coverItem, ...(generateListItem || [])]}\n          lazyPreloadPrevNext={2}\n        />\n      </div>\n    </SectionFullScreen>\n  );\n};\n\nexport default KhaoCoKyCarouselSection;\n"]}

package/dist/chunk-GEGMACK2.cjs

@@ -0,0 +1,2 @@
+'use strict';var framerMotion=require('framer-motion'),c=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var c__default=/*#__PURE__*/_interopDefault(c);var f=o=>{let{duration:t=.5,delay:a=.5,children:i,className:e}=o;return jsxRuntime.jsx(framerMotion.motion.div,{className:c__default.default("flex w-full flex-col gap-[16px]",!!e&&e),initial:{opacity:0},whileInView:{opacity:1},transition:{duration:t,delay:a},children:i})},y=o=>{let{duration:t=.5,delay:a=.5,isVisible:i=true,children:e,className:r="",style:s={}}=o;return i?jsxRuntime.jsx(framerMotion.motion.div,{style:s,className:tailwindMerge.twMerge("flex w-full flex-col gap-[16px]",r,i&&"visible",!i&&"invisible"),initial:{opacity:0},animate:{opacity:1},transition:{duration:t,delay:a},children:e}):jsxRuntime.jsx(jsxRuntime.Fragment,{})};exports.a=f;exports.b=y;//# sourceMappingURL=chunk-GEGMACK2.cjs.map
+//# sourceMappingURL=chunk-GEGMACK2.cjs.map

package/dist/chunk-GEGMACK2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/FadeInMotion/index.tsx"],"names":["FadeInMotion","props","duration","delay","children","className","jsx","motion","clsx","FadeInMotionV2","isVisible","style","twMerge","Fragment"],"mappings":"yQAKO,IAAMA,CAAAA,CAMPC,CAAAA,EAAU,CACd,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAAC,CAAAA,CAAQ,EAAA,CAAK,QAAA,CAAAC,EAAU,SAAA,CAAAC,CAAU,CAAA,CAAIJ,CAAAA,CAC7D,OACEK,cAAAA,CAACC,mBAAAA,CAAO,GAAA,CAAP,CACC,SAAA,CAAWC,kBAAAA,CACT,iCAAA,CACA,CAAC,CAACH,CAAAA,EAAaA,CACjB,EACA,OAAA,CAAS,CAAE,OAAA,CAAS,CAAE,CAAA,CACtB,WAAA,CAAa,CAAE,OAAA,CAAS,CAAE,CAAA,CAC1B,UAAA,CAAY,CAAE,QAAA,CAAAH,CAAAA,CAAU,KAAA,CAAAC,CAAM,CAAA,CAC7B,SAAAC,CAAAA,CACH,CAEJ,CAAA,CAEaK,CAAAA,CAOPR,CAAAA,EAAU,CACd,GAAM,CACJ,QAAA,CAAAC,CAAAA,CAAW,EAAA,CACX,KAAA,CAAAC,CAAAA,CAAQ,EAAA,CACR,SAAA,CAAAO,CAAAA,CAAY,KACZ,QAAA,CAAAN,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,EAAA,CACZ,KAAA,CAAAM,CAAAA,CAAQ,EACV,CAAA,CAAIV,CAAAA,CACJ,OAAKS,CAAAA,CAEHJ,cAAAA,CAACC,mBAAAA,CAAO,GAAA,CAAP,CACC,KAAA,CAAOI,CAAAA,CACP,SAAA,CAAWC,qBAAAA,CACT,iCAAA,CACAP,CAAAA,CACAK,CAAAA,EAAa,SAAA,CACb,CAACA,CAAAA,EAAa,WAChB,CAAA,CACA,OAAA,CAAS,CAAE,OAAA,CAAS,CAAE,EACtB,OAAA,CAAS,CAAE,OAAA,CAAS,CAAE,CAAA,CACtB,UAAA,CAAY,CAAE,QAAA,CAAAR,EAAU,KAAA,CAAAC,CAAM,CAAA,CAC7B,QAAA,CAAAC,CAAAA,CACH,CAAA,CAdqBE,cAAAA,CAAAO,mBAAAA,CAAA,EAAE,CAgB3B","file":"chunk-GEGMACK2.cjs","sourcesContent":["import { FC, ReactNode } from \"react\";\nimport { motion } from \"framer-motion\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const FadeInMotion: FC<{\n  isVisible?: boolean;\n  delay: number;\n  duration?: number;\n  children: ReactNode;\n  className?: string;\n}> = (props) => {\n  const { duration = 0.5, delay = 0.5, children, className } = props;\n  return (\n    <motion.div\n      className={clsx(\n        \"flex w-full flex-col gap-[16px]\",\n        !!className && className\n      )}\n      initial={{ opacity: 0 }}\n      whileInView={{ opacity: 1 }}\n      transition={{ duration, delay }}>\n      {children}\n    </motion.div>\n  );\n};\n\nexport const FadeInMotionV2: FC<{\n  isVisible: boolean;\n  delay: number;\n  duration?: number;\n  children: ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}> = (props) => {\n  const {\n    duration = 0.5,\n    delay = 0.5,\n    isVisible = true,\n    children,\n    className = \"\",\n    style = {},\n  } = props;\n  if (!isVisible) return <></>;\n  return (\n    <motion.div\n      style={style}\n      className={twMerge(\n        \"flex w-full flex-col gap-[16px]\",\n        className,\n        isVisible && \"visible\",\n        !isVisible && \"invisible\"\n      )}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration, delay }}>\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/chunk-GILDGRSK.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkJEH6Z3MR_cjs=require('./chunk-JEH6Z3MR.cjs'),chunkGXUG743T_cjs=require('./chunk-GXUG743T.cjs'),chunkGEGMACK2_cjs=require('./chunk-GEGMACK2.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),helpers=require('@phygitallabs/helpers'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),jsxRuntime=require('react/jsx-runtime'),react=require('react');var D=a=>{let{sectionData:s,setIsViewAnswer:e}=a,{question:i,cta_title:t,background_question:u,image:d}=s,r=d?.value?.url,g=()=>e(c=>!c),l=typeof t?.value=="string";return jsxRuntime.jsxs(chunkGEGMACK2_cjs.b,{className:"flex w-full justify-center z-40 items-center",isVisible:true,duration:1,delay:.25,children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:u}),jsxRuntime.jsxs(chunkGEGMACK2_cjs.b,{className:"flex w-full justify-center z-40 items-center px-5",isVisible:true,duration:1,delay:.5,children:[r&&jsxRuntime.jsx(imageNomion.ImageNomion,{width:"auto",height:"40svh",src:r}),helpers.parse(i?.value?.htmlContent),jsxRuntime.jsx(chunkJEH6Z3MR_cjs.a,{onClick:g,className:"bg-[#292929] uppercase text-white w-fit",children:l?t?.value:""})]})]})},x=D;var A=a=>{let{sectionData:s}=a,{backgrounds:e,messages:i,msg_images:t}=s,u=e?.value?.length,d=i?.value?.length,r=t?.value?.length,g=e?.value?.[helpers.generateRandomNumber(u-1)],l=i?.value?.[helpers.generateRandomNumber(d-1)],c=l?.audio?.url,f=t?.value?.[helpers.generateRandomNumber(r-1)]?.url;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c&&jsxRuntime.jsx("audio",{src:c,autoPlay:true,loop:true}),jsxRuntime.jsxs(chunkGEGMACK2_cjs.b,{className:"flex w-full justify-center z-40 items-center",isVisible:true,duration:1,delay:.25,children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:{value:g}}),!f&&jsxRuntime.jsx("div",{className:"to-transparent absolute bottom-0 left-0 z-10 h-full w-full bg-gradient-to-b from-white"}),jsxRuntime.jsxs(chunkGEGMACK2_cjs.b,{className:"flex w-full justify-center z-40 items-center absolute top-1/3 px-5 -translate-y-1/4 gap-20",isVisible:true,duration:1,delay:.5,children:[f&&jsxRuntime.jsx(imageNomion.ImageNomion,{width:"auto",height:"40svh",src:f}),jsxRuntime.jsx("div",{children:helpers.parse(l?.image?.htmlContent)})]})]})]})},F=A;var P=a=>{let{id:s,sectionData:e}=a,[i,t]=react.useState(false);return jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{className:"flex flex-col items-center justify-center text-center gap-2 relative",name:s,children:i?jsxRuntime.jsx(F,{sectionData:e}):jsxRuntime.jsx(x,{setIsViewAnswer:t,sectionData:e})})},Y=P;exports.a=Y;//# sourceMappingURL=chunk-GILDGRSK.cjs.map
+//# sourceMappingURL=chunk-GILDGRSK.cjs.map

package/dist/chunk-GILDGRSK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/QuizSection/ViewQuestion.tsx","../src/components/LandingPage/common/ui-kit/organisms/QuizSection/ViewAnswer.tsx","../src/components/LandingPage/common/ui-kit/organisms/QuizSection/index.tsx"],"names":["ViewQuestion","props","sectionData","setIsViewAnswer","question","cta_title","background_question","image","imgUrl","handleClick","pre","isCtaTitleValid","jsxs","FadeInMotionV2","jsx","BackgroundImage_default","Image","parse","BaseButton_default","ViewQuestion_default","ViewAnswer","backgrounds","messages","msg_images","bgLength","msgLength","msgImgLength","background","generateRandomNumber","msg","audioUrl","msgImgUrl","Fragment","ViewAnswer_default","QuizSection","id","isViewAnswer","useState","SectionFullScreen_default","QuizSection_default"],"mappings":"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","file":"chunk-GILDGRSK.cjs","sourcesContent":["import { FadeInMotionV2 } from \"../../../FadeInMotion\";\nimport BaseButton from \"../../atomics/BaseButton\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { QuizSectionData } from \".\";\nimport { parse } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\n\ninterface Props {\n  setIsViewAnswer: React.Dispatch<React.SetStateAction<boolean>>;\n  sectionData: QuizSectionData;\n}\n\nconst ViewQuestion = (props: Props) => {\n  const { sectionData, setIsViewAnswer } = props;\n  const { question, cta_title, background_question, image } = sectionData;\n  const imgUrl = image?.value?.url;\n  const handleClick = () => setIsViewAnswer((pre) => !pre);\n  const isCtaTitleValid = typeof cta_title?.value === \"string\";\n\n  return (\n    <FadeInMotionV2\n      className=\"flex w-full justify-center z-40 items-center\"\n      isVisible={true}\n      duration={1}\n      delay={0.25}\n    >\n      <BackgroundImage field={background_question} />\n      <FadeInMotionV2\n        className=\"flex w-full justify-center z-40 items-center px-5\"\n        isVisible={true}\n        duration={1}\n        delay={0.5}\n      >\n        {imgUrl && <Image width=\"auto\" height=\"40svh\" src={imgUrl} />}\n\n        {parse(question?.value?.htmlContent)}\n        <BaseButton\n          onClick={handleClick}\n          className=\"bg-[#292929] uppercase text-white w-fit\"\n        >\n          {isCtaTitleValid ? cta_title?.value : \"\"}\n        </BaseButton>\n      </FadeInMotionV2>\n    </FadeInMotionV2>\n  );\n};\n\nexport default ViewQuestion;\n","import { FadeInMotionV2 } from \"../../../FadeInMotion\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport { QuizSectionData } from \".\";\nimport { generateRandomNumber, parse } from \"@phygitallabs/helpers\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\n\ninterface Props {\n  sectionData: QuizSectionData;\n}\n\nconst ViewAnswer = (props: Props) => {\n  const { sectionData } = props;\n  const { backgrounds, messages, msg_images } = sectionData;\n  const bgLength = backgrounds?.value?.length;\n  const msgLength = messages?.value?.length;\n  const msgImgLength = msg_images?.value?.length;\n  const background = backgrounds?.value?.[generateRandomNumber(bgLength - 1)];\n  const msg = messages?.value?.[generateRandomNumber(msgLength - 1)];\n  const audioUrl = msg?.audio?.url;\n  const msg_img = msg_images?.value?.[generateRandomNumber(msgImgLength - 1)];\n  const msgImgUrl = msg_img?.url;\n\n  return (\n    <>\n      {audioUrl && <audio src={audioUrl} autoPlay loop />}\n      <FadeInMotionV2\n        className=\"flex w-full justify-center z-40 items-center\"\n        isVisible={true}\n        duration={1}\n        delay={0.25}>\n        <BackgroundImage field={{ value: background }} />\n        {!msgImgUrl && (\n          <div className=\"to-transparent absolute bottom-0 left-0 z-10 h-full w-full bg-gradient-to-b from-white\" />\n        )}\n        <FadeInMotionV2\n          className=\"flex w-full justify-center z-40 items-center absolute top-1/3 px-5 -translate-y-1/4 gap-20\"\n          isVisible={true}\n          duration={1}\n          delay={0.5}>\n          {msgImgUrl && <Image width=\"auto\" height=\"40svh\" src={msgImgUrl} />}\n          <div>{parse(msg?.image?.htmlContent)}</div>\n        </FadeInMotionV2>\n      </FadeInMotionV2>\n    </>\n  );\n};\n\nexport default ViewAnswer;\n","import { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { Field } from \"../../types/base\";\nimport { LexicalType, Media } from \"../../../../models/general\";\nimport ViewQuestion from \"./ViewQuestion\";\nimport { useState } from \"react\";\nimport ViewAnswer from \"./ViewAnswer\";\n\nexport interface MsgAudio {\n  image: LexicalType;\n  audio: Media;\n}\n\nexport interface QuizSectionData {\n  question: Field<LexicalType>;\n  cta_title: Field<string>;\n  background_question: Field<Media>;\n  messages: Field<MsgAudio[]>;\n  msg_images: Field<Media[]>;\n  backgrounds: Field<Media[]>;\n  image: Field<Media>;\n}\n\ninterface Props extends BaseSectionProps {\n  sectionData: QuizSectionData;\n}\n\nconst QuizSection = (props: Props) => {\n  const { id, sectionData } = props;\n  const [isViewAnswer, setIsViewAnswer] = useState(false);\n\n  return (\n    <SectionFullScreen\n      className=\"flex flex-col items-center justify-center text-center gap-2 relative\"\n      name={id}>\n      {isViewAnswer ? (\n        <ViewAnswer sectionData={sectionData} />\n      ) : (\n        <ViewQuestion\n          setIsViewAnswer={setIsViewAnswer}\n          sectionData={sectionData}\n        />\n      )}\n    </SectionFullScreen>\n  );\n};\n\nexport default QuizSection;\n"]}

package/dist/chunk-GPBY3OXV.js

@@ -0,0 +1,2 @@
+import {h as h$1}from'./chunk-LSWFX7YA.js';import {X}from'lucide-react';import*as s from'react';import*as e from'@radix-ui/react-dialog';import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'@phygitallabs/helpers';var g=e.Root;var P=e.Portal;var n=s.forwardRef(({className:t,...a},o)=>jsx(e.Overlay,{ref:o,className:h$1("fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a}));n.displayName=e.Overlay.displayName;var c=s.forwardRef(({className:t,children:a,...o},m)=>jsxs(P,{children:[jsx(n,{}),jsx(e.Content,{ref:m,className:h$1("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",t),...o,children:a})]}));c.displayName=e.Content.displayName;var N=s.forwardRef(({className:t,...a},o)=>jsx(e.Title,{ref:o,className:h$1("text-lg font-semibold leading-none tracking-tight",t),...a}));N.displayName=e.Title.displayName;var x=s.forwardRef(({className:t,...a},o)=>jsx(e.Description,{ref:o,className:h$1("text-muted-foreground text-sm",t),...a}));x.displayName=e.Description.displayName;var h=t=>{let{isOpen:a,toggleModal:o,children:m,hasExitIcon:v=false,className:d,style:u,closeIconClassName:p}=t;return jsxs(g,{open:a,onOpenChange:o,children:[jsx(n,{className:"bg-opacity-60"}),jsxs(c,{className:cn("max-h-[70%] w-[95%] gap-0 rounded-md border-neutral-8 bg-white/10 text-neutral-8 p-0 backdrop-blur-lg",!!d&&d),style:u,children:[v&&jsx("button",{onClick:o,className:"sticky right-0 top-0 z-50 ml-auto w-fit scale-75 focus:outline-none lg:scale-100",children:jsx("div",{className:cn("rounded-3xl border border-neutral-8 bg-white/5 p-2 backdrop-blur text-white",!!p&&p),children:jsx(X,{})})}),jsx("div",{className:"z-10 p-3",children:m})]})]})},z=h;export{z as a};//# sourceMappingURL=chunk-GPBY3OXV.js.map
+//# sourceMappingURL=chunk-GPBY3OXV.js.map

package/dist/chunk-GPBY3OXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/shadcn-ui-kit/Dialog.tsx","../src/components/LandingPage/common/ui-kit/atomics/%20BaseModal.tsx"],"names":["Dialog","DialogPortal","DialogOverlay","className","props","ref","jsx","cn","DialogContent","children","jsxs","DialogTitle","DialogDescription","BaseModal","isOpen","toggleModal","hasExitIcon","style","closeIconClassName","X","BaseModal_default"],"mappings":"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","file":"chunk-GPBY3OXV.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nimport { cn } from \"../../utils/helper\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      className={cn(\n        \"fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n          className\n        )}\n        {...props}>\n        {children}\n        {/*<DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\">*/}\n        {/*  <X className=\"h-4 w-4\" />*/}\n        {/*  <span className=\"sr-only\">Close</span>*/}\n        {/*</DialogPrimitive.Close>*/}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n","import { X } from \"lucide-react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogOverlay,\n} from \"../../shadcn-ui-kit/Dialog\";\nimport { cn } from \"@phygitallabs/helpers\";\nimport { CSSProperties } from \"react\";\n\ninterface Props {\n  isOpen: boolean;\n  toggleModal: () => void;\n  children: React.ReactElement | string | React.ReactElement[];\n  className?: string;\n  hasExitIcon?: boolean;\n  closeIconClassName?: string;\n  style?: CSSProperties;\n}\nconst BaseModal = (props: Props) => {\n  const {\n    isOpen,\n    toggleModal,\n    children,\n    hasExitIcon = false,\n    className,\n    style,\n    closeIconClassName,\n  } = props;\n  return (\n    <Dialog open={isOpen} onOpenChange={toggleModal}>\n      <DialogOverlay className=\"bg-opacity-60\" />\n      <DialogContent\n        className={cn(\n          \"max-h-[70%] w-[95%] gap-0 rounded-md border-neutral-8 bg-white/10 text-neutral-8 p-0 backdrop-blur-lg\",\n          !!className && className\n        )}\n        style={style}\n      >\n        {hasExitIcon && (\n          <button\n            onClick={toggleModal}\n            className=\"sticky right-0 top-0 z-50 ml-auto w-fit scale-75 focus:outline-none lg:scale-100\"\n          >\n            <div\n              className={cn(\n                \"rounded-3xl border border-neutral-8 bg-white/5 p-2 backdrop-blur text-white\",\n                !!closeIconClassName && closeIconClassName\n              )}\n            >\n              <X  />\n            </div>\n          </button>\n        )}\n        <div className=\"z-10 p-3\">{children}</div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default BaseModal;\n"]}

package/dist/chunk-GQMPLRHE.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkYLW7AQNY_cjs=require('./chunk-YLW7AQNY.cjs'),chunkJEH6Z3MR_cjs=require('./chunk-JEH6Z3MR.cjs'),chunkGXUG743T_cjs=require('./chunk-GXUG743T.cjs'),chunkXFF6JIWQ_cjs=require('./chunk-XFF6JIWQ.cjs'),chunkJARFLL3F_cjs=require('./chunk-JARFLL3F.cjs'),chunk5I4Z5UH2_cjs=require('./chunk-5I4Z5UH2.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),jsxRuntime=require('react/jsx-runtime');var S=u=>{let{id:y,sectionData:v,configTheme:e,translations:s}=u,{title:h,phone:r,email:o,auction:l,contact_name:c,background:x}=v,F=s?.phoneText||"\u0110i\u1EC7n tho\u1EA1i",T=s?.addressText||"\u0110\u1ECBa ch\u1EC9";return jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{className:"flex flex-col items-center justify-center text-center gap-2 px-3",name:y,children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:x,configTheme:e}),jsxRuntime.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-2",children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:h,configTheme:e}),r?.value&&jsxRuntime.jsxs("div",{className:"flex gap-1 items-center",children:[jsxRuntime.jsxs(chunkJARFLL3F_cjs.a,{variant:"h6",...chunk5I4Z5UH2_cjs.k(e,r.style_config,true),children:[F,":"]}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:"underline",...chunk5I4Z5UH2_cjs.k(e,r.style_config,true),children:r?.value})]}),o?.value&&jsxRuntime.jsxs("div",{className:"flex gap-1 items-center",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",...chunk5I4Z5UH2_cjs.k(e,o.style_config,true),children:"Email:"}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:"underline",...chunk5I4Z5UH2_cjs.k(e,o.style_config,true),children:o?.value})]}),c?.value&&jsxRuntime.jsxs("div",{className:"flex gap-1 items-center",children:[jsxRuntime.jsxs(chunkJARFLL3F_cjs.a,{variant:"h6",...chunk5I4Z5UH2_cjs.k(e,o.style_config,true),children:[T,":"]}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:"underline",...chunk5I4Z5UH2_cjs.k(e,o.style_config,true),children:c?.value})]}),l?.value?.label&&jsxRuntime.jsx("a",{href:l?.value?.url,target:"_blank",children:jsxRuntime.jsxs(chunkJEH6Z3MR_cjs.a,{className:"flex gap-1 items-center",children:[l?.value?.label,jsxRuntime.jsx(chunkYLW7AQNY_cjs.a,{})]})})]})]})},D=S;exports.a=D;//# sourceMappingURL=chunk-GQMPLRHE.cjs.map
+//# sourceMappingURL=chunk-GQMPLRHE.cjs.map

package/dist/chunk-GQMPLRHE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/ContactSection/index.tsx"],"names":["ContactSection","props","id","sectionData","configTheme","translations","title","phone","email","auction","contact_name","background","phoneText","addressText","jsxs","SectionFullScreen_default","jsx","BackgroundImage_default","Title_default","Typography_default","getPrimaryStyling","BaseButton_default","IconExternalLink_default","ContactSection_default"],"mappings":"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","file":"chunk-GQMPLRHE.cjs","sourcesContent":["import { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport IconExternalLink from \"../../../icons/IconExternalLink\";\nimport BaseButton from \"../../atomics/BaseButton\";\nimport TitleCustom from \"../../moleculars/Title\";\nimport { Field, FieldConfig } from \"../../types/base\";\nimport { getPrimaryStyling } from \"../../../../../LandingPage/utils/helper\";\nimport { Typography } from \"../../../../../LandingPage/common/ui-kit/atomics\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\n\ninterface Auction {\n  label: string;\n  url: string;\n}\n\ninterface SectionData {\n  title: Field<string>;\n  phone: Field<string>;\n  email: Field<string>;\n  auction: Field<Auction>;\n  contact_name: Field<string>;\n  background: Field<{\n    image: string;\n    is_overlay: boolean;\n  }>;\n}\n\ninterface Props extends BaseSectionProps {\n  sectionData: SectionData;\n}\n\nconst ContactSection = (props: Props) => {\n  const { id, sectionData, configTheme, translations } = props;\n  const { title, phone, email, auction, contact_name, background } =\n    sectionData;\n\n  const phoneText = translations?.phoneText || \"Điện thoại\";\n  const addressText = translations?.addressText || \"Địa chỉ\";\n\n  return (\n    <SectionFullScreen\n      className=\"flex flex-col items-center justify-center text-center gap-2 px-3\"\n      name={id}\n    >\n      <BackgroundImage field={background} configTheme={configTheme} />\n      <div className=\"absolute inset-0 flex flex-col items-center justify-center gap-2\">\n        <TitleCustom field={title} configTheme={configTheme} />\n        {phone?.value && (\n          <div className=\"flex gap-1 items-center\">\n            <Typography\n              variant=\"h6\"\n              {...getPrimaryStyling(\n                configTheme!,\n                phone.style_config as FieldConfig,\n                true\n              )}\n            >\n              {phoneText}:\n            </Typography>\n            <Typography\n              variant=\"h6\"\n              className=\"underline\"\n              {...getPrimaryStyling(\n                configTheme!,\n                phone.style_config as FieldConfig,\n                true\n              )}\n            >\n              {phone?.value}\n            </Typography>\n          </div>\n        )}\n        {email?.value && (\n          <div className=\"flex gap-1 items-center\">\n            <Typography\n              variant=\"h6\"\n              {...getPrimaryStyling(\n                configTheme!,\n                email.style_config as FieldConfig,\n                true\n              )}\n            >\n              Email:\n            </Typography>\n            <Typography\n              variant=\"h6\"\n              className=\"underline\"\n              {...getPrimaryStyling(\n                configTheme!,\n                email.style_config as FieldConfig,\n                true\n              )}\n            >\n              {email?.value}\n            </Typography>\n          </div>\n        )}\n        {contact_name?.value && (\n          <div className=\"flex gap-1 items-center\">\n            <Typography\n              variant=\"h6\"\n              {...getPrimaryStyling(\n                configTheme!,\n                email.style_config as FieldConfig,\n                true\n              )}\n            >\n              {addressText}:\n            </Typography>\n            <Typography\n              variant=\"h6\"\n              className=\"underline\"\n              {...getPrimaryStyling(\n                configTheme!,\n                email.style_config as FieldConfig,\n                true\n              )}\n            >\n              {contact_name?.value}\n            </Typography>\n          </div>\n        )}\n\n        {auction?.value?.label && (\n          <a href={auction?.value?.url} target=\"_blank\">\n            <BaseButton className=\"flex gap-1 items-center\">\n              {auction?.value?.label}\n              <IconExternalLink />\n            </BaseButton>\n          </a>\n        )}\n      </div>\n    </SectionFullScreen>\n  );\n};\n\nexport default ContactSection;\n"]}

package/dist/chunk-GXUG743T.cjs

@@ -0,0 +1,2 @@
+'use strict';var tailwindMerge=require('tailwind-merge'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),jsxRuntime=require('react/jsx-runtime');var t=({field:o})=>{let{value:l}={...o},{image:a,is_overlay:r=false}={...l};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[a?.url&&jsxRuntime.jsx("div",{className:"absolute z-100 h-full w-full pointer-events-none",children:jsxRuntime.jsx(imageNomion.ImageNomion,{className:"object-cover",src:a?.url,alt:"home background"})}),r&&jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("absolute inset-0 h-full w-full pointer-events-none"),style:{backgroundColor:"rgba(0, 0, 0, 0.7)"}})]})},d=t;exports.a=d;//# sourceMappingURL=chunk-GXUG743T.cjs.map
+//# sourceMappingURL=chunk-GXUG743T.cjs.map

package/dist/chunk-GXUG743T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/moleculars/BackgroundImage.tsx"],"names":["BackgroundImage","field","value","image","is_overlay","jsxs","Fragment","jsx","Image","twMerge","BackgroundImage_default"],"mappings":"sKAKA,IAAMA,CAAAA,CAAkB,CAAC,CAAE,KAAA,CAAAC,CAAM,CAAA,GAA2B,CACxD,GAAM,CAAE,KAAA,CAAAC,CAAM,EAAI,CAAE,GAAGD,CAAM,CAAA,CACvB,CAAE,KAAA,CAAAE,CAAAA,CAAO,WAAAC,CAAAA,CAAa,KAAM,EAAI,CAAE,GAAGF,CAAM,CAAA,CACjD,OACIG,eAAAA,CAAAC,mBAAAA,CAAA,CACK,QAAA,CAAA,CAAAH,GAAO,GAAA,EACJI,cAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,mDACX,QAAA,CAAAA,cAAAA,CAACC,wBAAA,CACG,SAAA,CAAU,eACV,GAAA,CAAKL,CAAAA,EAAO,GAAA,CACZ,GAAA,CAAI,kBACR,CAAA,CACJ,CAAA,CAEHC,GACGG,cAAAA,CAAC,KAAA,CAAA,CACG,UAAWE,qBAAAA,CACP,oDACJ,CAAA,CACA,KAAA,CAAO,CACH,eAAA,CAAiB,oBACrB,EACJ,CAAA,CAAA,CAER,CAER,EAEOC,CAAAA,CAAQV","file":"chunk-GXUG743T.cjs","sourcesContent":["import { twMerge } from 'tailwind-merge';\nimport { BackgroundImageField, BaseFieldType } from '../types/base';\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\ntype BackgroundImageType = BaseFieldType;\n\nconst BackgroundImage = ({ field }: BackgroundImageType) => {\n    const { value } = { ...field };\n    const { image, is_overlay = false } = { ...value } as BackgroundImageField;\n    return (\n        <>\n            {image?.url && (\n                <div className=\"absolute z-100 h-full w-full pointer-events-none\">\n                    <Image\n                        className=\"object-cover\"\n                        src={image?.url}\n                        alt=\"home background\"\n                    />\n                </div>\n            )}\n            {is_overlay && (\n                <div\n                    className={twMerge(\n                        'absolute inset-0 h-full w-full pointer-events-none'\n                    )}\n                    style={{\n                        backgroundColor: 'rgba(0, 0, 0, 0.7)',\n                    }}\n                />\n            )}\n        </>\n    );\n};\n\nexport default BackgroundImage;\n"]}

package/dist/chunk-HH3WELAD.cjs

@@ -0,0 +1,4 @@
+'use strict';var chunkGXUG743T_cjs=require('./chunk-GXUG743T.cjs'),chunkXFF6JIWQ_cjs=require('./chunk-XFF6JIWQ.cjs'),chunkGEGMACK2_cjs=require('./chunk-GEGMACK2.cjs'),chunkJARFLL3F_cjs=require('./chunk-JARFLL3F.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),helpers=require('@phygitallabs/helpers'),$e=require('draftjs-to-html'),lodashEs=require('lodash-es'),Se=require('clsx'),tailwindMerge=require('tailwind-merge'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $e__default=/*#__PURE__*/_interopDefault($e);var Se__default=/*#__PURE__*/_interopDefault(Se);var ee=react.createContext(null),nt=({children:e})=>{let[r,n]=react.useState(null),[i,s]=react.useState(0);return jsxRuntime.jsx(ee.Provider,{value:{menu:r,setMenu:n,firstPage:i,setFirstPage:s},children:e})},he=()=>{let e=react.useContext(ee);return e?{menu:e.menu,setMenu:e.setMenu}:null},ve=()=>{let e=react.useContext(ee);return e?{setFirstPage:e.setFirstPage,firstPage:e.firstPage}:null};var _e=({id:e,sectionData:r,hasAnimation:n=true,configTheme:i})=>{let{title:s,description:p,background:P,author_cover:k,author_cover_prefix:h}=r;return jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{name:e,children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:P}),jsxRuntime.jsx("div",{className:"absolute left-0 top-0 z-50 flex h-full w-full items-end justify-center",children:s?.value&&jsxRuntime.jsxs(chunkGEGMACK2_cjs.a,{duration:n?.5:0,delay:n?.2:0,className:"mb-28 px-4 py-6 bg-black/50 ",children:[k&&h&&jsxRuntime.jsxs("div",{className:"text-sm uppercase space-x-1",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-light text-neutral",children:h.value}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold text-neutral-1",children:k.value})]}),jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{className:"text-2xl",field:s,configTheme:i}),p&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"h-[1px] w-full rounded-lg border"}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"p",children:p.value})]})]})})]})},je=_e;var xe=(e,r)=>{let n=document.getElementById("snap-container"),i=window.innerHeight,s=i*r+i*(e-1);n.scrollTo({top:s,behavior:"smooth"});},Ne=e=>{let r=new XMLSerializer,n="";return e.childNodes.forEach(function(i){let s=r.serializeToString(i);s=s.replace(/\sxmlns="http:\/\/www\.w3\.org\/1999\/xhtml"/,""),n+=s;}),n};var be="currentPageV2",Oe=(e,r)=>jsxRuntime.jsxs("div",{className:Se__default.default("flex h-full flex-col items-center justify-between gap-2",!e?.image?.url&&"!justify-center"),children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:{value:helpers.parse(e.title)},configTheme:r,className:"text-center"}),e?.image?.url&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"relative flex h-full w-full flex-col items-center justify-center bg-cover",children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:{value:{image:e?.image,is_overlay:true}}}),e.image?.url&&jsxRuntime.jsx(imageNomion.ImageNomion,{className:"z-50 max-h-[70svh] w-full object-contain grayscale",src:e.image?.url,alt:"",width:"auto",height:"auto"})]}),e?.caption&&jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"italic p-2",children:e?.caption})]})]}),We=e=>{let r=e?.alt==="undefined"?"":e.alt;return jsxRuntime.jsx("div",{className:"flex h-full w-full flex-col items-center justify-center overflow-hidden bg-[transparent]",children:jsxRuntime.jsx("div",{className:"relative flex h-full w-full flex-col justify-center",children:jsxRuntime.jsxs("div",{className:"relative inset-0 flex h-full w-full flex-col items-center justify-center backdrop-blur",children:[jsxRuntime.jsx(imageNomion.ImageNomion,{src:e?.src,alt:"Culture",className:"max-h-[400px] w-full object-contain",width:"auto",height:"auto"}),r&&jsxRuntime.jsx("div",{className:" inset-0 flex w-full items-end bg-[transparent]",children:jsxRuntime.jsx("div",{className:"flex w-full flex-col items-center justify-center overflow-y-hidden bg-white-alpha-.1 p-2 backdrop-blur-md",children:jsxRuntime.jsx("p",{className:"text-sm font-light",children:r})})})]})})})},Ve=e=>e.map(({content:r,...n})=>{let i=new DOMParser().parseFromString($e__default.default(JSON.parse(r)),"text/html");return {contentInDom:Array.from(i.querySelector("body").childNodes).filter(P=>P.nodeName!=="#text"),...n}}),Ke=({sectionData:e,id:r,configTheme:n,firstPageIndex:i})=>{let{content:s,cover:p}={...e},{firstPage:P,setFirstPage:k}=ve(),{isInViewport:h}=chunkDPN6OBT5_cjs.f(r),[x,X]=react.useState([{id:"cover",kind:"cover",content:p?.value},{id:"menu",kind:"menu",content:s?.value?.map(({title:t})=>t)}]),[A,$]=react.useState(-1),{menu:H,setMenu:R}=he(),b=document.getElementById("container"),ie=()=>{let t=[],Y=document.getElementById("container"),se=Ve(s?.value),le=Y.offsetWidth-40,ke=Y.offsetHeight,ce=Math.floor(ke/28),Q="",N="",_=0,O=false,me=document.getElementById("canvas").getContext("2d"),Le=window.getComputedStyle(Y),{fontSize:Te,fontWeight:we,fontStyle:Fe,fontFamily:Me}=Le;me.font=`${Fe} ${we} ${Te} ${Me}`;let de=()=>{Q="",_=0;},j=l=>{let c=new DOMParser().parseFromString(Q,"text/html").querySelector("body");if(Array.from(c.childNodes).every(d=>d.firstElementChild?.nodeName==="BR"))return;let g=0;(d=>{let f=Array.from(d.childNodes);for(let y=0;y<f.length;y++){let M=f[y];if(M.firstElementChild?.nodeName==="BR"&&!M.innerText?.trim())c.removeChild(f[y]),g++;else return}})(c),_-=g;let u=jsxRuntime.jsx("div",{children:helpers.parse(Ne(c))});t.push({id:"chapter",chapterTitle:l,kind:"content",content:u}),de();},W=({hasSpacing:l,isListParagraph:m,isLastLineInParagraph:c})=>{if(!N.length)return;let C=tailwindMerge.twMerge(!c&&"text-last-justify",m&&"px-5",m&&O&&"relative before:content-['\u25CF'] before:absolute before:left-0");O=false,Q+=`<div className="${C}">
+          ${N}${l?" ":""}
+        </div>`,_++;},Ee=({dom:l,isLastDomParagraph:m,chapterTitle:c,isListParagraph:C})=>{let F=le;O=false,C&&(F=le-40,O=true);let g=l.nextElementSibling?.nodeName==="IMG",z=l.innerText.trim(),u=d=>{for(let f=0;f<d.length;f++){let y=()=>f===d.length-1,M=d[f],ue=f===0?"":" ";if(me.measureText(`${N}${ue}${M}`).width<F)N+=`${ue}${M}`,y()&&(m||g)&&(W({hasSpacing:false,isListParagraph:C,isLastLineInParagraph:true}),j(c),N="");else if(W({hasSpacing:true,isListParagraph:C,isLastLineInParagraph:false}),N=`${M}`,y()&&(m||g))W({hasSpacing:false,isListParagraph:C,isLastLineInParagraph:true}),j(c),N="";else {let Z=_===ce;if(Z&&!(y()||g)){j(c),N="",u(d.slice(f));return}else !Z&&g||!Z&&!(y()&&m)||j(c);}}};u(z.split(" "));},Be=(l,m)=>{N+="<br/>",W({hasSpacing:false,isListParagraph:m,isLastLineInParagraph:true}),_===ce&&(j(l),de()),N="";},De=(l,m)=>{t.push({id:"chapter",chapterTitle:m,kind:"content",content:We(l)});};for(let l=0;l<se.length;l++){let m=se[l],c=m.title;t.push({id:`chapter-${l+1}`,kind:"chapter",content:Oe(m,n),chapterTitle:c});let{contentInDom:C}=m,F=g=>{let z;for(let u=g.length-1;u>=0;u--)if(g[u].nodeName==="P"){z=u;break}for(let u=0;u<g.length;u++){let d=g[u];switch(d.nodeName){case "UL":F(Array.from(d.children));break;case "LI":case "P":let f=d.nodeName==="LI";Ee({dom:d,isLastDomParagraph:z===u,chapterTitle:c,isListParagraph:f}),Be(c,f);break;case "IMG":De(d,c);break;}}};F(C);}let Ae=[{id:"cover",kind:"cover",content:p?.value},{id:"menu",kind:"menu",content:s?.value?.map(({title:l})=>l)}];X([...Ae,...t]);},G=t=>{let o=Math.ceil(t.scrollTop/t.offsetHeight)-3;o<=x.length&&$(o);let S=localStorage.getItem(be),q={};S&&(q=JSON.parse(S)),localStorage.setItem(be,JSON.stringify(q));},w=t=>lodashEs.debounce(()=>G(t),20);react.useEffect(()=>{let t=()=>setTimeout(()=>ie(),1e3);if(!s?.value||!b)return;k(i),t();let o=lodashEs.debounce(t,200);return window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[s?.value,b]),react.useEffect(()=>{let t=document.getElementById("snap-container");return t.addEventListener("scroll",w(t)),()=>{t.removeEventListener("scroll",w(t));}},[x]),react.useEffect(()=>{let t=x?.map((o,S)=>({id:o.id,kind:o.kind,chapterTitle:o.chapterTitle,pageNumber:S})).filter(o=>o.kind==="chapter").map(o=>({id:o.id,chapterTitle:helpers.parse(o.chapterTitle||""),pageNumber:o.pageNumber}));R(t);},[x,P]);let J=t=>{switch(t.kind){case "cover":let o=t.content;return jsxRuntime.jsxs("div",{id:"cover",className:"flex h-full flex-col items-center justify-start",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:{value:o?.title},configTheme:n,className:"whitespace-normal text-center text-2xl"}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:"text-center",children:o?.author})]}),jsxRuntime.jsxs("div",{className:"flex h-1/2 flex-col items-center",children:[o?.image?.url&&jsxRuntime.jsx(imageNomion.ImageNomion,{className:"h-full object-contain",src:o?.image?.url,alt:""}),jsxRuntime.jsx("p",{className:"w-full bg-white-alpha-.1 p-2 text-center italic",children:o?.caption})]})]});case "menu":return jsxRuntime.jsxs("div",{id:"menu",className:"h-full space-y-8",children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:{value:"M\u1EE5c l\u1EE5c"},configTheme:n,className:"text-center"}),jsxRuntime.jsx("div",{className:"h-5/6 space-y-5 overflow-scroll text-center text-lg",children:H&&H?.map(S=>jsxRuntime.jsx("p",{onClick:()=>xe(S.pageNumber,2),children:S.chapterTitle},S.id))})]});case "chapter":return jsxRuntime.jsx("div",{id:t.id,className:"h-full text-justify",children:t.content});case "content":return jsxRuntime.jsx("div",{className:"h-full text-justify",children:t.content});default:return null}};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x.map((t,o)=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{name:r,children:[jsxRuntime.jsx("div",{className:"h-full pt-[50px]",children:jsxRuntime.jsx("div",{id:"container",className:"flex h-full w-full flex-col px-5 text-base font-light leading-7",style:{fontFamily:n?.font_family,color:n?.secondary_color},children:J(t)})}),jsxRuntime.jsx("canvas",{className:"invisible",id:"canvas"})]},o)})),jsxRuntime.jsxs("div",{className:Se__default.default("fixed bottom-2 left-1/2 z-50 flex w-fit -translate-x-1/2 rounded-lg bg-black p-2 text-white",(A<=0||!h)&&"hidden"),children:[A,"/",x.length]})]})},Ue=Ke;var qe=e=>{if(e===void 0)return [];let r=/\{([^}]+)\}/g,n=e?.match(r),i=[];return n&&(i=(n?.map(p=>p.slice(1,-1))).filter((p,P,k)=>k.indexOf(p)===P)),i},Ce=(e,r)=>{let n=qe(e);return n.length===0||n.forEach(i=>{e=e?.replaceAll(`{${i}}`,r?.[i]??"");}),e},Ye=({id:e,sectionData:r,hasAnimation:n=true})=>{let{background:i,description:s,owner_name:p,honorofics:P,position:k}=r||{},h=s?.value,x=p?.value,X=P?.value,A=k?.value,[$,H]=react.useState([]);return react.useEffect(()=>{let R=!!x;if(h&&typeof h=="string"){let b=helpers.parse(h);(Array.isArray(b)?b:[b])?.forEach(G=>{let w=typeof G.props?.children=="string"?G.props?.children:"",J=Ce(w,h);if(w?.search("{name}")!==-1){let t=w.split("{name}");t[0]=Ce(t[0],h),R&&(t[0]+=", thu\u1ED9c v\u1EC1:"),H(t);}else H(t=>[...t,J]);});}},[r,h]),jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{name:e,children:[jsxRuntime.jsx("div",{className:"absolute left-0 top-0 z-10 flex h-[100svh] svh-full w-full flex-col items-center justify-center gap-[16px] bg-black-alpha-.8 px-[16px] pb-[32px] sm:gap-[24px]"}),jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:i}),jsxRuntime.jsxs("div",{className:"absolute left-0 top-[80px] z-10 flex h-[95%] w-full flex-col items-center justify-start gap-[10px] overflow-hidden px-5 sm:gap-[24px]",children:[jsxRuntime.jsx("p",{className:"text-base leading-5 text-neutral-3",children:$[0]}),!!x&&jsxRuntime.jsxs(chunkGEGMACK2_cjs.a,{duration:n?.5:0,delay:n?.2:0,className:"!gap-2 border-2 border-neutral-8 p-2 text-center",children:[jsxRuntime.jsx("p",{className:"text-md",children:helpers.parse(X)}),jsxRuntime.jsx("p",{className:"font-lost-type text-lg",children:helpers.parse(x)}),!!A&&jsxRuntime.jsx("p",{className:"text-md",children:helpers.parse(A)})]}),$.map((R,b)=>b===0?null:jsxRuntime.jsx("p",{className:"text-base leading-5 text-neutral-3",children:R},b))]})]})},Qe=Ye;exports.a=nt;exports.b=he;exports.c=ve;exports.d=je;exports.e=Ue;exports.f=Qe;//# sourceMappingURL=chunk-HH3WELAD.cjs.map
+//# sourceMappingURL=chunk-HH3WELAD.cjs.map