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

package/dist/esm/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": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "useState", "useEffect", "gsap", "ScrollTrigger", "useMediaQuery", "useInView", "ScrollLoadVideo", "Button", "Heading", "Picture", "Text", "Countdown", "cn", "withLayout", "useExposure", "trackUrlRef", "sizeMap", "VideoModal", "componentType", "componentName", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "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", "gsapResize", "clientHeight", "self", "value", "e", "icon", "index", "c", "HeroBanner_default"]
+  "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": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "useState", "useEffect", "gsap", "ScrollTrigger", "useMediaQuery", "useInView", "ScrollLoadVideo", "Button", "Heading", "Picture", "Text", "Countdown", "cn", "withLayout", "useExposure", "trackUrlRef", "sizeMap", "VideoModal", "componentType", "componentName", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "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", "gsapResize", "clientHeight", "self", "value", "e", "icon", "index", "c", "HeroBanner_default"]
 }

package/dist/esm/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/esm/biz-components/IPRedirect/RegionBanner.js

@@ -0,0 +1,60 @@
+"use client";import{Fragment as u,jsx as t,jsxs as o}from"react/jsx-runtime";const x={backgroundColor:"#fff",buttonBorderRadius:"9999px",fontSize:"14px",stayButtonBgColor:"#000",stayButtonTextColor:"#fff",switchButtonBorderColor:"#000",switchButtonTextColor:"#000"};function C({visible:s,onVisibleChange:r,copy:n,onStayHere:i,onSwitchSite:l,styles:d,currentRegion:a,className:g}){const e={...x,...d};if(!s)return null;const p=()=>{i(),r(!1)},c=()=>{i(),r(!1)};return o(u,{children:[t("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;
+          }
+        }
+      `}),t("div",{className:`region-banner-wrapper relative left-0 top-0 w-full ${g||""}`,style:{backgroundColor:e.backgroundColor,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",zIndex:1e3},children:o("div",{className:"region-banner-content flex h-full justify-between text-black",children:[o("div",{className:"region-banner-title-row",children:[t("h1",{className:"region-banner-title truncate font-bold",style:{fontSize:e.fontSize,color:"#1F2021"},children:n.message}),t("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:t("svg",{width:"20",height:"20",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),o("div",{className:"ml-4 flex gap-3",children:[o("button",{onClick:p,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:e.stayButtonBgColor,color:e.stayButtonTextColor,fontWeight:"700",fontSize:e.fontSize,borderRadius:e.buttonBorderRadius,border:"none"},children:[a?.icon&&t("img",{src:a.icon,alt:"",style:{width:"16px",height:"16px",borderRadius:"100%"}}),n.stayButtonText]}),o("button",{onClick:l,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:"transparent",color:e.switchButtonTextColor,border:`1.6px solid ${e.switchButtonBorderColor}`,fontWeight:"700",fontSize:e.fontSize,borderRadius:e.buttonBorderRadius},children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("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"})}),n.switchButtonText]})]})]})})]})}export{C as RegionBanner};
+//# sourceMappingURL=RegionBanner.js.map

package/dist/esm/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": "aA+EI,mBAAAA,EACE,OAAAC,EAiEI,QAAAC,MAlEN,oBArCJ,MAAMC,EAA8C,CAClD,gBAAiB,OACjB,mBAAoB,SACpB,SAAU,OACV,kBAAmB,OACnB,oBAAqB,OACrB,wBAAyB,OACzB,sBAAuB,MACzB,EAEO,SAASC,EAAa,CAC3B,QAAAC,EACA,gBAAAC,EACA,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,OAAQC,EACR,cAAAC,EACA,UAAAC,CACF,EAAsB,CAEpB,MAAMC,EAAS,CAAE,GAAGV,EAAe,GAAGO,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,OACEJ,EAAAF,EAAA,CACE,UAAAC,EAAC,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,EAEFA,EAAC,OACC,UAAW,sDAAsDW,GAAa,EAAE,GAChF,MAAO,CAAE,gBAAiBC,EAAO,gBAAiB,UAAW,4BAA6B,OAAQ,GAAK,EAEvG,SAAAX,EAAC,OAAI,UAAU,+DACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAAC,MACC,UAAU,yCACV,MAAO,CAAE,SAAUY,EAAO,SAAU,MAAO,SAAU,EAEpD,SAAAN,EAAK,QACR,EAGAN,EAAC,UACC,QAASc,EACT,UAAU,iIACV,MAAO,CAAE,MAAO,SAAU,EAC1B,aAAW,QAEX,SAAAd,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,EAAE,uCACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACF,EACF,GACF,EAEAC,EAAC,OAAI,UAAU,kBAEb,UAAAA,EAAC,UACC,QAASY,EACT,UAAU,2FACV,MAAO,CACL,gBAAiBD,EAAO,kBACxB,MAAOA,EAAO,oBACd,WAAY,MACZ,SAAUA,EAAO,SACjB,aAAcA,EAAO,mBACrB,OAAQ,MACV,EAEC,UAAAF,GAAe,MACdV,EAAC,OAAI,IAAKU,EAAc,KAAM,IAAI,GAAG,MAAO,CAAE,MAAO,OAAQ,OAAQ,OAAQ,aAAc,MAAO,EAAG,EAEtGJ,EAAK,gBACR,EAGAL,EAAC,UACC,QAASO,EACT,UAAU,2FACV,MAAO,CACL,gBAAiB,cACjB,MAAOI,EAAO,sBACd,OAAQ,eAAeA,EAAO,uBAAuB,GACrD,WAAY,MACZ,SAAUA,EAAO,SACjB,aAAcA,EAAO,kBACvB,EAEA,UAAAZ,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,EAAE,8lDACF,KAAK,eACP,EACF,EACCM,EAAK,kBACR,GACF,GACF,EACF,GACF,CAEJ",
+  "names": ["Fragment", "jsx", "jsxs", "defaultStyles", "RegionBanner", "visible", "onVisibleChange", "copy", "onStayHere", "onSwitchSite", "customStyles", "currentRegion", "className", "styles", "handleStayHere", "handleClose"]
+}

package/dist/esm/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/esm/biz-components/IPRedirect/RegionSelectorModal.js

@@ -0,0 +1,69 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Heading as k,Text as d}from"../../components/index.js";import*as n from"@radix-ui/react-dialog";import{useMemo as M}from"react";import{hasUtmParams as x,buildGeoRedirectRefManual as u,appendRefParam as f}from"./utils.js";const F={width:"80%",maxWidth:"1000px",padding:"0px",borderRadius:"12px",titleFontSize:"24px",groupTitleFontSize:"18px",itemHeight:"54px",itemBgColor:"#F5F6F7",itemBorderRadius:"0px",itemGap:"8px",columns:3};function W({open:h,onOpenChange:p,regions:m,copy:w,onConfirm:c,autoRedirect:y=!1,redirectToHomepage:R=!1,styles:b,className:v}){const o={...F,...b},C=a=>{if(c&&c(a),y){const i=window.location.search;if(R){let t=a.url;if(x(i)){const r=u(a.code);t=f(t,r)}window.location.href=t}else{const t=window.location.pathname,r=window.location.hash,g=`${a.url.replace(/\/$/,"")}${t}${i}`;let s=g;if(x(i)){const N=u(a.code);s=f(g,N)}s+=r,window.location.href=s}}p(!1)},S=`calc((100% - ${o.itemGap} * ${o.columns-1}) / ${o.columns})`,z=M(()=>{const a={};return m.forEach(i=>{const t=i.group||"Other";a[t]||(a[t]=[]),a[t].push(i)}),a},[m]);return e(n.Root,{open:h,onOpenChange:p,children:l(n.Portal,{children:[e("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: ${o.width} !important;
+              max-width: ${o.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;
+            }
+          }
+        `}),e(n.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"}),e(n.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:o.padding,borderRadius:o.borderRadius},children:l("div",{className:"flex flex-col",children:[e("div",{className:"relative flex items-center justify-end p-[16px]",children:e(n.Close,{asChild:!0,children:e("button",{className:"inline-flex size-[28px] items-center justify-center rounded-full text-[#666] hover:bg-[#f5f5f5] focus:outline-none","aria-label":"Close",children:e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})}),l("div",{className:"modal-content flex flex-col gap-[24px]",children:[e(n.Title,{asChild:!0,children:e(k,{as:"h2",className:"modal-title text-[#1F2021]",style:{fontSize:o.titleFontSize,fontWeight:"700"},children:w.title})}),Object.entries(z).map(([a,i])=>l("div",{className:"region-group flex flex-col",children:[e(d,{size:3,className:"group-title text-left font-semibold text-[#1F2021]",style:{fontSize:o.groupTitleFontSize,fontWeight:"700"},children:a}),e("div",{className:"flex flex-wrap justify-start",style:{gap:o.itemGap},children:i.map(t=>l("button",{onClick:()=>C(t),className:"region-item flex items-center gap-[12px] px-[16px] transition-colors hover:opacity-80",style:{height:o.itemHeight,backgroundColor:o.itemBgColor,borderRadius:o.itemBorderRadius},children:[e(d,{size:2,className:"flex-1 text-left font-medium",style:{color:"#000",fontWeight:"700"},children:t.name}),(t.language||t.currency)&&l(d,{size:2,className:"shrink-0 text-[16px]",style:{color:"#767880"},children:[t.language,t.language&&t.currency&&" / ",t.currency]})]},t.code))})]},a))]})]})})]})})}export{W as RegionSelectorModal};
+//# sourceMappingURL=RegionSelectorModal.js.map

package/dist/esm/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": ["jsx", "jsxs", "Heading", "Text", "Dialog", "useMemo", "hasUtmParams", "buildGeoRedirectRefManual", "appendRefParam", "defaultStyles", "RegionSelectorModal", "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/esm/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/esm/biz-components/IPRedirect/index.js

@@ -0,0 +1,2 @@
+import{RegionSelectorModal as r}from"./RegionSelectorModal.js";import{RegionBanner as t}from"./RegionBanner.js";import{RegionSelectorModal as a}from"./RegionSelectorModal.js";import{useRegionRedirectManager as g}from"./useRegionRedirectManager.js";import{generateRegionToPathMap as l,isPathInWhitelist as d,validateRegionConfig as s,localeToRegionCode as c,buildGeoRedirectRef as f,buildGeoRedirectRefManual as M}from"./utils.js";export{t as RegionBanner,r as RegionSelectorModal,f as buildGeoRedirectRef,M as buildGeoRedirectRefManual,a as default,l as generateRegionToPathMap,d as isPathInWhitelist,c as localeToRegionCode,g as useRegionRedirectManager,s as validateRegionConfig};
+//# sourceMappingURL=index.js.map

package/dist/esm/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": "AAGA,OAAS,uBAAAA,MAA2B,2BACpC,OAAS,gBAAAC,MAAoB,oBAC7B,OAAgC,uBAAvBD,MAAsC,2BAK/C,OAAS,4BAAAE,MAAgC,gCAKzC,OACE,2BAAAC,EACA,qBAAAC,EACA,wBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,6BAAAC,MACK",
+  "names": ["RegionSelectorModal", "RegionBanner", "useRegionRedirectManager", "generateRegionToPathMap", "isPathInWhitelist", "validateRegionConfig", "localeToRegionCode", "buildGeoRedirectRef", "buildGeoRedirectRefManual"]
+}

package/dist/esm/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/esm/biz-components/IPRedirect/type.js

@@ -0,0 +1 @@
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/biz-components/IPRedirect/useAutoRedirect.d.ts

@@ -0,0 +1,66 @@
+import type { RegionConfig } from './type.js';
+export interface UseAutoRedirectOptions {
+    /**
+     * 地区配置列表
+     */
+    regions: RegionConfig[];
+    /**
+     * 地区代码到路径前缀的映射
+     * @example { US: '', CA: 'ca', DE: 'eu-de' }
+     */
+    regionToPathMap: Record<string, string>;
+    /**
+     * 地理位置信息（包含国家代码）
+     */
+    geo?: {
+        country?: {
+            code?: string;
+        };
+    };
+    /**
+     * 当前站点的 locale
+     */
+    locale?: string;
+    /**
+     * 是否检查目标站点页面存在（需要实现 /api/check-page-exists 接口）
+     * @default true
+     */
+    checkPageExists?: boolean;
+    /**
+     * 页面存在检查的 API 端点
+     * @default '/api/check-page-exists'
+     */
+    checkPageApiEndpoint?: string;
+}
+export interface UseAutoRedirectReturn {
+    /**
+     * 自动跳转到指定地区的函数
+     * @param region - 目标地区配置
+     * @param isCookieRedirect - 是否是通过 cookie 记忆触发的跳转
+     */
+    handleAutoRedirect: (region: RegionConfig, isCookieRedirect?: boolean) => Promise<void>;
+}
+/**
+ * 自动跳转 Hook
+ * 处理地区跳转的核心逻辑，包括：
+ * - 路径保留和转换
+ * - 页面存在检查（可选）
+ * - UTM 参数处理
+ * - sessionStorage 标记
+ *
+ * @example
+ * ```tsx
+ * const { handleAutoRedirect } = useAutoRedirect({
+ *   regions,
+ *   regionToPathMap,
+ *   geo,
+ *   locale,
+ *   checkPageExists: true,
+ * })
+ *
+ * // 当检测到地区不匹配时
+ * const targetRegion = regions.find(r => r.code === 'DE')
+ * await handleAutoRedirect(targetRegion)
+ * ```
+ */
+export declare function useAutoRedirect(options: UseAutoRedirectOptions): UseAutoRedirectReturn;

package/dist/esm/biz-components/IPRedirect/useAutoRedirect.js

@@ -0,0 +1,2 @@
+import{useCallback as A}from"react";import{generateAllLocales as U,removeLocalePrefix as P,hasUtmParams as s,buildGeoRedirectRef as a,appendRefParam as l}from"./utils.js";function E(w){const{regions:k,regionToPathMap:d,geo:o,locale:f,checkPageExists:h=!0,checkPageApiEndpoint:g="/api/check-page-exists"}=w;return{handleAutoRedirect:A(async(t,R=!1)=>{if(typeof window>"u")return;R?sessionStorage.setItem("cookie_redirected","true"):(sessionStorage.setItem("auto_redirected","true"),sessionStorage.setItem("auto_redirect_from",f||"US"));const $=U(d),i=P(window.location.pathname,$);let e;if(h)try{const r=d[t.code]||t.code.toLowerCase(),n=await fetch(`${g}?locale=${encodeURIComponent(r)}&path=${encodeURIComponent(i)}`),{exists:u}=await n.json();if(u){const c=window.location.search,p=window.location.hash;if(s(c)&&o?.country?.code){const m=a(o.country.code),y=`${t.url}${i}${c}`;e=`${l(y,m)}${p}`}else e=`${t.url}${i}${c}${p}`}else if(e=t.url,s(window.location.search)&&o?.country?.code){const c=a(o.country.code);e=l(e,c)}}catch(r){if(console.error("Error checking page during redirect:",r),e=t.url,s(window.location.search)&&o?.country?.code){const n=a(o.country.code);e=l(e,n)}}else{const r=window.location.search,n=window.location.hash;if(s(r)&&o?.country?.code){const u=a(o.country.code),c=`${t.url}${i}${r}`;e=`${l(c,u)}${n}`}else e=`${t.url}${i}${r}${n}`}window.location.href=e},[f,d,o,h,g])}}export{E as useAutoRedirect};
+//# sourceMappingURL=useAutoRedirect.js.map

package/dist/esm/biz-components/IPRedirect/useAutoRedirect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/IPRedirect/useAutoRedirect.tsx"],
+  "sourcesContent": ["import { useCallback } from 'react'\nimport { generateAllLocales, removeLocalePrefix, hasUtmParams, buildGeoRedirectRef, appendRefParam } from './utils.js'\nimport type { RegionConfig } from './type.js'\n\nexport interface UseAutoRedirectOptions {\n  /**\n   * \u5730\u533A\u914D\u7F6E\u5217\u8868\n   */\n  regions: RegionConfig[]\n\n  /**\n   * \u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\n   * @example { US: '', CA: 'ca', DE: 'eu-de' }\n   */\n  regionToPathMap: Record<string, string>\n\n  /**\n   * \u5730\u7406\u4F4D\u7F6E\u4FE1\u606F\uFF08\u5305\u542B\u56FD\u5BB6\u4EE3\u7801\uFF09\n   */\n  geo?: {\n    country?: {\n      code?: string\n    }\n  }\n\n  /**\n   * \u5F53\u524D\u7AD9\u70B9\u7684 locale\n   */\n  locale?: string\n\n  /**\n   * \u662F\u5426\u68C0\u67E5\u76EE\u6807\u7AD9\u70B9\u9875\u9762\u5B58\u5728\uFF08\u9700\u8981\u5B9E\u73B0 /api/check-page-exists \u63A5\u53E3\uFF09\n   * @default true\n   */\n  checkPageExists?: boolean\n\n  /**\n   * \u9875\u9762\u5B58\u5728\u68C0\u67E5\u7684 API \u7AEF\u70B9\n   * @default '/api/check-page-exists'\n   */\n  checkPageApiEndpoint?: string\n}\n\nexport interface UseAutoRedirectReturn {\n  /**\n   * \u81EA\u52A8\u8DF3\u8F6C\u5230\u6307\u5B9A\u5730\u533A\u7684\u51FD\u6570\n   * @param region - \u76EE\u6807\u5730\u533A\u914D\u7F6E\n   * @param isCookieRedirect - \u662F\u5426\u662F\u901A\u8FC7 cookie \u8BB0\u5FC6\u89E6\u53D1\u7684\u8DF3\u8F6C\n   */\n  handleAutoRedirect: (region: RegionConfig, isCookieRedirect?: boolean) => Promise<void>\n}\n\n/**\n * \u81EA\u52A8\u8DF3\u8F6C Hook\n * \u5904\u7406\u5730\u533A\u8DF3\u8F6C\u7684\u6838\u5FC3\u903B\u8F91\uFF0C\u5305\u62EC\uFF1A\n * - \u8DEF\u5F84\u4FDD\u7559\u548C\u8F6C\u6362\n * - \u9875\u9762\u5B58\u5728\u68C0\u67E5\uFF08\u53EF\u9009\uFF09\n * - UTM \u53C2\u6570\u5904\u7406\n * - sessionStorage \u6807\u8BB0\n *\n * @example\n * ```tsx\n * const { handleAutoRedirect } = useAutoRedirect({\n *   regions,\n *   regionToPathMap,\n *   geo,\n *   locale,\n *   checkPageExists: true,\n * })\n *\n * // \u5F53\u68C0\u6D4B\u5230\u5730\u533A\u4E0D\u5339\u914D\u65F6\n * const targetRegion = regions.find(r => r.code === 'DE')\n * await handleAutoRedirect(targetRegion)\n * ```\n */\nexport function useAutoRedirect(options: UseAutoRedirectOptions): UseAutoRedirectReturn {\n  const {\n    regions,\n    regionToPathMap,\n    geo,\n    locale,\n    checkPageExists = true,\n    checkPageApiEndpoint = '/api/check-page-exists',\n  } = options\n\n  const handleAutoRedirect = useCallback(\n    async (region: RegionConfig, isCookieRedirect = false) => {\n      if (typeof window === 'undefined') return\n\n      // \u6807\u8BB0\u8DF3\u8F6C\u7C7B\u578B\n      if (isCookieRedirect) {\n        sessionStorage.setItem('cookie_redirected', 'true')\n      } else {\n        sessionStorage.setItem('auto_redirected', 'true')\n        sessionStorage.setItem('auto_redirect_from', locale || 'US')\n      }\n\n      // \u53BB\u9664\u5F53\u524D\u8DEF\u5F84\u4E2D\u7684 locale \u524D\u7F00\n      const allLocales = generateAllLocales(regionToPathMap)\n      const pathWithoutLocale = removeLocalePrefix(window.location.pathname, allLocales)\n\n      let targetUrl: string\n\n      // \u68C0\u67E5\u76EE\u6807\u7AD9\u70B9\u662F\u5426\u6709\u5F53\u524D\u9875\u9762\n      if (checkPageExists) {\n        try {\n          // \u5C06 region code \u8F6C\u6362\u4E3A locale (\u5982 DE -> eu-de, CA -> ca)\n          const targetLocale = regionToPathMap[region.code] || region.code.toLowerCase()\n\n          // \u8C03\u7528 API \u68C0\u67E5\u9875\u9762\u662F\u5426\u5B58\u5728\n          const response = await fetch(\n            `${checkPageApiEndpoint}?locale=${encodeURIComponent(\n              targetLocale\n            )}&path=${encodeURIComponent(pathWithoutLocale)}`\n          )\n          const { exists: pageExists } = await response.json()\n\n          if (pageExists) {\n            // \u9875\u9762\u5B58\u5728\uFF0C\u4FDD\u7559\u5F53\u524D\u8DEF\u5F84\n            const currentSearch = window.location.search\n            const currentHash = window.location.hash\n\n            // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n            if (hasUtmParams(currentSearch) && geo?.country?.code) {\n              const refValue = buildGeoRedirectRef(geo.country.code)\n              // \u5148\u62FC\u63A5\u57FA\u7840 URL\uFF08\u4E0D\u542B hash\uFF09\uFF0C\u7136\u540E\u6DFB\u52A0 ref\uFF0C\u6700\u540E\u52A0 hash\n              const baseUrl = `${region.url}${pathWithoutLocale}${currentSearch}`\n              targetUrl = `${appendRefParam(baseUrl, refValue)}${currentHash}`\n            } else {\n              targetUrl = `${region.url}${pathWithoutLocale}${currentSearch}${currentHash}`\n            }\n          } else {\n            // \u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8DF3\u8F6C\u5230\u9996\u9875\n            targetUrl = region.url\n\n            // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n            if (hasUtmParams(window.location.search) && geo?.country?.code) {\n              const refValue = buildGeoRedirectRef(geo.country.code)\n              targetUrl = appendRefParam(targetUrl, refValue)\n            }\n          }\n        } catch (error) {\n          // \u68C0\u67E5\u51FA\u9519\uFF0C\u8DF3\u8F6C\u5230\u9996\u9875\u66F4\u5B89\u5168\n          console.error('Error checking page during redirect:', error)\n          targetUrl = region.url\n\n          // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n          if (hasUtmParams(window.location.search) && geo?.country?.code) {\n            const refValue = buildGeoRedirectRef(geo.country.code)\n            targetUrl = appendRefParam(targetUrl, refValue)\n          }\n        }\n      } else {\n        // \u4E0D\u68C0\u67E5\u9875\u9762\u5B58\u5728\uFF0C\u76F4\u63A5\u6784\u5EFA URL\n        const currentSearch = window.location.search\n        const currentHash = window.location.hash\n\n        // \u5982\u679C\u6709 UTM \u53C2\u6570\uFF0C\u6DFB\u52A0 ref \u53C2\u6570\n        if (hasUtmParams(currentSearch) && geo?.country?.code) {\n          const refValue = buildGeoRedirectRef(geo.country.code)\n          const baseUrl = `${region.url}${pathWithoutLocale}${currentSearch}`\n          targetUrl = `${appendRefParam(baseUrl, refValue)}${currentHash}`\n        } else {\n          targetUrl = `${region.url}${pathWithoutLocale}${currentSearch}${currentHash}`\n        }\n      }\n\n      // \u6267\u884C\u8DF3\u8F6C\n      window.location.href = targetUrl\n    },\n    [locale, regionToPathMap, geo, checkPageExists, checkPageApiEndpoint]\n  )\n\n  return { handleAutoRedirect }\n}\n"],
+  "mappings": "AAAA,OAAS,eAAAA,MAAmB,QAC5B,OAAS,sBAAAC,EAAoB,sBAAAC,EAAoB,gBAAAC,EAAc,uBAAAC,EAAqB,kBAAAC,MAAsB,aA0EnG,SAASC,EAAgBC,EAAwD,CACtF,KAAM,CACJ,QAAAC,EACA,gBAAAC,EACA,IAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,GAClB,qBAAAC,EAAuB,wBACzB,EAAIN,EA0FJ,MAAO,CAAE,mBAxFkBP,EACzB,MAAOc,EAAsBC,EAAmB,KAAU,CACxD,GAAI,OAAO,OAAW,IAAa,OAG/BA,EACF,eAAe,QAAQ,oBAAqB,MAAM,GAElD,eAAe,QAAQ,kBAAmB,MAAM,EAChD,eAAe,QAAQ,qBAAsBJ,GAAU,IAAI,GAI7D,MAAMK,EAAaf,EAAmBQ,CAAe,EAC/CQ,EAAoBf,EAAmB,OAAO,SAAS,SAAUc,CAAU,EAEjF,IAAIE,EAGJ,GAAIN,EACF,GAAI,CAEF,MAAMO,EAAeV,EAAgBK,EAAO,IAAI,GAAKA,EAAO,KAAK,YAAY,EAGvEM,EAAW,MAAM,MACrB,GAAGP,CAAoB,WAAW,mBAChCM,CACF,CAAC,SAAS,mBAAmBF,CAAiB,CAAC,EACjD,EACM,CAAE,OAAQI,CAAW,EAAI,MAAMD,EAAS,KAAK,EAEnD,GAAIC,EAAY,CAEd,MAAMC,EAAgB,OAAO,SAAS,OAChCC,EAAc,OAAO,SAAS,KAGpC,GAAIpB,EAAamB,CAAa,GAAKZ,GAAK,SAAS,KAAM,CACrD,MAAMc,EAAWpB,EAAoBM,EAAI,QAAQ,IAAI,EAE/Ce,EAAU,GAAGX,EAAO,GAAG,GAAGG,CAAiB,GAAGK,CAAa,GACjEJ,EAAY,GAAGb,EAAeoB,EAASD,CAAQ,CAAC,GAAGD,CAAW,EAChE,MACEL,EAAY,GAAGJ,EAAO,GAAG,GAAGG,CAAiB,GAAGK,CAAa,GAAGC,CAAW,EAE/E,SAEEL,EAAYJ,EAAO,IAGfX,EAAa,OAAO,SAAS,MAAM,GAAKO,GAAK,SAAS,KAAM,CAC9D,MAAMc,EAAWpB,EAAoBM,EAAI,QAAQ,IAAI,EACrDQ,EAAYb,EAAea,EAAWM,CAAQ,CAChD,CAEJ,OAASE,EAAO,CAMd,GAJA,QAAQ,MAAM,uCAAwCA,CAAK,EAC3DR,EAAYJ,EAAO,IAGfX,EAAa,OAAO,SAAS,MAAM,GAAKO,GAAK,SAAS,KAAM,CAC9D,MAAMc,EAAWpB,EAAoBM,EAAI,QAAQ,IAAI,EACrDQ,EAAYb,EAAea,EAAWM,CAAQ,CAChD,CACF,KACK,CAEL,MAAMF,EAAgB,OAAO,SAAS,OAChCC,EAAc,OAAO,SAAS,KAGpC,GAAIpB,EAAamB,CAAa,GAAKZ,GAAK,SAAS,KAAM,CACrD,MAAMc,EAAWpB,EAAoBM,EAAI,QAAQ,IAAI,EAC/Ce,EAAU,GAAGX,EAAO,GAAG,GAAGG,CAAiB,GAAGK,CAAa,GACjEJ,EAAY,GAAGb,EAAeoB,EAASD,CAAQ,CAAC,GAAGD,CAAW,EAChE,MACEL,EAAY,GAAGJ,EAAO,GAAG,GAAGG,CAAiB,GAAGK,CAAa,GAAGC,CAAW,EAE/E,CAGA,OAAO,SAAS,KAAOL,CACzB,EACA,CAACP,EAAQF,EAAiBC,EAAKE,EAAiBC,CAAoB,CACtE,CAE4B,CAC9B",
+  "names": ["useCallback", "generateAllLocales", "removeLocalePrefix", "hasUtmParams", "buildGeoRedirectRef", "appendRefParam", "useAutoRedirect", "options", "regions", "regionToPathMap", "geo", "locale", "checkPageExists", "checkPageApiEndpoint", "region", "isCookieRedirect", "allLocales", "pathWithoutLocale", "targetUrl", "targetLocale", "response", "pageExists", "currentSearch", "currentHash", "refValue", "baseUrl", "error"]
+}