npm - @anker-in/headless-ui - Versions diffs - 1.2.2 → 1.2.3-alpha.1778583232121 - Mend

@anker-in/headless-ui 1.2.2 → 1.2.3-alpha.1778583232121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ThreeDCarousel/ThreeDCarousel.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport type { ThreeDCarouselProps } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, EffectCoverflow } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\n\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport 'swiper/css/effect-coverflow'\n\nconst componentType = 'carousel'\nconst componentName = 'three_d_carousel'\n\nconst ChevronLeft = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon lg-desktop:scale-100 scale-[70%] text-white hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M32 20L24 28L32 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon lg-desktop:scale-100 scale-[70%] text-white hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M24 20L32 28L24 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ThreeDCarousel = React.forwardRef<HTMLDivElement, ThreeDCarouselProps>(({ data, className }, ref) => {\n  const { title, items = [] } = data\n  const cloneItems = items.length < 4 ? [...items, ...items] : items\n  const swiperRef = useRef<SwiperType | null>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [stretchValue, setStretchValue] = React.useState(180)\n  const { locale = 'us' } = useAiuiContext()\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  // \u52A8\u6001\u8BA1\u7B97 stretch \u503C\uFF0C\u8BA9\u4E09\u4E2A slide \u521A\u597D\u5360\u6EE1\u5BB9\u5668\u5BBD\u5EA6\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const updateStretch = () => {\n      const containerWidth = container.offsetWidth\n      // stretch \u4E3A\u5BB9\u5668\u5BBD\u5EA6\u7684 12.5%\uFF0C\u8BA9\u4E09\u4E2A slide (50% + 2*25%) \u521A\u597D\u5360\u6EE1\n      const newStretch = Math.round(containerWidth * 0.125)\n      setStretchValue(newStretch)\n\n      // \u66F4\u65B0 Swiper \u914D\u7F6E\n      if (swiperRef.current?.params?.coverflowEffect) {\n        swiperRef.current.params.coverflowEffect.stretch = newStretch\n        swiperRef.current.update()\n      }\n    }\n\n    // \u521D\u59CB\u5316\u8BA1\u7B97\n    updateStretch()\n\n    // \u76D1\u542C\u5BB9\u5668\u5C3A\u5BF8\u53D8\u5316\n    const resizeObserver = new ResizeObserver(updateStretch)\n    resizeObserver.observe(container)\n\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"ThreeDCarousel\"\n      className={cn('three-d-carousel laptop:overflow-hidden w-full overflow-visible', className)}\n    >\n      <Heading as=\"h1\" size={4} html={title} className=\"three-d-carousel__title laptop:text-center text-left\" />\n\n      {/* Desktop carousel with 3D effect */}\n      <div\n        ref={containerRef}\n        className=\"three-d-carousel__desktop laptop:block relative mx-auto mt-[24px] hidden w-full\"\n      >\n        <Swiper\n          onSwiper={swiper => (swiperRef.current = swiper)}\n          centeredSlides={true}\n          initialSlide={0}\n          loop\n          slidesPerView={'auto'}\n          // loopAdditionalSlides={2}\n          spaceBetween={0}\n          grabCursor\n          modules={[EffectCoverflow, Navigation]}\n          slideToClickedSlide\n          className=\"three-d-carousel__swiper rounded-box relative aspect-[1386/502] overflow-visible\"\n          effect=\"coverflow\"\n          coverflowEffect={{\n            rotate: 0,\n            stretch: stretchValue,\n            depth: 300,\n            modifier: 1,\n            slideShadows: true,\n          }}\n        >\n          {cloneItems.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide relative !w-1/2 cursor-grab overflow-hidden opacity-0 [.swiper-slide-active&]:opacity-100 [.swiper-slide-next&]:opacity-100 [.swiper-slide-prev&]:opacity-100\"\n            >\n              {({ isActive }) => (\n                <>\n                  <Picture\n                    source={item.imageUrl?.url || ''}\n                    alt={item.imageUrl?.alt || item.title}\n                    className={cn('three-d-carousel__image rounded-box mx-auto h-full overflow-hidden')}\n                    imgClassName=\"h-full object-cover\"\n                    style={{\n                      filter: isActive ? '' : 'brightness(50%) contrast(120%)',\n                    }}\n                  />\n                  <div\n                    className={cn(\n                      'three-d-carousel__image-content tablet:p-[24px] desktop:p-[32px] text-info-primary absolute left-0 top-0 flex size-full flex-col justify-end gap-1 p-[16px]',\n                      {\n                        'aiui-dark': item.theme === 'dark',\n                        'opacity-0': !isActive,\n                      }\n                    )}\n                  >\n                    <Heading as=\"h2\" size={2} html={item.title} />\n                    <Text\n                      as=\"p\"\n                      size={4}\n                      html={item.description}\n                      className=\"three-d-carousel__image-description lg-desktop:text-[18px] desktop:text-[16px] text-[14px]\"\n                    />\n                    {item.buttonText && (\n                      <a\n                        href={getLocalizedPath(item.buttonLink || '', locale)}\n                        className=\"three-d-carousel__image-link \"\n                      >\n                        <Button\n                          size=\"base\"\n                          variant=\"secondary\"\n                          className=\"three-d-carousel__image-button desktop:mt-6 mt-4\"\n                        >\n                          {item.buttonText}\n                        </Button>\n                      </a>\n                    )}\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n        <div className=\"three-d-carousel__nav-controls laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px] absolute left-1/2 top-1/2 z-20 flex w-full -translate-x-1/2 -translate-y-1/2 justify-between\">\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--prev\"\n            onClick={() => swiperRef.current?.slidePrev()}\n            aria-label=\"Previous slide\"\n          >\n            <ChevronLeft />\n          </button>\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--next\"\n            onClick={() => swiperRef.current?.slideNext()}\n            aria-label=\"Next slide\"\n          >\n            <ChevronRight />\n          </button>\n        </div>\n      </div>\n\n      {/* Mobile carousel */}\n      <div className=\"three-d-carousel__mobile laptop:hidden mt-[24px] block w-full overflow-visible\">\n        <Swiper\n          loop={true}\n          loopAdditionalSlides={1}\n          slidesPerView={'auto'}\n          spaceBetween={12}\n          grabCursor\n          className=\"three-d-carousel__swiper-mobile relative w-full !overflow-visible\"\n        >\n          {cloneItems.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide-mobile relative !h-[360px] !w-[296px] cursor-grab overflow-hidden\"\n            >\n              <Picture\n                source={item.mobImageUrl?.url || item.imageUrl?.url || ''}\n                alt={item.mobImageUrl?.alt || item.title}\n                className=\"three-d-carousel__image-mobile rounded-box mx-auto h-full overflow-hidden\"\n                imgClassName=\"h-full object-cover\"\n              />\n              <div\n                className={cn(\n                  'three-d-carousel__image-mobile-content tablet:p-[24px] desktop:p-[32px] text-info-primary absolute left-0 top-0 flex size-full flex-col justify-end gap-1 p-[16px]',\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                  }\n                )}\n              >\n                <Heading as=\"h2\" size={2} html={item.title} />\n                <Text\n                  as=\"p\"\n                  size={4}\n                  html={item.description}\n                  className=\"three-d-carousel__image-mobile-description text-[14px]\"\n                />\n                {item.buttonText && (\n                  <a\n                    href={getLocalizedPath(item.buttonLink || '', locale)}\n                    className=\"three-d-carousel__image-mobile-link \"\n                  >\n                    <Button size=\"base\" variant=\"secondary\" className=\"three-d-carousel__image-mobile-button mt-3\">\n                      {item.buttonText}\n                    </Button>\n                  </a>\n                )}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nThreeDCarousel.displayName = 'ThreeDCarousel'\n\nexport default withLayout(ThreeDCarousel, { style: 'overflow: hidden;' })\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useRef", "useImperativeHandle", "Button", "Heading", "Picture", "Text", "cn", "getLocalizedPath", "withLayout", "useExposure", "useAiuiContext", "Swiper", "SwiperSlide", "Navigation", "EffectCoverflow", "componentType", "componentName", "ChevronLeft", "ChevronRight", "ThreeDCarousel", "data", "className", "ref", "title", "items", "cloneItems", "swiperRef", "boxRef", "containerRef", "stretchValue", "setStretchValue", "locale", "container", "updateStretch", "containerWidth", "newStretch", "resizeObserver", "swiper", "item", "index", "isActive", "ThreeDCarousel_default"]
+  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { ThreeDCarouselProps } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, EffectCoverflow } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\n\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport 'swiper/css/effect-coverflow'\n\nconst componentType = 'carousel'\nconst componentName = 'three_d_carousel'\n\nconst ChevronLeft = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon lg-desktop:scale-100 scale-[70%] text-white hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M32 20L24 28L32 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon lg-desktop:scale-100 scale-[70%] text-white hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M24 20L32 28L24 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ThreeDCarousel = React.forwardRef<HTMLDivElement, ThreeDCarouselProps>(({ data, className }, ref) => {\n  const { title, items = [] } = data\n  const cloneItems = items.length < 4 ? [...items, ...items] : items\n  const swiperRef = useRef<SwiperType | null>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [stretchValue, setStretchValue] = React.useState(180)\n  const { locale = 'us', trackingData } = useAiuiContext()\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  // \u52A8\u6001\u8BA1\u7B97 stretch \u503C\uFF0C\u8BA9\u4E09\u4E2A slide \u521A\u597D\u5360\u6EE1\u5BB9\u5668\u5BBD\u5EA6\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const updateStretch = () => {\n      const containerWidth = container.offsetWidth\n      // stretch \u4E3A\u5BB9\u5668\u5BBD\u5EA6\u7684 12.5%\uFF0C\u8BA9\u4E09\u4E2A slide (50% + 2*25%) \u521A\u597D\u5360\u6EE1\n      const newStretch = Math.round(containerWidth * 0.125)\n      setStretchValue(newStretch)\n\n      // \u66F4\u65B0 Swiper \u914D\u7F6E\n      if (swiperRef.current?.params?.coverflowEffect) {\n        swiperRef.current.params.coverflowEffect.stretch = newStretch\n        swiperRef.current.update()\n      }\n    }\n\n    // \u521D\u59CB\u5316\u8BA1\u7B97\n    updateStretch()\n\n    // \u76D1\u542C\u5BB9\u5668\u5C3A\u5BF8\u53D8\u5316\n    const resizeObserver = new ResizeObserver(updateStretch)\n    resizeObserver.observe(container)\n\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"ThreeDCarousel\"\n      className={cn('three-d-carousel laptop:overflow-hidden w-full overflow-visible', className)}\n    >\n      <Heading as=\"h1\" size={4} html={title} className=\"three-d-carousel__title laptop:text-center text-left\" />\n\n      {/* Desktop carousel with 3D effect */}\n      <div\n        ref={containerRef}\n        className=\"three-d-carousel__desktop laptop:block relative mx-auto mt-[24px] hidden w-full\"\n      >\n        <Swiper\n          onSwiper={swiper => (swiperRef.current = swiper)}\n          centeredSlides={true}\n          initialSlide={0}\n          loop\n          slidesPerView={'auto'}\n          // loopAdditionalSlides={2}\n          spaceBetween={0}\n          grabCursor\n          modules={[EffectCoverflow, Navigation]}\n          slideToClickedSlide\n          className=\"three-d-carousel__swiper rounded-box relative aspect-[1386/502] overflow-visible\"\n          effect=\"coverflow\"\n          coverflowEffect={{\n            rotate: 0,\n            stretch: stretchValue,\n            depth: 300,\n            modifier: 1,\n            slideShadows: true,\n          }}\n        >\n          {cloneItems.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide relative !w-1/2 cursor-grab overflow-hidden opacity-0 [.swiper-slide-active&]:opacity-100 [.swiper-slide-next&]:opacity-100 [.swiper-slide-prev&]:opacity-100\"\n            >\n              {({ isActive }) => (\n                <>\n                  <Picture\n                    source={item.imageUrl?.url || ''}\n                    alt={item.imageUrl?.alt || item.title}\n                    className={cn('three-d-carousel__image rounded-box mx-auto h-full overflow-hidden')}\n                    imgClassName=\"h-full object-cover\"\n                    style={{\n                      filter: isActive ? '' : 'brightness(50%) contrast(120%)',\n                    }}\n                  />\n                  <div\n                    className={cn(\n                      'three-d-carousel__image-content tablet:p-[24px] desktop:p-[32px] text-info-primary absolute left-0 top-0 flex size-full flex-col justify-end gap-1 p-[16px]',\n                      {\n                        'aiui-dark': item.theme === 'dark',\n                        'opacity-0': !isActive,\n                      }\n                    )}\n                  >\n                    <Heading as=\"h2\" size={2} html={item.title} />\n                    <Text\n                      as=\"p\"\n                      size={4}\n                      html={item.description}\n                      className=\"three-d-carousel__image-description lg-desktop:text-[18px] desktop:text-[16px] text-[14px]\"\n                    />\n                    {item.buttonText && (\n                      <a\n                        href={trackUrlRef(\n                          getLocalizedPath(item.buttonLink || '', locale),\n                          `${trackingData?.contextHandle || ''}_${componentType}_${componentName}`\n                        )}\n                        className=\"three-d-carousel__image-link \"\n                      >\n                        <Button\n                          size=\"base\"\n                          variant=\"secondary\"\n                          className=\"three-d-carousel__image-button desktop:mt-6 mt-4\"\n                        >\n                          {item.buttonText}\n                        </Button>\n                      </a>\n                    )}\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n        <div className=\"three-d-carousel__nav-controls laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px] absolute left-1/2 top-1/2 z-20 flex w-full -translate-x-1/2 -translate-y-1/2 justify-between\">\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--prev\"\n            onClick={() => swiperRef.current?.slidePrev()}\n            aria-label=\"Previous slide\"\n          >\n            <ChevronLeft />\n          </button>\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--next\"\n            onClick={() => swiperRef.current?.slideNext()}\n            aria-label=\"Next slide\"\n          >\n            <ChevronRight />\n          </button>\n        </div>\n      </div>\n\n      {/* Mobile carousel */}\n      <div className=\"three-d-carousel__mobile laptop:hidden mt-[24px] block w-full overflow-visible\">\n        <Swiper\n          loop={true}\n          loopAdditionalSlides={1}\n          slidesPerView={'auto'}\n          spaceBetween={12}\n          grabCursor\n          className=\"three-d-carousel__swiper-mobile relative w-full !overflow-visible\"\n        >\n          {cloneItems.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide-mobile relative !h-[360px] !w-[296px] cursor-grab overflow-hidden\"\n            >\n              <Picture\n                source={item.mobImageUrl?.url || item.imageUrl?.url || ''}\n                alt={item.mobImageUrl?.alt || item.title}\n                className=\"three-d-carousel__image-mobile rounded-box mx-auto h-full overflow-hidden\"\n                imgClassName=\"h-full object-cover\"\n              />\n              <div\n                className={cn(\n                  'three-d-carousel__image-mobile-content tablet:p-[24px] desktop:p-[32px] text-info-primary absolute left-0 top-0 flex size-full flex-col justify-end gap-1 p-[16px]',\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                  }\n                )}\n              >\n                <Heading as=\"h2\" size={2} html={item.title} />\n                <Text\n                  as=\"p\"\n                  size={4}\n                  html={item.description}\n                  className=\"three-d-carousel__image-mobile-description text-[14px]\"\n                />\n                {item.buttonText && (\n                  <a\n                    href={trackUrlRef(\n                      getLocalizedPath(item.buttonLink || '', locale),\n                      `${trackingData?.contextHandle || ''}_${componentType}_${componentName}`\n                    )}\n                    className=\"three-d-carousel__image-mobile-link \"\n                  >\n                    <Button size=\"base\" variant=\"secondary\" className=\"three-d-carousel__image-mobile-button mt-3\">\n                      {item.buttonText}\n                    </Button>\n                  </a>\n                )}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nThreeDCarousel.displayName = 'ThreeDCarousel'\n\nexport default withLayout(ThreeDCarousel, { style: 'overflow: hidden;' })\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useRef", "useImperativeHandle", "Button", "Heading", "Picture", "Text", "cn", "getLocalizedPath", "withLayout", "useExposure", "useAiuiContext", "trackUrlRef", "Swiper", "SwiperSlide", "Navigation", "EffectCoverflow", "componentType", "componentName", "ChevronLeft", "ChevronRight", "ThreeDCarousel", "data", "className", "ref", "title", "items", "cloneItems", "swiperRef", "boxRef", "containerRef", "stretchValue", "setStretchValue", "locale", "trackingData", "container", "updateStretch", "containerWidth", "newStretch", "resizeObserver", "swiper", "item", "index", "isActive", "ThreeDCarousel_default"]
 }

package/dist/esm/biz-components/Title/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as n,jsxs as T}from"react/jsx-runtime";import rt,{useEffect as st,useRef as h,useImperativeHandle as at,useState as lt}from"react";import{gsap as k}from"gsap";import{SplitText as z}from"gsap/dist/SplitText";import{ScrollTrigger as R}from"gsap/dist/ScrollTrigger";import{cn as i}from"../../helpers/utils.js";import{cva as N}from"class-variance-authority";import{Heading as dt,Text as P,Countdown as ct}from"../../components/index.js";import{withLayout as ut}from"../../shared/Styles.js";import{trackUrlRef as mt}from"../../shared/trackUrlRef.js";import{useInView as pt}from"react-intersection-observer";const S="link",V="title",ft=N("",{variants:{theme:{light:"text-[#080A0F]",dark:"text-[#F5F6F7]"}},defaultVariants:{theme:"light"}}),ht=N("desktop:text-base desktop:mt-2 lg-desktop:text-[18px] mt-1 text-[14px] font-bold leading-[1.4] tracking-[-0.36px]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-[#F5F6F7]"}},defaultVariants:{theme:"light"}}),$=({data:a,onClick:m,className:e})=>{const{theme:o="light",extensions:r,title:g,caption:x,align:p}=a;if(!r?.textLink)return null;const l=r?.link?mt(r.link,`${S}_${V}`):void 0;return T("a",{className:i({"aiui-dark":o==="dark"},"hover:text-brand-0 [&_svg_path]:hover:fill-brand-0 lg-desktop:text-base flex cursor-pointer items-center overflow-hidden text-sm font-[700] leading-[1.4] transition-all duration-[0.4s]",{"text-[#080A0F]":o==="light"},{"text-[#F5F6F7]":o==="dark"},{"justify-center mt-4":p==="center"},{"mt-1 laptop:mt-0":p==="left"},e),...l?{href:l}:{},"data-headless-type-name":`${S}#${V}`,"data-headless-title-desc-button":`${g}#${x}`,...m?{onClick:m}:{},children:[n("div",{className:"truncate whitespace-nowrap",children:r?.textLink}),n("div",{className:"lg-desktop:size-5 size-4",children:n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M5.52827 3.52864C5.78862 3.26829 6.21063 3.26829 6.47098 3.52864L10.471 7.52864C10.7313 7.78899 10.7313 8.21099 10.471 8.47134L6.47098 12.4713C6.21063 12.7317 5.78862 12.7317 5.52827 12.4713C5.26792 12.211 5.26792 11.789 5.52827 11.5286L9.05692 7.99999L5.52827 4.47134C5.26792 4.21099 5.26792 3.78899 5.52827 3.52864Z",fill:o==="dark"?"#F5F6F7":"#080A0F",className:"transition-all duration-[0.4s]"})})})]})},A=rt.forwardRef(({data:a,className:m,classNames:e,as:o="h2",weight:r="bold",onButtonClick:g,...x},p)=>{const{title:l,titleSize:B=4,caption:y,subtitle:F,content:H,countdown:t,showCountdown:_=!1,theme:f="light",extensions:I,align:d="left"}=a,L=h(null),c=h(null),s=h(null),u=h(null),[j,O]=lt(!0),{ref:U,inView:D}=pt();at(p,()=>L.current);const W=()=>{O(!1)},Z=t?.targetDateTime||t?.targetDate||"",q=t?.targetDateTime_tz,G=t?.labels?{day:t.labels.days||"Day",hour:t.labels.hours||"Hours",minute:t.labels.minutes||"Mins",second:t.labels.seconds||"Secs"}:void 0;return st(()=>{k.registerPlugin(z,R);function J(){if(!c.current)return;const K=c.current?.clientHeight||80;s.current&&s.current.revert(),u.current&&u.current.kill(),s.current=new z(c.current,{type:"words",wordsClass:"word"});const w=s.current.words;k.set(w,{opacity:0}),u.current=R.create({trigger:c.current,start:"bottom bottom-=4%",end:`bottom+=${K*1.5+60}px bottom-=4%`,scrub:!0,invalidateOnRefresh:!0,onUpdate:Q=>{const X=Q.progress,M=w.length||1,Y=.5,b=1/M,C=b*(1-Y),E=(M-1)*C+b,tt=Math.min(1,E>0?X/E:0);w.forEach((et,nt)=>{const it=nt*C,ot=b;let v=(tt-it)/ot;v=Math.max(0,Math.min(1,v)),k.set(et,{opacity:v})})}})}return D&&J(),()=>{s.current&&s.current.revert(),u.current&&u.current.kill()}},[D]),T("div",{...x,id:I?.id,className:i("titleBottom title-box flex items-end justify-between gap-2 pb-6",m,e?.wrapper),ref:L,children:[T("div",{ref:U,className:i("flex-1",e?.container,{"aiui-dark":f==="dark","text-center":d==="center","text-left":d==="left"}),children:[(y||l)&&n(dt,{ref:c,as:o,size:B,html:y||l,weight:r,className:i(ft({theme:f}),e?.title)}),F&&n(P,{html:F,as:"p",className:i(ht({theme:f}),e?.subtitle)}),H&&n(P,{html:H,as:"div",size:4,className:i("title-content text-info-primary desktop:text-base desktop:mt-4 lg-desktop:text-[18px] mt-2 text-[14px] leading-[1.6]",e?.content)}),n($,{data:a,className:i({"laptop:hidden":d==="left"},e?.button)}),_&&t&&j&&n(ct,{endDate:Z,endDate_tz:q,timeLabels:G,showDays:t?.showDays,showHours:t?.showHours,showMinutes:t?.showMinutes,showSeconds:t?.showSeconds,theme:f,onExpire:W,hideWhenExpired:!0,align:d==="center"?"center":"left",className:i("mt-4",e?.countdown)})]}),n($,{data:a,className:i("hidden",{"laptop:flex":d==="left"},e?.button),onClick:g})]})});A.displayName="Title";var Lt=ut(A);export{Lt as default};
+"use client";import{jsx as n,jsxs as E}from"react/jsx-runtime";import st,{useEffect as at,useRef as g,useImperativeHandle as lt,useState as ct}from"react";import{gsap as F}from"gsap";import{SplitText as S}from"gsap/dist/SplitText";import{ScrollTrigger as V}from"gsap/dist/ScrollTrigger";import{cn as o,extractLexicalText as L}from"../../helpers/index.js";import{cva as $}from"class-variance-authority";import{Heading as dt,Text as A,Countdown as ut}from"../../components/index.js";import{withLayout as mt}from"../../shared/Styles.js";import{useExposure as pt}from"../../hooks/useExposure.js";import{trackUrlRef as ft}from"../../shared/trackUrlRef.js";import{useAiuiContext as ht}from"../AiuiProvider/index.js";import{useInView as gt}from"react-intersection-observer";const D="link",C="title",xt=$("",{variants:{theme:{light:"text-[#080A0F]",dark:"text-[#F5F6F7]"}},defaultVariants:{theme:"light"}}),wt=$("desktop:text-base desktop:mt-2 lg-desktop:text-[18px] mt-1 text-[14px] font-bold leading-[1.4] tracking-[-0.36px]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-[#F5F6F7]"}},defaultVariants:{theme:"light"}}),_=({data:l,onClick:p,className:e})=>{const{theme:i="light",extensions:r,title:x,caption:w,align:f}=l,{trackingData:c}=ht(),b=c?.contextHandle||"";if(!r?.textLink)return null;const s=r?.link?ft(r.link,`${b}_${D}_${C}`):void 0;return E("a",{className:o({"aiui-dark":i==="dark"},"hover:text-brand-0 [&_svg_path]:hover:fill-brand-0 lg-desktop:text-base flex cursor-pointer items-center overflow-hidden text-sm font-[700] leading-[1.4] transition-all duration-[0.4s]",{"text-[#080A0F]":i==="light"},{"text-[#F5F6F7]":i==="dark"},{"justify-center mt-4":f==="center"},{"mt-1 laptop:mt-0":f==="left"},e),...s?{href:s}:{},"data-headless-type-name":`${D}#${C}`,"data-headless-title-desc-button":`${x}#${w}`,...p?{onClick:p}:{},children:[n("div",{className:"truncate whitespace-nowrap",children:r?.textLink}),n("div",{className:"lg-desktop:size-5 size-4",children:n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M5.52827 3.52864C5.78862 3.26829 6.21063 3.26829 6.47098 3.52864L10.471 7.52864C10.7313 7.78899 10.7313 8.21099 10.471 8.47134L6.47098 12.4713C6.21063 12.7317 5.78862 12.7317 5.52827 12.4713C5.26792 12.211 5.26792 11.789 5.52827 11.5286L9.05692 7.99999L5.52827 4.47134C5.26792 4.21099 5.26792 3.78899 5.52827 3.52864Z",fill:i==="dark"?"#F5F6F7":"#080A0F",className:"transition-all duration-[0.4s]"})})})]})},B=st.forwardRef(({data:l,className:p,classNames:e,as:i="h2",weight:r="bold",onButtonClick:x,...w},f)=>{const{title:c,titleSize:b=4,caption:s,subtitle:v,content:M,countdown:t,showCountdown:I=!1,theme:h="light",extensions:j,align:d="left"}=l,k=g(null),u=g(null),a=g(null),m=g(null),[O,U]=ct(!0),{ref:W,inView:z}=gt();lt(f,()=>k.current),pt(k,{componentType:D,componentName:C,componentTitle:L(s)||L(c)||"",componentDescription:L(v)||""});const Z=()=>{U(!1)},q=t?.targetDateTime||t?.targetDate||"",G=t?.targetDateTime_tz,J=t?.labels?{day:t.labels.days||"Day",hour:t.labels.hours||"Hours",minute:t.labels.minutes||"Mins",second:t.labels.seconds||"Secs"}:void 0;return at(()=>{F.registerPlugin(S,V);function K(){if(!u.current)return;const Q=u.current?.clientHeight||80;a.current&&a.current.revert(),m.current&&m.current.kill(),a.current=new S(u.current,{type:"words",wordsClass:"word"});const T=a.current.words;F.set(T,{opacity:0}),m.current=V.create({trigger:u.current,start:"bottom bottom-=4%",end:`bottom+=${Q*1.5+60}px bottom-=4%`,scrub:!0,invalidateOnRefresh:!0,onUpdate:X=>{const Y=X.progress,R=T.length||1,tt=.5,y=1/R,N=y*(1-tt),P=(R-1)*N+y,et=Math.min(1,P>0?Y/P:0);T.forEach((nt,ot)=>{const it=ot*N,rt=y;let H=(et-it)/rt;H=Math.max(0,Math.min(1,H)),F.set(nt,{opacity:H})})}})}return z&&K(),()=>{a.current&&a.current.revert(),m.current&&m.current.kill()}},[z]),E("div",{...w,id:j?.id,className:o("titleBottom title-box flex items-end justify-between gap-2 pb-6",p,e?.wrapper),ref:k,children:[E("div",{ref:W,className:o("flex-1",e?.container,{"aiui-dark":h==="dark","text-center":d==="center","text-left":d==="left"}),children:[(s||c)&&n(dt,{ref:u,as:i,size:b,html:s||c,weight:r,className:o(xt({theme:h}),e?.title)}),v&&n(A,{html:v,as:"p",className:o(wt({theme:h}),e?.subtitle)}),M&&n(A,{html:M,as:"div",size:4,className:o("title-content text-info-primary desktop:text-base desktop:mt-4 lg-desktop:text-[18px] mt-2 text-[14px] leading-[1.6]",e?.content)}),n(_,{data:l,className:o({"laptop:hidden":d==="left"},e?.button)}),I&&t&&O&&n(ut,{endDate:q,endDate_tz:G,timeLabels:J,showDays:t?.showDays,showHours:t?.showHours,showMinutes:t?.showMinutes,showSeconds:t?.showSeconds,theme:h,onExpire:Z,hideWhenExpired:!0,align:d==="center"?"center":"left",className:o("mt-4",e?.countdown)})]}),n(_,{data:l,className:o("hidden",{"laptop:flex":d==="left"},e?.button),onClick:x})]})});B.displayName="Title";var zt=mt(B);export{zt as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Title/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Title/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useEffect, useRef, useImperativeHandle, useState } from 'react'\nimport { gsap } from 'gsap'\nimport { SplitText } from 'gsap/dist/SplitText'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { cn } from '../../helpers/utils.js'\nimport { cva } from 'class-variance-authority'\nimport { Heading, Text, Countdown, type HeadingProps } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { TitlePropsBase } from './types.js'\n\nexport interface TitleProps extends TitlePropsBase, Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'title'> {}\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useInView } from 'react-intersection-observer'\n\nconst componentType = 'link'\nconst componentName = 'title'\n\n/**\n * \u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst titleHeadingVariants = cva('', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-[#F5F6F7]',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * \u526F\u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst subtitleVariants = cva(\n  'desktop:text-base desktop:mt-2 lg-desktop:text-[18px] mt-1 text-[14px] font-bold leading-[1.4] tracking-[-0.36px]',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#080A0F]',\n        dark: 'text-[#F5F6F7]',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nconst TitleButton = ({\n  data,\n  onClick,\n  className,\n}: {\n  data: TitleProps['data']\n  onClick?: () => void\n  className?: string\n}) => {\n  const { theme = 'light', extensions, title, caption, align } = data\n  if (!extensions?.textLink) return null\n\n  const href = extensions?.link ? trackUrlRef(extensions.link, `${componentType}_${componentName}`) : undefined\n\n  return (\n    <a\n      className={cn(\n        { 'aiui-dark': theme === 'dark' },\n        'hover:text-brand-0 [&_svg_path]:hover:fill-brand-0 lg-desktop:text-base flex cursor-pointer items-center overflow-hidden text-sm font-[700] leading-[1.4] transition-all duration-[0.4s]',\n        { 'text-[#080A0F]': theme === 'light' },\n        { 'text-[#F5F6F7]': theme === 'dark' },\n        { 'justify-center mt-4': align === 'center' },\n        { 'mt-1 laptop:mt-0': align === 'left' },\n        className\n      )}\n      {...(href ? { href } : {})}\n      data-headless-type-name={`${componentType}#${componentName}`}\n      data-headless-title-desc-button={`${title}#${caption}`}\n      {...(onClick ? { onClick } : {})}\n    >\n      <div className=\"truncate whitespace-nowrap\">{extensions?.textLink}</div>\n      <div className=\"lg-desktop:size-5 size-4\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M5.52827 3.52864C5.78862 3.26829 6.21063 3.26829 6.47098 3.52864L10.471 7.52864C10.7313 7.78899 10.7313 8.21099 10.471 8.47134L6.47098 12.4713C6.21063 12.7317 5.78862 12.7317 5.52827 12.4713C5.26792 12.211 5.26792 11.789 5.52827 11.5286L9.05692 7.99999L5.52827 4.47134C5.26792 4.21099 5.26792 3.78899 5.52827 3.52864Z\"\n            fill={theme === 'dark' ? '#F5F6F7' : '#080A0F'}\n            className=\"transition-all duration-[0.4s]\"\n          />\n        </svg>\n      </div>\n    </a>\n  )\n}\n\nconst Title = React.forwardRef<HTMLDivElement, TitleProps>(\n  ({ data, className, classNames, as = 'h2', weight = 'bold', onButtonClick, ...rest }, ref) => {\n    const {\n      title,\n      titleSize = 4,\n      caption,\n      subtitle,\n      content,\n      countdown,\n      showCountdown = false,\n      theme = 'light',\n      extensions,\n      align = 'left',\n    } = data\n    const innerRef = useRef<HTMLDivElement>(null)\n    const titleRef = useRef<HTMLHeadingElement>(null)\n    const splitTextInstance = useRef<SplitText | null>(null)\n    const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n\n    // \u63A7\u5236\u5012\u8BA1\u65F6\u663E\u793A\u72B6\u6001\n    const [isCountdownVisible, setIsCountdownVisible] = useState(true)\n\n    const { ref: inViewRef, inView } = useInView()\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    // \u5012\u8BA1\u65F6\u7ED3\u675F\u56DE\u8C03\n    const handleCountdownEnd = () => {\n      setIsCountdownVisible(false)\n    }\n\n    // CMS field mapping: new targetDateTime > legacy targetDate\n    const countdownEndDate = countdown?.targetDateTime || countdown?.targetDate || ''\n    const countdownTz = countdown?.targetDateTime_tz\n    // Label mapping: plural keys (Title CMS format) \u2192 atomic Countdown format\n    const countdownLabels = countdown?.labels\n      ? {\n          day: countdown.labels.days || 'Day',\n          hour: countdown.labels.hours || 'Hours',\n          minute: countdown.labels.minutes || 'Mins',\n          second: countdown.labels.seconds || 'Secs',\n        }\n      : undefined\n\n    useEffect(() => {\n      gsap.registerPlugin(SplitText, ScrollTrigger)\n      function gsapResize() {\n        if (!titleRef.current) return\n        const height = titleRef.current?.clientHeight || 80\n        if (splitTextInstance.current) {\n          splitTextInstance.current.revert()\n        }\n        if (scrollTriggerRef.current) {\n          scrollTriggerRef.current.kill()\n        }\n        splitTextInstance.current = new SplitText(titleRef.current, {\n          type: 'words',\n          wordsClass: 'word',\n        })\n        const words = splitTextInstance.current.words\n        gsap.set(words, { opacity: 0 })\n        scrollTriggerRef.current = ScrollTrigger.create({\n          trigger: titleRef.current,\n          start: 'bottom bottom-=4%',\n          end: `bottom+=${height * 1.5 + 60}px bottom-=4%`,\n          scrub: true,\n          invalidateOnRefresh: true,\n          onUpdate: (self: any) => {\n            const progress = self.progress\n            const total = words.length || 1\n            const overlap = 0.5\n            const interval = 1 / total\n            const step = interval * (1 - overlap)\n            const lastEnd = (total - 1) * step + interval\n            const normalizedProgress = Math.min(1, lastEnd > 0 ? progress / lastEnd : 0)\n            words.forEach((word: any, i: number) => {\n              const start = i * step\n              const width = interval\n              let opacity = (normalizedProgress - start) / width\n              opacity = Math.max(0, Math.min(1, opacity))\n              gsap.set(word, { opacity })\n            })\n          },\n        })\n      }\n\n      if (inView) {\n        gsapResize()\n      }\n\n      return () => {\n        splitTextInstance.current && splitTextInstance.current.revert()\n        // ScrollTrigger.getAll().forEach((t: { kill: () => any }) => t.kill())\n        scrollTriggerRef.current && scrollTriggerRef.current.kill()\n      }\n    }, [inView])\n\n    return (\n      <div\n        {...rest}\n        id={extensions?.id}\n        className={cn(\n          'titleBottom title-box flex items-end justify-between gap-2 pb-6',\n          className,\n          classNames?.wrapper\n        )}\n        ref={innerRef}\n      >\n        <div\n          ref={inViewRef}\n          className={cn('flex-1', classNames?.container, {\n            'aiui-dark': theme === 'dark',\n            'text-center': align === 'center',\n            'text-left': align === 'left',\n          })}\n        >\n          {(caption || title) && (\n            <Heading\n              ref={titleRef}\n              as={as}\n              size={titleSize as HeadingProps['size']}\n              html={caption || title}\n              weight={weight}\n              className={cn(titleHeadingVariants({ theme }), classNames?.title)}\n            />\n          )}\n          {subtitle && (\n            <Text html={subtitle} as=\"p\" className={cn(subtitleVariants({ theme }), classNames?.subtitle)} />\n          )}\n          {content && (\n            <Text\n              html={content}\n              as=\"div\"\n              size={4}\n              className={cn(\n                'title-content text-info-primary desktop:text-base desktop:mt-4 lg-desktop:text-[18px] mt-2 text-[14px] leading-[1.6]',\n                classNames?.content\n              )}\n            />\n          )}\n          <TitleButton data={data} className={cn({ 'laptop:hidden': align === 'left' }, classNames?.button)} />\n          {showCountdown && countdown && isCountdownVisible && (\n            <Countdown\n              endDate={countdownEndDate}\n              endDate_tz={countdownTz}\n              timeLabels={countdownLabels}\n              showDays={countdown?.showDays}\n              showHours={countdown?.showHours}\n              showMinutes={countdown?.showMinutes}\n              showSeconds={countdown?.showSeconds}\n              theme={theme}\n              onExpire={handleCountdownEnd}\n              hideWhenExpired={true}\n              align={align === 'center' ? 'center' : 'left'}\n              className={cn('mt-4', classNames?.countdown)}\n            />\n          )}\n        </div>\n        <TitleButton\n          data={data}\n          className={cn('hidden', { ['laptop:flex']: align === 'left' }, classNames?.button)}\n          onClick={onButtonClick}\n        />\n      </div>\n    )\n  }\n)\n\nTitle.displayName = 'Title'\n\nexport default withLayout(Title)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useEffect", "useRef", "useImperativeHandle", "useState", "gsap", "SplitText", "ScrollTrigger", "cn", "cva", "Heading", "Text", "Countdown", "withLayout", "trackUrlRef", "useInView", "componentType", "componentName", "titleHeadingVariants", "subtitleVariants", "TitleButton", "data", "onClick", "className", "theme", "extensions", "title", "caption", "align", "href", "Title", "classNames", "as", "weight", "onButtonClick", "rest", "ref", "titleSize", "subtitle", "content", "countdown", "showCountdown", "innerRef", "titleRef", "splitTextInstance", "scrollTriggerRef", "isCountdownVisible", "setIsCountdownVisible", "inViewRef", "inView", "handleCountdownEnd", "countdownEndDate", "countdownTz", "countdownLabels", "gsapResize", "height", "words", "self", "progress", "total", "overlap", "interval", "step", "lastEnd", "normalizedProgress", "word", "i", "start", "width", "opacity", "Title_default"]
+  "sourcesContent": ["'use client'\nimport React, { useEffect, useRef, useImperativeHandle, useState } from 'react'\nimport { gsap } from 'gsap'\nimport { SplitText } from 'gsap/dist/SplitText'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { cn, extractLexicalText } from '../../helpers/index.js'\nimport { cva } from 'class-variance-authority'\nimport { Heading, Text, Countdown, type HeadingProps } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { TitlePropsBase } from './types.js'\n\nexport interface TitleProps extends TitlePropsBase, Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'title'> {}\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useInView } from 'react-intersection-observer'\n\nconst componentType = 'link'\nconst componentName = 'title'\n\n/**\n * \u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst titleHeadingVariants = cva('', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-[#F5F6F7]',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * \u526F\u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst subtitleVariants = cva(\n  'desktop:text-base desktop:mt-2 lg-desktop:text-[18px] mt-1 text-[14px] font-bold leading-[1.4] tracking-[-0.36px]',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#080A0F]',\n        dark: 'text-[#F5F6F7]',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nconst TitleButton = ({\n  data,\n  onClick,\n  className,\n}: {\n  data: TitleProps['data']\n  onClick?: () => void\n  className?: string\n}) => {\n  const { theme = 'light', extensions, title, caption, align } = data\n  const { trackingData } = useAiuiContext()\n  const contextHandle = trackingData?.contextHandle || ''\n  if (!extensions?.textLink) return null\n\n  const href = extensions?.link\n    ? trackUrlRef(extensions.link, `${contextHandle}_${componentType}_${componentName}`)\n    : undefined\n\n  return (\n    <a\n      className={cn(\n        { 'aiui-dark': theme === 'dark' },\n        'hover:text-brand-0 [&_svg_path]:hover:fill-brand-0 lg-desktop:text-base flex cursor-pointer items-center overflow-hidden text-sm font-[700] leading-[1.4] transition-all duration-[0.4s]',\n        { 'text-[#080A0F]': theme === 'light' },\n        { 'text-[#F5F6F7]': theme === 'dark' },\n        { 'justify-center mt-4': align === 'center' },\n        { 'mt-1 laptop:mt-0': align === 'left' },\n        className\n      )}\n      {...(href ? { href } : {})}\n      data-headless-type-name={`${componentType}#${componentName}`}\n      data-headless-title-desc-button={`${title}#${caption}`}\n      {...(onClick ? { onClick } : {})}\n    >\n      <div className=\"truncate whitespace-nowrap\">{extensions?.textLink}</div>\n      <div className=\"lg-desktop:size-5 size-4\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M5.52827 3.52864C5.78862 3.26829 6.21063 3.26829 6.47098 3.52864L10.471 7.52864C10.7313 7.78899 10.7313 8.21099 10.471 8.47134L6.47098 12.4713C6.21063 12.7317 5.78862 12.7317 5.52827 12.4713C5.26792 12.211 5.26792 11.789 5.52827 11.5286L9.05692 7.99999L5.52827 4.47134C5.26792 4.21099 5.26792 3.78899 5.52827 3.52864Z\"\n            fill={theme === 'dark' ? '#F5F6F7' : '#080A0F'}\n            className=\"transition-all duration-[0.4s]\"\n          />\n        </svg>\n      </div>\n    </a>\n  )\n}\n\nconst Title = React.forwardRef<HTMLDivElement, TitleProps>(\n  ({ data, className, classNames, as = 'h2', weight = 'bold', onButtonClick, ...rest }, ref) => {\n    const {\n      title,\n      titleSize = 4,\n      caption,\n      subtitle,\n      content,\n      countdown,\n      showCountdown = false,\n      theme = 'light',\n      extensions,\n      align = 'left',\n    } = data\n    const innerRef = useRef<HTMLDivElement>(null)\n    const titleRef = useRef<HTMLHeadingElement>(null)\n    const splitTextInstance = useRef<SplitText | null>(null)\n    const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n\n    // \u63A7\u5236\u5012\u8BA1\u65F6\u663E\u793A\u72B6\u6001\n    const [isCountdownVisible, setIsCountdownVisible] = useState(true)\n\n    const { ref: inViewRef, inView } = useInView()\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    // \u66DD\u5149\u57CB\u70B9\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n      componentTitle: extractLexicalText(caption) || extractLexicalText(title) || '',\n      componentDescription: extractLexicalText(subtitle) || '',\n    })\n\n    // \u5012\u8BA1\u65F6\u7ED3\u675F\u56DE\u8C03\n    const handleCountdownEnd = () => {\n      setIsCountdownVisible(false)\n    }\n\n    // CMS field mapping: new targetDateTime > legacy targetDate\n    const countdownEndDate = countdown?.targetDateTime || countdown?.targetDate || ''\n    const countdownTz = countdown?.targetDateTime_tz\n    // Label mapping: plural keys (Title CMS format) \u2192 atomic Countdown format\n    const countdownLabels = countdown?.labels\n      ? {\n          day: countdown.labels.days || 'Day',\n          hour: countdown.labels.hours || 'Hours',\n          minute: countdown.labels.minutes || 'Mins',\n          second: countdown.labels.seconds || 'Secs',\n        }\n      : undefined\n\n    useEffect(() => {\n      gsap.registerPlugin(SplitText, ScrollTrigger)\n      function gsapResize() {\n        if (!titleRef.current) return\n        const height = titleRef.current?.clientHeight || 80\n        if (splitTextInstance.current) {\n          splitTextInstance.current.revert()\n        }\n        if (scrollTriggerRef.current) {\n          scrollTriggerRef.current.kill()\n        }\n        splitTextInstance.current = new SplitText(titleRef.current, {\n          type: 'words',\n          wordsClass: 'word',\n        })\n        const words = splitTextInstance.current.words\n        gsap.set(words, { opacity: 0 })\n        scrollTriggerRef.current = ScrollTrigger.create({\n          trigger: titleRef.current,\n          start: 'bottom bottom-=4%',\n          end: `bottom+=${height * 1.5 + 60}px bottom-=4%`,\n          scrub: true,\n          invalidateOnRefresh: true,\n          onUpdate: (self: any) => {\n            const progress = self.progress\n            const total = words.length || 1\n            const overlap = 0.5\n            const interval = 1 / total\n            const step = interval * (1 - overlap)\n            const lastEnd = (total - 1) * step + interval\n            const normalizedProgress = Math.min(1, lastEnd > 0 ? progress / lastEnd : 0)\n            words.forEach((word: any, i: number) => {\n              const start = i * step\n              const width = interval\n              let opacity = (normalizedProgress - start) / width\n              opacity = Math.max(0, Math.min(1, opacity))\n              gsap.set(word, { opacity })\n            })\n          },\n        })\n      }\n\n      if (inView) {\n        gsapResize()\n      }\n\n      return () => {\n        splitTextInstance.current && splitTextInstance.current.revert()\n        // ScrollTrigger.getAll().forEach((t: { kill: () => any }) => t.kill())\n        scrollTriggerRef.current && scrollTriggerRef.current.kill()\n      }\n    }, [inView])\n\n    return (\n      <div\n        {...rest}\n        id={extensions?.id}\n        className={cn(\n          'titleBottom title-box flex items-end justify-between gap-2 pb-6',\n          className,\n          classNames?.wrapper\n        )}\n        ref={innerRef}\n      >\n        <div\n          ref={inViewRef}\n          className={cn('flex-1', classNames?.container, {\n            'aiui-dark': theme === 'dark',\n            'text-center': align === 'center',\n            'text-left': align === 'left',\n          })}\n        >\n          {(caption || title) && (\n            <Heading\n              ref={titleRef}\n              as={as}\n              size={titleSize as HeadingProps['size']}\n              html={caption || title}\n              weight={weight}\n              className={cn(titleHeadingVariants({ theme }), classNames?.title)}\n            />\n          )}\n          {subtitle && (\n            <Text html={subtitle} as=\"p\" className={cn(subtitleVariants({ theme }), classNames?.subtitle)} />\n          )}\n          {content && (\n            <Text\n              html={content}\n              as=\"div\"\n              size={4}\n              className={cn(\n                'title-content text-info-primary desktop:text-base desktop:mt-4 lg-desktop:text-[18px] mt-2 text-[14px] leading-[1.6]',\n                classNames?.content\n              )}\n            />\n          )}\n          <TitleButton data={data} className={cn({ 'laptop:hidden': align === 'left' }, classNames?.button)} />\n          {showCountdown && countdown && isCountdownVisible && (\n            <Countdown\n              endDate={countdownEndDate}\n              endDate_tz={countdownTz}\n              timeLabels={countdownLabels}\n              showDays={countdown?.showDays}\n              showHours={countdown?.showHours}\n              showMinutes={countdown?.showMinutes}\n              showSeconds={countdown?.showSeconds}\n              theme={theme}\n              onExpire={handleCountdownEnd}\n              hideWhenExpired={true}\n              align={align === 'center' ? 'center' : 'left'}\n              className={cn('mt-4', classNames?.countdown)}\n            />\n          )}\n        </div>\n        <TitleButton\n          data={data}\n          className={cn('hidden', { ['laptop:flex']: align === 'left' }, classNames?.button)}\n          onClick={onButtonClick}\n        />\n      </div>\n    )\n  }\n)\n\nTitle.displayName = 'Title'\n\nexport default withLayout(Title)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "useEffect", "useRef", "useImperativeHandle", "useState", "gsap", "SplitText", "ScrollTrigger", "cn", "extractLexicalText", "cva", "Heading", "Text", "Countdown", "withLayout", "useExposure", "trackUrlRef", "useAiuiContext", "useInView", "componentType", "componentName", "titleHeadingVariants", "subtitleVariants", "TitleButton", "data", "onClick", "className", "theme", "extensions", "title", "caption", "align", "trackingData", "contextHandle", "href", "Title", "classNames", "as", "weight", "onButtonClick", "rest", "ref", "titleSize", "subtitle", "content", "countdown", "showCountdown", "innerRef", "titleRef", "splitTextInstance", "scrollTriggerRef", "isCountdownVisible", "setIsCountdownVisible", "inViewRef", "inView", "handleCountdownEnd", "countdownEndDate", "countdownTz", "countdownLabels", "gsapResize", "height", "words", "self", "progress", "total", "overlap", "interval", "step", "lastEnd", "normalizedProgress", "word", "i", "start", "width", "opacity", "Title_default"]
 }

package/dist/esm/biz-components/WebPushPopup/index.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+import React from 'react';
+export interface WebPushPopupProps {
+    /** 弹窗标题，不传则不渲染标题 */
+    title?: string;
+    /** 弹窗描述文案，不传则不渲染描述 */
+    description?: string;
+    /** "稍后"按钮文案，默认 'Later' */
+    dismissText?: string;
+    /** "订阅"按钮文案，默认 'Allow' */
+    subscribeText?: string;
+    /** 图标区域内容，默认渲染 🔔 */
+    icon?: React.ReactNode;
+    /** 用户点击"订阅"按钮时触发 */
+    onSubscribe: () => void;
+    /** 用户点击"稍后"按钮时触发 */
+    onDismiss: () => void;
+    /** 额外的容器 className */
+    className?: string;
+}
+/**
+ * WebPushPopup
+ *
+ * Emarsys Web Push 订阅引导弹窗（非侵入式，固定在右上角）。
+ * 所有文案、图标均通过 props 传入，不硬编码，支持多品牌自定义。
+ *
+ * 配合 `useEmarsysWebPush` Hook 使用：
+ *
+ * ```tsx
+ * import { useEmarsysWebPush, WebPushPopup } from '@anker-in/headless-ui/biz'
+ *
+ * const { shouldShowPopup, subscribe, dismissPopup } = useEmarsysWebPush({ ... })
+ *
+ * {shouldShowPopup && (
+ *   <WebPushPopup
+ *     title="Welcome to Anker"
+ *     description="Get the latest deals and product updates."
+ *     onSubscribe={subscribe}
+ *     onDismiss={dismissPopup}
+ *   />
+ * )}
+ * ```
+ */
+declare const WebPushPopup: React.NamedExoticComponent<WebPushPopupProps>;
+export default WebPushPopup;

package/dist/esm/biz-components/WebPushPopup/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import f,{useCallback as n}from"react";import{cn as s}from"../../helpers/utils.js";const u=f.memo(function({title:t,description:o,dismissText:r="Later",subscribeText:p="Allow",icon:d="\u{1F514}",onSubscribe:a,onDismiss:l,className:c}){const b=n(()=>{a()},[a]),m=n(()=>{l()},[l]);return i("div",{role:"dialog","aria-modal":"false","aria-labelledby":t?"web-push-popup-title":void 0,className:s("fixed right-4 top-4 z-[9999]","laptop:w-80 w-72","flex items-start gap-3","rounded-xl bg-white shadow-lg","border border-black/5","p-4",c),children:[e("span",{className:"mt-0.5 shrink-0 text-2xl leading-none","aria-hidden":"true",children:d}),i("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[t&&e("p",{id:"web-push-popup-title",className:"truncate text-sm font-semibold leading-snug text-gray-900",children:t}),o&&e("p",{className:"text-xs leading-relaxed text-gray-500",children:o}),i("div",{className:"flex items-center justify-end gap-2 pt-0.5",children:[e("button",{type:"button",onClick:m,className:s("rounded-md px-3 py-1.5","text-xs font-medium text-gray-400","transition-colors duration-150","hover:bg-gray-100 hover:text-gray-600","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400"),children:r}),e("button",{type:"button",onClick:b,className:s("rounded-md px-3 py-1.5","text-xs font-medium text-white","bg-gray-900","transition-colors duration-150","hover:bg-gray-700","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"),children:p})]})]})]})});u.displayName="WebPushPopup";var h=u;export{h as default};
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/WebPushPopup/index.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WebPushPopup/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useCallback } from 'react'\nimport { cn } from '../../helpers/utils.js'\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Types\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface WebPushPopupProps {\n  /** \u5F39\u7A97\u6807\u9898\uFF0C\u4E0D\u4F20\u5219\u4E0D\u6E32\u67D3\u6807\u9898 */\n  title?: string\n  /** \u5F39\u7A97\u63CF\u8FF0\u6587\u6848\uFF0C\u4E0D\u4F20\u5219\u4E0D\u6E32\u67D3\u63CF\u8FF0 */\n  description?: string\n  /** \"\u7A0D\u540E\"\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'Later' */\n  dismissText?: string\n  /** \"\u8BA2\u9605\"\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'Allow' */\n  subscribeText?: string\n  /** \u56FE\u6807\u533A\u57DF\u5185\u5BB9\uFF0C\u9ED8\u8BA4\u6E32\u67D3 \uD83D\uDD14 */\n  icon?: React.ReactNode\n  /** \u7528\u6237\u70B9\u51FB\"\u8BA2\u9605\"\u6309\u94AE\u65F6\u89E6\u53D1 */\n  onSubscribe: () => void\n  /** \u7528\u6237\u70B9\u51FB\"\u7A0D\u540E\"\u6309\u94AE\u65F6\u89E6\u53D1 */\n  onDismiss: () => void\n  /** \u989D\u5916\u7684\u5BB9\u5668 className */\n  className?: string\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Component\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * WebPushPopup\n *\n * Emarsys Web Push \u8BA2\u9605\u5F15\u5BFC\u5F39\u7A97\uFF08\u975E\u4FB5\u5165\u5F0F\uFF0C\u56FA\u5B9A\u5728\u53F3\u4E0A\u89D2\uFF09\u3002\n * \u6240\u6709\u6587\u6848\u3001\u56FE\u6807\u5747\u901A\u8FC7 props \u4F20\u5165\uFF0C\u4E0D\u786C\u7F16\u7801\uFF0C\u652F\u6301\u591A\u54C1\u724C\u81EA\u5B9A\u4E49\u3002\n *\n * \u914D\u5408 `useEmarsysWebPush` Hook \u4F7F\u7528\uFF1A\n *\n * ```tsx\n * import { useEmarsysWebPush, WebPushPopup } from '@anker-in/headless-ui/biz'\n *\n * const { shouldShowPopup, subscribe, dismissPopup } = useEmarsysWebPush({ ... })\n *\n * {shouldShowPopup && (\n *   <WebPushPopup\n *     title=\"Welcome to Anker\"\n *     description=\"Get the latest deals and product updates.\"\n *     onSubscribe={subscribe}\n *     onDismiss={dismissPopup}\n *   />\n * )}\n * ```\n */\nconst WebPushPopup = React.memo(function WebPushPopup({\n  title,\n  description,\n  dismissText = 'Later',\n  subscribeText = 'Allow',\n  icon = '\uD83D\uDD14',\n  onSubscribe,\n  onDismiss,\n  className,\n}: WebPushPopupProps) {\n  const handleSubscribe = useCallback(() => {\n    onSubscribe()\n  }, [onSubscribe])\n\n  const handleDismiss = useCallback(() => {\n    onDismiss()\n  }, [onDismiss])\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-labelledby={title ? 'web-push-popup-title' : undefined}\n      className={cn(\n        'fixed right-4 top-4 z-[9999]',\n        'laptop:w-80 w-72',\n        'flex items-start gap-3',\n        'rounded-xl bg-white shadow-lg',\n        'border border-black/5',\n        'p-4',\n        className\n      )}\n    >\n      {/* Icon */}\n      <span className=\"mt-0.5 shrink-0 text-2xl leading-none\" aria-hidden=\"true\">\n        {icon}\n      </span>\n\n      {/* Content */}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n        {title && (\n          <p id=\"web-push-popup-title\" className=\"truncate text-sm font-semibold leading-snug text-gray-900\">\n            {title}\n          </p>\n        )}\n\n        {description && <p className=\"text-xs leading-relaxed text-gray-500\">{description}</p>}\n\n        {/* Actions */}\n        <div className=\"flex items-center justify-end gap-2 pt-0.5\">\n          <button\n            type=\"button\"\n            onClick={handleDismiss}\n            className={cn(\n              'rounded-md px-3 py-1.5',\n              'text-xs font-medium text-gray-400',\n              'transition-colors duration-150',\n              'hover:bg-gray-100 hover:text-gray-600',\n              'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400'\n            )}\n          >\n            {dismissText}\n          </button>\n\n          <button\n            type=\"button\"\n            onClick={handleSubscribe}\n            className={cn(\n              'rounded-md px-3 py-1.5',\n              'text-xs font-medium text-white',\n              'bg-gray-900',\n              'transition-colors duration-150',\n              'hover:bg-gray-700',\n              'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900'\n            )}\n          >\n            {subscribeText}\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n})\n\nWebPushPopup.displayName = 'WebPushPopup'\n\nexport default WebPushPopup\n"],
+  "mappings": "aAyFM,cAAAA,EAeE,QAAAC,MAfF,oBAvFN,OAAOC,GAAS,eAAAC,MAAmB,QACnC,OAAS,MAAAC,MAAU,yBAoDnB,MAAMC,EAAeH,EAAM,KAAK,SAAsB,CACpD,MAAAI,EACA,YAAAC,EACA,YAAAC,EAAc,QACd,cAAAC,EAAgB,QAChB,KAAAC,EAAO,YACP,YAAAC,EACA,UAAAC,EACA,UAAAC,CACF,EAAsB,CACpB,MAAMC,EAAkBX,EAAY,IAAM,CACxCQ,EAAY,CACd,EAAG,CAACA,CAAW,CAAC,EAEVI,EAAgBZ,EAAY,IAAM,CACtCS,EAAU,CACZ,EAAG,CAACA,CAAS,CAAC,EAEd,OACEX,EAAC,OACC,KAAK,SACL,aAAW,QACX,kBAAiBK,EAAQ,uBAAyB,OAClD,UAAWF,EACT,+BACA,mBACA,yBACA,gCACA,wBACA,MACAS,CACF,EAGA,UAAAb,EAAC,QAAK,UAAU,wCAAwC,cAAY,OACjE,SAAAU,EACH,EAGAT,EAAC,OAAI,UAAU,qCACZ,UAAAK,GACCN,EAAC,KAAE,GAAG,uBAAuB,UAAU,4DACpC,SAAAM,EACH,EAGDC,GAAeP,EAAC,KAAE,UAAU,wCAAyC,SAAAO,EAAY,EAGlFN,EAAC,OAAI,UAAU,6CACb,UAAAD,EAAC,UACC,KAAK,SACL,QAASe,EACT,UAAWX,EACT,yBACA,oCACA,iCACA,wCACA,6GACF,EAEC,SAAAI,EACH,EAEAR,EAAC,UACC,KAAK,SACL,QAASc,EACT,UAAWV,EACT,yBACA,iCACA,cACA,iCACA,oBACA,6GACF,EAEC,SAAAK,EACH,GACF,GACF,GACF,CAEJ,CAAC,EAEDJ,EAAa,YAAc,eAE3B,IAAOW,EAAQX",
+  "names": ["jsx", "jsxs", "React", "useCallback", "cn", "WebPushPopup", "title", "description", "dismissText", "subscribeText", "icon", "onSubscribe", "onDismiss", "className", "handleSubscribe", "handleDismiss", "WebPushPopup_default"]
+}

package/dist/esm/biz-components/WheelLottery/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useState as s,useCallback as N,useRef as Ze,useEffect as Y,useImperativeHandle as qe,forwardRef as et}from"react";import{cn as u}from"../../helpers/index.js";import{DEFAULT_WHEEL_CONFIG as J,DEFAULT_CHANCE_METHODS as tt,INITIAL_WHEEL_STATE as ot}from"./types.js";import{Grid as rt,GridItem as Q}from"../../components/grid.js";import{Wheel as nt}from"./Wheel.js";import{PrizePool as st}from"../LotteryShared/PrizePool.js";import{ChanceMethods as it}from"../LotteryShared/ChanceMethods.js";import{WinnerModal as at}from"../LotteryShared/WinnerModal.js";import{RulesModal as lt}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as pt}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as X}from"../LotteryShared/ErrorModal.js";import{ShareModal as dt}from"../LotteryShared/ShareModal.js";import{withLayout as ct}from"../../shared/Styles.js";const Z=et(({prizes:l,theme:i,winningPrizeId:v,spinDuration:A=J.spinDuration,wheelBackgroundImage:q,pointerImage:ee,chanceMethods:k=tt,chanceTitle:te=J.chanceTitle,chanceSubtitle:oe,chanceFooterNote:re,chanceMethodsText:P,mechanismType:ne,inputConfig:se,winningInfos:ie=[],winnerNameTemplate:ae,prizesTitle:le,onSpinStart:C,onSpinEnd:R,onSpinError:D,winnerModalConfig:o,rulesModalConfig:pe={},myRewardsModalConfig:de={},errorModalConfig:f={},shareModalConfig:x={},userData:p,onLoginRequired:z,onCopyCode:ce,opportunitiesText:F=["Number of draws remaining today:"],className:me},fe)=>{const{rulesData:h,rulesText:B="Rules"}=pe,{rewardsData:I,myRewardsText:U="My Rewards",codeText:ue="CODE:",copyText:O="COPY",copiedText:j="COPIED",prizeText:xe="Prize time:",emptyText:he,copyError:we,availableText:ge,usedStatusText:ye,expiredText:Te,notFoundText:be}=de,Se=P?.completedText,We=P?.usedText,w=p?.isLoggedIn??!1,G=p?.availableChances??0,Me=w&&G<=0,[r,d]=s(ot),[Pe,g]=s(!1),[ze,y]=s(!1),[Ee,T]=s(!1),[Ne,b]=s(!1),[ve,S]=s(!1),[Ce,W]=s(!1),[Re,H]=s(""),[Ie,Le]=s(),[Ae,ke]=s(),[De,Fe]=s(),[Be,Ue]=s(),[Oe,je]=s(),[n,Ge]=s(),E=Ze(null);qe(fe,()=>({showError:({message:e,title:a,confirmText:M})=>{H(e),Le(a),ke(M),b(!0)},hideError:()=>{b(!1)},showNoWin:e=>{Fe(e?.title),Ue(e?.message),je(e?.confirmText),S(!0)},hideNoWin:()=>{S(!1)},showWinner:(e,a)=>{d(M=>({...M,winningPrize:e})),Ge(a),g(!0)},hideWinner:()=>{g(!1)},showRules:()=>{y(!0)},hideRules:()=>{y(!1)},showRewards:()=>{T(!0)},hideRewards:()=>{T(!1)},showShare:()=>{W(!0)},hideShare:()=>{W(!1)},hideAllModals:()=>{g(!1),y(!1),T(!1),b(!1),S(!1),W(!1)}}),[]),Y(()=>{},[l,v]),Y(()=>()=>{E.current!==null&&cancelAnimationFrame(E.current)},[]);const _=N(async()=>{if(!r.isSpinning){if(!p?.isLoggedIn){z?.();return}if(!(p.availableChances<=0)){d(e=>({...e,isSpinning:!0,isButtonDisabled:!0}));try{let e=v;C&&(e=await C());const a=l.find(c=>c.prizeKey===e)||l[0],M=l.findIndex(c=>c.prizeKey===a.prizeKey),$e=360/l.length,Ve=M*$e,K=3*360+(360-Ve);await new Promise(c=>setTimeout(c,1500)),d(c=>({...c,isFinished:!0,currentRotation:0}));const Ye=Date.now(),$=()=>{const Je=Date.now()-Ye,V=Math.min(Je/A,1),Qe=1-Math.pow(1-V,3),Xe=K*Qe;d(L=>({...L,currentRotation:Xe})),V<1?E.current=requestAnimationFrame($):(d(L=>({...L,isSpinning:!1,isButtonDisabled:!0,winningPrize:a,currentRotation:K})),R?R?.(a):setTimeout(()=>{a.prizeKey==="try-again"?S(!0):g(!0)},500))};E.current=requestAnimationFrame($)}catch(e){d(a=>({...a,isSpinning:!1,isButtonDisabled:!1})),H(e.message||"An error occurred"),b(!0),D?.(e),console.error("\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:",e)}}}},[r.isSpinning,l,v,A,C,R,D,p,z]),He=N(()=>{if(w){_();return}z?.()},[_,w,z]),_e=N(()=>{g(!1),d(e=>({...e,isButtonDisabled:!1,isFinished:!1}))},[]),Ke=N(()=>{S(!1),d(e=>({...e,isButtonDisabled:!1,isFinished:!1}))},[]);return m("div",{className:u("wheel-lottery-container","w-full",i==="dark"?"aiui-dark":"",me),children:[m("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.isSpinning&&"\u62BD\u5956\u8FDB\u884C\u4E2D...",r.winningPrize&&!r.isSpinning&&`\u5DF2\u4E2D\u5956: ${r.winningPrize.name}`]}),m(rt,{className:u("wheel-lottery-main","tablet:mb-4 mb-3"),children:[t(Q,{span:7,className:u("wheel-section","relative flex w-full flex-1 items-center justify-center overflow-hidden","rounded-box","laptop:min-h-[288px] min-h-[240px]","lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]","desktop:aspect-w-[759] desktop:aspect-h-[384]","laptop:aspect-w-[516] laptop:aspect-h-[288]","l-tablet:col-span-12","l-tablet:mb-3",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:m("div",{className:u("w-full px-[16px] pt-[16px]","lg-desktop:pb-[32px] lg-desktop:px-[32px]","desktop:pt-[24px] desktop:px-[24px]","laptop:pt-[16px] laptop:px-[16px]","tablet:px-[24px]","l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10"),children:[m("div",{className:"tablet:max-h-[24px] relative z-10 mb-2 flex max-h-[40px] w-full flex-wrap items-center justify-between gap-3",children:[t("div",{children:w&&m("p",{className:"text-info-primary font-[700]",children:[F?.[0],t("span",{className:"ml-1 text-[#FF6B35]",children:G}),F?.[1]||""]})}),m("div",{className:"flex items-center gap-4",children:[h&&h.length>0&&t("button",{onClick:()=>y(!0),className:"cursor-pointer touch-manipulation",type:"button",children:t("span",{className:"text-info-primary font-[700] underline",children:B})}),p?.isLoggedIn&&I&&t("button",{onClick:()=>T(!0),className:"cursor-pointer touch-manipulation whitespace-nowrap",type:"button",children:t("span",{className:"text-info-primary font-[700] underline",children:U})})]})]}),t(nt,{theme:i,prizes:l,rotation:r.currentRotation,isSpinning:r.isSpinning,isFinished:r.isFinished,isButtonDisabled:r.isButtonDisabled||!w||Me,userData:p,onGoClick:He,wheelBackgroundImage:q,pointerImage:ee})]})}),k.length>0&&t(Q,{span:5,className:u("info-section","rounded-box","relative flex flex-col overflow-hidden","lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]","desktop:aspect-w-[536] desktop:aspect-h-[384]","laptop:aspect-w-[364] laptop:aspect-h-[288]","l-tablet:min-h-[280px] laptop:max-h-[320px]","w-full","l-tablet:col-span-12",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(it,{theme:i,userData:p,methods:k,title:te,subtitle:oe,footerNote:re,onOpenShareModal:()=>W(!0),chanceBadgeText:P?.chanceBadgeText,completedText:Se,usedText:We,loadingText:P?.loadingText,mechanismType:ne,inputConfig:se})})]}),t("div",{className:u("wheel-lottery-footer","rounded-box","flex flex-col overflow-hidden",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(st,{theme:i,prizes:l,title:le,winningInfos:ie,winnerNameTemplate:ae})}),t(at,{isOpen:Pe,prize:r.winningPrize,title:n?.title||o?.title,prizeTitle:n?.prizeTitle||o?.prizeTitle,prizeImage:n?.prizeImage||o?.prizeImage,prizeDescription:n?.prizeDescription||o?.prizeDescription,winnerNote:n?.winnerNote??r.winningPrize?.winnerModalConfig?.winnerNote??o?.winnerNote,learnMoreUrl:n?.learnMoreUrl||r.winningPrize?.winnerModalConfig?.learnMoreUrl||o?.learnMoreUrl,learnMoreText:n?.learnMoreText||r.winningPrize?.winnerModalConfig?.learnMoreText||o?.learnMoreText,couponCode:n?.couponCode||o?.couponCode,expiresAt:n?.expiresAt||o?.expiresAt,expiresAtLabel:n?.expiresAtLabel||o?.expiresAtLabel,couponDiscount:n?.couponDiscount||o?.couponDiscount,couponUnit:n?.couponUnit||o?.couponUnit,confirmText:n?.confirmText||r.winningPrize?.winnerModalConfig?.confirmText||o?.confirmText,confirmUrl:n?.confirmUrl||r.winningPrize?.winnerModalConfig?.confirmUrl||o?.confirmUrl,copyText:n?.copyText||o?.copyText||O,copiedText:n?.copiedText||o?.copiedText||j,onClose:_e,theme:i}),h&&h.length>0&&t(lt,{title:B,isOpen:ze,onClose:()=>y(!1),rules:h,theme:i}),I&&t(pt,{isOpen:Ee,onClose:()=>T(!1),rewards:I,onCopyCode:ce,codeText:ue,copyText:O,copiedText:j,prizeText:xe,emptyText:he,copyError:we,availableText:ge,usedStatusText:ye,expiredText:Te,notFoundText:be,theme:i,title:U}),t(X,{isOpen:Ne,onClose:()=>b(!1),title:Ie||f?.title,message:Re||f?.message,confirmText:Ae||f?.confirmText,theme:i}),t(X,{isOpen:ve,onClose:Ke,title:De||f?.title,message:Be||f?.message,confirmText:Oe||f?.confirmText,theme:i}),t(dt,{isOpen:Ce,onClose:()=>W(!1),title:x?.title,subtitle:x?.subtitle,note:x?.note,platforms:x?.platforms,onShareSuccess:x?.onShareSuccess,theme:i})]})});Z.displayName="WheelLottery";var zt=ct(Z);import{WinnerModal as vt}from"../LotteryShared/WinnerModal.js";import{RulesModal as Rt}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as Lt}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as kt}from"../LotteryShared/ErrorModal.js";import{ShareModal as Ft}from"../LotteryShared/ShareModal.js";import{BaseModal as Ut}from"../LotteryShared/BaseModal.js";export{Ut as BaseModal,kt as ErrorModal,Lt as MyRewardsModal,Rt as RulesModal,Ft as ShareModal,Z as WheelLottery,vt as WinnerModal,zt as default};
+"use client";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useState as s,useCallback as N,useRef as Ze,useEffect as Y,useImperativeHandle as qe,forwardRef as et}from"react";import{cn as u}from"../../helpers/index.js";import{DEFAULT_WHEEL_CONFIG as J,DEFAULT_CHANCE_METHODS as tt,INITIAL_WHEEL_STATE as ot}from"./types.js";import{Grid as rt,GridItem as Q}from"../../components/grid.js";import{Wheel as nt}from"./Wheel.js";import{PrizePool as st}from"../LotteryShared/PrizePool.js";import{ChanceMethods as it}from"../LotteryShared/ChanceMethods.js";import{WinnerModal as at}from"../LotteryShared/WinnerModal.js";import{RulesModal as lt}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as pt}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as X}from"../LotteryShared/ErrorModal.js";import{ShareModal as dt}from"../LotteryShared/ShareModal.js";import{withLayout as ct}from"../../shared/Styles.js";const Z=et(({prizes:l,theme:i,winningPrizeId:v,spinDuration:A=J.spinDuration,wheelBackgroundImage:q,pointerImage:ee,chanceMethods:k=tt,chanceTitle:te=J.chanceTitle,chanceSubtitle:oe,chanceFooterNote:re,chanceMethodsText:P,mechanismType:ne,inputConfig:se,winningInfos:ie=[],winnerNameTemplate:ae,prizesTitle:le,onSpinStart:C,onSpinEnd:R,onSpinError:D,winnerModalConfig:o,rulesModalConfig:pe={},myRewardsModalConfig:de={},errorModalConfig:f={},shareModalConfig:x={},userData:p,onLoginRequired:z,onCopyCode:ce,opportunitiesText:F=["Number of draws remaining today:"],className:me},fe)=>{const{rulesData:h,rulesText:B="Rules"}=pe,{rewardsData:I,myRewardsText:U="My Rewards",codeText:ue="CODE:",copyText:O="COPY",copiedText:j="COPIED",prizeText:xe="Prize time:",emptyText:he,copyError:we,availableText:ge,usedStatusText:ye,expiredText:Te,notFoundText:be}=de,Se=P?.completedText,We=P?.usedText,w=p?.isLoggedIn??!1,G=p?.availableChances??0,Me=w&&G<=0,[r,d]=s(ot),[Pe,g]=s(!1),[ze,y]=s(!1),[Ee,T]=s(!1),[Ne,b]=s(!1),[ve,S]=s(!1),[Ce,W]=s(!1),[Re,H]=s(""),[Ie,Le]=s(),[Ae,ke]=s(),[De,Fe]=s(),[Be,Ue]=s(),[Oe,je]=s(),[n,Ge]=s(),E=Ze(null);qe(fe,()=>({showError:({message:e,title:a,confirmText:M})=>{H(e),Le(a),ke(M),b(!0)},hideError:()=>{b(!1)},showNoWin:e=>{Fe(e?.title),Ue(e?.message),je(e?.confirmText),S(!0)},hideNoWin:()=>{S(!1)},showWinner:(e,a)=>{d(M=>({...M,winningPrize:e})),Ge(a),g(!0)},hideWinner:()=>{g(!1)},showRules:()=>{y(!0)},hideRules:()=>{y(!1)},showRewards:()=>{T(!0)},hideRewards:()=>{T(!1)},showShare:()=>{W(!0)},hideShare:()=>{W(!1)},hideAllModals:()=>{g(!1),y(!1),T(!1),b(!1),S(!1),W(!1)}}),[]),Y(()=>{},[l,v]),Y(()=>()=>{E.current!==null&&cancelAnimationFrame(E.current)},[]);const _=N(async()=>{if(!r.isSpinning){if(!p?.isLoggedIn){z?.();return}if(!(p.availableChances<=0)){d(e=>({...e,isSpinning:!0,isButtonDisabled:!0}));try{let e=v;C&&(e=await C());const a=l.find(c=>c.prizeKey===e)||l[0],M=l.findIndex(c=>c.prizeKey===a.prizeKey),$e=360/l.length,Ve=M*$e,K=3*360+(360-Ve);await new Promise(c=>setTimeout(c,1500)),d(c=>({...c,isFinished:!0,currentRotation:0}));const Ye=Date.now(),$=()=>{const Je=Date.now()-Ye,V=Math.min(Je/A,1),Qe=1-Math.pow(1-V,3),Xe=K*Qe;d(L=>({...L,currentRotation:Xe})),V<1?E.current=requestAnimationFrame($):(d(L=>({...L,isSpinning:!1,isButtonDisabled:!0,winningPrize:a,currentRotation:K})),R?R?.(a):setTimeout(()=>{a.prizeKey==="try-again"?S(!0):g(!0)},500))};E.current=requestAnimationFrame($)}catch(e){d(a=>({...a,isSpinning:!1,isButtonDisabled:!1})),H(e.message||"An error occurred"),b(!0),D?.(e),console.error("\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:",e)}}}},[r.isSpinning,l,v,A,C,R,D,p,z]),He=N(()=>{if(w){_();return}z?.()},[_,w,z]),_e=N(()=>{g(!1),d(e=>({...e,isButtonDisabled:!1,isFinished:!1}))},[]),Ke=N(()=>{S(!1),d(e=>({...e,isButtonDisabled:!1,isFinished:!1}))},[]);return m("div",{className:u("wheel-lottery-container","w-full",i==="dark"?"aiui-dark":"",me),children:[m("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.isSpinning&&"\u62BD\u5956\u8FDB\u884C\u4E2D...",r.winningPrize&&!r.isSpinning&&`\u5DF2\u4E2D\u5956: ${r.winningPrize.name}`]}),m(rt,{className:u("wheel-lottery-main","tablet:mb-4 mb-3"),children:[t(Q,{span:7,className:u("wheel-section","relative flex w-full flex-1 items-center justify-center overflow-hidden","rounded-box","laptop:min-h-[288px] min-h-[240px]","lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]","desktop:aspect-w-[759] desktop:aspect-h-[384]","laptop:aspect-w-[516] laptop:aspect-h-[288]","l-tablet:col-span-12","l-tablet:mb-3",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:m("div",{className:u("w-full px-[16px] pt-[16px]","lg-desktop:pb-[32px] lg-desktop:px-[32px]","desktop:pt-[24px] desktop:px-[24px]","laptop:pt-[16px] laptop:px-[16px]","tablet:px-[24px]","l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10"),children:[m("div",{className:"tablet:max-h-[24px] relative z-10 mb-2 flex max-h-[40px] w-full flex-wrap items-center justify-between gap-3",children:[t("div",{children:w&&m("p",{className:"text-info-primary font-[700]",children:[F?.[0],t("span",{className:"ml-1 text-[#FF6B35]",children:G}),F?.[1]||""]})}),m("div",{className:"flex items-center gap-4",children:[h&&h.length>0&&t("button",{onClick:e=>{e.stopPropagation(),y(!0)},className:"cursor-pointer touch-manipulation",type:"button",children:t("span",{className:"text-info-primary font-[700] underline",children:B})}),p?.isLoggedIn&&I&&t("button",{onClick:e=>{e.stopPropagation(),T(!0)},className:"cursor-pointer touch-manipulation whitespace-nowrap",type:"button",children:t("span",{className:"text-info-primary font-[700] underline",children:U})})]})]}),t(nt,{theme:i,prizes:l,rotation:r.currentRotation,isSpinning:r.isSpinning,isFinished:r.isFinished,isButtonDisabled:r.isButtonDisabled||!w||Me,userData:p,onGoClick:He,wheelBackgroundImage:q,pointerImage:ee})]})}),k.length>0&&t(Q,{span:5,className:u("info-section","rounded-box","relative flex flex-col overflow-hidden","lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]","desktop:aspect-w-[536] desktop:aspect-h-[384]","laptop:aspect-w-[364] laptop:aspect-h-[288]","l-tablet:min-h-[280px] laptop:max-h-[320px]","w-full","l-tablet:col-span-12",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(it,{theme:i,userData:p,methods:k,title:te,subtitle:oe,footerNote:re,onOpenShareModal:()=>W(!0),chanceBadgeText:P?.chanceBadgeText,completedText:Se,usedText:We,loadingText:P?.loadingText,mechanismType:ne,inputConfig:se})})]}),t("div",{className:u("wheel-lottery-footer","rounded-box","flex flex-col overflow-hidden",i==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(st,{theme:i,prizes:l,title:le,winningInfos:ie,winnerNameTemplate:ae})}),t(at,{isOpen:Pe,prize:r.winningPrize,title:n?.title||o?.title,prizeTitle:n?.prizeTitle||o?.prizeTitle,prizeImage:n?.prizeImage||o?.prizeImage,prizeDescription:n?.prizeDescription||o?.prizeDescription,winnerNote:n?.winnerNote??r.winningPrize?.winnerModalConfig?.winnerNote??o?.winnerNote,learnMoreUrl:n?.learnMoreUrl||r.winningPrize?.winnerModalConfig?.learnMoreUrl||o?.learnMoreUrl,learnMoreText:n?.learnMoreText||r.winningPrize?.winnerModalConfig?.learnMoreText||o?.learnMoreText,couponCode:n?.couponCode||o?.couponCode,expiresAt:n?.expiresAt||o?.expiresAt,expiresAtLabel:n?.expiresAtLabel||o?.expiresAtLabel,couponDiscount:n?.couponDiscount||o?.couponDiscount,couponUnit:n?.couponUnit||o?.couponUnit,confirmText:n?.confirmText||r.winningPrize?.winnerModalConfig?.confirmText||o?.confirmText,confirmUrl:n?.confirmUrl||r.winningPrize?.winnerModalConfig?.confirmUrl||o?.confirmUrl,copyText:n?.copyText||o?.copyText||O,copiedText:n?.copiedText||o?.copiedText||j,onClose:_e,theme:i}),h&&h.length>0&&t(lt,{title:B,isOpen:ze,onClose:()=>y(!1),rules:h,theme:i}),I&&t(pt,{isOpen:Ee,onClose:()=>T(!1),rewards:I,onCopyCode:ce,codeText:ue,copyText:O,copiedText:j,prizeText:xe,emptyText:he,copyError:we,availableText:ge,usedStatusText:ye,expiredText:Te,notFoundText:be,theme:i,title:U}),t(X,{isOpen:Ne,onClose:()=>b(!1),title:Ie||f?.title,message:Re||f?.message,confirmText:Ae||f?.confirmText,theme:i}),t(X,{isOpen:ve,onClose:Ke,title:De||f?.title,message:Be||f?.message,confirmText:Oe||f?.confirmText,theme:i}),t(dt,{isOpen:Ce,onClose:()=>W(!1),title:x?.title,subtitle:x?.subtitle,note:x?.note,platforms:x?.platforms,onShareSuccess:x?.onShareSuccess,theme:i})]})});Z.displayName="WheelLottery";var zt=ct(Z);import{WinnerModal as vt}from"../LotteryShared/WinnerModal.js";import{RulesModal as Rt}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as Lt}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as kt}from"../LotteryShared/ErrorModal.js";import{ShareModal as Ft}from"../LotteryShared/ShareModal.js";import{BaseModal as Ut}from"../LotteryShared/BaseModal.js";export{Ut as BaseModal,kt as ErrorModal,Lt as MyRewardsModal,Rt as RulesModal,Ft as ShareModal,Z as WheelLottery,vt as WinnerModal,zt as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/WheelLottery/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/WheelLottery/index.tsx"],
-  "sourcesContent": ["/**\n * WheelLottery - \u5927\u8F6C\u76D8\u62BD\u5956\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u8425\u9500\u6D3B\u52A8\u7684\u4EA4\u4E92\u5F0F\u62BD\u5956\u8F6C\u76D8\uFF0C\u652F\u6301\u591A\u54C1\u724C\u4E3B\u9898\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * @module WheelLottery\n * @date 2025-12-17\n */\n\n'use client'\n\nimport { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_WHEEL_CONFIG, DEFAULT_CHANCE_METHODS, INITIAL_WHEEL_STATE } from './types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { Wheel } from './Wheel.js'\nimport { PrizePool } from '../LotteryShared/PrizePool.js'\nimport { ChanceMethods } from '../LotteryShared/ChanceMethods.js'\nimport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nimport { RulesModal } from '../LotteryShared/RulesModal.js'\nimport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nimport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nimport { ShareModal } from '../LotteryShared/ShareModal.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nimport type { WheelLotteryProps, WheelState, WheelLotteryHandle, WinnerModalConfig } from './types.js'\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6\n// ============================================================================\n\n/**\n * WheelLottery \u7EC4\u4EF6\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u4F7F\u7528\n * <WheelLottery\n *   prizes={prizes}\n *   winningPrizeId=\"prize-003\"\n *   onSpinEnd={(prize) => alert(`You won ${prize.name}`)}\n * />\n *\n * // \u4F7F\u7528 ref \u63A7\u5236\u5F39\u7A97\n * const lotteryRef = useRef<WheelLotteryHandle>(null)\n *\n * <WheelLottery ref={lotteryRef} prizes={prizes} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Error',\n *   message: 'Something went wrong'\n * })\n * ```\n */\nexport const WheelLottery = forwardRef<WheelLotteryHandle, WheelLotteryProps>(\n  (\n    {\n      prizes,\n      theme,\n      winningPrizeId,\n      spinDuration = DEFAULT_WHEEL_CONFIG.spinDuration,\n      wheelBackgroundImage,\n      pointerImage,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_WHEEL_CONFIG.chanceTitle,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      winningInfos = [],\n      winnerNameTemplate,\n      prizesTitle,\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      userData,\n      onLoginRequired,\n      onCopyCode,\n      opportunitiesText = ['Number of draws remaining today:'],\n      className,\n    },\n    ref\n  ) => {\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      copiedText = 'COPIED',\n      prizeText = 'Prize time:',\n      emptyText,\n      copyError,\n      availableText,\n      usedStatusText,\n      expiredText,\n      notFoundText,\n    } = myRewardsModalConfig\n    const completedText = chanceMethodsText?.completedText\n    const usedText = chanceMethodsText?.usedText\n    const isLoggedIn = userData?.isLoggedIn ?? false\n    const availableChances = userData?.availableChances ?? 0\n    const isNoChancesState = isLoggedIn && availableChances <= 0\n    // ==========================================================================\n    // State \u7BA1\u7406\n    // ==========================================================================\n\n    const [wheelState, setWheelState] = useState<WheelState>(INITIAL_WHEEL_STATE)\n    const [showWinnerModal, setShowWinnerModal] = useState(false)\n    const [showRulesModal, setShowRulesModal] = useState(false)\n    const [showRewardsModal, setShowRewardsModal] = useState(false)\n    const [showErrorModal, setShowErrorModal] = useState(false)\n    const [showNoWinModal, setShowNoWinModal] = useState(false)\n    const [showShareModal, setShowShareModal] = useState(false)\n    const [errorMessage, setErrorMessage] = useState('')\n    const [errorTitle, setErrorTitle] = useState<string | undefined>()\n    const [errorConfirmText, setErrorConfirmText] = useState<string | undefined>()\n    const [noWinTitle, setNoWinTitle] = useState<string | undefined>()\n    const [noWinMessage, setNoWinMessage] = useState<string | undefined>()\n    const [noWinConfirmText, setNoWinConfirmText] = useState<string | undefined>()\n    const [externalWinnerConfig, setExternalWinnerConfig] = useState<Partial<WinnerModalConfig> | undefined>()\n    const animationRef = useRef<number | null>(null)\n\n    // ==========================================================================\n    // Imperative Handle - \u66B4\u9732\u65B9\u6CD5\u7ED9\u7236\u7EC4\u4EF6\n    // ==========================================================================\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        showError: ({ message, title, confirmText }) => {\n          setErrorMessage(message)\n          setErrorTitle(title)\n          setErrorConfirmText(confirmText)\n          setShowErrorModal(true)\n        },\n        hideError: () => {\n          setShowErrorModal(false)\n        },\n        showNoWin: config => {\n          setNoWinTitle(config?.title)\n          setNoWinMessage(config?.message)\n          setNoWinConfirmText(config?.confirmText)\n          setShowNoWinModal(true)\n        },\n        hideNoWin: () => {\n          setShowNoWinModal(false)\n        },\n        showWinner: (prize, config) => {\n          setWheelState(prev => ({ ...prev, winningPrize: prize }))\n          setExternalWinnerConfig(config)\n          setShowWinnerModal(true)\n        },\n        hideWinner: () => {\n          setShowWinnerModal(false)\n        },\n        showRules: () => {\n          setShowRulesModal(true)\n        },\n        hideRules: () => {\n          setShowRulesModal(false)\n        },\n        showRewards: () => {\n          setShowRewardsModal(true)\n        },\n        hideRewards: () => {\n          setShowRewardsModal(false)\n        },\n        showShare: () => {\n          setShowShareModal(true)\n        },\n        hideShare: () => {\n          setShowShareModal(false)\n        },\n        hideAllModals: () => {\n          setShowWinnerModal(false)\n          setShowRulesModal(false)\n          setShowRewardsModal(false)\n          setShowErrorModal(false)\n          setShowNoWinModal(false)\n          setShowShareModal(false)\n        },\n      }),\n      []\n    )\n\n    // ==========================================================================\n    // Props \u9A8C\u8BC1\uFF08\u5F00\u53D1\u73AF\u5883\uFF09\n    // ==========================================================================\n\n    useEffect(() => {\n      if (process.env.NODE_ENV === 'development' && prizes) {\n        if (prizes.length !== 8) {\n          console.warn(\n            `WheelLottery expects exactly 8 prizes, got ${prizes.length}. The component may not render correctly.`\n          )\n        }\n\n        if (winningPrizeId && !prizes.find(p => p.prizeKey === winningPrizeId)) {\n          console.warn(`WheelLottery: winningPrizeId \"${winningPrizeId}\" not found in prizes array.`)\n        }\n      }\n    }, [prizes, winningPrizeId])\n\n    // ==========================================================================\n    // \u6E05\u7406\u52A8\u753B\n    // ==========================================================================\n\n    useEffect(() => {\n      return () => {\n        // \u7EC4\u4EF6\u5378\u8F7D\u65F6\u53D6\u6D88\u52A8\u753B\u5E27\n        if (animationRef.current !== null) {\n          cancelAnimationFrame(animationRef.current)\n        }\n      }\n    }, [])\n\n    // ==========================================================================\n    // \u62BD\u5956\u903B\u8F91\n    // ==========================================================================\n\n    /**\n     * \u5F00\u59CB\u62BD\u5956 - \u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n     * \u5229\u7528\u521D\u59CB\u6162\u901F\u65CB\u8F6C\uFF0C\u70B9\u51FB\u540E\u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF0C\u63A5\u53E3\u8FD4\u56DE\u540E\u51CF\u901F\u505C\u6B62\n     */\n    const handleSpinStart = useCallback(async () => {\n      if (wheelState.isSpinning) return\n\n      // \u68C0\u67E5\u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      // \u2705 \u6B21\u6570\u4E3A 0 \u65F6\uFF0C\u6309\u94AE\u5DF2\u88AB\u7981\u7528\uFF0C\u8FD9\u91CC\u4E0D\u9700\u8981\u989D\u5916\u68C0\u67E5\n      // \u9632\u5FA1\u6027\u7F16\u7A0B\uFF1A\u5982\u679C\u4ECD\u7136\u89E6\u53D1\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (userData.availableChances <= 0) {\n        return\n      }\n\n      // \u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF08\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u4F1A\u81EA\u52A8\u53D8\u4E3A\u5FEB\u901F\u65CB\u8F6C\uFF09\n      setWheelState(prev => ({\n        ...prev,\n        isSpinning: true,\n        isButtonDisabled: true,\n      }))\n\n      try {\n        // \u8C03\u7528\u5916\u90E8\u63A5\u53E3\u83B7\u53D6\u4E2D\u5956\u7ED3\u679C\n        let finalWinningPrizeId = winningPrizeId\n\n        if (onSpinStart) {\n          // \u7B49\u5F85\u63A5\u53E3\u8FD4\u56DE\u4E2D\u5956 ID\uFF08\u63A5\u53E3\u65F6\u95F4\u4E0D\u56FA\u5B9A\uFF0C1-30s\uFF09\n          // \u5728\u6B64\u671F\u95F4\uFF0C\u8F6C\u76D8\u4F1A\u4FDD\u6301\u5FEB\u901F\u65CB\u8F6C\uFF08\u7531 CSS \u52A8\u753B\u63A7\u5236\uFF09\n          finalWinningPrizeId = await onSpinStart()\n        }\n\n        // \u786E\u5B9A\u4E2D\u5956\u5956\u54C1\n        const winningPrize = prizes.find(p => p.prizeKey === finalWinningPrizeId) || prizes[0]\n        const winningIndex = prizes.findIndex(p => p.prizeKey === winningPrize.prizeKey)\n\n        // \u8BA1\u7B97\u76EE\u6807\u89D2\u5EA6\n        const degreesPerPrize = 360 / prizes.length\n        const basePrizeAngle = winningIndex * degreesPerPrize\n        // \u81F3\u5C11\u65CB\u8F6C 3 \u5708\uFF081080\u5EA6\uFF09+ \u76EE\u6807\u89D2\u5EA6\n        const minRotations = 3\n        const targetAngle = minRotations * 360 + (360 - basePrizeAngle)\n\n        // \u63A5\u53E3\u8FD4\u56DE\u540E\uFF0C\u7B49\u5F85 1.5s \u518D\u5F00\u59CB\u505C\u6B62\u52A8\u753B\n        await new Promise(resolve => setTimeout(resolve, 1500))\n\n        // \u7ACB\u5373\u8FDB\u5165\u51CF\u901F\u72B6\u6001\uFF0C\u505C\u6B62 CSS \u5FAA\u73AF\u52A8\u753B\n        setWheelState(prev => ({\n          ...prev,\n          isFinished: true,\n          currentRotation: 0, // \u4ECE 0 \u5EA6\u5F00\u59CB\u51CF\u901F\u52A8\u753B\n        }))\n\n        // \u5F00\u59CB\u505C\u6B62\u65CB\u8F6C\u52A8\u753B\n        const startTime = Date.now()\n\n        const animate = () => {\n          const now = Date.now()\n          const elapsed = now - startTime\n          const progress = Math.min(elapsed / spinDuration, 1)\n\n          // \u5E94\u7528 ease-out \u7F13\u52A8\u51FD\u6570\n          const eased = 1 - Math.pow(1 - progress, 3)\n\n          // \u8BA1\u7B97\u5F53\u524D\u65CB\u8F6C\u89D2\u5EA6\n          const currentRotation = targetAngle * eased\n\n          // \u66F4\u65B0\u72B6\u6001\n          setWheelState(prev => ({\n            ...prev,\n            currentRotation,\n          }))\n\n          // \u7EE7\u7EED\u52A8\u753B\u6216\u7ED3\u675F\n          if (progress < 1) {\n            animationRef.current = requestAnimationFrame(animate)\n          } else {\n            // \u52A8\u753B\u7ED3\u675F - \u4FDD\u6301\u6309\u94AE\u7981\u7528\u72B6\u6001,\u76F4\u5230\u5F39\u7A97\u5173\u95ED\n            setWheelState(prev => ({\n              ...prev,\n              isSpinning: false,\n              isButtonDisabled: true,\n              winningPrize,\n              currentRotation: targetAngle,\n            }))\n\n            // \u5EF6\u8FDF\u663E\u793A\u5F39\u7A97\uFF08500ms\u540E\uFF09\n            if (onSpinEnd) {\n              onSpinEnd?.(winningPrize)\n            } else {\n              setTimeout(() => {\n                // \u68C0\u67E5\u662F\u5426\u672A\u4E2D\u5956\uFF08try-again\uFF09\n                if (winningPrize.prizeKey === 'try-again') {\n                  // \u672A\u4E2D\u5956\uFF0C\u663E\u793A ErrorModal\n                  setShowNoWinModal(true)\n                } else {\n                  // \u4E2D\u5956\uFF0C\u663E\u793A WinnerModal\n                  setShowWinnerModal(true)\n                }\n              }, 500)\n            }\n          }\n        }\n\n        // \u542F\u52A8\u505C\u6B62\u52A8\u753B\n        animationRef.current = requestAnimationFrame(animate)\n      } catch (error) {\n        // \u63A5\u53E3\u62A5\u9519\uFF0C\u6062\u590D\u5230\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u72B6\u6001\n        setWheelState(prev => ({\n          ...prev,\n          isSpinning: false,\n          isButtonDisabled: false,\n        }))\n\n        // \u663E\u793A\u9519\u8BEF\u5F39\u7A97\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n\n        // \u89E6\u53D1\u9519\u8BEF\u56DE\u8C03\n        onSpinError?.(error as Error)\n\n        console.error('\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:', error)\n      }\n    }, [\n      wheelState.isSpinning,\n      prizes,\n      winningPrizeId,\n      spinDuration,\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      userData,\n      onLoginRequired,\n    ])\n\n    const handleWheelGoClick = useCallback(() => {\n      if (isLoggedIn) {\n        void handleSpinStart()\n        return\n      }\n\n      onLoginRequired?.()\n    }, [handleSpinStart, isLoggedIn, onLoginRequired])\n\n    // ==========================================================================\n    // \u5F39\u7A97\u5173\u95ED\u5904\u7406\n    // ==========================================================================\n\n    /**\n     * \u5173\u95ED\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    /**\n     * \u5173\u95ED\u672A\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    // ==========================================================================\n    // \u6E32\u67D3\n    // ==========================================================================\n\n    return (\n      <div className={cn('wheel-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}>\n        {/* ARIA Live Region - \u5C4F\u5E55\u9605\u8BFB\u5668\u72B6\u6001\u64AD\u62A5 */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {wheelState.isSpinning && '\u62BD\u5956\u8FDB\u884C\u4E2D...'}\n          {wheelState.winningPrize && !wheelState.isSpinning && `\u5DF2\u4E2D\u5956: ${wheelState.winningPrize.name}`}\n        </div>\n\n        {/* \u4E3B\u5185\u5BB9\u533A - \u54CD\u5E94\u5F0F\u4E24\u680F/\u5355\u680F\u5E03\u5C40 */}\n        <Grid className={cn('wheel-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* \u5DE6\u4FA7\uFF1A\u8F6C\u76D8\u533A\u57DF */}\n          <GridItem\n            span={7}\n            className={cn(\n              'wheel-section',\n              'relative flex w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\n              // \u79FB\u52A8\u7AEF\uFF08<=1024px\uFF09\u4F7F\u7528min-h\uFF0C\u684C\u9762\u7AEF\u4F7F\u7528aspect ratio\n              'laptop:min-h-[288px] min-h-[240px]',\n              'lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]',\n              'desktop:aspect-w-[759] desktop:aspect-h-[384]',\n              'laptop:aspect-w-[516] laptop:aspect-h-[288]',\n              'l-tablet:col-span-12',\n              // \u79FB\u52A8\u7AEF\u5E95\u90E8\u95F4\u8DDD\n              'l-tablet:mb-3',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                'w-full px-[16px] pt-[16px]',\n                'lg-desktop:pb-[32px] lg-desktop:px-[32px]',\n                'desktop:pt-[24px] desktop:px-[24px]',\n                'laptop:pt-[16px] laptop:px-[16px]',\n                'tablet:px-[24px]',\n                // \u79FB\u52A8\u7AEF(<=1024px)\u65F6\u4F7F\u7528\u7EDD\u5BF9\u5B9A\u4F4D\u8986\u76D6\u5728\u8F6C\u76D8\u80CC\u666F\u4E0A\n                'l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10'\n              )}\n            >\n              {/* \u9876\u90E8\u4FE1\u606F\u680F\uFF1A\u5DE6\u4FA7\u673A\u4F1A\u8FDB\u5EA6\uFF0C\u53F3\u4FA7\u94FE\u63A5 */}\n              <div className=\"tablet:max-h-[24px] relative z-10 mb-2 flex max-h-[40px] w-full flex-wrap items-center justify-between gap-3\">\n                {/* \u5DE6\u4FA7\uFF1A\u673A\u4F1A\u5C55\u793A - \u4EC5\u767B\u5F55\u65F6\u663E\u793A */}\n                <div>\n                  {isLoggedIn && (\n                    <p className=\"text-info-primary font-[700]\">\n                      {opportunitiesText?.[0]}\n                      <span className=\"ml-1 text-[#FF6B35]\">{availableChances}</span>\n                      {opportunitiesText?.[1] || ''}\n                    </p>\n                  )}\n                </div>\n                {/* \u53F3\u4FA7\uFF1ARules \u548C My Rewards \u6309\u94AE */}\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && rulesData.length > 0 && (\n                    <button\n                      onClick={() => setShowRulesModal(true)}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {/* My Rewards \u6309\u94AE - \u4EC5\u767B\u5F55\u65F6\u663E\u793A */}\n                  {userData?.isLoggedIn && rewardsData && (\n                    <button\n                      onClick={() => setShowRewardsModal(true)}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                </div>\n              </div>\n              {/* \u8F6C\u76D8\u7EC4\u4EF6 */}\n              <Wheel\n                theme={theme}\n                prizes={prizes}\n                rotation={wheelState.currentRotation}\n                isSpinning={wheelState.isSpinning}\n                isFinished={wheelState.isFinished}\n                isButtonDisabled={wheelState.isButtonDisabled || !isLoggedIn || isNoChancesState}\n                userData={userData}\n                onGoClick={handleWheelGoClick}\n                wheelBackgroundImage={wheelBackgroundImage}\n                pointerImage={pointerImage}\n              />\n            </div>\n          </GridItem>\n\n          {/* \u53F3\u4FA7\uFF1A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF */}\n          {chanceMethods.length > 0 && (\n            <GridItem\n              span={5}\n              className={cn(\n                'info-section',\n                'rounded-box',\n                'relative flex flex-col overflow-hidden',\n                'lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]',\n                'desktop:aspect-w-[536] desktop:aspect-h-[384]',\n                'laptop:aspect-w-[364] laptop:aspect-h-[288]',\n                // \u79FB\u52A8\u7AEF\u4F7F\u7528min-h\u800C\u4E0D\u662Fmax-h\uFF0C\u786E\u4FDD\u5185\u5BB9\u5B8C\u6574\u663E\u793A\n                'l-tablet:min-h-[280px] laptop:max-h-[320px]',\n                'w-full',\n                'l-tablet:col-span-12',\n                theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n              )}\n            >\n              <ChanceMethods\n                theme={theme}\n                userData={userData}\n                methods={chanceMethods}\n                title={chanceTitle}\n                subtitle={chanceSubtitle}\n                footerNote={chanceFooterNote}\n                onOpenShareModal={() => setShowShareModal(true)}\n                chanceBadgeText={chanceMethodsText?.chanceBadgeText}\n                completedText={completedText}\n                usedText={usedText}\n                loadingText={chanceMethodsText?.loadingText}\n                mechanismType={mechanismType}\n                inputConfig={inputConfig}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* \u5E95\u90E8\u533A\u57DF\uFF1A\u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355) */}\n        <div\n          className={cn(\n            'wheel-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          {/* \u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355\u81EA\u52A8\u6EDA\u52A8) */}\n          <PrizePool\n            theme={theme}\n            prizes={prizes}\n            title={prizesTitle}\n            winningInfos={winningInfos}\n            winnerNameTemplate={winnerNameTemplate}\n          />\n        </div>\n\n        {/* \u4E2D\u5956\u5F39\u7A97 */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={wheelState.winningPrize}\n          title={externalWinnerConfig?.title || winnerModalConfig?.title}\n          prizeTitle={externalWinnerConfig?.prizeTitle || winnerModalConfig?.prizeTitle}\n          prizeImage={externalWinnerConfig?.prizeImage || winnerModalConfig?.prizeImage}\n          prizeDescription={externalWinnerConfig?.prizeDescription || winnerModalConfig?.prizeDescription}\n          winnerNote={\n            externalWinnerConfig?.winnerNote ??\n            wheelState.winningPrize?.winnerModalConfig?.winnerNote ??\n            winnerModalConfig?.winnerNote\n          }\n          learnMoreUrl={\n            externalWinnerConfig?.learnMoreUrl ||\n            wheelState.winningPrize?.winnerModalConfig?.learnMoreUrl ||\n            winnerModalConfig?.learnMoreUrl\n          }\n          learnMoreText={\n            externalWinnerConfig?.learnMoreText ||\n            wheelState.winningPrize?.winnerModalConfig?.learnMoreText ||\n            winnerModalConfig?.learnMoreText\n          }\n          couponCode={externalWinnerConfig?.couponCode || winnerModalConfig?.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || winnerModalConfig?.expiresAt}\n          expiresAtLabel={externalWinnerConfig?.expiresAtLabel || winnerModalConfig?.expiresAtLabel}\n          couponDiscount={externalWinnerConfig?.couponDiscount || winnerModalConfig?.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || winnerModalConfig?.couponUnit}\n          confirmText={\n            externalWinnerConfig?.confirmText ||\n            wheelState.winningPrize?.winnerModalConfig?.confirmText ||\n            winnerModalConfig?.confirmText\n          }\n          confirmUrl={\n            externalWinnerConfig?.confirmUrl ||\n            wheelState.winningPrize?.winnerModalConfig?.confirmUrl ||\n            winnerModalConfig?.confirmUrl\n          }\n          copyText={externalWinnerConfig?.copyText || winnerModalConfig?.copyText || copyText}\n          copiedText={externalWinnerConfig?.copiedText || winnerModalConfig?.copiedText || copiedText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules \u5F39\u7A97 */}\n        {rulesData && rulesData.length > 0 && (\n          <RulesModal\n            title={rulesText}\n            isOpen={showRulesModal}\n            onClose={() => setShowRulesModal(false)}\n            rules={rulesData}\n            theme={theme}\n          />\n        )}\n\n        {/* My Rewards \u5F39\u7A97 */}\n        {rewardsData && (\n          <MyRewardsModal\n            isOpen={showRewardsModal}\n            onClose={() => setShowRewardsModal(false)}\n            rewards={rewardsData}\n            onCopyCode={onCopyCode}\n            codeText={codeText}\n            copyText={copyText}\n            copiedText={copiedText}\n            prizeText={prizeText}\n            emptyText={emptyText}\n            copyError={copyError}\n            availableText={availableText}\n            usedStatusText={usedStatusText}\n            expiredText={expiredText}\n            notFoundText={notFoundText}\n            theme={theme}\n            title={myRewardsText}\n          />\n        )}\n\n        {/* \u9519\u8BEF\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showErrorModal}\n          onClose={() => setShowErrorModal(false)}\n          title={errorTitle || errorModalConfig?.title}\n          message={errorMessage || errorModalConfig?.message}\n          confirmText={errorConfirmText || errorModalConfig?.confirmText}\n          theme={theme}\n        />\n\n        {/* \u672A\u4E2D\u5956\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={noWinTitle || errorModalConfig?.title}\n          message={noWinMessage || errorModalConfig?.message}\n          confirmText={noWinConfirmText || errorModalConfig?.confirmText}\n          theme={theme}\n        />\n\n        {/* \u5206\u4EAB\u5F39\u7A97 */}\n        <ShareModal\n          isOpen={showShareModal}\n          onClose={() => setShowShareModal(false)}\n          title={shareModalConfig?.title}\n          subtitle={shareModalConfig?.subtitle}\n          note={shareModalConfig?.note}\n          platforms={shareModalConfig?.platforms}\n          onShareSuccess={shareModalConfig?.onShareSuccess}\n          theme={theme}\n        />\n      </div>\n    )\n  }\n)\n\n// \u8BBE\u7F6E displayName \u7528\u4E8E\u8C03\u8BD5\nWheelLottery.displayName = 'WheelLottery'\n\n// ============================================================================\n// \u5BFC\u51FA\n// ============================================================================\n\nexport default withLayout(WheelLottery)\nexport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nexport { RulesModal } from '../LotteryShared/RulesModal.js'\nexport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nexport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nexport { ShareModal } from '../LotteryShared/ShareModal.js'\nexport { BaseModal } from '../LotteryShared/BaseModal.js'\nexport type {\n  WheelLotteryProps,\n  WheelLotteryHandle,\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  WheelProps,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from './types.js'\nexport type { RulesModalProps, RuleItem } from '../LotteryShared/RulesModal.js'\nexport type { MyRewardsModalProps, Reward, RewardStatus } from '../LotteryShared/MyRewardsModal.js'\nexport type { ErrorModalProps } from '../LotteryShared/ErrorModal.js'\nexport type { ShareModalProps } from '../LotteryShared/ShareModal.js'\nexport type { BaseModalProps } from '../LotteryShared/BaseModal.js'\nexport type { ContainerProps } from '../../shared/Styles.js'\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WheelLottery - \u5927\u8F6C\u76D8\u62BD\u5956\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u8425\u9500\u6D3B\u52A8\u7684\u4EA4\u4E92\u5F0F\u62BD\u5956\u8F6C\u76D8\uFF0C\u652F\u6301\u591A\u54C1\u724C\u4E3B\u9898\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * @module WheelLottery\n * @date 2025-12-17\n */\n\n'use client'\n\nimport { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_WHEEL_CONFIG, DEFAULT_CHANCE_METHODS, INITIAL_WHEEL_STATE } from './types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { Wheel } from './Wheel.js'\nimport { PrizePool } from '../LotteryShared/PrizePool.js'\nimport { ChanceMethods } from '../LotteryShared/ChanceMethods.js'\nimport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nimport { RulesModal } from '../LotteryShared/RulesModal.js'\nimport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nimport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nimport { ShareModal } from '../LotteryShared/ShareModal.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nimport type { WheelLotteryProps, WheelState, WheelLotteryHandle, WinnerModalConfig } from './types.js'\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6\n// ============================================================================\n\n/**\n * WheelLottery \u7EC4\u4EF6\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u4F7F\u7528\n * <WheelLottery\n *   prizes={prizes}\n *   winningPrizeId=\"prize-003\"\n *   onSpinEnd={(prize) => alert(`You won ${prize.name}`)}\n * />\n *\n * // \u4F7F\u7528 ref \u63A7\u5236\u5F39\u7A97\n * const lotteryRef = useRef<WheelLotteryHandle>(null)\n *\n * <WheelLottery ref={lotteryRef} prizes={prizes} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Error',\n *   message: 'Something went wrong'\n * })\n * ```\n */\nexport const WheelLottery = forwardRef<WheelLotteryHandle, WheelLotteryProps>(\n  (\n    {\n      prizes,\n      theme,\n      winningPrizeId,\n      spinDuration = DEFAULT_WHEEL_CONFIG.spinDuration,\n      wheelBackgroundImage,\n      pointerImage,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_WHEEL_CONFIG.chanceTitle,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      winningInfos = [],\n      winnerNameTemplate,\n      prizesTitle,\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      userData,\n      onLoginRequired,\n      onCopyCode,\n      opportunitiesText = ['Number of draws remaining today:'],\n      className,\n    },\n    ref\n  ) => {\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      copiedText = 'COPIED',\n      prizeText = 'Prize time:',\n      emptyText,\n      copyError,\n      availableText,\n      usedStatusText,\n      expiredText,\n      notFoundText,\n    } = myRewardsModalConfig\n    const completedText = chanceMethodsText?.completedText\n    const usedText = chanceMethodsText?.usedText\n    const isLoggedIn = userData?.isLoggedIn ?? false\n    const availableChances = userData?.availableChances ?? 0\n    const isNoChancesState = isLoggedIn && availableChances <= 0\n    // ==========================================================================\n    // State \u7BA1\u7406\n    // ==========================================================================\n\n    const [wheelState, setWheelState] = useState<WheelState>(INITIAL_WHEEL_STATE)\n    const [showWinnerModal, setShowWinnerModal] = useState(false)\n    const [showRulesModal, setShowRulesModal] = useState(false)\n    const [showRewardsModal, setShowRewardsModal] = useState(false)\n    const [showErrorModal, setShowErrorModal] = useState(false)\n    const [showNoWinModal, setShowNoWinModal] = useState(false)\n    const [showShareModal, setShowShareModal] = useState(false)\n    const [errorMessage, setErrorMessage] = useState('')\n    const [errorTitle, setErrorTitle] = useState<string | undefined>()\n    const [errorConfirmText, setErrorConfirmText] = useState<string | undefined>()\n    const [noWinTitle, setNoWinTitle] = useState<string | undefined>()\n    const [noWinMessage, setNoWinMessage] = useState<string | undefined>()\n    const [noWinConfirmText, setNoWinConfirmText] = useState<string | undefined>()\n    const [externalWinnerConfig, setExternalWinnerConfig] = useState<Partial<WinnerModalConfig> | undefined>()\n    const animationRef = useRef<number | null>(null)\n\n    // ==========================================================================\n    // Imperative Handle - \u66B4\u9732\u65B9\u6CD5\u7ED9\u7236\u7EC4\u4EF6\n    // ==========================================================================\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        showError: ({ message, title, confirmText }) => {\n          setErrorMessage(message)\n          setErrorTitle(title)\n          setErrorConfirmText(confirmText)\n          setShowErrorModal(true)\n        },\n        hideError: () => {\n          setShowErrorModal(false)\n        },\n        showNoWin: config => {\n          setNoWinTitle(config?.title)\n          setNoWinMessage(config?.message)\n          setNoWinConfirmText(config?.confirmText)\n          setShowNoWinModal(true)\n        },\n        hideNoWin: () => {\n          setShowNoWinModal(false)\n        },\n        showWinner: (prize, config) => {\n          setWheelState(prev => ({ ...prev, winningPrize: prize }))\n          setExternalWinnerConfig(config)\n          setShowWinnerModal(true)\n        },\n        hideWinner: () => {\n          setShowWinnerModal(false)\n        },\n        showRules: () => {\n          setShowRulesModal(true)\n        },\n        hideRules: () => {\n          setShowRulesModal(false)\n        },\n        showRewards: () => {\n          setShowRewardsModal(true)\n        },\n        hideRewards: () => {\n          setShowRewardsModal(false)\n        },\n        showShare: () => {\n          setShowShareModal(true)\n        },\n        hideShare: () => {\n          setShowShareModal(false)\n        },\n        hideAllModals: () => {\n          setShowWinnerModal(false)\n          setShowRulesModal(false)\n          setShowRewardsModal(false)\n          setShowErrorModal(false)\n          setShowNoWinModal(false)\n          setShowShareModal(false)\n        },\n      }),\n      []\n    )\n\n    // ==========================================================================\n    // Props \u9A8C\u8BC1\uFF08\u5F00\u53D1\u73AF\u5883\uFF09\n    // ==========================================================================\n\n    useEffect(() => {\n      if (process.env.NODE_ENV === 'development' && prizes) {\n        if (prizes.length !== 8) {\n          console.warn(\n            `WheelLottery expects exactly 8 prizes, got ${prizes.length}. The component may not render correctly.`\n          )\n        }\n\n        if (winningPrizeId && !prizes.find(p => p.prizeKey === winningPrizeId)) {\n          console.warn(`WheelLottery: winningPrizeId \"${winningPrizeId}\" not found in prizes array.`)\n        }\n      }\n    }, [prizes, winningPrizeId])\n\n    // ==========================================================================\n    // \u6E05\u7406\u52A8\u753B\n    // ==========================================================================\n\n    useEffect(() => {\n      return () => {\n        // \u7EC4\u4EF6\u5378\u8F7D\u65F6\u53D6\u6D88\u52A8\u753B\u5E27\n        if (animationRef.current !== null) {\n          cancelAnimationFrame(animationRef.current)\n        }\n      }\n    }, [])\n\n    // ==========================================================================\n    // \u62BD\u5956\u903B\u8F91\n    // ==========================================================================\n\n    /**\n     * \u5F00\u59CB\u62BD\u5956 - \u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n     * \u5229\u7528\u521D\u59CB\u6162\u901F\u65CB\u8F6C\uFF0C\u70B9\u51FB\u540E\u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF0C\u63A5\u53E3\u8FD4\u56DE\u540E\u51CF\u901F\u505C\u6B62\n     */\n    const handleSpinStart = useCallback(async () => {\n      if (wheelState.isSpinning) return\n\n      // \u68C0\u67E5\u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      // \u2705 \u6B21\u6570\u4E3A 0 \u65F6\uFF0C\u6309\u94AE\u5DF2\u88AB\u7981\u7528\uFF0C\u8FD9\u91CC\u4E0D\u9700\u8981\u989D\u5916\u68C0\u67E5\n      // \u9632\u5FA1\u6027\u7F16\u7A0B\uFF1A\u5982\u679C\u4ECD\u7136\u89E6\u53D1\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (userData.availableChances <= 0) {\n        return\n      }\n\n      // \u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF08\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u4F1A\u81EA\u52A8\u53D8\u4E3A\u5FEB\u901F\u65CB\u8F6C\uFF09\n      setWheelState(prev => ({\n        ...prev,\n        isSpinning: true,\n        isButtonDisabled: true,\n      }))\n\n      try {\n        // \u8C03\u7528\u5916\u90E8\u63A5\u53E3\u83B7\u53D6\u4E2D\u5956\u7ED3\u679C\n        let finalWinningPrizeId = winningPrizeId\n\n        if (onSpinStart) {\n          // \u7B49\u5F85\u63A5\u53E3\u8FD4\u56DE\u4E2D\u5956 ID\uFF08\u63A5\u53E3\u65F6\u95F4\u4E0D\u56FA\u5B9A\uFF0C1-30s\uFF09\n          // \u5728\u6B64\u671F\u95F4\uFF0C\u8F6C\u76D8\u4F1A\u4FDD\u6301\u5FEB\u901F\u65CB\u8F6C\uFF08\u7531 CSS \u52A8\u753B\u63A7\u5236\uFF09\n          finalWinningPrizeId = await onSpinStart()\n        }\n\n        // \u786E\u5B9A\u4E2D\u5956\u5956\u54C1\n        const winningPrize = prizes.find(p => p.prizeKey === finalWinningPrizeId) || prizes[0]\n        const winningIndex = prizes.findIndex(p => p.prizeKey === winningPrize.prizeKey)\n\n        // \u8BA1\u7B97\u76EE\u6807\u89D2\u5EA6\n        const degreesPerPrize = 360 / prizes.length\n        const basePrizeAngle = winningIndex * degreesPerPrize\n        // \u81F3\u5C11\u65CB\u8F6C 3 \u5708\uFF081080\u5EA6\uFF09+ \u76EE\u6807\u89D2\u5EA6\n        const minRotations = 3\n        const targetAngle = minRotations * 360 + (360 - basePrizeAngle)\n\n        // \u63A5\u53E3\u8FD4\u56DE\u540E\uFF0C\u7B49\u5F85 1.5s \u518D\u5F00\u59CB\u505C\u6B62\u52A8\u753B\n        await new Promise(resolve => setTimeout(resolve, 1500))\n\n        // \u7ACB\u5373\u8FDB\u5165\u51CF\u901F\u72B6\u6001\uFF0C\u505C\u6B62 CSS \u5FAA\u73AF\u52A8\u753B\n        setWheelState(prev => ({\n          ...prev,\n          isFinished: true,\n          currentRotation: 0, // \u4ECE 0 \u5EA6\u5F00\u59CB\u51CF\u901F\u52A8\u753B\n        }))\n\n        // \u5F00\u59CB\u505C\u6B62\u65CB\u8F6C\u52A8\u753B\n        const startTime = Date.now()\n\n        const animate = () => {\n          const now = Date.now()\n          const elapsed = now - startTime\n          const progress = Math.min(elapsed / spinDuration, 1)\n\n          // \u5E94\u7528 ease-out \u7F13\u52A8\u51FD\u6570\n          const eased = 1 - Math.pow(1 - progress, 3)\n\n          // \u8BA1\u7B97\u5F53\u524D\u65CB\u8F6C\u89D2\u5EA6\n          const currentRotation = targetAngle * eased\n\n          // \u66F4\u65B0\u72B6\u6001\n          setWheelState(prev => ({\n            ...prev,\n            currentRotation,\n          }))\n\n          // \u7EE7\u7EED\u52A8\u753B\u6216\u7ED3\u675F\n          if (progress < 1) {\n            animationRef.current = requestAnimationFrame(animate)\n          } else {\n            // \u52A8\u753B\u7ED3\u675F - \u4FDD\u6301\u6309\u94AE\u7981\u7528\u72B6\u6001,\u76F4\u5230\u5F39\u7A97\u5173\u95ED\n            setWheelState(prev => ({\n              ...prev,\n              isSpinning: false,\n              isButtonDisabled: true,\n              winningPrize,\n              currentRotation: targetAngle,\n            }))\n\n            // \u5EF6\u8FDF\u663E\u793A\u5F39\u7A97\uFF08500ms\u540E\uFF09\n            if (onSpinEnd) {\n              onSpinEnd?.(winningPrize)\n            } else {\n              setTimeout(() => {\n                // \u68C0\u67E5\u662F\u5426\u672A\u4E2D\u5956\uFF08try-again\uFF09\n                if (winningPrize.prizeKey === 'try-again') {\n                  // \u672A\u4E2D\u5956\uFF0C\u663E\u793A ErrorModal\n                  setShowNoWinModal(true)\n                } else {\n                  // \u4E2D\u5956\uFF0C\u663E\u793A WinnerModal\n                  setShowWinnerModal(true)\n                }\n              }, 500)\n            }\n          }\n        }\n\n        // \u542F\u52A8\u505C\u6B62\u52A8\u753B\n        animationRef.current = requestAnimationFrame(animate)\n      } catch (error) {\n        // \u63A5\u53E3\u62A5\u9519\uFF0C\u6062\u590D\u5230\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u72B6\u6001\n        setWheelState(prev => ({\n          ...prev,\n          isSpinning: false,\n          isButtonDisabled: false,\n        }))\n\n        // \u663E\u793A\u9519\u8BEF\u5F39\u7A97\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n\n        // \u89E6\u53D1\u9519\u8BEF\u56DE\u8C03\n        onSpinError?.(error as Error)\n\n        console.error('\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:', error)\n      }\n    }, [\n      wheelState.isSpinning,\n      prizes,\n      winningPrizeId,\n      spinDuration,\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      userData,\n      onLoginRequired,\n    ])\n\n    const handleWheelGoClick = useCallback(() => {\n      if (isLoggedIn) {\n        void handleSpinStart()\n        return\n      }\n\n      onLoginRequired?.()\n    }, [handleSpinStart, isLoggedIn, onLoginRequired])\n\n    // ==========================================================================\n    // \u5F39\u7A97\u5173\u95ED\u5904\u7406\n    // ==========================================================================\n\n    /**\n     * \u5173\u95ED\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    /**\n     * \u5173\u95ED\u672A\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    // ==========================================================================\n    // \u6E32\u67D3\n    // ==========================================================================\n\n    return (\n      <div className={cn('wheel-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}>\n        {/* ARIA Live Region - \u5C4F\u5E55\u9605\u8BFB\u5668\u72B6\u6001\u64AD\u62A5 */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {wheelState.isSpinning && '\u62BD\u5956\u8FDB\u884C\u4E2D...'}\n          {wheelState.winningPrize && !wheelState.isSpinning && `\u5DF2\u4E2D\u5956: ${wheelState.winningPrize.name}`}\n        </div>\n\n        {/* \u4E3B\u5185\u5BB9\u533A - \u54CD\u5E94\u5F0F\u4E24\u680F/\u5355\u680F\u5E03\u5C40 */}\n        <Grid className={cn('wheel-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* \u5DE6\u4FA7\uFF1A\u8F6C\u76D8\u533A\u57DF */}\n          <GridItem\n            span={7}\n            className={cn(\n              'wheel-section',\n              'relative flex w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\n              // \u79FB\u52A8\u7AEF\uFF08<=1024px\uFF09\u4F7F\u7528min-h\uFF0C\u684C\u9762\u7AEF\u4F7F\u7528aspect ratio\n              'laptop:min-h-[288px] min-h-[240px]',\n              'lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]',\n              'desktop:aspect-w-[759] desktop:aspect-h-[384]',\n              'laptop:aspect-w-[516] laptop:aspect-h-[288]',\n              'l-tablet:col-span-12',\n              // \u79FB\u52A8\u7AEF\u5E95\u90E8\u95F4\u8DDD\n              'l-tablet:mb-3',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                'w-full px-[16px] pt-[16px]',\n                'lg-desktop:pb-[32px] lg-desktop:px-[32px]',\n                'desktop:pt-[24px] desktop:px-[24px]',\n                'laptop:pt-[16px] laptop:px-[16px]',\n                'tablet:px-[24px]',\n                // \u79FB\u52A8\u7AEF(<=1024px)\u65F6\u4F7F\u7528\u7EDD\u5BF9\u5B9A\u4F4D\u8986\u76D6\u5728\u8F6C\u76D8\u80CC\u666F\u4E0A\n                'l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10'\n              )}\n            >\n              {/* \u9876\u90E8\u4FE1\u606F\u680F\uFF1A\u5DE6\u4FA7\u673A\u4F1A\u8FDB\u5EA6\uFF0C\u53F3\u4FA7\u94FE\u63A5 */}\n              <div className=\"tablet:max-h-[24px] relative z-10 mb-2 flex max-h-[40px] w-full flex-wrap items-center justify-between gap-3\">\n                {/* \u5DE6\u4FA7\uFF1A\u673A\u4F1A\u5C55\u793A - \u4EC5\u767B\u5F55\u65F6\u663E\u793A */}\n                <div>\n                  {isLoggedIn && (\n                    <p className=\"text-info-primary font-[700]\">\n                      {opportunitiesText?.[0]}\n                      <span className=\"ml-1 text-[#FF6B35]\">{availableChances}</span>\n                      {opportunitiesText?.[1] || ''}\n                    </p>\n                  )}\n                </div>\n                {/* \u53F3\u4FA7\uFF1ARules \u548C My Rewards \u6309\u94AE */}\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && rulesData.length > 0 && (\n                    <button\n                      onClick={e => {\n                        e.stopPropagation()\n                        setShowRulesModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {/* My Rewards \u6309\u94AE - \u4EC5\u767B\u5F55\u65F6\u663E\u793A */}\n                  {userData?.isLoggedIn && rewardsData && (\n                    <button\n                      onClick={e => {\n                        e.stopPropagation()\n                        setShowRewardsModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                </div>\n              </div>\n              {/* \u8F6C\u76D8\u7EC4\u4EF6 */}\n              <Wheel\n                theme={theme}\n                prizes={prizes}\n                rotation={wheelState.currentRotation}\n                isSpinning={wheelState.isSpinning}\n                isFinished={wheelState.isFinished}\n                isButtonDisabled={wheelState.isButtonDisabled || !isLoggedIn || isNoChancesState}\n                userData={userData}\n                onGoClick={handleWheelGoClick}\n                wheelBackgroundImage={wheelBackgroundImage}\n                pointerImage={pointerImage}\n              />\n            </div>\n          </GridItem>\n\n          {/* \u53F3\u4FA7\uFF1A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF */}\n          {chanceMethods.length > 0 && (\n            <GridItem\n              span={5}\n              className={cn(\n                'info-section',\n                'rounded-box',\n                'relative flex flex-col overflow-hidden',\n                'lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]',\n                'desktop:aspect-w-[536] desktop:aspect-h-[384]',\n                'laptop:aspect-w-[364] laptop:aspect-h-[288]',\n                // \u79FB\u52A8\u7AEF\u4F7F\u7528min-h\u800C\u4E0D\u662Fmax-h\uFF0C\u786E\u4FDD\u5185\u5BB9\u5B8C\u6574\u663E\u793A\n                'l-tablet:min-h-[280px] laptop:max-h-[320px]',\n                'w-full',\n                'l-tablet:col-span-12',\n                theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n              )}\n            >\n              <ChanceMethods\n                theme={theme}\n                userData={userData}\n                methods={chanceMethods}\n                title={chanceTitle}\n                subtitle={chanceSubtitle}\n                footerNote={chanceFooterNote}\n                onOpenShareModal={() => setShowShareModal(true)}\n                chanceBadgeText={chanceMethodsText?.chanceBadgeText}\n                completedText={completedText}\n                usedText={usedText}\n                loadingText={chanceMethodsText?.loadingText}\n                mechanismType={mechanismType}\n                inputConfig={inputConfig}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* \u5E95\u90E8\u533A\u57DF\uFF1A\u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355) */}\n        <div\n          className={cn(\n            'wheel-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          {/* \u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355\u81EA\u52A8\u6EDA\u52A8) */}\n          <PrizePool\n            theme={theme}\n            prizes={prizes}\n            title={prizesTitle}\n            winningInfos={winningInfos}\n            winnerNameTemplate={winnerNameTemplate}\n          />\n        </div>\n\n        {/* \u4E2D\u5956\u5F39\u7A97 */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={wheelState.winningPrize}\n          title={externalWinnerConfig?.title || winnerModalConfig?.title}\n          prizeTitle={externalWinnerConfig?.prizeTitle || winnerModalConfig?.prizeTitle}\n          prizeImage={externalWinnerConfig?.prizeImage || winnerModalConfig?.prizeImage}\n          prizeDescription={externalWinnerConfig?.prizeDescription || winnerModalConfig?.prizeDescription}\n          winnerNote={\n            externalWinnerConfig?.winnerNote ??\n            wheelState.winningPrize?.winnerModalConfig?.winnerNote ??\n            winnerModalConfig?.winnerNote\n          }\n          learnMoreUrl={\n            externalWinnerConfig?.learnMoreUrl ||\n            wheelState.winningPrize?.winnerModalConfig?.learnMoreUrl ||\n            winnerModalConfig?.learnMoreUrl\n          }\n          learnMoreText={\n            externalWinnerConfig?.learnMoreText ||\n            wheelState.winningPrize?.winnerModalConfig?.learnMoreText ||\n            winnerModalConfig?.learnMoreText\n          }\n          couponCode={externalWinnerConfig?.couponCode || winnerModalConfig?.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || winnerModalConfig?.expiresAt}\n          expiresAtLabel={externalWinnerConfig?.expiresAtLabel || winnerModalConfig?.expiresAtLabel}\n          couponDiscount={externalWinnerConfig?.couponDiscount || winnerModalConfig?.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || winnerModalConfig?.couponUnit}\n          confirmText={\n            externalWinnerConfig?.confirmText ||\n            wheelState.winningPrize?.winnerModalConfig?.confirmText ||\n            winnerModalConfig?.confirmText\n          }\n          confirmUrl={\n            externalWinnerConfig?.confirmUrl ||\n            wheelState.winningPrize?.winnerModalConfig?.confirmUrl ||\n            winnerModalConfig?.confirmUrl\n          }\n          copyText={externalWinnerConfig?.copyText || winnerModalConfig?.copyText || copyText}\n          copiedText={externalWinnerConfig?.copiedText || winnerModalConfig?.copiedText || copiedText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules \u5F39\u7A97 */}\n        {rulesData && rulesData.length > 0 && (\n          <RulesModal\n            title={rulesText}\n            isOpen={showRulesModal}\n            onClose={() => setShowRulesModal(false)}\n            rules={rulesData}\n            theme={theme}\n          />\n        )}\n\n        {/* My Rewards \u5F39\u7A97 */}\n        {rewardsData && (\n          <MyRewardsModal\n            isOpen={showRewardsModal}\n            onClose={() => setShowRewardsModal(false)}\n            rewards={rewardsData}\n            onCopyCode={onCopyCode}\n            codeText={codeText}\n            copyText={copyText}\n            copiedText={copiedText}\n            prizeText={prizeText}\n            emptyText={emptyText}\n            copyError={copyError}\n            availableText={availableText}\n            usedStatusText={usedStatusText}\n            expiredText={expiredText}\n            notFoundText={notFoundText}\n            theme={theme}\n            title={myRewardsText}\n          />\n        )}\n\n        {/* \u9519\u8BEF\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showErrorModal}\n          onClose={() => setShowErrorModal(false)}\n          title={errorTitle || errorModalConfig?.title}\n          message={errorMessage || errorModalConfig?.message}\n          confirmText={errorConfirmText || errorModalConfig?.confirmText}\n          theme={theme}\n        />\n\n        {/* \u672A\u4E2D\u5956\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={noWinTitle || errorModalConfig?.title}\n          message={noWinMessage || errorModalConfig?.message}\n          confirmText={noWinConfirmText || errorModalConfig?.confirmText}\n          theme={theme}\n        />\n\n        {/* \u5206\u4EAB\u5F39\u7A97 */}\n        <ShareModal\n          isOpen={showShareModal}\n          onClose={() => setShowShareModal(false)}\n          title={shareModalConfig?.title}\n          subtitle={shareModalConfig?.subtitle}\n          note={shareModalConfig?.note}\n          platforms={shareModalConfig?.platforms}\n          onShareSuccess={shareModalConfig?.onShareSuccess}\n          theme={theme}\n        />\n      </div>\n    )\n  }\n)\n\n// \u8BBE\u7F6E displayName \u7528\u4E8E\u8C03\u8BD5\nWheelLottery.displayName = 'WheelLottery'\n\n// ============================================================================\n// \u5BFC\u51FA\n// ============================================================================\n\nexport default withLayout(WheelLottery)\nexport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nexport { RulesModal } from '../LotteryShared/RulesModal.js'\nexport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nexport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nexport { ShareModal } from '../LotteryShared/ShareModal.js'\nexport { BaseModal } from '../LotteryShared/BaseModal.js'\nexport type {\n  WheelLotteryProps,\n  WheelLotteryHandle,\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  WheelProps,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from './types.js'\nexport type { RulesModalProps, RuleItem } from '../LotteryShared/RulesModal.js'\nexport type { MyRewardsModalProps, Reward, RewardStatus } from '../LotteryShared/MyRewardsModal.js'\nexport type { ErrorModalProps } from '../LotteryShared/ErrorModal.js'\nexport type { ShareModalProps } from '../LotteryShared/ShareModal.js'\nexport type { BaseModalProps } from '../LotteryShared/BaseModal.js'\nexport type { ContainerProps } from '../../shared/Styles.js'\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "useState", "useCallback", "useRef", "useEffect", "useImperativeHandle", "forwardRef", "cn", "DEFAULT_WHEEL_CONFIG", "DEFAULT_CHANCE_METHODS", "INITIAL_WHEEL_STATE", "Grid", "GridItem", "Wheel", "PrizePool", "ChanceMethods", "WinnerModal", "RulesModal", "MyRewardsModal", "ErrorModal", "ShareModal", "withLayout", "WheelLottery", "prizes", "theme", "winningPrizeId", "spinDuration", "wheelBackgroundImage", "pointerImage", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "chanceMethodsText", "mechanismType", "inputConfig", "winningInfos", "winnerNameTemplate", "prizesTitle", "onSpinStart", "onSpinEnd", "onSpinError", "winnerModalConfig", "rulesModalConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "userData", "onLoginRequired", "onCopyCode", "opportunitiesText", "className", "ref", "rulesData", "rulesText", "rewardsData", "myRewardsText", "codeText", "copyText", "copiedText", "prizeText", "emptyText", "copyError", "availableText", "usedStatusText", "expiredText", "notFoundText", "completedText", "usedText", "isLoggedIn", "availableChances", "isNoChancesState", "wheelState", "setWheelState", "showWinnerModal", "setShowWinnerModal", "showRulesModal", "setShowRulesModal", "showRewardsModal", "setShowRewardsModal", "showErrorModal", "setShowErrorModal", "showNoWinModal", "setShowNoWinModal", "showShareModal", "setShowShareModal", "errorMessage", "setErrorMessage", "errorTitle", "setErrorTitle", "errorConfirmText", "setErrorConfirmText", "noWinTitle", "setNoWinTitle", "noWinMessage", "setNoWinMessage", "noWinConfirmText", "setNoWinConfirmText", "externalWinnerConfig", "setExternalWinnerConfig", "animationRef", "message", "title", "confirmText", "config", "prize", "prev", "handleSpinStart", "finalWinningPrizeId", "winningPrize", "p", "winningIndex", "degreesPerPrize", "basePrizeAngle", "targetAngle", "resolve", "startTime", "animate", "elapsed", "progress", "eased", "currentRotation", "error", "handleWheelGoClick", "handleCloseWinnerModal", "handleCloseNoWinModal", "WheelLottery_default", "BaseModal"]
 }

package/dist/esm/biz-components/index.d.ts CHANGED Viewed

@@ -127,6 +127,8 @@ export type { SceneShelfV3Data, SceneShelfV3Props, ProductTab as SceneShelfV3Pro
 export type { SceneShelfV3SemanticName, ProductCardData as SceneShelfV3ProductCardData, } from './SceneShelfV3/ProductCard.js';
 export { default as MediaEndorsement } from './MediaEndorsement/index.js';
 export type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName, } from './MediaEndorsement/index.js';
+export { default as MediaTextOverlay } from './MediaTextOverlay/index.js';
+export type { MediaTextOverlayProps, MediaTextOverlayData, MediaTextOverlayItem, MediaTextOverlaySemanticName, ResponsiveMedia, } from './MediaTextOverlay/index.js';
 export type { CopyConfig as MediaShelfCopyConfig, ButtonFunctionType as MediaShelfButtonFunctionType, } from './MediaShelf/types.js';
 export type { CopyConfig as ActiveShelfCopyConfig, ButtonFunctionType } from './ActiveShelf/types.js';
 export { default as ImageOverlayShelf, type ButtonFunctionType as ImageOverlayShelfButtonFunctionType, } from './ImageOverlayShelf/index.js';
@@ -138,6 +140,10 @@ export { default as MiniCartCircleProgress } from './MiniCart/CircleProgress.js'
 export type { CircleProgressProps as MiniCartCircleProgressProps } from './MiniCart/CircleProgress.js';
 export { default as MiniCartDialog, MiniCartDialog as MiniCartDialogComponent } from './MiniCart/MiniCartDialog.js';
 export type { MiniCartDialogProps, MiniCartDialogCopy, MiniCartDialogSemanticName, CartData, } from './MiniCart/MiniCartDialog.js';
+export { default as WebPushPopup } from './WebPushPopup/index.js';
+export type { WebPushPopupProps } from './WebPushPopup/index.js';
+export { useEmarsysWebPush } from '../hooks/useEmarsysWebPush.js';
+export type { UseEmarsysWebPushOptions, UseEmarsysWebPushReturn, EmarsysContactInfo, EmarsysInitConfig, } from '../hooks/useEmarsysWebPush.js';
 /**
  * 组件映射对象
  */