ui-landing-page 6.1.0

package/dist/chunk-XD4GVLVZ.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkNLTKS2AW_cjs=require('./chunk-NLTKS2AW.cjs'),chunkQNKG2DPA_cjs=require('./chunk-QNKG2DPA.cjs'),chunkGXUG743T_cjs=require('./chunk-GXUG743T.cjs'),chunkXFF6JIWQ_cjs=require('./chunk-XFF6JIWQ.cjs'),chunkGEGMACK2_cjs=require('./chunk-GEGMACK2.cjs'),chunk5I4Z5UH2_cjs=require('./chunk-5I4Z5UH2.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),react=require('react'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),helpers=require('@phygitallabs/helpers'),jsxRuntime=require('react/jsx-runtime');var D=react.forwardRef((s,v)=>{let e=v,o=react.useRef(null),{field:c,expandedComponent:n,configTheme:r}=s,{value:f,style_config:y}={...c},[m,d]=react.useState(false),u=()=>{if(!e.current||!o.current)return;let i=e.current,w=o.current.scrollHeight>i.clientHeight+5;d(w);};react.useEffect(()=>{if(!e.current||!o.current)return;let i=setTimeout(u,100),l=new ResizeObserver(u);return l.observe(e.current),()=>{clearTimeout(i),l.disconnect();}},[e,c,f]);let x=helpers.parse(f||"");return jsxRuntime.jsx(chunkGEGMACK2_cjs.a,{duration:.5,delay:.5,className:"h-full",children:jsxRuntime.jsxs("div",{className:"relative h-full w-full overflow-hidden",style:{...chunk5I4Z5UH2_cjs.k(r,y)},children:[jsxRuntime.jsx("div",{ref:o,style:{"--max-lines":Math.floor((e.current?.clientHeight||0)/22)-1},children:x}),m&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-black via-black/80 to-transparent"}),jsxRuntime.jsx("div",{className:"absolute bottom-3 right-0 z-10",children:n})]})]})})}),I=D;var L=({id:s,sectionData:v,configTheme:e,translations:o})=>{let{title:c={},image:n={},text:r={},background:f={},centerSubtitle:y={}}=v??{},m=e?.scroll_snap??true,d=react.useRef(null),{isAlreadyLoad:u}=chunkQNKG2DPA_cjs.a(n?.value?.url),x=n?.value?.url,i=r?.style_config,l=()=>m?jsxRuntime.jsx("div",{className:"relative h-full w-full overflow-hidden",ref:d,children:u?jsxRuntime.jsx(I,{configTheme:e,expandedComponent:jsxRuntime.jsx(chunkNLTKS2AW_cjs.a,{configTheme:e,field:r,readMoreText:o?.readMore||"Read more"}),field:r,ref:d,sectionId:s}):null}):jsxRuntime.jsx("div",{className:"relative",style:{...chunk5I4Z5UH2_cjs.k(e,i)},children:helpers.parse(r?.value)});return jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{name:s,isSnapScroll:m,children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:f}),jsxRuntime.jsxs("div",{className:"z-10 flex h-full w-full flex-col items-center justify-center gap-3 bg-cover bg-center px-[16px] pt-[60px] sm:gap-[24px]",children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{configTheme:e,field:c,lineText:true}),jsxRuntime.jsx(chunkGEGMACK2_cjs.a,{className:"max-h-[50%] w-full items-center",delay:.5,children:x?jsxRuntime.jsx(imageNomion.ImageNomion,{alt:"image",className:"h-full w-full object-contain",src:n?.value.url}):null}),jsxRuntime.jsx(chunkGEGMACK2_cjs.a,{className:"w-full justify-center text-center",delay:.5,children:jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{configTheme:e,field:y})}),l()]})]})},re=L;exports.a=re;//# sourceMappingURL=chunk-XD4GVLVZ.cjs.map
+//# sourceMappingURL=chunk-XD4GVLVZ.cjs.map

package/dist/chunk-XD4GVLVZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/moleculars/CollasibleText.tsx","../src/components/LandingPage/common/ui-kit/organisms/ImageTextSection/index.tsx"],"names":["CollasibleText","forwardRef","props","ref","containerRef","contentRef","useRef","field","expandedComponent","configTheme","value","configField","isTextOverflow","setIsTextOverflow","useState","checkOverflow","container","hasOverflow","useEffect","timer","resizeObserver","parsedContent","parse","jsx","FadeInMotion","jsxs","getPrimaryStyling","Fragment","CollasibleText_default","ImageTextSection","id","sectionData","translations","title","image","text","background","centerSubtitle","isSnapScroll","textContainer","isAlreadyLoad","useImageOrientation_default","shouldRenderImage","renderText","ReadmoreModal_default","SectionFullScreen_default","BackgroundImage_default","Title_default","Image","ImageTextSection_default"],"mappings":"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","file":"chunk-XD4GVLVZ.cjs","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { parse } from \"@phygitallabs/helpers\";\nimport {\n  forwardRef,\n  MutableRefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { getPrimaryStyling } from \"../../../utils/helper\";\nimport { FadeInMotion } from \"../../FadeInMotion\";\nimport { BaseFieldType, FieldConfig, ThemeConfig } from \"../types/base\";\n\ntype CollasibleTextType = BaseFieldType & {\n  sectionId: string;\n  expandedComponent: React.ComponentElement<any, any>;\n};\n\nconst getTextContent = (element: any): string => {\n  if (typeof element === \"string\") return element;\n  if (Array.isArray(element)) return element.map(getTextContent).join(\"\");\n  if (typeof element === \"object\" && element !== null) {\n    if (element.type === \"br\") return \"\\n\";\n    if (element.props && element.props.children) {\n      return getTextContent(element.props.children);\n    }\n  }\n  return \"\";\n};\n\n// eslint-disable-next-line react/display-name\nconst CollasibleText = forwardRef<HTMLDivElement, CollasibleTextType>(\n  (props, ref) => {\n    const containerRef = ref as MutableRefObject<HTMLDivElement>;\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { field, expandedComponent, configTheme } = props;\n    const { value, style_config: configField } = { ...field };\n\n    const [isTextOverflow, setIsTextOverflow] = useState(false);\n\n    // Check for overflow by comparing scroll height vs client height\n    const checkOverflow = () => {\n      if (!containerRef.current || !contentRef.current) return;\n\n      const container = containerRef.current;\n      const content = contentRef.current;\n\n      // Allow some buffer for line height calculations\n      const hasOverflow = content.scrollHeight > container.clientHeight + 5;\n      setIsTextOverflow(hasOverflow);\n    };\n\n    useEffect(() => {\n      if (!containerRef.current || !contentRef.current) return;\n\n      // Check overflow after content is rendered\n      const timer = setTimeout(checkOverflow, 100);\n\n      // Also check on resize\n      const resizeObserver = new ResizeObserver(checkOverflow);\n      resizeObserver.observe(containerRef.current);\n\n      return () => {\n        clearTimeout(timer);\n        resizeObserver.disconnect();\n      };\n    }, [containerRef, field, value]);\n\n    const parsedContent = parse(value || \"\");\n\n    return (\n      <FadeInMotion duration={0.5} delay={0.5} className=\"h-full\">\n        <div\n          className=\"relative h-full w-full overflow-hidden\"\n          style={{\n            ...getPrimaryStyling(\n              configTheme as ThemeConfig,\n              configField as FieldConfig\n            ),\n          }}\n        >\n          <div\n            ref={contentRef}\n            style={\n              {\n                \"--max-lines\":\n                  Math.floor((containerRef.current?.clientHeight || 0) / 22) -\n                  1,\n              } as any\n            }\n          >\n            {parsedContent}\n          </div>\n          {/* Gradient overlay and read more button */}\n          {isTextOverflow && (\n            <>\n              <div className=\"absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-black via-black/80 to-transparent\"></div>\n              <div className=\"absolute bottom-3 right-0 z-10\">\n                {expandedComponent}\n              </div>\n            </>\n          )}\n        </div>\n      </FadeInMotion>\n    );\n  }\n);\n\nexport default CollasibleText;\n","import type { FC } from \"react\";\nimport { useRef } from \"react\";\nimport { ImageNomion as Image } from '@phygitallabs/core-ui/components/image-nomion';\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport { FadeInMotion } from \"../../../FadeInMotion\";\nimport type { BaseSectionProps } from \"../../../../models/base-section\";\nimport useImageOrientation from \"../../../../hooks/useImageOrientation\";\nimport CollasibleText from \"../../moleculars/CollasibleText\";\nimport type { Field, FieldConfig, ThemeConfig } from \"../../types/base\";\nimport BackgroundImage from \"../../moleculars/BackgroundImage\";\nimport TitleCustom from \"../../moleculars/Title\";\nimport ReadmoreModal from \"../../moleculars/ReadmoreModal\";\nimport { parse } from \"@phygitallabs/helpers\";\nimport { getPrimaryStyling } from \"../../../../utils/helper\";\n\ntype ImageTextSectionProps = BaseSectionProps & {\n  translations?: any;\n};\n\nexport interface ImageTextSectionData {\n  title: Field<string>;\n  image: Field<string>;\n  text: Field<string>;\n  background: Field<string>;\n  coverTitle: Field<string>;\n  centerSubtitle: Field<string>;\n}\n\nconst ImageTextSection: FC<ImageTextSectionProps> = ({\n  id,\n  sectionData,\n  configTheme,\n  translations,\n}) => {\n  const {\n    title = {},\n    image = {},\n    text = {},\n    background = {},\n    centerSubtitle = {},\n  } = sectionData ?? ({} as ImageTextSectionData);\n\n  const isSnapScroll = configTheme?.scroll_snap ?? true;\n\n  const textContainer = useRef<HTMLDivElement | null>(null);\n  const { isAlreadyLoad } = useImageOrientation(image?.value?.url);\n  const shouldRenderImage = image?.value?.url;\n  const configField = text?.style_config;\n\n  const renderText = () => {\n    if (!isSnapScroll) {\n      return (\n        <div\n          className=\"relative\"\n          style={{\n            ...getPrimaryStyling(\n              configTheme as ThemeConfig,\n              configField as FieldConfig\n            ),\n          }}\n        >\n          {parse(text?.value)}\n        </div>\n      );\n    }\n    return (\n      <div\n        className=\"relative h-full w-full overflow-hidden\"\n        ref={textContainer}\n      >\n        {isAlreadyLoad ? (\n          <CollasibleText\n            configTheme={configTheme}\n            expandedComponent={\n              <ReadmoreModal\n                configTheme={configTheme}\n                field={text}\n                readMoreText={translations?.readMore || \"Read more\"}\n              />\n            }\n            field={text}\n            ref={textContainer}\n            sectionId={id!}\n          />\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <SectionFullScreen name={id} isSnapScroll={isSnapScroll}>\n      <BackgroundImage field={background} />\n      <div className=\"z-10 flex h-full w-full flex-col items-center justify-center gap-3 bg-cover bg-center px-[16px] pt-[60px] sm:gap-[24px]\">\n        <TitleCustom configTheme={configTheme} field={title} lineText />\n\n        <FadeInMotion className=\"max-h-[50%] w-full items-center\" delay={0.5}>\n          {shouldRenderImage ? (\n            <Image\n              alt=\"image\"\n              className=\"h-full w-full object-contain\"\n              src={image?.value.url}\n            />\n          ) : null}\n        </FadeInMotion>\n        <FadeInMotion className=\"w-full justify-center text-center\" delay={0.5}>\n          <TitleCustom configTheme={configTheme} field={centerSubtitle} />\n        </FadeInMotion>\n        {renderText()}\n      </div>\n    </SectionFullScreen>\n  );\n};\n\nexport default ImageTextSection;\n"]}

package/dist/chunk-XFF6JIWQ.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkJARFLL3F_cjs=require('./chunk-JARFLL3F.cjs'),chunk5I4Z5UH2_cjs=require('./chunk-5I4Z5UH2.cjs'),helpers=require('@phygitallabs/helpers'),jsxRuntime=require('react/jsx-runtime');var p=({field:a,className:l,lineText:f=false,configTheme:t})=>{let{value:i,style_config:r}={...a};return !i||typeof i!="string"?null:f?jsxRuntime.jsxs("div",{className:"flex z-10 h-fit w-full items-center justify-center gap-3",children:[jsxRuntime.jsx("div",{className:"h-[1px] !bg-white/50 w-full rounded-lg",style:{...chunk5I4Z5UH2_cjs.k(t,r,true)}}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:helpers.cn(!!l&&l,"font-semibold w-full flex-shrink-0 line-clamp-2 text-center"),...chunk5I4Z5UH2_cjs.k(t,r,true),children:i}),jsxRuntime.jsx("div",{className:"h-[1px] !bg-white/50 w-full rounded-lg",style:{...chunk5I4Z5UH2_cjs.k(t,r,true)}})]}):jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"h6",className:helpers.cn("font-semibold",!!l&&l),...chunk5I4Z5UH2_cjs.k(t,r,true),children:i})},m=p;exports.a=m;//# sourceMappingURL=chunk-XFF6JIWQ.cjs.map
+//# sourceMappingURL=chunk-XFF6JIWQ.cjs.map

package/dist/chunk-XFF6JIWQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/moleculars/Title.tsx"],"names":["TitleCustom","field","className","lineText","configTheme","value","configField","jsxs","jsx","getPrimaryStyling","Typography_default","cn","Title_default"],"mappings":"sMASA,IAAMA,CAAAA,CAAc,CAAC,CACnB,KAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,WAAA,CAAAC,CACF,CAAA,GAAkB,CAChB,GAAM,CAAE,KAAA,CAAAC,CAAAA,CAAO,YAAA,CAAcC,CAAY,EAAI,CAAE,GAAGL,CAAM,CAAA,CACxD,OAAI,CAACI,CAAAA,EAAS,OAAOA,CAAAA,EAAU,QAAA,CAAiB,IAAA,CAC3CF,CAAAA,CAYDI,eAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,0DAAA,CACb,QAAA,CAAA,CAAAC,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAU,wCAAA,CACV,KAAA,CAAO,CACL,GAAGC,mBAAAA,CACDL,CAAAA,CACAE,CAAAA,CACA,IACF,CACF,CAAA,CACF,EACAE,cAAAA,CAACE,mBAAAA,CAAA,CACC,OAAA,CAAQ,IAAA,CACR,SAAA,CAAWC,UAAAA,CACT,CAAC,CAACT,CAAAA,EAAaA,CAAAA,CACf,6DACF,CAAA,CACC,GAAGO,mBAAAA,CAAkBL,CAAAA,CAAcE,CAAAA,CAA4B,IAAI,CAAA,CAEnE,QAAA,CAAAD,CAAAA,CACH,CAAA,CACAG,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAU,wCAAA,CACV,KAAA,CAAO,CACL,GAAGC,mBAAAA,CACDL,CAAAA,CACAE,CAAAA,CACA,IACF,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAzCAE,cAAAA,CAACE,mBAAAA,CAAA,CACC,OAAA,CAAQ,IAAA,CACR,SAAA,CAAWC,UAAAA,CAAG,eAAA,CAAiB,CAAC,CAACT,CAAAA,EAAaA,CAAS,CAAA,CACtD,GAAGO,mBAAAA,CAAkBL,CAAAA,CAAcE,CAAAA,CAA4B,IAAI,CAAA,CAEnE,QAAA,CAAAD,CAAAA,CACH,CAsCN,CAAA,CAEOO,CAAAA,CAAQZ","file":"chunk-XFF6JIWQ.cjs","sourcesContent":["import { Typography } from \"../atomics\";\nimport { BaseFieldType, FieldConfig } from \"../types/base\";\nimport { getPrimaryStyling } from \"../../../utils/helper\";\nimport { cn } from \"@phygitallabs/helpers\";\n\ntype TitleProps = BaseFieldType<string> & {\n  lineText?: boolean;\n};\n\nconst TitleCustom = ({\n  field,\n  className,\n  lineText = false,\n  configTheme,\n}: TitleProps) => {\n  const { value, style_config: configField } = { ...field };\n  if (!value || typeof value !== \"string\") return null;\n  if (!lineText) {\n    return (\n      <Typography\n        variant=\"h6\"\n        className={cn(\"font-semibold\", !!className && className)}\n        {...getPrimaryStyling(configTheme!, configField as FieldConfig, true)}\n      >\n        {value}\n      </Typography>\n    );\n  } else {\n    return (\n      <div className=\"flex z-10 h-fit w-full items-center justify-center gap-3\">\n        <div\n          className=\"h-[1px] !bg-white/50 w-full rounded-lg\"\n          style={{\n            ...getPrimaryStyling(\n              configTheme!,\n              configField as FieldConfig,\n              true\n            ),\n          }}\n        />\n        <Typography\n          variant=\"h6\"\n          className={cn(\n            !!className && className,\n            \"font-semibold w-full flex-shrink-0 line-clamp-2 text-center\"\n          )}\n          {...getPrimaryStyling(configTheme!, configField as FieldConfig, true)}\n        >\n          {value}\n        </Typography>\n        <div\n          className=\"h-[1px] !bg-white/50 w-full rounded-lg\"\n          style={{\n            ...getPrimaryStyling(\n              configTheme!,\n              configField as FieldConfig,\n              true\n            ),\n          }}\n        />\n      </div>\n    );\n  }\n};\n\nexport default TitleCustom;\n"]}

package/dist/chunk-XLPIZNJE.js

@@ -0,0 +1,2 @@
+import {useRef,useEffect}from'react';import {Swiper,SwiperSlide}from'swiper/react';import {twMerge}from'tailwind-merge';import {Autoplay,Pagination}from'swiper/modules';import {jsx}from'react/jsx-runtime';var R=n=>{let{slidesPerView:l=1.05,direction:c="horizontal",listItem:o,className:p="",hasClickNavigation:u=true,wrapperClassName:w="",setSwiperInstance:r,...m}=n,e=useRef(),f=t=>{if(!u)return;let i=t.currentTarget,{clientX:d}=t,{left:S,width:C}=i.getBoundingClientRect();d-S>C/2?e.current?.slideNext():e.current?.slidePrev();};return useEffect(()=>{!r||!e.current||r(e.current);},[r,e.current]),jsx("div",{className:twMerge("h-full w-full relative",w),onClick:f,children:jsx(Swiper,{onSwiper:t=>e.current=t,className:twMerge("w-full",p),slidesPerView:l,spaceBetween:8,pagination:{clickable:true},direction:c,modules:[Autoplay,Pagination],...m,children:o&&o.map((t,i)=>jsx(SwiperSlide,{className:"w-fit",children:t},i))})})},x=R;export{x as a};//# sourceMappingURL=chunk-XLPIZNJE.js.map
+//# sourceMappingURL=chunk-XLPIZNJE.js.map

package/dist/chunk-XLPIZNJE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/CarouselCustom/index.tsx"],"names":["CarouselCustom","props","slidesPerView","direction","listItem","className","hasClickNavigation","wrapperClassName","setSwiperInstance","rest","swiperRef","useRef","handleClick","e","container","clientX","left","width","useEffect","jsx","twMerge","Swiper","swiper","Autoplay","Pagination","item","index","SwiperSlide","CarouselCustom_default"],"mappings":"6MAeA,IAAMA,EAAkBC,CAAAA,EAA+B,CACrD,GAAM,CACJ,aAAA,CAAAC,CAAAA,CAAgB,IAAA,CAChB,UAAAC,CAAAA,CAAY,YAAA,CACZ,SAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,EAAA,CACZ,kBAAA,CAAAC,CAAAA,CAAqB,IAAA,CACrB,iBAAAC,CAAAA,CAAmB,EAAA,CACnB,kBAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIR,CAAAA,CACES,CAAAA,CAAYC,MAAAA,GAEZC,CAAAA,CAAeC,CAAAA,EAAwC,CAC3D,GAAI,CAACP,EAAoB,OACzB,IAAMQ,CAAAA,CAAYD,CAAAA,CAAE,cACd,CAAE,OAAA,CAAAE,CAAQ,CAAA,CAAIF,CAAAA,CACd,CAAE,IAAA,CAAAG,CAAAA,CAAM,MAAAC,CAAM,CAAA,CAAIH,EAAU,qBAAA,EAAsB,CACzCC,EAAUC,CAAAA,CAEZC,CAAAA,CAAQ,EACnBP,CAAAA,CAAU,OAAA,EAAS,SAAA,EAAU,CAE7BA,EAAU,OAAA,EAAS,SAAA,GAEvB,CAAA,CAEA,OAAAQ,UAAU,IAAM,CACV,CAACV,CAAAA,EAAqB,CAACE,CAAAA,CAAU,OAAA,EACrCF,EAAkBE,CAAAA,CAAU,OAAO,EACrC,CAAA,CAAG,CAACF,CAAAA,CAAmBE,CAAAA,CAAU,OAAO,CAAC,CAAA,CAGvCS,IAAC,KAAA,CAAA,CACC,SAAA,CAAWC,QAAQ,wBAAA,CAA0Bb,CAAgB,EAC7D,OAAA,CAASK,CAAAA,CAET,SAAAO,GAAAA,CAACE,MAAAA,CAAA,CACC,QAAA,CAAWC,CAAAA,EAAYZ,EAAU,OAAA,CAAUY,CAAAA,CAE3C,SAAA,CAAWF,OAAAA,CAAQ,SAAUf,CAAS,CAAA,CACtC,cAAeH,CAAAA,CACf,YAAA,CAAc,EACd,UAAA,CAAY,CACV,SAAA,CAAW,IACb,EACA,SAAA,CAAWC,CAAAA,CAEX,QAAS,CAACoB,QAAAA,CAAUC,UAAU,CAAA,CAC7B,GAAGf,CAAAA,CAEH,QAAA,CAAAL,GACCA,CAAAA,CAAS,GAAA,CAAI,CAACqB,CAAAA,CAAMC,CAAAA,GAEhBP,IAACQ,WAAAA,CAAA,CAAY,UAAU,OAAA,CACpB,QAAA,CAAAF,GADiCC,CAEpC,CAEH,EACL,CAAA,CACF,CAEJ,EAEOE,CAAAA,CAAQ5B","file":"chunk-XLPIZNJE.js","sourcesContent":["// import { Mousewheel } from \"swiper\";\nimport { useEffect, useRef } from \"react\";\nimport { Swiper, SwiperProps, SwiperSlide } from \"swiper/react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { Swiper as SwiperType } from \"swiper\";\nimport { Navigation, Autoplay, Pagination } from \"swiper/modules\";\n\ninterface CarouselCustomProps extends SwiperProps {\n  listItem: React.ReactNode[];\n  hasClickNavigation?: boolean;\n  className?: string;\n  wrapperClassName?: string;\n  setSwiperInstance?: React.Dispatch<React.SetStateAction<SwiperType | null>>;\n}\n\nconst CarouselCustom = (props: CarouselCustomProps) => {\n  const {\n    slidesPerView = 1.05,\n    direction = \"horizontal\",\n    listItem,\n    className = \"\",\n    hasClickNavigation = true,\n    wrapperClassName = \"\",\n    setSwiperInstance,\n    ...rest\n  } = props;\n  const swiperRef = useRef<SwiperType>();\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!hasClickNavigation) return;\n    const container = e.currentTarget;\n    const { clientX } = e;\n    const { left, width } = container.getBoundingClientRect();\n    const clickX = clientX - left;\n\n    if (clickX > width / 2) {\n      swiperRef.current?.slideNext();\n    } else {\n      swiperRef.current?.slidePrev();\n    }\n  };\n\n  useEffect(() => {\n    if (!setSwiperInstance || !swiperRef.current) return;\n    setSwiperInstance(swiperRef.current);\n  }, [setSwiperInstance, swiperRef.current]);\n\n  return (\n    <div\n      className={twMerge(\"h-full w-full relative\", wrapperClassName)}\n      onClick={handleClick}\n    >\n      <Swiper\n        onSwiper={(swiper) => (swiperRef.current = swiper)}\n        // loop={true}\n        className={twMerge(\"w-full\", className)}\n        slidesPerView={slidesPerView}\n        spaceBetween={8}\n        pagination={{\n          clickable: true,\n        }}\n        direction={direction}\n        // modules={[Mousewheel]}\n        modules={[Autoplay, Pagination]}\n        {...rest}\n      >\n        {listItem &&\n          listItem.map((item, index) => {\n            return (\n              <SwiperSlide className=\"w-fit\" key={index}>\n                {item}\n              </SwiperSlide>\n            );\n          })}\n      </Swiper>\n    </div>\n  );\n};\n\nexport default CarouselCustom;\n"]}

package/dist/chunk-YFLTXRKM.js

@@ -0,0 +1,3 @@
+import {a as a$1}from'./chunk-XLPIZNJE.js';import {a}from'./chunk-HMIZ2FLM.js';import {b}from'./chunk-LSVSIJSZ.js';import {g}from'./chunk-UIPKSEN4.js';import {twMerge}from'tailwind-merge';import {getContentFromLexicalValue,cn}from'@phygitallabs/helpers';import {CalendarDots,GenderMale,GenderFemale,MapPin,LinkedinLogo,YoutubeLogo,ThreadsLogo,TelegramLogo,TiktokLogo,TwitterLogo,InstagramLogo,FacebookLogo,Phone}from'@phosphor-icons/react';import {useState}from'react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var O=["phone","facebook","instagram","twitter","tiktok","telegram","threads","youtube","linkedin"],Y=(o,i=24)=>{let e=null;switch(o){case "phone":e=Phone;break;case "facebook":e=FacebookLogo;break;case "instagram":e=InstagramLogo;break;case "twitter":e=TwitterLogo;break;case "tiktok":e=TiktokLogo;break;case "telegram":e=TelegramLogo;break;case "threads":e=ThreadsLogo;break;case "youtube":e=YoutubeLogo;break;case "linkedin":e=LinkedinLogo;break;}return e&&jsx(e,{size:i,weight:"fill"})},G=(o,i)=>{if(o==="phone")return `tel:${i}`;{let e=i;return e.trim().match(/^(http:\/\/|https:\/\/)/)||(e=`https://${e}`),e}};function y({contactList:o,className:i,sizeIcon:e=24}){return jsx("div",{className:twMerge("flex gap-3",!!i&&i),children:O.map((n,d)=>!!o?.[n]&&jsx("a",{href:G(n,o[n]??""),target:"_blank",children:jsx("div",{children:Y(n,e)})},d))})}var X=({item:o})=>{let i=o.type==="image"?jsx("img",{src:o?.url,alt:"pet",className:"object-cover w-full h-[410px] rounded-b-xl"}):jsx("video",{src:o?.url,autoPlay:true,muted:true,playsInline:true,loop:true,className:"w-full object-cover h-[410px] rounded-b-xl"});return jsx("div",{className:"w-full h-[450px]",children:i})};function Z(o){let{id:i,sectionData:e,themes:n}=o,d=n?.theme_color??e?.primary_color?.value,[f,P]=useState(0),{media:b$1,pet_info:T,contact:I,description:L}={...e},s=b$1.value.length>0?b$1.value:[{url:"https://s3-sgn10.fptcloud.com/phygix-assets/cat-plcaeholder.webp",type:"image"}],r=T.value,v=I.value,S=L?.value,C=Object.values(v).some(a=>!!a),x=a=>!a||a===0?null:a<12?`${a} th\xE1ng`:`${Math.round(a/12)} tu\u1ED5i`,F=()=>{if(s.length<=5)return s.map((M,m)=>jsx("div",{className:cn("h-2 w-2 bg-white rounded-full",f===m?"opacity-100":"opacity-50")},m));let a=5,g=Math.floor(a/2),c=Math.max(0,Math.min(f-g,s.length-a));return jsxs(Fragment,{children:[c>0&&jsx("div",{className:"h-2 w-2 bg-white rounded-full opacity-50",children:"..."}),s.slice(c,c+a).map((M,m)=>jsx("div",{className:cn("h-2 w-2 bg-white rounded-full",f===c+m?"opacity-100":"opacity-50")},c+m)),c+a<s.length&&jsx("div",{className:"h-2 w-2 bg-white rounded-full opacity-50",children:"..."})]})};return jsxs(g,{className:twMerge("h-[100svh] svh-full pb-5 overflow-scroll"),style:{backgroundColor:`${d}20`,color:d},isSnapScroll:false,name:i,children:[jsxs(b,{className:"flex w-full relative justify-center z-40 items-center",isVisible:true,duration:1,delay:.25,children:[jsxs("div",{className:"absolute z-[100] bottom-0 px-5 w-full space-y-3",children:[jsx("div",{className:"flex gap-2 w-full justify-center",children:s.length>1&&F()}),jsxs("div",{className:"flex justify-center items-center flex-col rounded-3xl gap-1 py-2 px-3 shadow-lg bg-white h-full",style:{color:d},children:[jsx(a,{className:"text-xl leading-none py-2",field:{value:r?.name??""}}),jsxs("div",{className:"flex flex-col gap-1 text-xs items-center font-normal justify-center",children:[jsxs("div",{className:"flex gap-2",children:[jsx("p",{children:r?.species}),x(Number(r?.age))&&jsxs("p",{className:"flex items-center gap-1",children:[jsx(CalendarDots,{size:12})," ",x(Number(r?.age))]}),jsxs("p",{className:"flex items-center gap-1",children:[r?.gender===0?jsx(GenderMale,{size:12}):jsx(GenderFemale,{size:12}),r?.gender===0?"Nam":"N\u1EEF"]})]}),r?.address&&jsxs("p",{className:"flex items-center gap-1",children:[jsx(MapPin,{size:12})," ",r?.address]})]})]})]}),jsx(a$1,{slidesPerView:1,spaceBetween:0,listItem:s.map((a,g)=>jsx(X,{item:a},g)),onSlideChange:a=>P(a.activeIndex),loop:true,autoplay:{delay:2e3}})]}),jsx(b,{className:"flex w-full relative justify-center z-40 items-center p-5",isVisible:true,duration:1,delay:.5,children:jsx("p",{className:"text-sm",children:getContentFromLexicalValue(S)})}),jsxs(b,{className:"flex w-full relative justify-center flex-col gap-2 z-40 items-center px-5",isVisible:true,duration:1,delay:.5,children:[C&&jsx(a,{className:"text-xl",field:{value:"Li\xEAn h\u1EC7"}}),jsx(y,{className:"gap-4",contactList:v})]})]})}var fe=Z;
+export{fe as a};//# sourceMappingURL=chunk-YFLTXRKM.js.map
+//# sourceMappingURL=chunk-YFLTXRKM.js.map

package/dist/chunk-YFLTXRKM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/moleculars/ListContactSocial.tsx","../src/components/LandingPage/common/ui-kit/organisms/PetProfileSection/index.tsx"],"names":["DEFAULT_ORDER_CONTACT","RenderIcon","type","sizeIcon","IconComponent","Phone","FacebookLogo","InstagramLogo","TwitterLogo","TiktokLogo","TelegramLogo","ThreadsLogo","YoutubeLogo","LinkedinLogo","jsx","getHref","value","inputUrl","ListContactSocial","contactList","className","twMerge","item","index","RenderMedia","MediaComponent","ProfileSection","props","id","sectionData","themes","themeColor","activeIndex","setActiveIndex","useState","media","pet_info","contact","description","mediaList","petInfo","descriptionContent","showTitleContact","calculateAge","age","renderIndicators","_","cn","visibleIndicators","halfVisible","startIndex","jsxs","Fragment","SectionFullScreen_default","FadeInMotionV2","Title_default","CalendarDots","GenderMale","GenderFemale","MapPin","CarouselCustom_default","instance","getContentFromLexicalValue","PetProfileSection_default"],"mappings":"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","file":"chunk-YFLTXRKM.js","sourcesContent":["import { ProfileSocialType } from \"../../../../LandingPage/models/general\";\nimport {\n  FacebookLogo,\n  InstagramLogo,\n  LinkedinLogo,\n  TelegramLogo,\n  ThreadsLogo,\n  TiktokLogo,\n  TwitterLogo,\n  YoutubeLogo,\n  Phone,\n} from \"@phosphor-icons/react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface ListContactProps {\n  contactList: Partial<Record<ProfileSocialType, string>>;\n  className?: string;\n  sizeIcon?: number;\n}\n\nexport const DEFAULT_ORDER_CONTACT = [\n  ProfileSocialType.Phone,\n  ProfileSocialType.Facebook,\n  ProfileSocialType.Instagram,\n  ProfileSocialType.Twitter,\n  ProfileSocialType.Tiktok,\n  ProfileSocialType.Telegram,\n  ProfileSocialType.Threads,\n  ProfileSocialType.Youtube,\n  ProfileSocialType.Linkedin,\n];\n\nconst RenderIcon = (type: ProfileSocialType, sizeIcon = 24) => {\n  let IconComponent: React.ElementType | null = null;\n  switch (type) {\n    case ProfileSocialType.Phone:\n      IconComponent = Phone;\n      break;\n    case ProfileSocialType.Facebook:\n      IconComponent = FacebookLogo;\n      break;\n    case ProfileSocialType.Instagram:\n      IconComponent = InstagramLogo;\n      break;\n    case ProfileSocialType.Twitter:\n      IconComponent = TwitterLogo;\n      break;\n    case ProfileSocialType.Tiktok:\n      IconComponent = TiktokLogo;\n      break;\n    case ProfileSocialType.Telegram:\n      IconComponent = TelegramLogo;\n      break;\n    case ProfileSocialType.Threads:\n      IconComponent = ThreadsLogo;\n      break;\n    case ProfileSocialType.Youtube:\n      IconComponent = YoutubeLogo;\n      break;\n    case ProfileSocialType.Linkedin:\n      IconComponent = LinkedinLogo;\n      break;\n    default:\n      break;\n  }\n  return IconComponent && <IconComponent size={sizeIcon} weight=\"fill\" />;\n};\n\nconst getHref = (type: ProfileSocialType, value: string) => {\n  if (type === ProfileSocialType.Phone) {\n    return `tel:${value}`;\n  } else {\n    let inputUrl = value;\n    if (!inputUrl.trim().match(/^(http:\\/\\/|https:\\/\\/)/)) {\n      // Prefix with https:// if no protocol is found\n      inputUrl = `https://${inputUrl}`;\n    }\n    return inputUrl;\n  }\n};\n\nexport default function ListContactSocial({\n  contactList,\n  className,\n  sizeIcon = 24,\n}: ListContactProps) {\n  return (\n    <div className={twMerge(\"flex gap-3\", !!className && className)}>\n      {DEFAULT_ORDER_CONTACT.map(\n        (item, index) =>\n          Boolean((contactList as any)?.[item]) && (\n            <a\n              href={getHref(item, contactList[item] ?? \"\")}\n              key={index}\n              target=\"_blank\"\n            >\n              <div>{RenderIcon(item, sizeIcon)}</div>\n            </a>\n          )\n      )}\n    </div>\n  );\n}\n","/* eslint-disable camelcase */\nimport { twMerge } from \"tailwind-merge\";\nimport type { BaseSectionProps } from \"../../../../models/base-section\";\nimport SectionFullScreen from \"../../../SectionFullScreen\";\nimport type { Field } from \"../../types/base\";\nimport type { Media } from \"../../../../models/general\";\nimport { MediaType, ProfileSocialType } from \"../../../../models/general\";\n\nimport { FadeInMotionV2 } from \"../../../../../LandingPage/common/FadeInMotion\";\nimport CarouselCustom from \"../../../../../LandingPage/common/CarouselCustom\";\nimport TitleCustom from \"../../moleculars/Title\";\nimport { cn, getContentFromLexicalValue } from \"@phygitallabs/helpers\";\nimport {\n  CalendarDots,\n  GenderFemale,\n  GenderMale,\n  MapPin,\n} from \"@phosphor-icons/react\";\nimport { useState } from \"react\";\nimport ListContactSocial from \"../../moleculars/ListContactSocial\";\n\ninterface PetInfo {\n  name: string;\n  species: string;\n  age: number;\n  gender: number;\n  address: string;\n  description: any;\n}\n\ninterface SectionData {\n  media: Field<Media[]>;\n  pet_info: Field<Partial<PetInfo>>;\n  primary_color: Field<string>;\n  description: Field<any>;\n  contact: Field<Partial<Record<ProfileSocialType, string>>>;\n}\n\ninterface Props extends BaseSectionProps {\n  sectionData: SectionData;\n}\n\nconst RenderMedia = ({ item }: { item: Media }) => {\n  const MediaComponent =\n    item.type === MediaType.Image ? (\n      <img\n        src={item?.url}\n        alt=\"pet\"\n        className=\"object-cover w-full h-[410px] rounded-b-xl\"\n      />\n    ) : (\n      <video\n        src={item?.url}\n        autoPlay\n        muted\n        playsInline\n        loop\n        className=\"w-full object-cover h-[410px] rounded-b-xl\"\n      />\n    );\n  return <div className=\"w-full h-[450px]\">{MediaComponent}</div>;\n};\n\nfunction ProfileSection(props: Props) {\n  const { id, sectionData, themes } = props;\n  const themeColor = themes?.theme_color ?? sectionData?.primary_color?.value;\n  const [activeIndex, setActiveIndex] = useState(0);\n  const { media, pet_info, contact, description } = { ...sectionData };\n  const mediaList =\n    media.value.length > 0\n      ? media.value\n      : [\n          {\n            url: \"https://s3-sgn10.fptcloud.com/phygix-assets/cat-plcaeholder.webp\",\n            type: MediaType.Image,\n          },\n        ];\n  const petInfo = pet_info.value;\n  // const htmlContent = petInfo?.description?.htmlContent;\n  const contactList = contact.value;\n  const descriptionContent = description?.value;\n\n  const showTitleContact = Object.values(contactList).some((item) => !!item);\n\n  const calculateAge = (age: number) => {\n    if (!age || age === 0) return null;\n    if (age < 12) return `${age} tháng`;\n    return `${Math.round(age / 12)} tuổi`;\n  };\n\n  const renderIndicators = () => {\n    if (mediaList.length <= 5) {\n      return mediaList.map((_, index) => (\n        <div\n          key={index}\n          className={cn(\n            \"h-2 w-2 bg-white rounded-full\",\n            activeIndex === index ? \"opacity-100\" : \"opacity-50\"\n          )}\n        />\n      ));\n    }\n\n    const visibleIndicators = 5;\n    const halfVisible = Math.floor(visibleIndicators / 2);\n    const startIndex = Math.max(\n      0,\n      Math.min(activeIndex - halfVisible, mediaList.length - visibleIndicators)\n    );\n\n    return (\n      <>\n        {startIndex > 0 && (\n          <div className=\"h-2 w-2 bg-white rounded-full opacity-50\">...</div>\n        )}\n        {mediaList\n          .slice(startIndex, startIndex + visibleIndicators)\n          .map((_, index) => (\n            <div\n              key={startIndex + index}\n              className={cn(\n                \"h-2 w-2 bg-white rounded-full\",\n                activeIndex === startIndex + index\n                  ? \"opacity-100\"\n                  : \"opacity-50\"\n              )}\n            />\n          ))}\n        {startIndex + visibleIndicators < mediaList.length && (\n          <div className=\"h-2 w-2 bg-white rounded-full opacity-50\">...</div>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <SectionFullScreen\n      className={twMerge(\"h-[100svh] svh-full pb-5 overflow-scroll\")}\n      style={{\n        backgroundColor: `${themeColor}20`,\n        color: themeColor,\n      }}\n      isSnapScroll={false}\n      name={id}\n    >\n      <FadeInMotionV2\n        className=\"flex w-full relative justify-center z-40 items-center\"\n        isVisible={true}\n        duration={1}\n        delay={0.25}\n      >\n        <div className=\"absolute z-[100] bottom-0 px-5 w-full space-y-3\">\n          <div className=\"flex gap-2 w-full justify-center\">\n            {mediaList.length > 1 && renderIndicators()}\n          </div>\n          <div\n            className=\"flex justify-center items-center flex-col rounded-3xl gap-1 py-2 px-3 shadow-lg bg-white h-full\"\n            style={{\n              color: themeColor,\n            }}\n          >\n            <TitleCustom\n              className=\"text-xl leading-none py-2\"\n              field={{ value: petInfo?.name ?? \"\" }}\n            />\n            <div className=\"flex flex-col gap-1 text-xs items-center font-normal justify-center\">\n              <div className=\"flex gap-2\">\n                <p>{petInfo?.species}</p>\n                {calculateAge(Number(petInfo?.age)) && (\n                  <p className=\"flex items-center gap-1\">\n                    <CalendarDots size={12} />{\" \"}\n                    {calculateAge(Number(petInfo?.age))}\n                  </p>\n                )}\n                <p className=\"flex items-center gap-1\">\n                  {petInfo?.gender === 0 ? (\n                    <GenderMale size={12} />\n                  ) : (\n                    <GenderFemale size={12} />\n                  )}\n                  {petInfo?.gender === 0 ? \"Nam\" : \"Nữ\"}\n                </p>\n              </div>\n              {petInfo?.address && (\n                <p className=\"flex items-center gap-1\">\n                  <MapPin size={12} /> {petInfo?.address}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <CarouselCustom\n          slidesPerView={1}\n          spaceBetween={0}\n          listItem={mediaList.map((item, index) => (\n            <RenderMedia item={item} key={index} />\n          ))}\n          onSlideChange={(instance) => setActiveIndex(instance.activeIndex)}\n          loop={true}\n          autoplay={{\n            delay: 2000,\n          }}\n        />\n      </FadeInMotionV2>\n      <FadeInMotionV2\n        className=\"flex w-full relative justify-center z-40 items-center p-5\"\n        isVisible={true}\n        duration={1}\n        delay={0.5}\n      >\n        <p className=\"text-sm\">\n          {getContentFromLexicalValue(descriptionContent)}\n        </p>\n      </FadeInMotionV2>\n      <FadeInMotionV2\n        className=\"flex w-full relative justify-center flex-col gap-2 z-40 items-center px-5\"\n        isVisible={true}\n        duration={1}\n        delay={0.5}\n      >\n        {showTitleContact && (\n          <TitleCustom className=\"text-xl\" field={{ value: \"Liên hệ\" }} />\n        )}\n        <ListContactSocial className=\"gap-4\" contactList={contactList} />\n      </FadeInMotionV2>\n    </SectionFullScreen>\n  );\n}\n\nexport default ProfileSection;\n"]}

package/dist/chunk-YLW7AQNY.cjs

@@ -0,0 +1,3 @@
+'use strict';var jsxRuntime=require('react/jsx-runtime');var n=()=>jsxRuntime.jsxs("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),jsxRuntime.jsx("polyline",{points:"15 3 21 3 21 9"}),jsxRuntime.jsx("line",{x1:"10",x2:"21",y1:"14",y2:"3"})]}),t=n;
+exports.a=t;//# sourceMappingURL=chunk-YLW7AQNY.cjs.map
+//# sourceMappingURL=chunk-YLW7AQNY.cjs.map

package/dist/chunk-YLW7AQNY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/icons/IconExternalLink.tsx"],"names":["IconExternalLink","jsxs","jsx","IconExternalLink_default"],"mappings":"yDAAA,IAAMA,CAAAA,CAAmB,IAErBC,eAAAA,CAAC,KAAA,CAAA,CACC,MAAA,CAAO,eACP,IAAA,CAAK,MAAA,CACL,cAAA,CAAa,GAAA,CACb,OAAA,CAAQ,WAAA,CACR,iBAAe,OAAA,CACf,iBAAA,CAAgB,OAAA,CAChB,MAAA,CAAO,KAAA,CACP,KAAA,CAAM,MACN,KAAA,CAAM,4BAAA,CAEN,QAAA,CAAA,CAAAC,cAAAA,CAAC,MAAA,CAAA,CAAK,CAAA,CAAE,2DAA2D,CAAA,CACnEA,cAAAA,CAAC,UAAA,CAAA,CAAS,MAAA,CAAO,gBAAA,CAAiB,CAAA,CAClCA,eAAC,MAAA,CAAA,CAAK,EAAA,CAAG,IAAA,CAAK,EAAA,CAAG,IAAA,CAAK,EAAA,CAAG,KAAK,EAAA,CAAG,GAAA,CAAI,CAAA,CAAA,CACvC,CAAA,CAIGC,CAAAA,CAAQH","file":"chunk-YLW7AQNY.cjs","sourcesContent":["const IconExternalLink = () => {\n  return (\n    <svg\n      stroke=\"currentColor\"\n      fill=\"none\"\n      stroke-width=\"2\"\n      viewBox=\"0 0 24 24\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      height=\"1em\"\n      width=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path>\n      <polyline points=\"15 3 21 3 21 9\"></polyline>\n      <line x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"></line>\n    </svg>\n  );\n};\n\nexport default IconExternalLink;\n"]}

package/dist/chunk-YN2B2CVU.cjs

@@ -0,0 +1,5 @@
+'use strict';var chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),react=require('react'),framerMotion=require('framer-motion'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),react$1=require('@phosphor-icons/react'),jsxRuntime=require('react/jsx-runtime'),helpers=require('@phygitallabs/helpers');var A=t=>{let{sectionData:a}=t,e=t.id,i=react.useRef(null),{registerMedia:r,unregisterMedia:s,play:n,pause:l,getMediaStatus:g}=chunkDPN6OBT5_cjs.b(),u=g(e)==="playing",d=a?.audio?.value?.url;react.useEffect(()=>(i.current&&r({id:e,type:"audio",element:i?.current}),()=>{s(e);}),[]);let f=()=>{n(e);},v=()=>{l(e);},x={initial:{y:0,opacity:0},animate:{y:"-25%",opacity:1}};return jsxRuntime.jsxs(chunkDPN6OBT5_cjs.g,{name:e,className:`relative flex justify-center items-center
+       bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/8:3-bg-1.png')] bg-cover bg-center
+      `,children:[jsxRuntime.jsx("audio",{ref:i,src:d,className:"hidden"}),d&&jsxRuntime.jsx("div",{className:"fixed z-20 bottom-0 right-0 p-2 text-white cursor-pointer",children:u?jsxRuntime.jsx(react$1.SpeakerSimpleHigh,{size:28,weight:"fill",color:"#F75C88",onClick:v}):jsxRuntime.jsx(react$1.SpeakerSimpleSlash,{size:28,weight:"fill",color:"#F75C88",onClick:f})}),jsxRuntime.jsx(framerMotion.motion.div,{transition:{duration:1},variants:x,whileInView:"animate",className:"flex justify-center items-center w-full",children:jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/8:3-title-home.png",alt:"Woman-material",width:"80%",className:"object-contain"})})]})},L=A;function y(t){let{id:a,sectionData:e}=t,{title:i,letter:r}={...e},s=i?.value,n=helpers.getContentFromLexicalValue(r?.value);return jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:a,className:"flex justify-center items-center p-5 bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/8:3-bg-2.png')] overflow-hidden bg-cover bg-center",children:jsxRuntime.jsxs("div",{className:"flex flex-col gap-4 items-center text-[#DC4958] px-2",children:[s&&jsxRuntime.jsx("p",{className:"text-[90px] text-center leading-[80%] font-amstirdam line-clamp-3 max-w-full",children:s}),jsxRuntime.jsx("div",{className:"text-base line-clamp-[20] max-w-full",children:n}),jsxRuntime.jsx(imageNomion.ImageNomion,{src:"https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png",alt:"love-icon",width:85})]})})}var b=({index:t,isRounded:a=false,className:e,setActiveWidget:i,activeWidget:r,translateDirection:s="left",imageUrl:n="https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/love-icon-widget.png",description:l="my greatest blessing"})=>jsxRuntime.jsxs("div",{className:e,onClick:()=>{i(r===t?null:t);},children:[jsxRuntime.jsx("div",{className:helpers.cn("absolute top-0 left-0 w-full shadow-lg shadow-black/25 h-full bg-gradient-valentine z-10 duration-500",a?"rounded-full":"rounded-lg",r===t?s==="left"?"-translate-x-[100%] translate-y-[80%]":"translate-x-[100%] translate-y-[80%]":""),children:jsxRuntime.jsx("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",children:jsxRuntime.jsx("p",{className:"text-[#DC4958] text-sm font-normal w-full text-center line-clamp-4",children:l})})}),jsxRuntime.jsx("div",{className:helpers.cn("absolute z-0 border-2 scale-[95%] top-0 left-0 w-full h-full overflow-hidden",a&&"rounded-full"),children:n&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:n,alt:"greeting-image",className:"w-full h-full object-cover"})})]});function N(t){let{id:a,sectionData:e}=t,{greeting_1:i,greeting_2:r,greeting_3:s}={...e},n=i?.value,l=r?.value,g=s?.value,u=n?.image?.url,d=n?.description,f=l?.image?.url,v=l?.description,x=g?.image?.url,I=g?.description,[h,S]=react.useState(null);return jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:a,className:"flex justify-center items-center p-5 bg-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/8:3-bg-3.png')] bg-cover bg-center bg-no-repeat",children:jsxRuntime.jsxs("div",{className:"relative w-full h-full",children:[jsxRuntime.jsx(b,{index:0,activeWidget:h,setActiveWidget:S,className:"absolute h-32 w-32 z-10 top-[15%] left-9",imageUrl:u,description:d}),jsxRuntime.jsx(b,{index:1,isRounded:true,activeWidget:h,setActiveWidget:S,translateDirection:"right",className:"absolute h-32 w-32 rounded-full z-10 top-[35%] right-9",imageUrl:f,description:v}),jsxRuntime.jsx(b,{index:3,activeWidget:h,setActiveWidget:S,className:"absolute w-5/6 h-32 rounded-md z-10 left-1/2 -translate-x-1/2 bottom-[13%]",imageUrl:x,description:I})]})})}
+exports.a=L;exports.b=y;exports.c=N;//# sourceMappingURL=chunk-YN2B2CVU.cjs.map
+//# sourceMappingURL=chunk-YN2B2CVU.cjs.map

package/dist/chunk-YN2B2CVU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LandingPage/common/ui-kit/organisms/WomanDay/WomanHomeSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/WomanDay/WomanLetterSection.tsx","../src/components/LandingPage/common/ui-kit/organisms/WomanDay/WomanGreetingSection.tsx"],"names":["WomanHomeSection","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","WomanHomeSection_default","WomanLetterSectionUI","title","letter","titleValue","letterValue","getContentFromLexicalValue","GreetingWidget","index","isRounded","className","setActiveWidget","activeWidget","translateDirection","imageUrl","description","cn","WomanGreetingSectionUI","greeting_1","greeting_2","greeting_3","greeting1","greeting2","greeting3","greeting1Image","greeting1Description","greeting2Image","greeting2Description","greeting3Image","greeting3Description","useState"],"mappings":"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","file":"chunk-YN2B2CVU.cjs","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 WomanHomeSectionProps extends BaseSectionProps {}\nconst WomanHomeSection: FC<WomanHomeSectionProps> = (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/8:3-bg-1.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=\"#F75C88\"\n              onClick={handlePlayAudio}\n            />\n          ) : (\n            <SpeakerSimpleHigh\n              size={28}\n              weight=\"fill\"\n              color=\"#F75C88\"\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/8:3-title-home.png\"\n          alt=\"Woman-material\"\n          width={\"80%\"}\n          className=\"object-contain\"\n        />\n      </motion.div>\n    </SectionFullScreen>\n  );\n};\n\nexport default WomanHomeSection;\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 WomanLetterSectionProps extends BaseSectionProps {}\n\ninterface WomanLetterData {\n  title: Field<string>;\n  letter: Field<any>;\n}\n\nexport default function WomanLetterSectionUI(props: WomanLetterSectionProps) {\n  const { id, sectionData } = props;\n\n  const { title, letter } = { ...sectionData } as WomanLetterData;\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-[url('https://s3-sgn10.fptcloud.com/phygix-assets/nomion/static/valentine/8:3-bg-2.png')] overflow-hidden bg-cover bg-center\"\n    >\n      <div className=\"flex flex-col gap-4 items-center text-[#DC4958] 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 WomanGreetingSectionProps 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-[#DC4958] 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 WomanGreetingSectionUI(\n  props: WomanGreetingSectionProps\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/8:3-bg-3.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"]}

package/dist/chunk-YNK4LVRZ.cjs

@@ -0,0 +1,3 @@
+'use strict';var chunkJCWSBSWV_cjs=require('./chunk-JCWSBSWV.cjs'),chunkNAYWFNN3_cjs=require('./chunk-NAYWFNN3.cjs'),chunkBMQTMYRT_cjs=require('./chunk-BMQTMYRT.cjs'),chunk2L3LGNFN_cjs=require('./chunk-2L3LGNFN.cjs'),chunkGXUG743T_cjs=require('./chunk-GXUG743T.cjs'),chunkXFF6JIWQ_cjs=require('./chunk-XFF6JIWQ.cjs'),chunkGEGMACK2_cjs=require('./chunk-GEGMACK2.cjs'),chunkJARFLL3F_cjs=require('./chunk-JARFLL3F.cjs'),chunkU463DIED_cjs=require('./chunk-U463DIED.cjs'),chunk5I4Z5UH2_cjs=require('./chunk-5I4Z5UH2.cjs'),chunkDPN6OBT5_cjs=require('./chunk-DPN6OBT5.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),helpers=require('@phygitallabs/helpers'),imageNomion=require('@phygitallabs/core-ui/components/image-nomion'),tailwindMerge=require('tailwind-merge'),Zt=require('dayjs');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Zt__default=/*#__PURE__*/_interopDefault(Zt);var Xe=()=>jsxRuntime.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{"clip-path":"url(#clip0_1344_2756)",children:[jsxRuntime.jsx("path",{d:"M6.0498 8.6178V13.3809C6.0498 13.6759 6.20697 13.9481 6.4623 14.0954L10.5873 16.4772C10.8426 16.6244 11.157 16.6244 11.4123 16.4772L15.5373 14.0954C15.7926 13.9481 15.9498 13.6755 15.9498 13.3809V8.6178C15.9498 8.32287 15.7926 8.05062 15.5373 7.90335L11.4123 5.52158C11.157 5.37432 10.8426 5.37432 10.5873 5.52158L6.4623 7.90335C6.20697 8.05062 6.0498 8.32328 6.0498 8.6178Z",fill:"#DCB9B9"}),jsxRuntime.jsx("path",{d:"M11.4125 16.4784L15.5375 14.097C15.7928 13.9498 15.95 13.6771 15.95 13.3826V8.61945C15.95 8.32451 15.7928 8.05226 15.5375 7.905L11.4125 5.52364C11.285 5.4498 11.1423 5.41309 11 5.41309V16.5894C11.1423 16.5894 11.285 16.5522 11.4125 16.4784Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M11.0001 11.0007L15.8395 8.20684C15.7682 8.08351 15.6651 7.97873 15.5376 7.9049L11.4126 5.52353C11.1573 5.37627 10.8429 5.37627 10.5876 5.52353L6.46259 7.9049C6.33513 7.97873 6.23201 8.08351 6.16064 8.20684L11.0001 11.0007Z",fill:"#DED0D0"}),jsxRuntime.jsx("path",{d:"M3.67813 13.3727C3.45043 13.3727 3.26562 13.1879 3.26562 12.9602V9.04141C3.26562 8.81371 3.45043 8.62891 3.67813 8.62891C3.90583 8.62891 4.09063 8.81371 4.09063 9.04141V12.9602C4.09063 13.1879 3.90583 13.3727 3.67813 13.3727Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M12.9599 18.7346C12.8172 18.7346 12.6782 18.6603 12.6019 18.5279C12.4884 18.3303 12.5561 18.0783 12.7537 17.9645L16.1568 16.0051C16.3544 15.8916 16.6064 15.9597 16.7203 16.1569C16.8337 16.3545 16.766 16.6065 16.5685 16.7204L13.1653 18.6797C13.1006 18.7169 13.0296 18.7346 12.9599 18.7346Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M16.3617 6.05012C16.292 6.05012 16.2211 6.03238 16.1563 5.99526L12.7532 4.03588C12.5556 3.92203 12.4879 3.66999 12.6014 3.47241C12.7152 3.27482 12.9681 3.20717 13.1648 3.32061L16.568 5.27998C16.7656 5.39383 16.8332 5.64587 16.7198 5.84346C16.6435 5.97587 16.5049 6.05012 16.3617 6.05012Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M18.3217 13.3727C18.094 13.3727 17.9092 13.1879 17.9092 12.9602V9.04141C17.9092 8.81371 18.094 8.62891 18.3217 8.62891C18.5494 8.62891 18.7342 8.81371 18.7342 9.04141V12.9602C18.7342 13.1879 18.5494 13.3727 18.3217 13.3727Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M9.04043 18.7344C8.97072 18.7344 8.89977 18.7167 8.835 18.6796L5.43188 16.7202C5.23429 16.6063 5.16664 16.3543 5.28008 16.1567C5.39393 15.9595 5.64638 15.8919 5.84355 16.0049L9.24668 17.9643C9.44427 18.0781 9.51192 18.3302 9.39848 18.5278C9.32217 18.6602 9.18357 18.7344 9.04043 18.7344Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M5.63813 6.04924C5.4954 6.04924 5.35639 5.97499 5.28008 5.84257C5.16664 5.64499 5.23429 5.39295 5.43188 5.2791L8.835 3.31972C9.03259 3.20587 9.28463 3.27435 9.39848 3.47152C9.51192 3.66911 9.44427 3.92115 9.24668 4.035L5.84355 5.99437C5.77879 6.0315 5.70784 6.04924 5.63813 6.04924Z",fill:"#C4C6C6"}),jsxRuntime.jsx("path",{d:"M11 3.5752C11.5695 3.5752 12.0312 3.11349 12.0312 2.54395C12.0312 1.9744 11.5695 1.5127 11 1.5127C10.4305 1.5127 9.96875 1.9744 9.96875 2.54395C9.96875 3.11349 10.4305 3.5752 11 3.5752Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M11 20.4883C11.5695 20.4883 12.0312 20.0266 12.0312 19.457C12.0312 18.8875 11.5695 18.4258 11 18.4258C10.4305 18.4258 9.96875 18.8875 9.96875 19.457C9.96875 20.0266 10.4305 20.4883 11 20.4883Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M3.67676 7.80371C4.2463 7.80371 4.70801 7.342 4.70801 6.77246C4.70801 6.20292 4.2463 5.74121 3.67676 5.74121C3.10721 5.74121 2.64551 6.20292 2.64551 6.77246C2.64551 7.342 3.10721 7.80371 3.67676 7.80371Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M18.3232 16.2598C18.8928 16.2598 19.3545 15.7981 19.3545 15.2285C19.3545 14.659 18.8928 14.1973 18.3232 14.1973C17.7537 14.1973 17.292 14.659 17.292 15.2285C17.292 15.7981 17.7537 16.2598 18.3232 16.2598Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M18.3232 7.80371C18.8928 7.80371 19.3545 7.342 19.3545 6.77246C19.3545 6.20292 18.8928 5.74121 18.3232 5.74121C17.7537 5.74121 17.292 6.20292 17.292 6.77246C17.292 7.342 17.7537 7.80371 18.3232 7.80371Z",fill:"#BC8686"}),jsxRuntime.jsx("path",{d:"M3.67676 16.2598C4.2463 16.2598 4.70801 15.7981 4.70801 15.2285C4.70801 14.659 4.2463 14.1973 3.67676 14.1973C3.10721 14.1973 2.64551 14.659 2.64551 15.2285C2.64551 15.7981 3.10721 16.2598 3.67676 16.2598Z",fill:"#BC8686"})]}),jsxRuntime.jsx("path",{d:"M15.9731 12.6846C16.4473 11.9259 17.5523 11.9259 18.0266 12.6846C18.3004 13.1227 18.8221 13.3388 19.3255 13.2226C20.1974 13.0215 20.9787 13.8028 20.7775 14.6746C20.6614 15.1781 20.8775 15.6997 21.3156 15.9736C22.0743 16.4478 22.0743 17.5528 21.3156 18.0271C20.8775 18.3009 20.6614 18.8226 20.7775 19.326C20.9787 20.1978 20.1974 20.9792 19.3255 20.778C18.8221 20.6619 18.3004 20.878 18.0266 21.3161C17.5523 22.0748 16.4473 22.0748 15.9731 21.3161C15.6992 20.878 15.1776 20.6619 14.6742 20.778C13.8023 20.9792 13.021 20.1978 13.2221 19.326C13.3383 18.8226 13.1222 18.3009 12.6841 18.0271C11.9254 17.5528 11.9254 16.4478 12.6841 15.9736C13.1222 15.6997 13.3383 15.1781 13.2221 14.6746C13.021 13.8028 13.8023 13.0215 14.6742 13.2226C15.1776 13.3388 15.6992 13.1227 15.9731 12.6846Z",fill:"#0080FF"}),jsxRuntime.jsx("path",{d:"M15.229 16.9995L16.4082 18.1786L18.7707 15.8203",stroke:"white","stroke-width":"0.6875","stroke-linecap":"round","stroke-linejoin":"round"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_1344_2756",children:jsxRuntime.jsx("rect",{width:"19.8",height:"19.8",fill:"white",transform:"translate(1.1001 1.10059)"})})})]}),ue=Xe;var Ke=a=>{let{chainName:i,explorerUrl:r,openseaUrl:t,collectionOpenseaUrl:o,collectionName:l,nftId:n,configTheme:p}=a,[c,C]=react.useState(false),x=()=>C(s=>!s);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(chunkU463DIED_cjs.a,{toggleModal:x,isOpen:c,children:[jsxRuntime.jsx("div",{className:"w-full border-b-[1px] border-b-[#454545] p-[12px] text-center font-semibold italic",children:"Th\xF4ng tin NFT"}),jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-[10px] p-[12px]",children:jsxRuntime.jsxs("div",{className:"text- flex items-center justify-between",children:[jsxRuntime.jsx("p",{className:"text-[15px] font-medium text-[#bfbfbf]",children:"Collection"}),jsxRuntime.jsx("a",{href:o,target:"_blank",className:"text-[14px] font-semibold underline",children:l})]})}),jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-[10px] p-[12px]",children:jsxRuntime.jsxs("div",{className:"text- flex items-center justify-between",children:[jsxRuntime.jsx("p",{className:"text-[15px] font-medium text-[#bfbfbf]",children:"Market"}),jsxRuntime.jsx("a",{href:t,target:"_blank",className:"text-[14px] font-semibold underline",children:"Opensea"})]})}),jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-[10px] p-[12px]",children:jsxRuntime.jsxs("div",{className:"text- flex items-center justify-between",children:[jsxRuntime.jsx("p",{className:"text-[15px] font-medium text-[#bfbfbf]",children:"Token"}),jsxRuntime.jsxs("a",{href:r,target:"_blank",className:"text-[14px] font-semibold underline",children:["#",n]})]})}),jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-[10px] p-[12px]",children:jsxRuntime.jsxs("div",{className:"text- flex items-center justify-between",children:[jsxRuntime.jsx("p",{className:"text-[15px] font-medium text-[#bfbfbf]",children:"Chain"}),jsxRuntime.jsx("div",{children:i})]})})]}),jsxRuntime.jsx(chunk2L3LGNFN_cjs.a,{onClick:x,configTheme:p,children:jsxRuntime.jsxs("div",{className:"flex gap-1 items-center",children:[jsxRuntime.jsx(ue,{})," NFT"]})})]})},he=Ke;var Je=()=>jsxRuntime.jsx("div",{className:"w-full border-t border-t-neutral-6"}),et=({field:a,hardCodeOption:i,configTheme:r})=>{let t=i?.isHPT,{value:o,style_config:l}=a,n=typeof o=="string",p=l?.text_color||r?.secondary_color,[c,C]=react.useState(false),x=()=>C(d=>!d);return (()=>{if(n&&o)return jsxRuntime.jsxs("div",{className:"flex gap-1.5",style:{color:l?.text_color||r?.secondary_color},children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin whitespace-nowrap",color:p,children:"S\u1EDF h\u1EEFu:"}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline !text-black whitespace-nowrap",color:p,children:o}),!!o&&jsxRuntime.jsx(chunkJCWSBSWV_cjs.b,{})]});let{label:d,name:v,avatar:g,description:h}=o||{};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[(!!v||!!d)&&jsxRuntime.jsxs("div",{className:"flex gap-1.5 items-center",onClick:x,children:[!t&&g?.url&&jsxRuntime.jsx(imageNomion.ImageNomion,{src:g?.url,alt:v,className:"rounded-full object-contain w-7 h-7",width:28,height:28}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin whitespace-nowrap",color:p,children:d}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline whitespace-nowrap truncate max-w-[300px]",color:p,children:helpers.parse(v)}),jsxRuntime.jsx(chunkJCWSBSWV_cjs.b,{})]}),jsxRuntime.jsx(chunkU463DIED_cjs.a,{isOpen:c,toggleModal:x,className:"backdrop-blur-2xl",hasExitIcon:true,children:jsxRuntime.jsxs("div",{className:"w-full space-y-5",children:[jsxRuntime.jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-4",children:[g?.url&&jsxRuntime.jsx("div",{className:"max-w-[150px] m-auto",children:jsxRuntime.jsx(imageNomion.ImageNomion,{className:"max-w-[150px]",src:g?.url,alt:v})}),jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-center gap-2",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline",color:p,children:helpers.parse(v)}),jsxRuntime.jsx(chunkJCWSBSWV_cjs.b,{})]})]}),jsxRuntime.jsx(Je,{}),h&&jsxRuntime.jsx("div",{className:"list-inside list-disc text-sm text-neutral-5",children:helpers.parse(h||"")})]})})]})})()},Z=et;function ot(){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",fill:"none",viewBox:"0 0 32 32",children:[jsxRuntime.jsx("path",{stroke:"#BFBFBF",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M2.667 12V9.333c0-4 2.666-6.666 6.666-6.666h13.334c4 0 6.666 2.666 6.666 6.666V12M2.667 20v2.667c0 4 2.666 6.666 6.666 6.666h13.334c4 0 6.666-2.666 6.666-6.666V20"}),jsxRuntime.jsx("path",{stroke:"#BFBFBF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8.933 12.347L16 16.44l7.013-4.067M16 23.693v-7.266"}),jsxRuntime.jsx("path",{stroke:"#BFBFBF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14.347 8.387L10.08 10.76c-.96.533-1.76 1.88-1.76 2.987v4.52c0 1.106.787 2.453 1.76 2.986l4.267 2.374c.906.506 2.4.506 3.32 0l4.266-2.374c.96-.533 1.76-1.88 1.76-2.986v-4.52c0-1.107-.786-2.454-1.76-2.987l-4.266-2.373c-.92-.52-2.414-.52-3.32 0z"})]})}var j=ot;function rt(){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"32",fill:"none",viewBox:"0 0 33 32",children:[jsxRuntime.jsx("path",{stroke:"#F0F0F0",strokeWidth:"1.333",d:"M16.5 28c5.891 0 10.667-4.776 10.667-10.667 0-5.89-4.776-10.666-10.667-10.666-5.89 0-10.666 4.775-10.666 10.666C5.834 23.225 10.609 28 16.5 28z",clipRule:"evenodd"}),jsxRuntime.jsx("path",{stroke:"#F0F0F0",strokeLinecap:"round",strokeWidth:"1.333",d:"M16.5 12v5.333M24.5 9.333l2.666-2.666M20.5 2.667h-8"})]})}var xe=rt;function lt(){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"33",fill:"none",viewBox:"0 0 33 33",children:jsxRuntime.jsx("path",{fill:"#F0F0F0",d:"M16 2.668c-7.347 0-13.334 5.987-13.334 13.334 0 7.347 5.987 13.334 13.334 13.334 7.347 0 13.334-5.987 13.334-13.334 0-7.347-5.987-13.334-13.334-13.334zm-1 8c0-.546.453-1 1-1 .547 0 1 .454 1 1v6.668c0 .546-.453 1-1 1-.547 0-1-.454-1-1v-6.667zm2.227 11.175c-.067.173-.16.306-.28.44a1.54 1.54 0 01-.44.28c-.16.066-.334.106-.507.106s-.347-.04-.507-.106a1.54 1.54 0 01-.44-.28 1.375 1.375 0 01-.28-.44 1.327 1.327 0 01-.107-.507c0-.173.04-.347.107-.507.067-.16.16-.306.28-.44.133-.12.28-.213.44-.28.32-.133.694-.133 1.014 0 .16.067.306.16.44.28.12.134.213.28.28.44.066.16.106.334.106.507s-.04.347-.106.507z"})})}var Fe=lt;var st=a=>Array.isArray(a)?jsxRuntime.jsx("ul",{className:"ml-5 flex flex-col",children:a.map((i,r)=>jsxRuntime.jsx("li",{className:"list-disc",children:i},r))}):a,nt=({productDetail:a,configTheme:i})=>jsxRuntime.jsxs("div",{className:"flex flex-col gap-5 pt-3",children:[jsxRuntime.jsx("div",{className:"relative flex items-center justify-center gap-[16px]",children:jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:{value:"TH\xD4NG TIN S\u1EA2N PH\u1EA8M"},lineText:true,configTheme:i})}),a.map((r,t)=>!r.value||r.value===" x  x "?null:jsxRuntime.jsx("div",{className:"flex ",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-[12px] px-[24px]",children:[jsxRuntime.jsx("div",{children:r.Icon}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-[2px]",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"p",color:i?.secondary_color,children:r.label}),jsxRuntime.jsx("div",{className:"flex",children:jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",color:i?.secondary_color,children:st(r.value)})})]})]})},t))]}),be=nt;var ct=({field:a,isAbsolute:i=true,configTheme:r})=>{let[t,o]=react.useState(false),l=()=>o(v=>!v),{value:n}={...a},{product_size:p="",product_pedestal_size:c="",product_weight:C="",product_time:x="",product_material:s=""}={...n},d=p||c||C||x||s;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d&&(i?jsxRuntime.jsx("div",{className:"absolute bottom-[10%] right-3 z-10",children:jsxRuntime.jsxs("div",{className:"flex flex-col justify-center gap-[8px]",children:[jsxRuntime.jsx("div",{className:"flex cursor-pointer items-center justify-center",onClick:l,children:jsxRuntime.jsx(Fe,{})}),jsxRuntime.jsx("div",{className:"w-[40px] text-center text-[12px] font-medium",children:t?"Xem 3D":"Th\xF4ng tin"})]})}):jsxRuntime.jsx("div",{className:"",onClick:l,children:jsxRuntime.jsx("div",{className:"w-full rounded-full bg-white py-2 text-center text-black",children:"Th\xF4ng tin"})})),d&&jsxRuntime.jsx(chunkU463DIED_cjs.a,{isOpen:t,toggleModal:l,children:jsxRuntime.jsx(be,{configTheme:r,productDetail:[{label:"Th\u1EDDi gian \u0111i\xEAu kh\u1EAFc",value:x,Icon:jsxRuntime.jsx(xe,{})},{label:"K\xEDch th\u01B0\u1EDBc",value:p,Icon:jsxRuntime.jsx(j,{})},{label:"K\xEDch th\u01B0\u1EDBc \u0111\u1EBF",value:c,Icon:jsxRuntime.jsx(j,{})},{label:"Tr\u1ECDng l\u01B0\u1EE3ng",value:C,Icon:jsxRuntime.jsx(j,{})},{label:"Ch\u1EA5t li\u1EC7u",value:s,Icon:jsxRuntime.jsx(j,{})}]})})]})},B=ct;var mt=({asset3DUrl:a,showArButton:i,isHidden:r=false})=>{let t=react.useRef(null),[o,l]=react.useState(0),[n,p]=react.useState(0),[c,C]=react.useState(0);return react.useEffect(()=>{if(t.current&&!r){let s=t.current,d=v=>{let g=s.getCameraOrbit();g.theta;if(v?.detail?.source==="user-interaction"){p(-g.theta);}};return s.addEventListener("camera-change",d),()=>{s.removeEventListener("camera-change",d);}}},[t.current,r]),react.useEffect(()=>{let d=(n+c)*180/Math.PI%360;d>180?d-=360:d<-180&&(d+=360),l(d);},[n,c]),react.useEffect(()=>{let s=setInterval(()=>{t.current&&C(t.current.turntableRotation);},100);return ()=>clearInterval(s)},[]),r?void 0:typeof window>"u"?null:jsxRuntime.jsxs("div",{className:"flex h-full w-full flex-col pt-5 items-center",children:[jsxRuntime.jsx("div",{className:"rounded border border-neutral-6 px-2 text-sm",children:jsxRuntime.jsx("span",{className:"text-neutral-6",children:(s=>-90<s&&s<90)(o)?"M\u1EB7t tr\u01B0\u1EDBc":"M\u1EB7t sau"})}),jsxRuntime.jsx("div",{className:"h-4/5 w-full",children:jsxRuntime.jsx("model-viewer",{...i&&{ar:true},id:"model-viewer","ar-scale":"fixed","auto-rotate":true,"auto-rotate-delay":1e3,"camera-controls":true,src:a,alt:"3D model","disable-pan":true,"disable-tap":true,"camera-orbit":"0deg 90deg auto","min-camera-orbit":"auto 90deg auto","max-camera-orbit":"auto 90deg auto",ref:s=>{t.current=s;}})})]})},Ne=mt;var gt=a=>{let{children:i}=a,[r,t]=react.useState(false),o=()=>t(l=>!l);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(chunkU463DIED_cjs.a,{isOpen:r,toggleModal:o,className:"rounded-lg border-none p-6",children:jsxRuntime.jsx("div",{className:"flex min-h-[150px] items-center justify-center text-lg font-semibold text-neutral-4",children:"Coming Soon!"})}),jsxRuntime.jsx("div",{className:"flex-1 rounded-xl border-white gap-1 border py-1",onClick:o,children:jsxRuntime.jsx("div",{className:"flex w-full items-center justify-center gap-2",children:i})})]})},we=gt;var vt=({field:a})=>{let{value:i}=a,{position:r,company_name:t}=i||{};return !!t&&jsxRuntime.jsxs("div",{className:"flex gap-1.5 text-neutral-6",children:[r&&jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin",children:r}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold",children:t})]})},Me=vt;var yt=({field:a})=>{let{value:i}=a,{label:r,owner_name:t}=i||{};return !!t&&jsxRuntime.jsxs("div",{className:"flex gap-1.5 text-neutral-6",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin",children:r}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline",children:helpers.parse(t)})]})},Ie=yt;var Se=a=>a.length<=10?a:`${a.substring(0,5)}...${a.substring(a.length-5)}`,te=(a,i,r)=>{let t,o,l;switch(a){case 1:t="https://etherscan.io",o="",l="Ethereum";break;case 137:t="https://polygonscan.com",o="matic",l="Polygon";break;case 56:t="https://bscscan.com",o="binance-smart-chain",l="Binance Smart Chain";break;case 43114:t="https://snowtrace.io",o="avalanche",l="Avalanche";break;case 250:t="https://ftmscan.com",o="fantom",l="Fantom";break;case 10:t="https://optimistic.etherscan.io",o="optimism",l="Optimism";break;case 100:t="https://blockscout.com/xdai/mainnet",o="gnosis",l="Gnosis Chain";break;default:t="https://polygonscan.com",o="matic",l="Polygon";}let n=`${t}/nft/${i}/${r}`,p="https://opensea.io",c=o?`${p}/assets/${o}/${i}`:`${p}/assets/${i}`,C=`${c}/${r}`;return {chainName:l,openseaUrl:C,explorerUrl:n,collectionOpenseaUrl:c}};var wt=({className:a})=>jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 240 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a,children:[jsxRuntime.jsx("path",{d:"M177.275 47.4116C170.062 48.605 164.348 54.4925 163.383 61.6573C163.044 64.1875 163.276 66.6206 163.968 68.8574C165.252 72.9934 163.966 77.4913 160.832 80.5156L153.518 87.5766C149.757 91.2075 144.709 93.237 139.455 93.237H103.906C97.8868 93.237 92.1083 90.9119 87.8028 86.756L78.7388 78.0096C75.9176 75.2853 74.5182 71.3258 75.3641 67.5184C75.7837 65.6412 75.8797 63.6492 75.5895 61.5889C74.5762 54.391 68.791 48.5101 61.5282 47.3829C49.9712 45.5895 40.1483 55.333 42.0276 66.7662C43.2128 73.9795 49.2569 79.6817 56.5934 80.5949C58.7093 80.8596 60.7604 80.7317 62.6844 80.2795C66.3961 79.4081 70.2999 80.2883 73.0295 82.92L82.2609 91.8318C87.5729 96.9583 90.566 103.986 90.566 111.321V137.867C90.566 144.564 87.834 150.976 82.9885 155.653L78.962 159.542C75.8507 162.542 71.0877 163.157 67.3403 160.978C64.2155 159.165 60.4547 158.311 56.4595 158.832C49.0717 159.8 43.0655 165.635 41.983 172.921C40.2086 184.874 51.1965 194.885 63.4834 191.62C70.84 189.664 75.757 182.785 75.757 175.255V175.217C75.757 173.838 76.3194 172.519 77.3148 171.555L92.6484 156.756C96.6882 152.854 102.112 150.672 107.759 150.672H136.223C140.709 150.672 145.019 152.408 148.229 155.505L159.011 165.915C161.618 168.432 163.232 171.849 163.23 175.451C163.23 176.618 163.352 177.813 163.618 179.033C165.091 185.803 170.803 191.108 177.742 192.072C189.21 193.669 198.878 183.93 196.941 172.548C195.754 165.564 190.002 159.979 182.922 158.891C179.556 158.373 176.349 158.838 173.532 160.036C169.448 161.774 164.718 160.996 161.535 157.925L155.877 152.463C151.275 148.021 148.679 141.932 148.679 135.57V109.814C148.679 105.246 150.543 100.874 153.849 97.6841L168.55 83.4913C170.923 81.2016 174.242 79.9906 177.516 80.5156C179.436 80.8266 181.469 80.8133 183.56 80.4052C190.482 79.053 195.959 73.4214 196.997 66.5257C198.561 56.1139 190.442 47.1689 180.21 47.1667C179.248 47.1667 178.268 47.2461 177.275 47.4116Z",fill:"url(#paint0_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M103.397 45.7482C103.397 54.6755 110.718 61.9087 119.749 61.9087C128.779 61.9087 136.102 54.6755 136.102 45.7482C136.102 36.8231 128.779 29.5878 119.749 29.5878C110.718 29.5878 103.397 36.8231 103.397 45.7482Z",fill:"url(#paint1_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M182.139 121.83C182.139 130.757 189.46 137.992 198.492 137.992C207.523 137.992 214.844 130.757 214.844 121.83C214.844 112.907 207.523 105.669 198.492 105.669C189.46 105.669 182.139 112.907 182.139 121.83Z",fill:"url(#paint2_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M29.6851 121.83C29.6851 130.757 37.0081 137.992 46.0386 137.992C55.0713 137.992 62.3899 130.757 62.3899 121.83C62.3899 112.907 55.0713 105.669 46.0386 105.669C37.0081 105.669 29.6851 112.907 29.6851 121.83Z",fill:"url(#paint3_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M108.111 199.557C108.111 208.484 115.434 215.717 124.465 215.717C133.495 215.717 140.816 208.484 140.816 199.557C140.816 190.632 133.495 183.394 124.465 183.394C115.434 183.394 108.111 190.632 108.111 199.557Z",fill:"url(#paint4_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M0 82.7946C0 88.1527 4.39243 92.4917 9.81385 92.4917C15.2308 92.4917 19.6233 88.1527 19.6233 82.7946C19.6233 77.4408 15.2308 73.0997 9.81385 73.0997C4.39243 73.0997 0 77.4408 0 82.7946Z",fill:"url(#paint5_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M69.436 9.69554C69.436 15.0537 73.8285 19.3949 79.2455 19.3949C84.6646 19.3949 89.0572 15.0537 89.0572 9.69554C89.0572 4.34182 84.6646 0.00063324 79.2455 0.00063324C73.8285 0.00063324 69.436 4.34182 69.436 9.69554Z",fill:"url(#paint6_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M147.925 13.4258C147.925 18.7817 152.318 23.1229 157.737 23.1229C163.156 23.1229 167.546 18.7817 167.546 13.4258C167.546 8.06987 163.156 3.73082 157.737 3.73082C152.318 3.73082 147.925 8.06987 147.925 13.4258Z",fill:"url(#paint7_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M218.868 77.573C218.868 82.9311 223.263 87.2701 228.68 87.2701C234.099 87.2701 238.491 82.9311 238.491 77.573C238.491 72.2193 234.099 67.8781 228.68 67.8781C223.263 67.8781 218.868 72.2193 218.868 77.573Z",fill:"url(#paint8_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M220.377 167.827C220.377 173.186 224.771 177.527 230.191 177.527C235.608 177.527 240 173.186 240 167.827C240 162.474 235.608 158.132 230.191 158.132C224.771 158.132 220.377 162.474 220.377 167.827Z",fill:"url(#paint9_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M157.572 230.303C157.572 235.662 161.964 240.001 167.381 240.001C172.803 240.001 177.195 235.662 177.195 230.303C177.195 224.95 172.803 220.609 167.381 220.609C161.964 220.609 157.572 224.95 157.572 230.303Z",fill:"url(#paint10_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M72.4824 227.224C72.4824 232.577 76.8749 236.919 82.2941 236.919C87.7133 236.919 92.1058 232.577 92.1058 227.224C92.1058 221.866 87.7133 217.524 82.2941 217.524C76.8749 217.524 72.4824 221.866 72.4824 227.224Z",fill:"url(#paint11_linear_274_267)"}),jsxRuntime.jsx("path",{d:"M1.03809 158.016C1.03809 163.372 5.4328 167.713 10.8498 167.713C16.2689 167.713 20.6614 163.372 20.6614 158.016C20.6614 152.66 16.2689 148.319 10.8498 148.319C5.4328 148.319 1.03809 152.66 1.03809 158.016Z",fill:"url(#paint12_linear_274_267)"}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_274_267",x1:"193.292",y1:"244.13",x2:"42.0723",y2:"-16.8798",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint1_linear_274_267",x1:"226.13",y1:"225.104",x2:"74.9111",y2:"-35.9056",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint2_linear_274_267",x1:"251.149",y1:"210.609",x2:"99.9296",y2:"-50.4001",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint3_linear_274_267",x1:"137.686",y1:"276.345",x2:"-13.5333",y2:"15.3364",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint4_linear_274_267",x1:"161.743",y1:"262.408",x2:"10.5239",y2:"1.39782",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint5_linear_274_267",x1:"127.956",y1:"281.982",x2:"-23.2625",y2:"20.974",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint6_linear_274_267",x1:"211.901",y1:"233.349",x2:"60.6821",y2:"-27.6609",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint7_linear_274_267",x1:"268.671",y1:"200.457",x2:"117.452",y2:"-60.5502",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint8_linear_274_267",x1:"293.154",y1:"186.274",x2:"141.934",y2:"-74.7358",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint9_linear_274_267",x1:"254.435",y1:"208.706",x2:"103.217",y2:"-52.3023",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint10_linear_274_267",x1:"180.113",y1:"251.766",x2:"28.8945",y2:"-9.24282",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint11_linear_274_267",x1:"118.146",y1:"287.667",x2:"-33.0734",y2:"26.6565",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint12_linear_274_267",x1:"95.5238",y1:"300.773",x2:"-55.6949",y2:"39.7648",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{"stop-color":"#00E2EC"}),jsxRuntime.jsx("stop",{offset:"0.466746","stop-color":"#0073FF"}),jsxRuntime.jsx("stop",{offset:"0.780609","stop-color":"#AE66FF"}),jsxRuntime.jsx("stop",{offset:"0.990512","stop-color":"#A670FF"}),jsxRuntime.jsx("stop",{offset:"1","stop-color":"#A670FF"})]})]})]}),oe=wt;var Mt=a=>{let{explorerUrl:i,nftId:r}=a,[t,o]=react.useState(false),l=()=>o(n=>!n);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(chunkU463DIED_cjs.a,{className:"bg-black/80 p-0",toggleModal:l,isOpen:t,children:[jsxRuntime.jsxs("div",{className:"flex flex-col w-full justify-center items-center",children:[jsxRuntime.jsx(oe,{className:"w-[150px] h-[150px]"}),jsxRuntime.jsxs("div",{className:"w-full border-b-[1px] border-neutral-8 text-white p-4 text-center font-semibold",children:["\u0110\xE3 \u0111\u01B0\u1EE3c \u0111\u1ECBnh danh tr\xEAn NDAChain ",jsxRuntime.jsx("br",{})," N\u1EC1n t\u1EA3ng Chu\u1ED7i kh\u1ED1i Qu\u1ED1c gia"]})]}),jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-[10px] p-[12px]",children:jsxRuntime.jsxs("div",{className:"text- flex items-center justify-between",children:[jsxRuntime.jsx("p",{className:"text-xs font-medium text-neutral-6",children:"M\xE3 \u0111\u1ECBnh danh Phi t\u1EADp trung DID"}),jsxRuntime.jsx("a",{href:i,target:"_blank",className:"text-sm font-semibold text-white underline",children:r})]})})]}),jsxRuntime.jsxs("div",{className:"flex gap-1 flex-shrink-0 items-center text-black text-[10px] tracking-tighter rounded-full p-1 px-2 bg-white",onClick:l,children:[jsxRuntime.jsx(oe,{className:"w-5 h-5"}),jsxRuntime.jsx("p",{className:"font-medium text-xs uppercase",children:"\u0110\u1ECBnh danh"})]})]})},ke=Mt;var kt=a=>{let {sectionData:i,id:r,configTheme:t,hardCodeOption:o,nft:l,collection:n,didInfo:p}=a,c=o?.isTongla,C=o?.isHPT,x=o?.isSouvenir,s=o?.isUnesco;o?.ownerNameExtraInfo;let v=p?.DID,g=v?.split(":"),h=g?.[g.length-1],E=`${process.env.NEXT_PUBLIC_NDA_EXPLORER_URL}/address/${h}`,{isInViewport:Ae}=chunkDPN6OBT5_cjs.f(r),{tags:Ue={},name:Ee={},media:De={},config:re={},background:Le={},meta_info:ie={},author_modal:Pe={},nft_info:Oe={},buy_order_label:le={},nft_id:Ve={},index:He={},total:Ge={},author_context:Ze={},owner_name:Re={}}={...i},je=()=>{let{value:Y}=De,{url:D="",thumbnail_url:ze="",type:We=""}={...Y};switch(We){case "3D":return c?jsxRuntime.jsx(Ne,{isHidden:!Ae,asset3DUrl:D,showArButton:re?.show_ar_button||false}):jsxRuntime.jsx(chunkNAYWFNN3_cjs.a,{isHidden:false,asset3DUrl:D,showArButton:re?.show_ar_button||false});case "image":return jsxRuntime.jsx(imageNomion.ImageNomion,{src:D,alt:"Media",className:tailwindMerge.twMerge("m-auto h-4/5 w-auto object-contain",x&&"aspect-[1/1.41] object-fill")});case "video":return jsxRuntime.jsx(chunkJCWSBSWV_cjs.a,{videoUrl:D,thumbnailUrl:ze,loop:true,autoPlay:true,muted:true})}},{explorerUrl:$e}=te(n?.chain_id,n?.address,l?.token_id),se=!!n?.address&&!!l?.token_id;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:r,showScrollGuide:true,children:jsxRuntime.jsxs("div",{className:"relative m-auto h-full flex flex-col items-center",children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:Le}),jsxRuntime.jsxs("div",{className:"relative flex h-[calc(100%-200px)] item flex-col w-full justify-center pt-[50px]",children:[je(),!c&&jsxRuntime.jsx(B,{field:ie,configTheme:t}),c&&jsxRuntime.jsx("div",{className:"flex justify-center items-center",children:jsxRuntime.jsxs("div",{className:"rounded border border-neutral-6 px-2 text-sm",children:[He?.value||1,jsxRuntime.jsxs("span",{className:"text-neutral-6",children:["/",Ge?.value||1]})]})})]}),jsxRuntime.jsxs("div",{className:"z-10 flex w-full flex-col justify-between gap-2 p-3",children:[chunk5I4Z5UH2_cjs.l(le?.value)&&jsxRuntime.jsx(chunkGEGMACK2_cjs.a,{delay:.5,duration:.5,children:jsxRuntime.jsx("div",{className:"flex w-full gap-2 px-2",children:le.value.map((Y,D)=>jsxRuntime.jsx(we,{children:Y},D))})}),jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:Ee,configTheme:t}),jsxRuntime.jsxs("div",{className:"flex gap-2 overflow-x-auto",children:[se&&jsxRuntime.jsx(he,{field:Oe,configTheme:t,...te(n?.chain_id,n?.address,l?.token_id),nftId:l?.token_id,collectionName:n?.name}),v&&jsxRuntime.jsx(ke,{field:p,configTheme:t,explorerUrl:E,nftId:h?.slice(0,6)+"..."+h?.slice(-4)}),jsxRuntime.jsx(chunk2L3LGNFN_cjs.b,{className:"flex-nowrap",field:Ue,configTheme:{...t,primary_color:s?"#BFBFBF":t?.primary_color}})]}),jsxRuntime.jsx(Z,{field:Pe,hardCodeOption:{isHPT:C},configTheme:t,walletAddress:h,explorerUrl:E}),jsxRuntime.jsx(Ie,{field:Re}),jsxRuntime.jsx(Me,{field:Ze,configTheme:t}),se&&!!Ve.value&&jsxRuntime.jsx("div",{className:"flex w-full justify-start gap-2 text-[14px] font-light text-neutral-6",children:jsxRuntime.jsxs("a",{href:$e,className:"text-sm font-semibold underline",target:"_blank",children:["\u0110\u1ECBnh danh: ",Se(n.address)]})}),c&&jsxRuntime.jsx(B,{field:ie,isAbsolute:!c})]})]})})})},Bt=kt;var Et=a=>{let{sectionData:i,id:r,configTheme:t}=a,{tags:o={},name:l={},media:n={},config:p={},background:c={},meta_info:C={},author_modal:x={},list_button:s={},publish_time:d={}}={...i};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:r,showScrollGuide:true,children:jsxRuntime.jsxs("div",{className:"relative m-auto h-full flex flex-col items-center",children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:c}),jsxRuntime.jsxs("div",{className:"relative flex h-[calc(100%-250px)] w-full justify-center pt-[50px]",children:[(()=>{let{value:g}=n,{url:h="",thumbnail_url:M="",type:E=""}={...g};switch(E){case "3D":return jsxRuntime.jsx(chunkNAYWFNN3_cjs.a,{isHidden:false,asset3DUrl:h,showArButton:p?.show_ar_button||false});case "image":return jsxRuntime.jsx(imageNomion.ImageNomion,{src:h,alt:"Media",className:"m-auto h-4/5 w-auto object-contain"});case "video":return jsxRuntime.jsx(chunkJCWSBSWV_cjs.a,{videoUrl:h,thumbnailUrl:M,loop:true,autoPlay:true,muted:true})}})(),jsxRuntime.jsx(B,{field:C})]}),jsxRuntime.jsxs("div",{className:"z-10 flex w-full flex-col justify-between gap-2 p-3",children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:l,configTheme:t}),jsxRuntime.jsx(chunk2L3LGNFN_cjs.b,{field:o,configTheme:t}),jsxRuntime.jsx(Z,{field:x}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin",children:d?.value}),jsxRuntime.jsx(chunkBMQTMYRT_cjs.a,{field:s,configTheme:t})]})]})})})},Dt=Et;var Vt="https://storage.googleapis.com/assets-fygito/nomion/sourvenir/bao-nhan-dan/ND-ma%CC%A3%CC%86c-%C4%91i%CC%A3nh.webp",Ht=a=>{let{src:i,...r}=a,[t,o]=react.useState(i);return react.useEffect(()=>{o(i);},[i]),jsxRuntime.jsx("img",{src:t,onError:()=>o(Vt),...r})},Be=Ht;var Rt=a=>{let{sectionData:i,id:r,configTheme:t}=a,{tags:o={},name:l={},media:n={},config:p={},background:c={},meta_info:C={},author_modal:x={},release_date:s={}}={...i};console.log(s);let d=()=>{let{value:g}=n,{url:h="",thumbnail_url:M="",type:E=""}={...g};switch(E){case "3D":return jsxRuntime.jsx(chunkNAYWFNN3_cjs.a,{isHidden:false,asset3DUrl:h,showArButton:p?.show_ar_button||false});case "image":return jsxRuntime.jsx(Be,{style:{boxShadow:"8.5px 8.074px 20.099px 0px rgba(32, 32, 30, 0.50)"},src:h,alt:"Media",className:"m-auto h-4/5 w-auto aspect-[1/1.41] object-fill"});case "video":return jsxRuntime.jsx(chunkJCWSBSWV_cjs.a,{videoUrl:h,thumbnailUrl:M,loop:true,autoPlay:true,muted:true})}};console.log("releaseDate?",s);let v=g=>g?Zt__default.default(new Date(g)).format("DD-MM-YYYY"):"";return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(chunkDPN6OBT5_cjs.g,{name:r,showScrollGuide:true,children:jsxRuntime.jsxs("div",{className:"relative m-auto h-full flex flex-col items-center",children:[jsxRuntime.jsx(chunkGXUG743T_cjs.a,{field:c}),jsxRuntime.jsxs("div",{className:"relative flex h-[calc(100%-200px)] w-full justify-center pt-[50px]",children:[d(),jsxRuntime.jsx(B,{field:C})]}),jsxRuntime.jsxs("div",{className:"z-10 flex w-full flex-col justify-between gap-2 p-3",children:[jsxRuntime.jsx(chunkXFF6JIWQ_cjs.a,{field:l,configTheme:t}),jsxRuntime.jsx(chunk2L3LGNFN_cjs.b,{field:o,configTheme:t}),jsxRuntime.jsxs("div",{className:"flex gap-1.5",children:[jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-thin",children:"Xu\u1EA5t b\u1EA3n ng\xE0y"}),jsxRuntime.jsx(chunkJARFLL3F_cjs.a,{variant:"span",className:"font-semibold underline",children:v(s?.value)})]}),jsxRuntime.jsx(Z,{field:x})]})]})})})},jt=Rt;
+exports.a=Bt;exports.b=Dt;exports.c=jt;//# sourceMappingURL=chunk-YNK4LVRZ.cjs.map
+//# sourceMappingURL=chunk-YNK4LVRZ.cjs.map