@anker-in/headless-ui 1.1.32 → 1.1.34-alpha.1768461697532

package/dist/cjs/biz-components/HeroBanner/HeroBanner.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var ie=Object.create;var N=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var de=(t,a)=>{for(var l in a)N(t,l,{get:a[l],enumerable:!0})},Q=(t,a,l,k)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of ce(a))!me.call(t,d)&&d!==l&&N(t,d,{get:()=>a[d],enumerable:!(k=pe(a,d))||k.enumerable});return t};var B=(t,a,l)=>(l=t!=null?ie(ue(t)):{},Q(a||!t||!t.__esModule?N(l,"default",{value:t,enumerable:!0}):l,t)),ge=t=>Q(N({},"__esModule",{value:!0}),t);var fe={};de(fe,{default:()=>xe});module.exports=ge(fe);var e=require("react/jsx-runtime"),o=B(require("react")),v=B(require("gsap")),w=require("gsap/dist/ScrollTrigger"),R=require("react-responsive"),G=require("react-intersection-observer"),J=B(require("../../helpers/ScrollLoadVideo.js")),r=require("../../components/index.js"),K=B(require("./Countdown.js")),m=require("../../helpers/index.js"),O=require("../../shared/Styles.js"),W=require("../../hooks/useExposure.js"),T=require("../../shared/trackUrlRef.js"),X=require("../../components/button.js"),Y=require("../VideoModal/index.js");const c="image",u="hero_banner",be=({size:t="base"})=>{const{width:a,height:l}=X.sizeMap[t];return(0,e.jsx)("svg",{width:a,height:l,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},Z=o.default.forwardRef(({data:t,className:a,onSecondaryClick:l,onPrimaryClick:k},d)=>{const{label:M,title:n,subtitle:i,endDate:S,endDate_tz:ee,dateFormat:te,pcImage:z,padImage:L,mobileImage:$,pcVideo:ae,padVideo:oe,mobileVideo:D,isShowVideo:re,primaryButton:g,secondaryButton:s,theme:le="light",size:H="default",caption:C=[],blockLink:E,iconArray:se}=t,U=(0,R.useMediaQuery)({query:"(max-width: 768px)"}),_=(0,R.useMediaQuery)({query:"(max-width: 1024px)"}),[j,F]=(0,o.useState)(!1),{ref:ne,inView:q}=(0,G.useInView)(),V=(0,o.useRef)(null),I=(0,o.useRef)(null),P=(0,o.useRef)(null),f=(0,o.useRef)(null),b=(0,o.useRef)(null);return(0,W.useExposure)(b,{componentType:c,componentName:u,componentTitle:n,componentDescription:i}),(0,o.useImperativeHandle)(d,()=>b.current),(0,o.useEffect)(()=>{v.default.registerPlugin(w.ScrollTrigger);function p(){if(!f.current)return;const x=b.current?.clientHeight||100;window.innerHeight<=x?V.current=w.ScrollTrigger.create({trigger:b.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:h=>{const y=h.progress*40-20;v.default.set(f.current,{yPercent:y})}}):(P.current=w.ScrollTrigger.create({trigger:b.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:h=>{const y=h.progress*20-20;v.default.set(f.current,{yPercent:y})}}),I.current=w.ScrollTrigger.create({trigger:b.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:h=>{const y=h.progress*20;v.default.set(f.current,{yPercent:y})}}))}return q&&p(),()=>{V.current&&V.current.kill(),P.current&&P.current.kill(),I.current&&I.current.kill()}},[q]),(0,e.jsx)("div",{ref:ne,"data-ui-component-id":"HeroBanner",children:(0,e.jsxs)("div",{ref:b,className:(0,m.cn)(le==="dark"?"aiui-dark":""," tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]":H==="default","lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]":H==="sm"},a),children:[E&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,T.trackUrlRef)(E,`${c}_${u}`),"data-headless-type-name":`${c}#${u}`,"data-headless-title-desc-button":`${n}#${i}`,tabIndex:-1,"aria-hidden":"true","aria-label":n}),(0,e.jsx)("div",{ref:f,className:(0,m.cn)("absolute left-0 top-0 size-full"),children:re?(0,e.jsx)(J.default,{poster:U?$?.url:_?L?.url||$?.url:z?.url,src:U?D?.url:_?oe?.url||D?.url:ae?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):(0,e.jsx)(r.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:z?.alt||"",source:`${z?.url||""} , ${L?.url??($?.url||"")} 1024, ${$?.url||""} 767`})}),(0,e.jsxs)("div",{className:"hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]",children:[(0,e.jsxs)("div",{className:"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",children:[M&&(0,e.jsx)(r.Heading,{as:"h3",className:(0,m.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:M}),n&&(0,e.jsx)(r.Heading,{as:"h2",size:H==="sm"?4:5,className:(0,m.cn)("hero-banner-title"),html:n}),i&&(0,e.jsx)(r.Heading,{as:"h3",className:(0,m.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm"),html:i}),S&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(K.default,{endDate:S,endDate_tz:ee,dateFormat:te})})]}),(0,e.jsxs)("div",{className:"hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",children:[s?.isShowPlayVideoButton&&s?.playVideoButtonText?(0,e.jsxs)(r.Button,{onClick:()=>F(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${c}#${u}`,"data-headless-title-desc-button":`${n}#${i}#${s?.playVideoButtonText}`,children:[s?.playVideoButtonText," ",(0,e.jsx)(be,{size:"lg"})]}):s?.text?(0,e.jsxs)(r.Button,{"aria-label":n??i,size:"lg",variant:"secondary",className:"hero-banner-secondary-button",as:s?.isCustomSecondaryButton?"button":"a",href:(0,T.trackUrlRef)(s?.link,`${c}_${u}`),onClick:p=>s?.isCustomSecondaryButton&&l?.(t,p),"data-headless-type-name":`${c}#${u}`,"data-headless-title-desc-button":`${n}#${i}#${s?.text}`,children:[s?.text,(0,e.jsx)("span",{className:"sr-only",children:n??i})]}):null,g&&g.text&&(0,e.jsx)(r.Button,{"aria-label":n??i,size:"lg",variant:"primary",className:"hero-banner-primary-button",as:g?.isCustomPrimaryButton?"button":"a",href:(0,T.trackUrlRef)(g.link,`${c}_${u}`),onClick:p=>g?.isCustomPrimaryButton&&k?.(t,p),"data-headless-type-name":`${c}#${u}`,"data-headless-title-desc-button":`${n}#${i}#${g?.text}`,children:g.text})]}),(0,e.jsx)("div",{className:"hero-banner-icon-group flex items-center gap-2",children:se?.map((p,x)=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(r.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:p?.pcImage?.alt||"",source:p?.pcImage?.url})},x))})]}),C.length>0&&(0,e.jsx)("div",{className:"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:C.map((p,x)=>(0,e.jsxs)(o.default.Fragment,{children:[(0,e.jsx)(r.Text,{size:2,className:(0,m.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:p.title}),x<C.length-1&&(0,e.jsx)("div",{className:(0,m.cn)("bg-info-primary w-px")})]},x))}),j&&(0,e.jsx)(Y.VideoModal,{visible:j,videoUrl:s?.videoUrl?.url,youTubeId:s?.youtubeId,onCloseModal:()=>F(!1)})]})})});Z.displayName="HeroBanner";var xe=(0,O.withLayout)(Z);
+"use strict";"use client";var pe=Object.create;var B=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ge=(t,o)=>{for(var a in o)B(t,a,{get:o[a],enumerable:!0})},A=(t,o,a,k)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of ue(o))!de.call(t,d)&&d!==a&&B(t,d,{get:()=>o[d],enumerable:!(k=ce(o,d))||k.enumerable});return t};var N=(t,o,a)=>(a=t!=null?pe(me(t)):{},A(o||!t||!t.__esModule?B(a,"default",{value:t,enumerable:!0}):a,t)),be=t=>A(B({},"__esModule",{value:!0}),t);var he={};ge(he,{default:()=>fe});module.exports=be(he);var e=require("react/jsx-runtime"),r=N(require("react")),v=N(require("gsap")),w=require("gsap/dist/ScrollTrigger"),R=require("react-responsive"),Z=require("react-intersection-observer"),J=N(require("../../helpers/ScrollLoadVideo.js")),l=require("../../components/index.js"),K=N(require("./Countdown.js")),s=require("../../helpers/index.js"),O=require("../../shared/Styles.js"),W=require("../../hooks/useExposure.js"),H=require("../../shared/trackUrlRef.js"),X=require("../../components/button.js"),Y=require("../VideoModal/index.js");const u="image",m="hero_banner",xe=({size:t="base"})=>{const{width:o,height:a}=X.sizeMap[t];return(0,e.jsx)("svg",{width:o,height:a,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},Q=r.default.forwardRef(({data:t,className:o,classNames:a={},onSecondaryClick:k,onPrimaryClick:d},ee)=>{const{label:S,title:i,subtitle:p,endDate:M,endDate_tz:te,dateFormat:ae,pcImage:T,padImage:L,mobileImage:$,pcVideo:oe,padVideo:re,mobileVideo:D,isShowVideo:le,primaryButton:g,secondaryButton:n,theme:ne="light",size:z="default",caption:C=[],blockLink:E,iconArray:se}=t,U=(0,R.useMediaQuery)({query:"(max-width: 768px)"}),_=(0,R.useMediaQuery)({query:"(max-width: 1024px)"}),[j,F]=(0,r.useState)(!1),{ref:ie,inView:G}=(0,Z.useInView)(),V=(0,r.useRef)(null),P=(0,r.useRef)(null),I=(0,r.useRef)(null),f=(0,r.useRef)(null),b=(0,r.useRef)(null);return(0,W.useExposure)(b,{componentType:u,componentName:m,componentTitle:i,componentDescription:p}),(0,r.useImperativeHandle)(ee,()=>b.current),(0,r.useEffect)(()=>{v.default.registerPlugin(w.ScrollTrigger);function c(){if(!f.current)return;const x=b.current?.clientHeight||100;window.innerHeight<=x?V.current=w.ScrollTrigger.create({trigger:b.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:h=>{const y=h.progress*40-20;v.default.set(f.current,{yPercent:y})}}):(I.current=w.ScrollTrigger.create({trigger:b.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:h=>{const y=h.progress*20-20;v.default.set(f.current,{yPercent:y})}}),P.current=w.ScrollTrigger.create({trigger:b.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:h=>{const y=h.progress*20;v.default.set(f.current,{yPercent:y})}}))}return G&&c(),()=>{V.current&&V.current.kill(),I.current&&I.current.kill(),P.current&&P.current.kill()}},[G]),(0,e.jsx)("div",{ref:ie,"data-ui-component-id":"HeroBanner",children:(0,e.jsxs)("div",{ref:b,className:(0,s.cn)(ne==="dark"?"aiui-dark":""," tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]":z==="default","lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]":z==="sm"},o,a?.root),children:[E&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,H.trackUrlRef)(E,`${u}_${m}`),"data-headless-type-name":`${u}#${m}`,"data-headless-title-desc-button":`${i}#${p}`,tabIndex:-1,"aria-hidden":"true","aria-label":i}),(0,e.jsx)("div",{ref:f,className:(0,s.cn)("absolute left-0 top-0 size-full"),children:le?(0,e.jsx)(J.default,{poster:U?$?.url:_?L?.url||$?.url:T?.url,src:U?D?.url:_?re?.url||D?.url:oe?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:T?.alt||"",source:`${T?.url||""} , ${L?.url??($?.url||"")} 1024, ${$?.url||""} 767`})}),(0,e.jsxs)("div",{className:"hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]",children:[(0,e.jsxs)("div",{className:"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",children:[S&&(0,e.jsx)(l.Heading,{as:"h3",className:(0,s.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:S}),i&&(0,e.jsx)(l.Heading,{as:"h2",size:z==="sm"?4:5,className:(0,s.cn)("hero-banner-title",a.title),html:i}),p&&(0,e.jsx)(l.Heading,{as:"h3",className:(0,s.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",a.subtitle),html:p}),M&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(K.default,{endDate:M,endDate_tz:te,dateFormat:ae})})]}),(0,e.jsxs)("div",{className:(0,s.cn)("hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",a.buttonGroup),children:[n?.isShowPlayVideoButton&&n?.playVideoButtonText?(0,e.jsxs)(l.Button,{onClick:()=>F(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${u}#${m}`,"data-headless-title-desc-button":`${i}#${p}#${n?.playVideoButtonText}`,children:[n?.playVideoButtonText," ",(0,e.jsx)(xe,{size:"lg"})]}):n?.text?(0,e.jsxs)(l.Button,{"aria-label":i??p,size:"lg",variant:"secondary",className:(0,s.cn)("hero-banner-secondary-button",a.secondaryButton),as:n?.isCustomSecondaryButton?"button":"a",href:(0,H.trackUrlRef)(n?.link,`${u}_${m}`),onClick:c=>n?.isCustomSecondaryButton&&k?.(t,c),"data-headless-type-name":`${u}#${m}`,"data-headless-title-desc-button":`${i}#${p}#${n?.text}`,children:[n?.text,(0,e.jsx)("span",{className:"sr-only",children:i??p})]}):null,g&&g.text&&(0,e.jsx)(l.Button,{"aria-label":i??p,size:"lg",variant:"primary",className:(0,s.cn)("hero-banner-primary-button",a.primaryButton),as:g?.isCustomPrimaryButton?"button":"a",href:(0,H.trackUrlRef)(g.link,`${u}_${m}`),onClick:c=>g?.isCustomPrimaryButton&&d?.(t,c),"data-headless-type-name":`${u}#${m}`,"data-headless-title-desc-button":`${i}#${p}#${g?.text}`,children:g.text})]}),(0,e.jsx)("div",{className:"hero-banner-icon-group flex items-center gap-2",children:se?.map((c,x)=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:c?.pcImage?.alt||"",source:c?.pcImage?.url})},x))})]}),C.length>0&&(0,e.jsx)("div",{className:(0,s.cn)("hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",a.captionGroup),children:C.map((c,x)=>(0,e.jsxs)(r.default.Fragment,{children:[(0,e.jsx)(l.Text,{size:2,className:(0,s.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:c.title}),x<C.length-1&&(0,e.jsx)("div",{className:(0,s.cn)("bg-info-primary w-px")})]},x))}),j&&(0,e.jsx)(Y.VideoModal,{visible:j,videoUrl:n?.videoUrl?.url,youTubeId:n?.youtubeId,onCloseModal:()=>F(!1)})]})})});Q.displayName="HeroBanner";var fe=(0,O.withLayout)(Q);
 //# sourceMappingURL=HeroBanner.js.map

package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/HeroBanner.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState, useEffect } from 'react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport type { HeroBannerProps } from './types.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useInView } from 'react-intersection-observer'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport Countdown from './Countdown.js'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { sizeMap } from '../../components/button.js'\nimport { VideoModal } from '../VideoModal/index.js'\n\nconst componentType = 'image'\nconst componentName = 'hero_banner'\n\nconst PlayButtonAppendIcon = ({ size = 'base' }: { size: 'base' | 'lg' | 'sm' }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"currentcolor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  )\n}\n\nconst HeroBanner = React.forwardRef<HTMLDivElement, HeroBannerProps>(\n  ({ data, className, onSecondaryClick, onPrimaryClick }, ref) => {\n    const {\n      label,\n      title,\n      subtitle,\n      endDate,\n      endDate_tz,\n      dateFormat,\n      pcImage,\n      padImage,\n      mobileImage,\n      pcVideo,\n      padVideo,\n      mobileVideo,\n      isShowVideo,\n      primaryButton,\n      secondaryButton,\n      theme = 'light',\n      size = 'default',\n      caption = [],\n      blockLink,\n      iconArray,\n    } = data\n\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n    const [visible, setVisible] = useState<boolean>(false)\n    const { ref: inViewRef, inView } = useInView()\n    const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n    const bgTriggerRef = useRef<ScrollTrigger | null>(null)\n    const boxTriggerRef = useRef<ScrollTrigger | null>(null)\n\n    const bgRef = useRef<HTMLImageElement>(null)\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: title,\n      componentDescription: subtitle,\n    })\n\n    useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      gsap.registerPlugin(ScrollTrigger)\n      function gsapResize() {\n        if (!bgRef.current) return\n        const clientHeight = boxRef.current?.clientHeight || 100\n        const screenHeight = window.innerHeight\n\n        if (screenHeight <= clientHeight) {\n          scrollTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 40\n              const value = self.progress * base - base / 2\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        } else {\n          boxTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom bottom',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base - base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n          bgTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top top',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        }\n      }\n      if (inView) gsapResize()\n      return () => {\n        // ScrollTrigger.getAll().forEach((t: any) => t.kill())\n        scrollTriggerRef.current && scrollTriggerRef.current.kill()\n        boxTriggerRef.current && boxTriggerRef.current.kill()\n        bgTriggerRef.current && bgTriggerRef.current.kill()\n      }\n    }, [inView])\n\n    return (\n      <div ref={inViewRef} data-ui-component-id=\"HeroBanner\">\n        <div\n          ref={boxRef}\n          className={cn(\n            theme === 'dark' ? 'aiui-dark' : '',\n            ' tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden',\n            {\n              'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]': size === 'default',\n              'lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]': size === 'sm',\n            },\n            className\n          )}\n        >\n          {blockLink && (\n            <a\n              className=\"absolute inset-0 z-10\"\n              href={trackUrlRef(blockLink, `${componentType}_${componentName}`)}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${title}#${subtitle}`}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n              aria-label={title}\n            ></a>\n          )}\n          <div ref={bgRef} className={cn('absolute left-0 top-0 size-full')}>\n            {isShowVideo ? (\n              <ScrollLoadVideo\n                poster={isMobile ? mobileImage?.url : isPad ? padImage?.url || mobileImage?.url : pcImage?.url}\n                src={\n                  isMobile\n                    ? (mobileVideo?.url as string)\n                    : isPad\n                      ? (padVideo?.url as string) || (mobileVideo?.url as string)\n                      : (pcVideo?.url as string)\n                }\n                className=\"laptop:w-full h-full\"\n                videoClassName=\"h-full object-cover\"\n                muted\n                loop\n                playsInline\n              />\n            ) : (\n              <Picture\n                className=\"laptop:w-full h-full\"\n                imgClassName=\"h-full object-cover\"\n                loading=\"eager\"\n                fetchPriority=\"high\"\n                alt={pcImage?.alt || ''}\n                source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n              />\n            )}\n          </div>\n\n          {/* \u5185\u5BB9\u533A\u57DF */}\n          <div className=\"hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]\">\n            <div className=\"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]\">\n              {label && (\n                <Heading\n                  as=\"h3\"\n                  className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n                  html={label}\n                />\n              )}\n              {title && (\n                <Heading as=\"h2\" size={size === 'sm' ? 4 : 5} className={cn('hero-banner-title')} html={title} />\n              )}\n              {subtitle && (\n                <Heading\n                  as=\"h3\"\n                  className={cn(\n                    'hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm'\n                  )}\n                  html={subtitle}\n                />\n              )}\n              {endDate && (\n                <div className=\"mt-3\">\n                  <Countdown endDate={endDate} endDate_tz={endDate_tz} dateFormat={dateFormat} />\n                </div>\n              )}\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div className=\"hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2\">\n              {secondaryButton?.isShowPlayVideoButton && secondaryButton?.playVideoButtonText ? (\n                <Button\n                  onClick={() => setVisible(true)}\n                  size=\"lg\"\n                  variant=\"secondary\"\n                  className=\"hero-banner-play-video-button\"\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.playVideoButtonText}`}\n                >\n                  {secondaryButton?.playVideoButtonText} <PlayButtonAppendIcon size=\"lg\" />\n                </Button>\n              ) : secondaryButton?.text ? (\n                <Button\n                  aria-label={title ?? subtitle}\n                  size=\"lg\"\n                  variant=\"secondary\"\n                  className=\"hero-banner-secondary-button\"\n                  as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                  href={trackUrlRef(secondaryButton?.link, `${componentType}_${componentName}`)}\n                  onClick={e => secondaryButton?.isCustomSecondaryButton && onSecondaryClick?.(data, e)}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.text}`}\n                >\n                  {secondaryButton?.text}\n                  <span className=\"sr-only\">{title ?? subtitle}</span>\n                </Button>\n              ) : null}\n              {primaryButton && primaryButton.text && (\n                <Button\n                  aria-label={title ?? subtitle}\n                  size=\"lg\"\n                  variant=\"primary\"\n                  className=\"hero-banner-primary-button\"\n                  as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                  href={trackUrlRef(primaryButton.link, `${componentType}_${componentName}`)}\n                  onClick={e => primaryButton?.isCustomPrimaryButton && onPrimaryClick?.(data, e)}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${subtitle}#${primaryButton?.text}`}\n                >\n                  {primaryButton.text}\n                </Button>\n              )}\n            </div>\n            <div className=\"hero-banner-icon-group flex items-center gap-2\">\n              {iconArray?.map((icon, index) => (\n                <div key={index} className=\"h-12\">\n                  <Picture\n                    className=\"laptop:w-full h-full\"\n                    imgClassName=\"h-full object-cover\"\n                    loading=\"eager\"\n                    alt={icon?.pcImage?.alt || ''}\n                    source={icon?.pcImage?.url}\n                  />\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n          {caption.length > 0 && (\n            <div className=\"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]\">\n              {caption.map((c, index) => (\n                <React.Fragment key={index}>\n                  <Text\n                    size={2}\n                    className={cn(\n                      'hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]'\n                    )}\n                    html={c.title}\n                  />\n                  {index < caption.length - 1 && <div className={cn('bg-info-primary w-px')} />}\n                </React.Fragment>\n              ))}\n            </div>\n          )}\n\n          {/* \u89C6\u9891\u5F39\u7A97 */}\n          {visible && (\n            <VideoModal\n              visible={visible}\n              videoUrl={secondaryButton?.videoUrl?.url}\n              youTubeId={secondaryButton?.youtubeId}\n              onCloseModal={() => setVisible(false)}\n            />\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withLayout(HeroBanner)\n"],
-  "mappings": "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",
-  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gsap", "import_ScrollTrigger", "import_react_responsive", "import_react_intersection_observer", "import_ScrollLoadVideo", "import_components", "import_Countdown", "import_helpers", "import_Styles", "import_useExposure", "import_trackUrlRef", "import_button", "import_VideoModal", "componentType", "componentName", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "React", "data", "className", "onSecondaryClick", "onPrimaryClick", "ref", "label", "title", "subtitle", "endDate", "endDate_tz", "dateFormat", "pcImage", "padImage", "mobileImage", "pcVideo", "padVideo", "mobileVideo", "isShowVideo", "primaryButton", "secondaryButton", "theme", "caption", "blockLink", "iconArray", "isMobile", "isPad", "visible", "setVisible", "inViewRef", "inView", "scrollTriggerRef", "bgTriggerRef", "boxTriggerRef", "bgRef", "boxRef", "gsap", "gsapResize", "clientHeight", "self", "value", "ScrollLoadVideo", "Countdown", "e", "icon", "index", "c"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState, useEffect } from 'react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport type { HeroBannerProps } from './types.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useInView } from 'react-intersection-observer'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport Countdown from './Countdown.js'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { sizeMap } from '../../components/button.js'\nimport { VideoModal } from '../VideoModal/index.js'\n\nconst componentType = 'image'\nconst componentName = 'hero_banner'\n\nexport type HeroBannerSemanticName =\n  | 'root'\n  | 'title'\n  | 'subtitle'\n  | 'buttonGroup'\n  | 'primaryButton'\n  | 'secondaryButton'\n  | 'captionGroup'\n\nconst PlayButtonAppendIcon = ({ size = 'base' }: { size: 'base' | 'lg' | 'sm' }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"currentcolor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  )\n}\n\nconst HeroBanner = React.forwardRef<\n  HTMLDivElement,\n  HeroBannerProps & {\n    classNames?: Partial<Record<HeroBannerSemanticName, string>>\n  }\n>(({ data, className, classNames = {}, onSecondaryClick, onPrimaryClick }, ref) => {\n  const {\n    label,\n    title,\n    subtitle,\n    endDate,\n    endDate_tz,\n    dateFormat,\n    pcImage,\n    padImage,\n    mobileImage,\n    pcVideo,\n    padVideo,\n    mobileVideo,\n    isShowVideo,\n    primaryButton,\n    secondaryButton,\n    theme = 'light',\n    size = 'default',\n    caption = [],\n    blockLink,\n    iconArray,\n  } = data\n\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n  const [visible, setVisible] = useState<boolean>(false)\n  const { ref: inViewRef, inView } = useInView()\n  const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n  const bgTriggerRef = useRef<ScrollTrigger | null>(null)\n  const boxTriggerRef = useRef<ScrollTrigger | null>(null)\n\n  const bgRef = useRef<HTMLImageElement>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger)\n    function gsapResize() {\n      if (!bgRef.current) return\n      const clientHeight = boxRef.current?.clientHeight || 100\n      const screenHeight = window.innerHeight\n\n      if (screenHeight <= clientHeight) {\n        scrollTriggerRef.current = ScrollTrigger.create({\n          trigger: boxRef.current,\n          start: 'top bottom',\n          end: 'bottom top',\n          scrub: true,\n          onUpdate: (self: any) => {\n            const base = 40\n            const value = self.progress * base - base / 2\n            gsap.set(bgRef.current, { yPercent: value })\n          },\n        })\n      } else {\n        boxTriggerRef.current = ScrollTrigger.create({\n          trigger: boxRef.current,\n          start: 'top bottom',\n          end: 'bottom bottom',\n          scrub: true,\n          onUpdate: (self: any) => {\n            const base = 20\n            const value = self.progress * base - base\n            gsap.set(bgRef.current, { yPercent: value })\n          },\n        })\n        bgTriggerRef.current = ScrollTrigger.create({\n          trigger: boxRef.current,\n          start: 'top top',\n          end: 'bottom top',\n          scrub: true,\n          onUpdate: (self: any) => {\n            const base = 20\n            const value = self.progress * base\n            gsap.set(bgRef.current, { yPercent: value })\n          },\n        })\n      }\n    }\n    if (inView) gsapResize()\n    return () => {\n      // ScrollTrigger.getAll().forEach((t: any) => t.kill())\n      scrollTriggerRef.current && scrollTriggerRef.current.kill()\n      boxTriggerRef.current && boxTriggerRef.current.kill()\n      bgTriggerRef.current && bgTriggerRef.current.kill()\n    }\n  }, [inView])\n\n  return (\n    <div ref={inViewRef} data-ui-component-id=\"HeroBanner\">\n      <div\n        ref={boxRef}\n        className={cn(\n          theme === 'dark' ? 'aiui-dark' : '',\n          ' tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden',\n          {\n            'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]': size === 'default',\n            'lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]': size === 'sm',\n          },\n          className,\n          classNames?.root\n        )}\n      >\n        {blockLink && (\n          <a\n            className=\"absolute inset-0 z-10\"\n            href={trackUrlRef(blockLink, `${componentType}_${componentName}`)}\n            data-headless-type-name={`${componentType}#${componentName}`}\n            data-headless-title-desc-button={`${title}#${subtitle}`}\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            aria-label={title}\n          ></a>\n        )}\n        <div ref={bgRef} className={cn('absolute left-0 top-0 size-full')}>\n          {isShowVideo ? (\n            <ScrollLoadVideo\n              poster={isMobile ? mobileImage?.url : isPad ? padImage?.url || mobileImage?.url : pcImage?.url}\n              src={\n                isMobile\n                  ? (mobileVideo?.url as string)\n                  : isPad\n                    ? (padVideo?.url as string) || (mobileVideo?.url as string)\n                    : (pcVideo?.url as string)\n              }\n              className=\"laptop:w-full h-full\"\n              videoClassName=\"h-full object-cover\"\n              muted\n              loop\n              playsInline\n            />\n          ) : (\n            <Picture\n              className=\"laptop:w-full h-full\"\n              imgClassName=\"h-full object-cover\"\n              loading=\"eager\"\n              fetchPriority=\"high\"\n              alt={pcImage?.alt || ''}\n              source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n            />\n          )}\n        </div>\n\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <div className=\"hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]\">\n          <div className=\"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]\">\n            {label && (\n              <Heading\n                as=\"h3\"\n                className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n                html={label}\n              />\n            )}\n            {title && (\n              <Heading\n                as=\"h2\"\n                size={size === 'sm' ? 4 : 5}\n                className={cn('hero-banner-title', classNames.title)}\n                html={title}\n              />\n            )}\n            {subtitle && (\n              <Heading\n                as=\"h3\"\n                className={cn(\n                  'hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm',\n                  classNames.subtitle\n                )}\n                html={subtitle}\n              />\n            )}\n            {endDate && (\n              <div className=\"mt-3\">\n                <Countdown endDate={endDate} endDate_tz={endDate_tz} dateFormat={dateFormat} />\n              </div>\n            )}\n          </div>\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2',\n              classNames.buttonGroup\n            )}\n          >\n            {secondaryButton?.isShowPlayVideoButton && secondaryButton?.playVideoButtonText ? (\n              <Button\n                onClick={() => setVisible(true)}\n                size=\"lg\"\n                variant=\"secondary\"\n                className=\"hero-banner-play-video-button\"\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.playVideoButtonText}`}\n              >\n                {secondaryButton?.playVideoButtonText} <PlayButtonAppendIcon size=\"lg\" />\n              </Button>\n            ) : secondaryButton?.text ? (\n              <Button\n                aria-label={title ?? subtitle}\n                size=\"lg\"\n                variant=\"secondary\"\n                className={cn('hero-banner-secondary-button', classNames.secondaryButton)}\n                as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                href={trackUrlRef(secondaryButton?.link, `${componentType}_${componentName}`)}\n                onClick={e => secondaryButton?.isCustomSecondaryButton && onSecondaryClick?.(data, e)}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.text}`}\n              >\n                {secondaryButton?.text}\n                <span className=\"sr-only\">{title ?? subtitle}</span>\n              </Button>\n            ) : null}\n            {primaryButton && primaryButton.text && (\n              <Button\n                aria-label={title ?? subtitle}\n                size=\"lg\"\n                variant=\"primary\"\n                className={cn('hero-banner-primary-button', classNames.primaryButton)}\n                as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                href={trackUrlRef(primaryButton.link, `${componentType}_${componentName}`)}\n                onClick={e => primaryButton?.isCustomPrimaryButton && onPrimaryClick?.(data, e)}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${subtitle}#${primaryButton?.text}`}\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n          <div className=\"hero-banner-icon-group flex items-center gap-2\">\n            {iconArray?.map((icon, index) => (\n              <div key={index} className=\"h-12\">\n                <Picture\n                  className=\"laptop:w-full h-full\"\n                  imgClassName=\"h-full object-cover\"\n                  loading=\"eager\"\n                  alt={icon?.pcImage?.alt || ''}\n                  source={icon?.pcImage?.url}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n        {caption.length > 0 && (\n          <div\n            className={cn(\n              'hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]',\n              classNames.captionGroup\n            )}\n          >\n            {caption.map((c, index) => (\n              <React.Fragment key={index}>\n                <Text\n                  size={2}\n                  className={cn(\n                    'hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]'\n                  )}\n                  html={c.title}\n                />\n                {index < caption.length - 1 && <div className={cn('bg-info-primary w-px')} />}\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n\n        {/* \u89C6\u9891\u5F39\u7A97 */}\n        {visible && (\n          <VideoModal\n            visible={visible}\n            videoUrl={secondaryButton?.videoUrl?.url}\n            youTubeId={secondaryButton?.youtubeId}\n            onCloseModal={() => setVisible(false)}\n          />\n        )}\n      </div>\n    </div>\n  )\n})\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withLayout(HeroBanner)\n"],
+  "mappings": "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",
+  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gsap", "import_ScrollTrigger", "import_react_responsive", "import_react_intersection_observer", "import_ScrollLoadVideo", "import_components", "import_Countdown", "import_helpers", "import_Styles", "import_useExposure", "import_trackUrlRef", "import_button", "import_VideoModal", "componentType", "componentName", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "React", "data", "className", "classNames", "onSecondaryClick", "onPrimaryClick", "ref", "label", "title", "subtitle", "endDate", "endDate_tz", "dateFormat", "pcImage", "padImage", "mobileImage", "pcVideo", "padVideo", "mobileVideo", "isShowVideo", "primaryButton", "secondaryButton", "theme", "caption", "blockLink", "iconArray", "isMobile", "isPad", "visible", "setVisible", "inViewRef", "inView", "scrollTriggerRef", "bgTriggerRef", "boxTriggerRef", "bgRef", "boxRef", "gsap", "gsapResize", "clientHeight", "self", "value", "ScrollLoadVideo", "Countdown", "e", "icon", "index"]
 }

package/dist/cjs/biz-components/IPRedirect/RegionBanner.d.ts

@@ -0,0 +1,37 @@
+import type { RegionConfig, IPRedirectBannerCopy } from './type.js';
+/** 横幅样式配置 */
+export type RegionBannerStyles = {
+    /** 背景色，默认 #fff */
+    backgroundColor?: string;
+    /** 按钮圆角，默认 9999px */
+    buttonBorderRadius?: string;
+    /** 文案字号，默认 14px */
+    fontSize?: string;
+    /** Stay Here 按钮背景色，默认 #000 */
+    stayButtonBgColor?: string;
+    /** Stay Here 按钮文字颜色，默认 #fff */
+    stayButtonTextColor?: string;
+    /** Switch Site 按钮边框颜色，默认 #000 */
+    switchButtonBorderColor?: string;
+    /** Switch Site 按钮文字颜色，默认 #000 */
+    switchButtonTextColor?: string;
+};
+export type RegionBannerProps = {
+    /** 控制横幅显示/隐藏 */
+    visible: boolean;
+    /** 横幅状态变化回调 */
+    onVisibleChange: (visible: boolean) => void;
+    /** 文案配置 */
+    copy: IPRedirectBannerCopy;
+    /** 点击 Stay Here 按钮的回调 */
+    onStayHere: () => void;
+    /** 点击 Switch Site 按钮的回调 */
+    onSwitchSite: () => void;
+    /** 样式配置 */
+    styles?: RegionBannerStyles;
+    /** 当前站点地区配置（用于显示国旗图标） */
+    currentRegion?: RegionConfig;
+    /** 自定义类名 */
+    className?: string;
+};
+export declare function RegionBanner({ visible, onVisibleChange, copy, onStayHere, onSwitchSite, styles: customStyles, currentRegion, className, }: RegionBannerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/biz-components/IPRedirect/RegionBanner.js

@@ -0,0 +1,60 @@
+"use strict";"use client";var s=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var b=(n,t)=>{for(var r in t)s(n,r,{get:t[r],enumerable:!0})},h=(n,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of u(t))!C.call(n,i)&&i!==r&&s(n,i,{get:()=>t[i],enumerable:!(a=x(t,i))||a.enumerable});return n};var f=n=>h(s({},"__esModule",{value:!0}),n);var y={};b(y,{RegionBanner:()=>m});module.exports=f(y);var e=require("react/jsx-runtime");const w={backgroundColor:"#fff",buttonBorderRadius:"9999px",fontSize:"14px",stayButtonBgColor:"#000",stayButtonTextColor:"#fff",switchButtonBorderColor:"#000",switchButtonTextColor:"#000"};function m({visible:n,onVisibleChange:t,copy:r,onStayHere:a,onSwitchSite:i,styles:d,currentRegion:l,className:g}){const o={...w,...d};if(!n)return null;const p=()=>{a(),t(!1)},c=()=>{a(),t(!1)};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{children:`
+        .region-banner-wrapper {
+          height: auto;
+          min-height: 74px;
+        }
+        @media (min-width: 1024px) {
+          .region-banner-wrapper {
+            height: 54px;
+          }
+        }
+        .region-banner-content {
+          padding: 0 12px;
+          flex-direction: column;
+          gap: 8px;
+          align-items: flex-start;
+        }
+        .region-banner-title-row {
+          display: flex;
+          align-items: center;
+          width: 100%;
+          gap: 8px;
+          height: 20px;
+          margin-top: 8px;
+        }
+        .region-banner-content h1 {
+          flex: 1;
+          min-width: 0;
+        }
+        .region-banner-close-btn {
+          position: static;
+          flex-shrink: 0;
+        }
+        @media (min-width: 1024px) {
+          .region-banner-content {
+            padding: 0 64px;
+            flex-direction: row;
+            align-items: center;
+          }
+          .region-banner-title-row {
+            flex: 1;
+          }
+          .region-banner-close-btn {
+            position: absolute;
+            right: 16px;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+        }
+        @media (min-width: 1920px) {
+          .region-banner-content {
+            padding: 0 128px;
+          }
+        }
+        @media (min-width: 1025px) and (max-width: 1440px) {
+          .region-banner-title {
+            max-width: 623px;
+          }
+        }
+      `}),(0,e.jsx)("div",{className:`region-banner-wrapper relative left-0 top-0 w-full ${g||""}`,style:{backgroundColor:o.backgroundColor,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",zIndex:1e3},children:(0,e.jsxs)("div",{className:"region-banner-content flex h-full justify-between text-black",children:[(0,e.jsxs)("div",{className:"region-banner-title-row",children:[(0,e.jsx)("h1",{className:"region-banner-title truncate font-bold",style:{fontSize:o.fontSize,color:"#1F2021"},children:r.message}),(0,e.jsx)("button",{onClick:c,className:"region-banner-close-btn inline-flex size-[28px] items-center justify-center rounded-full hover:bg-[#f5f5f5] focus:outline-none",style:{color:"#767880"},"aria-label":"Close",children:(0,e.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,e.jsxs)("div",{className:"ml-4 flex gap-3",children:[(0,e.jsxs)("button",{onClick:p,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:o.stayButtonBgColor,color:o.stayButtonTextColor,fontWeight:"700",fontSize:o.fontSize,borderRadius:o.buttonBorderRadius,border:"none"},children:[l?.icon&&(0,e.jsx)("img",{src:l.icon,alt:"",style:{width:"16px",height:"16px",borderRadius:"100%"}}),r.stayButtonText]}),(0,e.jsxs)("button",{onClick:i,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:"transparent",color:o.switchButtonTextColor,border:`1.6px solid ${o.switchButtonBorderColor}`,fontWeight:"700",fontSize:o.fontSize,borderRadius:o.buttonBorderRadius},children:[(0,e.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M8.29883 1.2041C12.216 1.20425 15.3923 4.37181 15.3926 8.28027C15.3926 12.189 12.2162 15.3563 8.29883 15.3564C4.38145 15.3563 1.2041 12.189 1.2041 8.28027C1.20439 4.37183 4.38163 1.20428 8.29883 1.2041ZM3.58105 11.4795C4.31053 12.5471 5.39411 13.3542 6.66406 13.7324C6.21155 13.0301 5.86128 12.2699 5.60938 11.4795H3.58105ZM11.0166 11.4795C10.7696 12.2779 10.4256 13.0347 9.98438 13.7178C11.2325 13.3333 12.2971 12.5331 13.0166 11.4795H11.0166ZM7.0791 11.4795C7.3755 12.2654 7.78717 12.9997 8.31445 13.6455C8.83791 13.0305 9.25428 12.2929 9.55273 11.4795H7.0791ZM2.85645 6.56738C2.6854 7.10801 2.59283 7.68338 2.59277 8.28027C2.59277 8.91383 2.69891 9.52251 2.89063 10.0918H5.27148C5.15636 9.42693 5.10277 8.75388 5.11133 8.08789C5.11789 7.57837 5.1619 7.06931 5.23926 6.56738L2.85645 6.56738ZM11.3447 6.56738C11.4483 7.20036 11.4944 7.84036 11.4863 8.47363C11.4793 9.01629 11.4291 9.55828 11.3418 10.0918H13.707C13.8986 9.52259 14.0039 8.91374 14.0039 8.28027C14.0039 7.68337 13.9112 7.10802 13.7402 6.56738H11.3447ZM6.64648 6.56738C6.55761 7.06802 6.50673 7.58339 6.5 8.10547C6.49143 8.7725 6.55341 9.44067 6.68359 10.0918L9.93457 10.0918C10.0348 9.56074 10.0905 9.01207 10.0977 8.45605C10.1058 7.82231 10.0497 7.18763 9.93262 6.56738L6.64648 6.56738ZM6.6123 2.84277C5.32602 3.23909 4.23535 4.07819 3.51563 5.17969L5.5498 5.17969C5.79857 4.34514 6.15294 3.55384 6.6123 2.84277ZM9.93262 2.8291C10.4039 3.56047 10.7656 4.35407 11.0195 5.17969H13.0811C12.3519 4.06343 11.2413 3.21866 9.93262 2.8291ZM8.28223 2.91504C7.73775 3.55467 7.30932 4.32752 7.00879 5.17969L9.55566 5.17969C9.25672 4.35642 8.83179 3.58782 8.28223 2.91504Z",fill:"currentColor"})}),r.switchButtonText]})]})]})})]})}
+//# sourceMappingURL=RegionBanner.js.map

package/dist/cjs/biz-components/IPRedirect/RegionBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/IPRedirect/RegionBanner.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { RegionConfig, IPRedirectBannerCopy } from './type.js'\n\n/** \u6A2A\u5E45\u6837\u5F0F\u914D\u7F6E */\nexport type RegionBannerStyles = {\n  /** \u80CC\u666F\u8272\uFF0C\u9ED8\u8BA4 #fff */\n  backgroundColor?: string\n  /** \u6309\u94AE\u5706\u89D2\uFF0C\u9ED8\u8BA4 9999px */\n  buttonBorderRadius?: string\n  /** \u6587\u6848\u5B57\u53F7\uFF0C\u9ED8\u8BA4 14px */\n  fontSize?: string\n  /** Stay Here \u6309\u94AE\u80CC\u666F\u8272\uFF0C\u9ED8\u8BA4 #000 */\n  stayButtonBgColor?: string\n  /** Stay Here \u6309\u94AE\u6587\u5B57\u989C\u8272\uFF0C\u9ED8\u8BA4 #fff */\n  stayButtonTextColor?: string\n  /** Switch Site \u6309\u94AE\u8FB9\u6846\u989C\u8272\uFF0C\u9ED8\u8BA4 #000 */\n  switchButtonBorderColor?: string\n  /** Switch Site \u6309\u94AE\u6587\u5B57\u989C\u8272\uFF0C\u9ED8\u8BA4 #000 */\n  switchButtonTextColor?: string\n}\n\nexport type RegionBannerProps = {\n  /** \u63A7\u5236\u6A2A\u5E45\u663E\u793A/\u9690\u85CF */\n  visible: boolean\n  /** \u6A2A\u5E45\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onVisibleChange: (visible: boolean) => void\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: IPRedirectBannerCopy\n  /** \u70B9\u51FB Stay Here \u6309\u94AE\u7684\u56DE\u8C03 */\n  onStayHere: () => void\n  /** \u70B9\u51FB Switch Site \u6309\u94AE\u7684\u56DE\u8C03 */\n  onSwitchSite: () => void\n  /** \u6837\u5F0F\u914D\u7F6E */\n  styles?: RegionBannerStyles\n  /** \u5F53\u524D\u7AD9\u70B9\u5730\u533A\u914D\u7F6E\uFF08\u7528\u4E8E\u663E\u793A\u56FD\u65D7\u56FE\u6807\uFF09 */\n  currentRegion?: RegionConfig\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\n// \u9ED8\u8BA4\u6837\u5F0F\nconst defaultStyles: Required<RegionBannerStyles> = {\n  backgroundColor: '#fff',\n  buttonBorderRadius: '9999px',\n  fontSize: '14px',\n  stayButtonBgColor: '#000',\n  stayButtonTextColor: '#fff',\n  switchButtonBorderColor: '#000',\n  switchButtonTextColor: '#000',\n}\n\nexport function RegionBanner({\n  visible,\n  onVisibleChange,\n  copy,\n  onStayHere,\n  onSwitchSite,\n  styles: customStyles,\n  currentRegion,\n  className,\n}: RegionBannerProps) {\n  // \u5408\u5E76\u6837\u5F0F\n  const styles = { ...defaultStyles, ...customStyles }\n\n  if (!visible) return null\n\n  const handleStayHere = () => {\n    onStayHere()\n    onVisibleChange(false)\n  }\n\n  const handleClose = () => {\n    // \u5173\u95ED\u6309\u94AE\u548C Stay Here \u6309\u94AE\u884C\u4E3A\u4E00\u81F4\n    onStayHere()\n    onVisibleChange(false)\n  }\n\n  return (\n    <>\n      <style>{`\n        .region-banner-wrapper {\n          height: auto;\n          min-height: 74px;\n        }\n        @media (min-width: 1024px) {\n          .region-banner-wrapper {\n            height: 54px;\n          }\n        }\n        .region-banner-content {\n          padding: 0 12px;\n          flex-direction: column;\n          gap: 8px;\n          align-items: flex-start;\n        }\n        .region-banner-title-row {\n          display: flex;\n          align-items: center;\n          width: 100%;\n          gap: 8px;\n          height: 20px;\n          margin-top: 8px;\n        }\n        .region-banner-content h1 {\n          flex: 1;\n          min-width: 0;\n        }\n        .region-banner-close-btn {\n          position: static;\n          flex-shrink: 0;\n        }\n        @media (min-width: 1024px) {\n          .region-banner-content {\n            padding: 0 64px;\n            flex-direction: row;\n            align-items: center;\n          }\n          .region-banner-title-row {\n            flex: 1;\n          }\n          .region-banner-close-btn {\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%);\n          }\n        }\n        @media (min-width: 1920px) {\n          .region-banner-content {\n            padding: 0 128px;\n          }\n        }\n        @media (min-width: 1025px) and (max-width: 1440px) {\n          .region-banner-title {\n            max-width: 623px;\n          }\n        }\n      `}</style>\n\n      <div\n        className={`region-banner-wrapper relative left-0 top-0 w-full ${className || ''}`}\n        style={{ backgroundColor: styles.backgroundColor, boxShadow: '0 2px 8px rgba(0,0,0,0.1)', zIndex: 1000 }}\n      >\n        <div className=\"region-banner-content flex h-full justify-between text-black\">\n          <div className=\"region-banner-title-row\">\n            <h1\n              className=\"region-banner-title truncate font-bold\"\n              style={{ fontSize: styles.fontSize, color: '#1F2021' }}\n            >\n              {copy.message}\n            </h1>\n\n            {/* \u5173\u95ED\u6309\u94AE */}\n            <button\n              onClick={handleClose}\n              className=\"region-banner-close-btn inline-flex size-[28px] items-center justify-center rounded-full hover:bg-[#f5f5f5] focus:outline-none\"\n              style={{ color: '#767880' }}\n              aria-label=\"Close\"\n            >\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  d=\"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"1.5\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          <div className=\"ml-4 flex gap-3\">\n            {/* Stay Here \u6309\u94AE */}\n            <button\n              onClick={handleStayHere}\n              className=\"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80\"\n              style={{\n                backgroundColor: styles.stayButtonBgColor,\n                color: styles.stayButtonTextColor,\n                fontWeight: '700',\n                fontSize: styles.fontSize,\n                borderRadius: styles.buttonBorderRadius,\n                border: 'none',\n              }}\n            >\n              {currentRegion?.icon && (\n                <img src={currentRegion.icon} alt=\"\" style={{ width: '16px', height: '16px', borderRadius: '100%' }} />\n              )}\n              {copy.stayButtonText}\n            </button>\n\n            {/* Switch Site \u6309\u94AE */}\n            <button\n              onClick={onSwitchSite}\n              className=\"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80\"\n              style={{\n                backgroundColor: 'transparent',\n                color: styles.switchButtonTextColor,\n                border: `1.6px solid ${styles.switchButtonBorderColor}`,\n                fontWeight: '700',\n                fontSize: styles.fontSize,\n                borderRadius: styles.buttonBorderRadius,\n              }}\n            >\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  d=\"M8.29883 1.2041C12.216 1.20425 15.3923 4.37181 15.3926 8.28027C15.3926 12.189 12.2162 15.3563 8.29883 15.3564C4.38145 15.3563 1.2041 12.189 1.2041 8.28027C1.20439 4.37183 4.38163 1.20428 8.29883 1.2041ZM3.58105 11.4795C4.31053 12.5471 5.39411 13.3542 6.66406 13.7324C6.21155 13.0301 5.86128 12.2699 5.60938 11.4795H3.58105ZM11.0166 11.4795C10.7696 12.2779 10.4256 13.0347 9.98438 13.7178C11.2325 13.3333 12.2971 12.5331 13.0166 11.4795H11.0166ZM7.0791 11.4795C7.3755 12.2654 7.78717 12.9997 8.31445 13.6455C8.83791 13.0305 9.25428 12.2929 9.55273 11.4795H7.0791ZM2.85645 6.56738C2.6854 7.10801 2.59283 7.68338 2.59277 8.28027C2.59277 8.91383 2.69891 9.52251 2.89063 10.0918H5.27148C5.15636 9.42693 5.10277 8.75388 5.11133 8.08789C5.11789 7.57837 5.1619 7.06931 5.23926 6.56738L2.85645 6.56738ZM11.3447 6.56738C11.4483 7.20036 11.4944 7.84036 11.4863 8.47363C11.4793 9.01629 11.4291 9.55828 11.3418 10.0918H13.707C13.8986 9.52259 14.0039 8.91374 14.0039 8.28027C14.0039 7.68337 13.9112 7.10802 13.7402 6.56738H11.3447ZM6.64648 6.56738C6.55761 7.06802 6.50673 7.58339 6.5 8.10547C6.49143 8.7725 6.55341 9.44067 6.68359 10.0918L9.93457 10.0918C10.0348 9.56074 10.0905 9.01207 10.0977 8.45605C10.1058 7.82231 10.0497 7.18763 9.93262 6.56738L6.64648 6.56738ZM6.6123 2.84277C5.32602 3.23909 4.23535 4.07819 3.51563 5.17969L5.5498 5.17969C5.79857 4.34514 6.15294 3.55384 6.6123 2.84277ZM9.93262 2.8291C10.4039 3.56047 10.7656 4.35407 11.0195 5.17969H13.0811C12.3519 4.06343 11.2413 3.21866 9.93262 2.8291ZM8.28223 2.91504C7.73775 3.55467 7.30932 4.32752 7.00879 5.17969L9.55566 5.17969C9.25672 4.35642 8.83179 3.58782 8.28223 2.91504Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n              {copy.switchButtonText}\n            </button>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GA+EI,IAAAI,EAAA,6BArCJ,MAAMC,EAA8C,CAClD,gBAAiB,OACjB,mBAAoB,SACpB,SAAU,OACV,kBAAmB,OACnB,oBAAqB,OACrB,wBAAyB,OACzB,sBAAuB,MACzB,EAEO,SAASH,EAAa,CAC3B,QAAAI,EACA,gBAAAC,EACA,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,OAAQC,EACR,cAAAC,EACA,UAAAC,CACF,EAAsB,CAEpB,MAAMC,EAAS,CAAE,GAAGT,EAAe,GAAGM,CAAa,EAEnD,GAAI,CAACL,EAAS,OAAO,KAErB,MAAMS,EAAiB,IAAM,CAC3BN,EAAW,EACXF,EAAgB,EAAK,CACvB,EAEMS,EAAc,IAAM,CAExBP,EAAW,EACXF,EAAgB,EAAK,CACvB,EAEA,SACE,oBACE,oBAAC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA0DN,KAEF,OAAC,OACC,UAAW,sDAAsDM,GAAa,EAAE,GAChF,MAAO,CAAE,gBAAiBC,EAAO,gBAAiB,UAAW,4BAA6B,OAAQ,GAAK,EAEvG,oBAAC,OAAI,UAAU,+DACb,qBAAC,OAAI,UAAU,0BACb,oBAAC,MACC,UAAU,yCACV,MAAO,CAAE,SAAUA,EAAO,SAAU,MAAO,SAAU,EAEpD,SAAAN,EAAK,QACR,KAGA,OAAC,UACC,QAASQ,EACT,UAAU,iIACV,MAAO,CAAE,MAAO,SAAU,EAC1B,aAAW,QAEX,mBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QACC,EAAE,uCACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACF,EACF,GACF,KAEA,QAAC,OAAI,UAAU,kBAEb,qBAAC,UACC,QAASD,EACT,UAAU,2FACV,MAAO,CACL,gBAAiBD,EAAO,kBACxB,MAAOA,EAAO,oBACd,WAAY,MACZ,SAAUA,EAAO,SACjB,aAAcA,EAAO,mBACrB,OAAQ,MACV,EAEC,UAAAF,GAAe,SACd,OAAC,OAAI,IAAKA,EAAc,KAAM,IAAI,GAAG,MAAO,CAAE,MAAO,OAAQ,OAAQ,OAAQ,aAAc,MAAO,EAAG,EAEtGJ,EAAK,gBACR,KAGA,QAAC,UACC,QAASE,EACT,UAAU,2FACV,MAAO,CACL,gBAAiB,cACjB,MAAOI,EAAO,sBACd,OAAQ,eAAeA,EAAO,uBAAuB,GACrD,WAAY,MACZ,SAAUA,EAAO,SACjB,aAAcA,EAAO,kBACvB,EAEA,oBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QACC,EAAE,8lDACF,KAAK,eACP,EACF,EACCN,EAAK,kBACR,GACF,GACF,EACF,GACF,CAEJ",
+  "names": ["RegionBanner_exports", "__export", "RegionBanner", "__toCommonJS", "import_jsx_runtime", "defaultStyles", "visible", "onVisibleChange", "copy", "onStayHere", "onSwitchSite", "customStyles", "currentRegion", "className", "styles", "handleStayHere", "handleClose"]
+}

package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.d.ts

@@ -0,0 +1,47 @@
+import type { RegionConfig, IPRedirectModalCopy } from './type.js';
+/** 样式配置 */
+export type RegionSelectorModalStyles = {
+    /** 弹窗宽度，默认 80% */
+    width?: string;
+    /** 弹窗最大宽度，默认 1000px */
+    maxWidth?: string;
+    /** 弹窗内边距，默认 '30px 32px' */
+    padding?: string;
+    /** 弹窗圆角，默认 16px */
+    borderRadius?: string;
+    /** 标题字号，默认 20px */
+    titleFontSize?: string;
+    /** 分组标题字号，默认 inherit */
+    groupTitleFontSize?: string;
+    /** 卡片高度，默认 56px */
+    itemHeight?: string;
+    /** 卡片背景色，默认 #f5f5f5 */
+    itemBgColor?: string;
+    /** 卡片圆角，默认 8px */
+    itemBorderRadius?: string;
+    /** 卡片间距，默认 8px */
+    itemGap?: string;
+    /** 每行卡片数量，默认 3 */
+    columns?: number;
+};
+export type RegionSelectorModalProps = {
+    /** 控制弹窗显示/隐藏 */
+    open: boolean;
+    /** 弹窗状态变化回调 */
+    onOpenChange: (open: boolean) => void;
+    /** 地区配置列表 */
+    regions: RegionConfig[];
+    /** 文案配置 */
+    copy: IPRedirectModalCopy;
+    /** 用户选择地区后的回调 */
+    onConfirm?: (region: RegionConfig) => void;
+    /** 是否自动跳转，默认 false */
+    autoRedirect?: boolean;
+    /** 是否跳转到首页（仅在 autoRedirect 为 true 时生效），默认 false（保留当前路径） */
+    redirectToHomepage?: boolean;
+    /** 样式配置 */
+    styles?: RegionSelectorModalStyles;
+    /** 自定义类名 */
+    className?: string;
+};
+export declare function RegionSelectorModal({ open, onOpenChange, regions, copy, onConfirm, autoRedirect, redirectToHomepage, styles: customStyles, className, }: RegionSelectorModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.js

@@ -0,0 +1,69 @@
+"use strict";var k=Object.create;var g=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var B=(o,a)=>{for(var l in a)g(o,l,{get:a[l],enumerable:!0})},h=(o,a,l,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of F(a))!$.call(o,s)&&s!==l&&g(o,s,{get:()=>a[s],enumerable:!(c=M(a,s))||c.enumerable});return o};var P=(o,a,l)=>(l=o!=null?k(T(o)):{},h(a||!o||!o.__esModule?g(l,"default",{value:o,enumerable:!0}):l,o)),W=o=>h(g({},"__esModule",{value:!0}),o);var U={};B(U,{RegionSelectorModal:()=>D});module.exports=W(U);var t=require("react/jsx-runtime"),m=require("../../components/index.js"),p=P(require("@radix-ui/react-dialog")),w=require("react"),r=require("./utils.js");const H={width:"80%",maxWidth:"1000px",padding:"0px",borderRadius:"12px",titleFontSize:"24px",groupTitleFontSize:"18px",itemHeight:"54px",itemBgColor:"#F5F6F7",itemBorderRadius:"0px",itemGap:"8px",columns:3};function D({open:o,onOpenChange:a,regions:l,copy:c,onConfirm:s,autoRedirect:y=!1,redirectToHomepage:R=!1,styles:b,className:v}){const i={...H,...b},C=n=>{if(s&&s(n),y){const d=window.location.search;if(R){let e=n.url;if((0,r.hasUtmParams)(d)){const x=(0,r.buildGeoRedirectRefManual)(n.code);e=(0,r.appendRefParam)(e,x)}window.location.href=e}else{const e=window.location.pathname,x=window.location.hash,f=`${n.url.replace(/\/$/,"")}${e}${d}`;let u=f;if((0,r.hasUtmParams)(d)){const N=(0,r.buildGeoRedirectRefManual)(n.code);u=(0,r.appendRefParam)(f,N)}u+=x,window.location.href=u}}a(!1)},S=`calc((100% - ${i.itemGap} * ${i.columns-1}) / ${i.columns})`,z=(0,w.useMemo)(()=>{const n={};return l.forEach(d=>{const e=d.group||"Other";n[e]||(n[e]=[]),n[e].push(d)}),n},[l]);return(0,t.jsx)(p.Root,{open:o,onOpenChange:a,children:(0,t.jsxs)(p.Portal,{children:[(0,t.jsx)("style",{children:`
+          .region-item {
+            width: 100%;
+          }
+          @media (min-width: 1024px) {
+            .region-item {
+              width: ${S};
+            }
+          }
+          .modal-content {
+            padding: 0 16px 32px 16px;
+            overflow-y: auto;
+            max-height: calc(90vh - 60px);
+            -webkit-overflow-scrolling: touch;
+          }
+          @media (min-width: 1024px) {
+            .modal-content {
+              padding: 0 32px 32px 32px;
+              max-height: none;
+            }
+          }
+          .modal-dialog {
+            width: 100% !important;
+            max-width: 100% !important;
+            /* \u79FB\u52A8\u7AEF\uFF1A\u8DDD\u79BB\u9876\u90E8 100px\uFF0C\u8DDD\u79BB\u5E95\u90E8 0 */
+            top: 100px !important;
+            bottom: 0 !important;
+            height: calc(100vh - 100px) !important;
+            max-height: none !important;
+          }
+          @media (min-width: 1024px) {
+            .modal-dialog {
+              width: ${i.width} !important;
+              max-width: ${i.maxWidth} !important;
+              /* \u684C\u9762\u7AEF\uFF1A\u5782\u76F4\u5C45\u4E2D\uFF0C\u9AD8\u5EA6\u81EA\u52A8 */
+              top: 50% !important;
+              bottom: auto !important;
+              transform: translate(-50%, -50%) !important;
+              height: auto !important;
+              max-height: calc(100vh - 32px) !important;
+            }
+          }
+          .modal-title {
+            text-align: center;
+          }
+          @media (max-width: 1024px) {
+            .modal-title {
+              text-align: left;
+              font-size: 20px !important;
+            }
+          }
+          .region-group {
+            gap: 12px;
+          }
+          @media (max-width: 1024px) {
+            .region-group {
+              gap: 0;
+            }
+          }
+          .group-title {
+            margin-bottom: 8px;
+          }
+          @media (max-width: 1024px) {
+            .group-title {
+              font-size: 16px !important;
+            }
+          }
+        `}),(0,t.jsx)(p.Overlay,{className:"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[9998] bg-black/50"}),(0,t.jsx)(p.Content,{className:`modal-dialog data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-1/2 z-[9999] -translate-x-1/2 overflow-y-auto bg-white shadow-lg duration-200 ${v||""}`,style:{padding:i.padding,borderRadius:i.borderRadius},children:(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("div",{className:"relative flex items-center justify-end p-[16px]",children:(0,t.jsx)(p.Close,{asChild:!0,children:(0,t.jsx)("button",{className:"inline-flex size-[28px] items-center justify-center rounded-full text-[#666] hover:bg-[#f5f5f5] focus:outline-none","aria-label":"Close",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})}),(0,t.jsxs)("div",{className:"modal-content flex flex-col gap-[24px]",children:[(0,t.jsx)(p.Title,{asChild:!0,children:(0,t.jsx)(m.Heading,{as:"h2",className:"modal-title text-[#1F2021]",style:{fontSize:i.titleFontSize,fontWeight:"700"},children:c.title})}),Object.entries(z).map(([n,d])=>(0,t.jsxs)("div",{className:"region-group flex flex-col",children:[(0,t.jsx)(m.Text,{size:3,className:"group-title text-left font-semibold text-[#1F2021]",style:{fontSize:i.groupTitleFontSize,fontWeight:"700"},children:n}),(0,t.jsx)("div",{className:"flex flex-wrap justify-start",style:{gap:i.itemGap},children:d.map(e=>(0,t.jsxs)("button",{onClick:()=>C(e),className:"region-item flex items-center gap-[12px] px-[16px] transition-colors hover:opacity-80",style:{height:i.itemHeight,backgroundColor:i.itemBgColor,borderRadius:i.itemBorderRadius},children:[(0,t.jsx)(m.Text,{size:2,className:"flex-1 text-left font-medium",style:{color:"#000",fontWeight:"700"},children:e.name}),(e.language||e.currency)&&(0,t.jsxs)(m.Text,{size:2,className:"shrink-0 text-[16px]",style:{color:"#767880"},children:[e.language,e.language&&e.currency&&" / ",e.currency]})]},e.code))})]},n))]})]})})]})})}
+//# sourceMappingURL=RegionSelectorModal.js.map

package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/IPRedirect/RegionSelectorModal.tsx"],
+  "sourcesContent": ["import { Heading, Text } from '../../components/index.js'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport { useMemo } from 'react'\nimport type { RegionConfig, IPRedirectModalCopy } from './type.js'\nimport { hasUtmParams, buildGeoRedirectRefManual, appendRefParam } from './utils.js'\n\n/** \u6837\u5F0F\u914D\u7F6E */\nexport type RegionSelectorModalStyles = {\n  /** \u5F39\u7A97\u5BBD\u5EA6\uFF0C\u9ED8\u8BA4 80% */\n  width?: string\n  /** \u5F39\u7A97\u6700\u5927\u5BBD\u5EA6\uFF0C\u9ED8\u8BA4 1000px */\n  maxWidth?: string\n  /** \u5F39\u7A97\u5185\u8FB9\u8DDD\uFF0C\u9ED8\u8BA4 '30px 32px' */\n  padding?: string\n  /** \u5F39\u7A97\u5706\u89D2\uFF0C\u9ED8\u8BA4 16px */\n  borderRadius?: string\n  /** \u6807\u9898\u5B57\u53F7\uFF0C\u9ED8\u8BA4 20px */\n  titleFontSize?: string\n  /** \u5206\u7EC4\u6807\u9898\u5B57\u53F7\uFF0C\u9ED8\u8BA4 inherit */\n  groupTitleFontSize?: string\n  /** \u5361\u7247\u9AD8\u5EA6\uFF0C\u9ED8\u8BA4 56px */\n  itemHeight?: string\n  /** \u5361\u7247\u80CC\u666F\u8272\uFF0C\u9ED8\u8BA4 #f5f5f5 */\n  itemBgColor?: string\n  /** \u5361\u7247\u5706\u89D2\uFF0C\u9ED8\u8BA4 8px */\n  itemBorderRadius?: string\n  /** \u5361\u7247\u95F4\u8DDD\uFF0C\u9ED8\u8BA4 8px */\n  itemGap?: string\n  /** \u6BCF\u884C\u5361\u7247\u6570\u91CF\uFF0C\u9ED8\u8BA4 3 */\n  columns?: number\n}\n\nexport type RegionSelectorModalProps = {\n  /** \u63A7\u5236\u5F39\u7A97\u663E\u793A/\u9690\u85CF */\n  open: boolean\n  /** \u5F39\u7A97\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onOpenChange: (open: boolean) => void\n  /** \u5730\u533A\u914D\u7F6E\u5217\u8868 */\n  regions: RegionConfig[]\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: IPRedirectModalCopy\n  /** \u7528\u6237\u9009\u62E9\u5730\u533A\u540E\u7684\u56DE\u8C03 */\n  onConfirm?: (region: RegionConfig) => void\n  /** \u662F\u5426\u81EA\u52A8\u8DF3\u8F6C\uFF0C\u9ED8\u8BA4 false */\n  autoRedirect?: boolean\n  /** \u662F\u5426\u8DF3\u8F6C\u5230\u9996\u9875\uFF08\u4EC5\u5728 autoRedirect \u4E3A true \u65F6\u751F\u6548\uFF09\uFF0C\u9ED8\u8BA4 false\uFF08\u4FDD\u7559\u5F53\u524D\u8DEF\u5F84\uFF09 */\n  redirectToHomepage?: boolean\n  /** \u6837\u5F0F\u914D\u7F6E */\n  styles?: RegionSelectorModalStyles\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\n// \u9ED8\u8BA4\u6837\u5F0F\nconst defaultStyles: Required<RegionSelectorModalStyles> = {\n  width: '80%',\n  maxWidth: '1000px',\n  padding: '0px',\n  borderRadius: '12px',\n  titleFontSize: '24px',\n  groupTitleFontSize: '18px',\n  itemHeight: '54px',\n  itemBgColor: '#F5F6F7',\n  itemBorderRadius: '0px',\n  itemGap: '8px',\n  columns: 3,\n}\n\nexport function RegionSelectorModal({\n  open,\n  onOpenChange,\n  regions,\n  copy,\n  onConfirm,\n  autoRedirect = false,\n  redirectToHomepage = false,\n  styles: customStyles,\n  className,\n}: RegionSelectorModalProps) {\n  // \u5408\u5E76\u9ED8\u8BA4\u6837\u5F0F\u548C\u81EA\u5B9A\u4E49\u6837\u5F0F\n  const styles = { ...defaultStyles, ...customStyles }\n\n  // \u5904\u7406\u5730\u533A\u9009\u62E9\n  const handleRegionClick = (region: RegionConfig) => {\n    // \u5982\u679C\u6709\u81EA\u5B9A\u4E49\u56DE\u8C03\uFF0C\u5148\u6267\u884C\u56DE\u8C03\n    if (onConfirm) {\n      onConfirm(region)\n    }\n\n    // \u5982\u679C\u5F00\u542F\u4E86\u81EA\u52A8\u8DF3\u8F6C\n    if (autoRedirect) {\n      const currentSearch = window.location.search\n\n      if (redirectToHomepage) {\n        // \u8DF3\u8F6C\u5230\u76EE\u6807\u5730\u533A\u9996\u9875\n        let targetUrl = region.url\n\n        // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n        if (hasUtmParams(currentSearch)) {\n          const refValue = buildGeoRedirectRefManual(region.code)\n          targetUrl = appendRefParam(targetUrl, refValue)\n        }\n\n        window.location.href = targetUrl\n      } else {\n        // \u4FDD\u7559\u5F53\u524D\u8DEF\u5F84\u548C\u53C2\u6570\u8DF3\u8F6C\n        const currentPath = window.location.pathname\n        const currentHash = window.location.hash\n        const targetBaseUrl = region.url.replace(/\\/$/, '')\n        const baseUrl = `${targetBaseUrl}${currentPath}${currentSearch}`\n\n        // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n        let fullTargetUrl = baseUrl\n        if (hasUtmParams(currentSearch)) {\n          const refValue = buildGeoRedirectRefManual(region.code)\n          fullTargetUrl = appendRefParam(baseUrl, refValue)\n        }\n\n        // \u6DFB\u52A0 hash\n        fullTargetUrl += currentHash\n\n        window.location.href = fullTargetUrl\n      }\n    }\n\n    // \u5173\u95ED\u5F39\u7A97\n    onOpenChange(false)\n  }\n\n  // \u8BA1\u7B97\u5361\u7247\u5BBD\u5EA6\n  const itemWidth = `calc((100% - ${styles.itemGap} * ${styles.columns - 1}) / ${styles.columns})`\n\n  // \u6309\u5206\u7EC4\u6574\u7406\u5730\u533A\n  const groupedRegions = useMemo(() => {\n    const groups: Record<string, RegionConfig[]> = {}\n    regions.forEach(region => {\n      const group = region.group || 'Other'\n      if (!groups[group]) {\n        groups[group] = []\n      }\n      groups[group].push(region)\n    })\n    return groups\n  }, [regions])\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <style>{`\n          .region-item {\n            width: 100%;\n          }\n          @media (min-width: 1024px) {\n            .region-item {\n              width: ${itemWidth};\n            }\n          }\n          .modal-content {\n            padding: 0 16px 32px 16px;\n            overflow-y: auto;\n            max-height: calc(90vh - 60px);\n            -webkit-overflow-scrolling: touch;\n          }\n          @media (min-width: 1024px) {\n            .modal-content {\n              padding: 0 32px 32px 32px;\n              max-height: none;\n            }\n          }\n          .modal-dialog {\n            width: 100% !important;\n            max-width: 100% !important;\n            /* \u79FB\u52A8\u7AEF\uFF1A\u8DDD\u79BB\u9876\u90E8 100px\uFF0C\u8DDD\u79BB\u5E95\u90E8 0 */\n            top: 100px !important;\n            bottom: 0 !important;\n            height: calc(100vh - 100px) !important;\n            max-height: none !important;\n          }\n          @media (min-width: 1024px) {\n            .modal-dialog {\n              width: ${styles.width} !important;\n              max-width: ${styles.maxWidth} !important;\n              /* \u684C\u9762\u7AEF\uFF1A\u5782\u76F4\u5C45\u4E2D\uFF0C\u9AD8\u5EA6\u81EA\u52A8 */\n              top: 50% !important;\n              bottom: auto !important;\n              transform: translate(-50%, -50%) !important;\n              height: auto !important;\n              max-height: calc(100vh - 32px) !important;\n            }\n          }\n          .modal-title {\n            text-align: center;\n          }\n          @media (max-width: 1024px) {\n            .modal-title {\n              text-align: left;\n              font-size: 20px !important;\n            }\n          }\n          .region-group {\n            gap: 12px;\n          }\n          @media (max-width: 1024px) {\n            .region-group {\n              gap: 0;\n            }\n          }\n          .group-title {\n            margin-bottom: 8px;\n          }\n          @media (max-width: 1024px) {\n            .group-title {\n              font-size: 16px !important;\n            }\n          }\n        `}</style>\n        <Dialog.Overlay className=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[9998] bg-black/50\" />\n        <Dialog.Content\n          className={`modal-dialog data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-1/2 z-[9999] -translate-x-1/2 overflow-y-auto bg-white shadow-lg duration-200 ${className || ''}`}\n          style={{\n            padding: styles.padding,\n            borderRadius: styles.borderRadius,\n          }}\n        >\n          <div className=\"flex flex-col\">\n            {/* \u5934\u90E8\uFF1A\u5173\u95ED\u6309\u94AE */}\n            <div className=\"relative flex items-center justify-end p-[16px]\">\n              <Dialog.Close asChild>\n                <button\n                  className=\"inline-flex size-[28px] items-center justify-center rounded-full text-[#666] hover:bg-[#f5f5f5] focus:outline-none\"\n                  aria-label=\"Close\"\n                >\n                  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                      d=\"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"1.5\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* \u5185\u5BB9\u533A\u57DF */}\n            <div className=\"modal-content flex flex-col gap-[24px]\">\n              {/* \u6807\u9898 */}\n              <Dialog.Title asChild>\n                <Heading\n                  as=\"h2\"\n                  className=\"modal-title text-[#1F2021]\"\n                  style={{ fontSize: styles.titleFontSize, fontWeight: '700' }}\n                >\n                  {copy.title}\n                </Heading>\n              </Dialog.Title>\n              {Object.entries(groupedRegions).map(([groupName, groupRegions]) => (\n                <div key={groupName} className=\"region-group flex flex-col\">\n                  {/* \u5206\u7EC4\u6807\u9898 */}\n                  <Text\n                    size={3 as any}\n                    className=\"group-title text-left font-semibold text-[#1F2021]\"\n                    style={{ fontSize: styles.groupTitleFontSize, fontWeight: '700' }}\n                  >\n                    {groupName}\n                  </Text>\n                  {/* \u5730\u533A\u5361\u7247\u7F51\u683C */}\n                  <div className=\"flex flex-wrap justify-start\" style={{ gap: styles.itemGap }}>\n                    {groupRegions.map(region => (\n                      <button\n                        key={region.code}\n                        onClick={() => handleRegionClick(region)}\n                        className=\"region-item flex items-center gap-[12px] px-[16px] transition-colors hover:opacity-80\"\n                        style={{\n                          height: styles.itemHeight,\n                          backgroundColor: styles.itemBgColor,\n                          borderRadius: styles.itemBorderRadius,\n                        }}\n                      >\n                        {/* \u56FD\u5BB6\u540D\u79F0 */}\n                        <Text\n                          size={2 as any}\n                          className=\"flex-1 text-left font-medium\"\n                          style={{ color: '#000', fontWeight: '700' }}\n                        >\n                          {region.name}\n                        </Text>\n                        {/* \u8BED\u8A00 / \u8D27\u5E01 */}\n                        {(region.language || region.currency) && (\n                          <Text size={2 as any} className=\"shrink-0 text-[16px]\" style={{ color: '#767880' }}>\n                            {region.language}\n                            {region.language && region.currency && ' / '}\n                            {region.currency}\n                          </Text>\n                        )}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["RegionSelectorModal_exports", "__export", "RegionSelectorModal", "__toCommonJS", "import_jsx_runtime", "import_components", "Dialog", "import_react", "import_utils", "defaultStyles", "open", "onOpenChange", "regions", "copy", "onConfirm", "autoRedirect", "redirectToHomepage", "customStyles", "className", "styles", "handleRegionClick", "region", "currentSearch", "targetUrl", "refValue", "currentPath", "currentHash", "baseUrl", "fullTargetUrl", "itemWidth", "groupedRegions", "groups", "group", "groupName", "groupRegions"]
+}

package/dist/cjs/biz-components/IPRedirect/index.d.ts

@@ -0,0 +1,9 @@
+export { RegionSelectorModal } from './RegionSelectorModal.js';
+export { RegionBanner } from './RegionBanner.js';
+export { RegionSelectorModal as default } from './RegionSelectorModal.js';
+export { useRegionRedirectManager } from './useRegionRedirectManager.js';
+export { generateRegionToPathMap, isPathInWhitelist, validateRegionConfig, localeToRegionCode, buildGeoRedirectRef, buildGeoRedirectRefManual, } from './utils.js';
+export type { RegionSelectorModalProps, RegionSelectorModalStyles } from './RegionSelectorModal.js';
+export type { RegionBannerProps, RegionBannerStyles } from './RegionBanner.js';
+export type { UseRegionRedirectManagerOptions, UseRegionRedirectManagerReturn } from './useRegionRedirectManager.js';
+export type { RegionConfig, IPRedirectModalCopy, IPRedirectBannerCopy, RegionToPathMap, CountryToRegionMap, } from './type.js';

package/dist/cjs/biz-components/IPRedirect/index.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(r,o)=>{for(var t in o)i(r,t,{get:o[t],enumerable:!0})},M=(r,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of s(o))!c.call(r,n)&&n!==t&&i(r,n,{get:()=>o[n],enumerable:!(a=d(o,n))||a.enumerable});return r};var y=r=>M(i({},"__esModule",{value:!0}),r);var m={};f(m,{RegionBanner:()=>g.RegionBanner,RegionSelectorModal:()=>R.RegionSelectorModal,buildGeoRedirectRef:()=>e.buildGeoRedirectRef,buildGeoRedirectRefManual:()=>e.buildGeoRedirectRefManual,default:()=>p.RegionSelectorModal,generateRegionToPathMap:()=>e.generateRegionToPathMap,isPathInWhitelist:()=>e.isPathInWhitelist,localeToRegionCode:()=>e.localeToRegionCode,useRegionRedirectManager:()=>l.useRegionRedirectManager,validateRegionConfig:()=>e.validateRegionConfig});module.exports=y(m);var R=require("./RegionSelectorModal.js"),g=require("./RegionBanner.js"),p=require("./RegionSelectorModal.js"),l=require("./useRegionRedirectManager.js"),e=require("./utils.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/IPRedirect/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/IPRedirect/index.ts"],
+  "sourcesContent": ["// ============================================\n// \u516C\u5171 API - UI \u7EC4\u4EF6\n// ============================================\nexport { RegionSelectorModal } from './RegionSelectorModal.js'\nexport { RegionBanner } from './RegionBanner.js'\nexport { RegionSelectorModal as default } from './RegionSelectorModal.js'\n\n// ============================================\n// \u516C\u5171 API - \u7EDF\u4E00 Hook\uFF08\u63A8\u8350\u4F7F\u7528\uFF09\n// ============================================\nexport { useRegionRedirectManager } from './useRegionRedirectManager.js'\n\n// ============================================\n// \u516C\u5171 API - \u5DE5\u5177\u51FD\u6570\n// ============================================\nexport {\n  generateRegionToPathMap,\n  isPathInWhitelist,\n  validateRegionConfig,\n  localeToRegionCode,\n  buildGeoRedirectRef,\n  buildGeoRedirectRefManual,\n} from './utils.js'\n\n// ============================================\n// \u516C\u5171 API - \u7C7B\u578B\u5B9A\u4E49\n// ============================================\nexport type { RegionSelectorModalProps, RegionSelectorModalStyles } from './RegionSelectorModal.js'\nexport type { RegionBannerProps, RegionBannerStyles } from './RegionBanner.js'\nexport type { UseRegionRedirectManagerOptions, UseRegionRedirectManagerReturn } from './useRegionRedirectManager.js'\nexport type {\n  RegionConfig,\n  IPRedirectModalCopy,\n  IPRedirectBannerCopy,\n  RegionToPathMap,\n  CountryToRegionMap,\n} from './type.js'\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8dAAAE,EAAAF,GAGA,IAAAG,EAAoC,oCACpCC,EAA6B,6BAC7BD,EAA+C,oCAK/CE,EAAyC,yCAKzCC,EAOO",
+  "names": ["IPRedirect_exports", "__export", "__toCommonJS", "import_RegionSelectorModal", "import_RegionBanner", "import_useRegionRedirectManager", "import_utils"]
+}

package/dist/cjs/biz-components/IPRedirect/type.d.ts

@@ -0,0 +1,36 @@
+export type RegionConfig = {
+    code: string;
+    name: string;
+    url: string;
+    group?: string;
+    language?: string;
+    languageCode?: string;
+    currency?: string;
+    icon?: string;
+};
+export type IPRedirectModalCopy = {
+    title: string;
+};
+export type IPRedirectBannerCopy = {
+    message: string;
+    stayButtonText: string;
+    switchButtonText: string;
+};
+/**
+ * 地区代码到路径前缀的映射
+ * @example { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }
+ */
+export type RegionToPathMap = Record<string, string>;
+/**
+ * 国家代码到地区代码的映射
+ * @example { US: 'US', GB: 'UK', HK: 'DE' }
+ */
+export type CountryToRegionMap = Record<string, string>;
+/**
+ * 配置验证结果
+ */
+export type ValidationResult = {
+    valid: boolean;
+    error?: string;
+    mappedRegion?: string;
+};

package/dist/cjs/biz-components/IPRedirect/type.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var a=(e,t,g,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of s(t))!p.call(e,r)&&r!==g&&i(e,r,{get:()=>t[r],enumerable:!(n=o(t,r))||n.enumerable});return e};var y=e=>a(i({},"__esModule",{value:!0}),e);var d={};module.exports=y(d);
+//# sourceMappingURL=type.js.map

package/dist/cjs/biz-components/IPRedirect/type.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/IPRedirect/type.ts"],
+  "sourcesContent": ["export type RegionConfig = {\n  code: string // \u56FD\u5BB6/\u5730\u533A\u4EE3\u7801\uFF0C\u5982 'US', 'CN', 'DE'\n  name: string // \u663E\u793A\u540D\u79F0\uFF0C\u5982 'United States', '\u4E2D\u56FD'\n  url: string // \u8DF3\u8F6C\u76EE\u6807 URL\n  group?: string // \u5206\u7EC4\u540D\u79F0\uFF0C\u5982 'North America', 'Europe', 'Asia-Pacific'\n  language?: string // \u663E\u793A\u7684\u8BED\u8A00\u540D\u79F0\uFF0C\u5982 'English', 'Deutsch'\n  languageCode?: string // \u8BED\u8A00\u4EE3\u7801\uFF0C\u5982 'EN', 'DE', 'FR'\uFF08\u7528\u4E8E\u4FDD\u5B58\u5230 cookie\uFF09\n  currency?: string // \u8D27\u5E01\u7B26\u53F7\uFF0C\u5982 '$', '\u20AC', '\u00A5'\n  icon?: string // \u56FD\u5BB6/\u5730\u533A\u56FE\u6807 URL\uFF0C\u5982 '/icons/us.png'\n}\n\nexport type IPRedirectModalCopy = {\n  title: string // \u5F39\u7A97\u6807\u9898\n}\n\nexport type IPRedirectBannerCopy = {\n  message: string // \u6A2A\u5E45\u63D0\u793A\u6587\u6848\n  stayButtonText: string // \"Stay Here\" \u6309\u94AE\u6587\u6848\n  switchButtonText: string // \"Switch Site\" \u6309\u94AE\u6587\u6848\n}\n\n/**\n * \u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\n * @example { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }\n */\nexport type RegionToPathMap = Record<string, string>\n\n/**\n * \u56FD\u5BB6\u4EE3\u7801\u5230\u5730\u533A\u4EE3\u7801\u7684\u6620\u5C04\n * @example { US: 'US', GB: 'UK', HK: 'DE' }\n */\nexport type CountryToRegionMap = Record<string, string>\n\n/**\n * \u914D\u7F6E\u9A8C\u8BC1\u7ED3\u679C\n */\nexport type ValidationResult = {\n  valid: boolean // \u662F\u5426\u901A\u8FC7\u9A8C\u8BC1\n  error?: string // \u9519\u8BEF\u4FE1\u606F\uFF08\u9A8C\u8BC1\u5931\u8D25\u65F6\uFF09\n  mappedRegion?: string // \u6620\u5C04\u7684\u5730\u533A\u4EE3\u7801\uFF08\u9A8C\u8BC1\u6210\u529F\u65F6\uFF09\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["type_exports", "__toCommonJS"]
+}