npm - @anker-in/headless-ui - Versions diffs - 1.3.63 → 1.3.64 - Mend

@anker-in/headless-ui 1.3.63 → 1.3.64

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 (1769) hide show

package/dist/cjs/biz-components/ProductLottery/MediaDrawArea.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductLottery/MediaDrawArea.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { MediaDrawAreaProps, MediaConfig } from './types.js'\nimport { DEFAULT_CTA_BUTTON } from './types.js'\n\nconst BREAKPOINTS = {\n  tablet: '(min-width: 768px)',\n  laptop: '(min-width: 1025px)',\n  desktop: '(min-width: 1440px)',\n  lgDesktop: '(min-width: 1920px)',\n} as const\n\nconst ResponsiveImage: React.FC<{\n  media: MediaConfig\n  className?: string\n}> = ({ media, className }) => {\n  const alt = media.image?.alt || 'Product Lottery'\n  return (\n    <picture>\n      {media.imageLgDesktop && <source media={BREAKPOINTS.lgDesktop} srcSet={media.imageLgDesktop.url} />}\n      {media.imageDesktop && <source media={BREAKPOINTS.desktop} srcSet={media.imageDesktop.url} />}\n      {media.imageLaptop && <source media={BREAKPOINTS.laptop} srcSet={media.imageLaptop.url} />}\n      {media.imageTablet && <source media={BREAKPOINTS.tablet} srcSet={media.imageTablet.url} />}\n      <img src={media.image?.url || ''} alt={alt} className={cn('size-full object-cover', className)} loading=\"lazy\" />\n    </picture>\n  )\n}\n\nconst VideoMedia: React.FC<{\n  media: MediaConfig\n  autoPlay?: boolean\n  muted?: boolean\n  loop?: boolean\n  className?: string\n}> = ({ media, autoPlay = true, muted = true, loop = true, className }) => {\n  const vid = media.video\n  if (!vid) return null\n  return (\n    <video\n      src={vid.url}\n      poster={vid.thumbnailURL || undefined}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      playsInline\n      className={cn('size-full object-cover', className)}\n      aria-label={vid.alt || 'Product Lottery Video'}\n    />\n  )\n}\n\nconst CTA_STYLE_MAP = {\n  primary: cn('bg-btn-primary text-btn-primary-foreground', 'shadow-lg'),\n  secondary: cn('bg-[#1D1D1F] text-white', 'shadow-lg hover:bg-[#1D1D1F]/90'),\n  outline: cn('border-2 border-white bg-transparent text-white', 'hover:bg-white/10'),\n} as const\n\nexport const MediaDrawArea: React.FC<MediaDrawAreaProps> = ({\n  media,\n  ctaButton,\n  videoAutoPlay,\n  videoMuted,\n  videoLoop,\n  isDrawing = false,\n  isDisabled = false,\n  onClick,\n  className,\n  ctaTrackTypeName,\n  ctaTrackTitleDescButton,\n}) => {\n  const buttonText = ctaButton?.text ?? ''\n  const buttonStyle = ctaButton?.style || 'primary'\n\n  return (\n    <div className={cn('media-draw-area', 'size-full overflow-hidden', className)}>\n      {/* Media Layer */}\n      <div className=\"absolute inset-0\">\n        {media.type === 'video' ? (\n          <VideoMedia media={media} autoPlay={videoAutoPlay} muted={videoMuted} loop={videoLoop} />\n        ) : (\n          <ResponsiveImage media={media} />\n        )}\n      </div>\n\n      {/* Clickable overlay \u2014 entire area triggers draw */}\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isDisabled || isDrawing}\n        className={cn(\n          'absolute inset-0 z-10 flex cursor-pointer items-end justify-center',\n          'tablet:pb-5 laptop:pb-6 desktop:pb-8 lg-desktop:pb-10 pb-4',\n          'disabled:cursor-not-allowed',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2'\n        )}\n        aria-label={isDrawing ? 'Drawing in progress...' : buttonText}\n        aria-busy={isDrawing}\n        data-headless-type-name={ctaTrackTypeName}\n        data-headless-title-desc-button={ctaTrackTitleDescButton}\n      >\n        {/* CTA Button visual \u2014 hidden when no text configured */}\n        {buttonText && (\n          <span\n            className={cn(\n              'inline-flex items-center justify-center gap-2',\n              'rounded-btn px-6 py-2.5',\n              'text-sm font-semibold',\n              'laptop:px-8 laptop:py-3 laptop:text-base',\n              'desktop:px-10 desktop:py-3.5',\n              'transition-all duration-200',\n              'hover:scale-105 active:scale-95',\n              CTA_STYLE_MAP[buttonStyle],\n              isDrawing && 'pointer-events-none opacity-80',\n              isDisabled && 'pointer-events-none opacity-50'\n            )}\n          >\n            {isDrawing && (\n              <svg className=\"size-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"10\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"3\"\n                  strokeLinecap=\"round\"\n                  className=\"opacity-25\"\n                />\n                <path\n                  d=\"M4 12a8 8 0 018-8\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"3\"\n                  strokeLinecap=\"round\"\n                  className=\"opacity-75\"\n                />\n              </svg>\n            )}\n            {buttonText}\n          </span>\n        )}\n      </button>\n    </div>\n  )\n}\n\nMediaDrawArea.displayName = 'MediaDrawArea'\n\nexport default MediaDrawArea\n"],
-  "mappings": "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",
-  "names": ["MediaDrawArea_exports", "__export", "MediaDrawArea", "MediaDrawArea_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "BREAKPOINTS", "ResponsiveImage", "media", "className", "alt", "VideoMedia", "autoPlay", "muted", "loop", "vid", "CTA_STYLE_MAP", "ctaButton", "videoAutoPlay", "videoMuted", "videoLoop", "isDrawing", "isDisabled", "onClick", "ctaTrackTypeName", "ctaTrackTitleDescButton", "buttonText", "buttonStyle"]
-}

package/dist/cjs/biz-components/ProductLottery/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductLottery/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useCallback, useImperativeHandle, forwardRef, useEffect, useRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_CHANCE_TITLE } from './types.js'\nimport { DEFAULT_CHANCE_METHODS } from '../LotteryShared/types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { MediaDrawArea } from './MediaDrawArea.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'\nimport { gaTrack } from '../../shared/track.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef, buildTrackingRef } from '../../shared/trackUrlRef.js'\n\nimport type { ProductLotteryProps, ProductLotteryHandle } from './types.js'\nimport type { Prize, WinnerModalConfig, ChanceInputConfig } from '../LotteryShared/types.js'\n\nconst LOTTERY_COMPONENT_TYPE = 'image'\nconst LOTTERY_COMPONENT_NAME = 'lottery_banner'\nconst LOTTERY_COMPONENT_TITLE = '\u4EA7\u54C1\u62BD\u5956'\nconst LOTTERY_CLICK_TYPE = 'copy'\nconst LOTTERY_MODAL_COMPONENT_NAME = 'lottery_pop'\nconst LOTTERY_MODAL_COMPONENT_TYPE = 'image'\n\nexport const ProductLottery = forwardRef<ProductLotteryHandle, ProductLotteryProps>(\n  (\n    {\n      prizes,\n      media,\n      theme,\n      ctaButton,\n      videoAutoPlay,\n      videoMuted,\n      videoLoop,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_CHANCE_TITLE,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      inputPlaceholder,\n      inputSubmitText,\n      inputType,\n      inputValidationErrorText,\n      inputLoadingText,\n      winnerTickerData = [],\n      winningInfos,\n      winnerNameTemplate,\n      prizesTitle,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      actionButtonConfig,\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      error,\n      tryAgain,\n      userData,\n      loginPrompt,\n      loginPromptText = 'Please log in to participate',\n      loginButtonText = 'Log In',\n      onLoginRequired,\n      onCopyCode,\n      opportunitiesPrefix,\n      opportunitiesText = ['Number of draws remaining today:'],\n      dealsType,\n      className,\n    },\n    ref\n  ) => {\n    // \u2500\u2500 CMS field normalization \u2500\u2500\n    // CMS-primary strategy: CMS fields take precedence over legacy backward-compat fields.\n    // If a CMS field is provided, it overrides the corresponding legacy field.\n    const resolvedLoginPrompt = loginPrompt ?? loginPromptText ?? 'Please log in to participate'\n    const resolvedOpportunitiesText: string[] = opportunitiesPrefix\n      ? [opportunitiesPrefix]\n      : (opportunitiesText ?? ['Number of draws remaining today:'])\n    const resolvedInputConfig: ChanceInputConfig | undefined =\n      inputPlaceholder || inputSubmitText || inputType || inputValidationErrorText || inputLoadingText\n        ? {\n            ...(inputConfig ?? {}),\n            placeholder: inputPlaceholder ?? inputConfig?.placeholder ?? 'Enter your order number',\n            submitText: inputSubmitText ?? inputConfig?.submitText ?? 'Spin and Win',\n            inputType: inputType ?? inputConfig?.inputType ?? 'text',\n            validationErrorText: inputValidationErrorText ?? inputConfig?.validationErrorText,\n            loadingText: inputLoadingText ?? inputConfig?.loadingText,\n          }\n        : inputConfig\n    const resolvedErrorConfig = error\n      ? {\n          title: error.title ?? errorModalConfig?.title,\n          message: error.defaultMessage ?? errorModalConfig?.message,\n          confirmText: error.confirmButton ?? errorModalConfig?.confirmText,\n          exchangeFailedTitle: error.exchangeFailedTitle,\n          exchangeFailedMessage: error.exchangeFailedMessage,\n        }\n      : errorModalConfig\n    const resolvedWinnerConfig: WinnerModalConfig = {\n      ...winningInfos,\n      ...winnerModalConfig,\n      confirmText: winnerModalConfig?.confirmText ?? winningInfos?.confirmButton,\n    }\n\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const shouldShowActionButton = Boolean(actionButtonConfig?.text && actionButtonConfig?.url)\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 hasRightPanel = chanceMethods.length > 0 || mechanismType === 'input'\n    const hasAgreementNotice = mechanismType === 'input' && Boolean(inputConfig?.agreementNotice)\n\n    // State\n    const [isDrawing, setIsDrawing] = useState(false)\n    const [winningPrize, setWinningPrize] = useState<Prize | null>(null)\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 [isAgreementChecked, setIsAgreementChecked] = useState(false)\n\n    // Exposure tracking\n    const containerRef = useRef<HTMLDivElement>(null)\n    useExposure(containerRef, {\n      componentType: LOTTERY_COMPONENT_TYPE,\n      componentName: LOTTERY_COMPONENT_NAME,\n      componentTitle: LOTTERY_COMPONENT_TITLE,\n    })\n\n    // Tracking\n    const { trackingData, pageHandle } = useAiuiContext()\n\n    // Modal impression tracking \u2014 fires once per open\n    useEffect(() => {\n      if (!showWinnerModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Winner',\n        },\n      })\n    }, [showWinnerModal, trackingData])\n\n    useEffect(() => {\n      if (!showNoWinModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Better Luck Next Time',\n        },\n      })\n    }, [showNoWinModal, trackingData])\n\n    useEffect(() => {\n      if (!showRulesModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Rules',\n        },\n      })\n    }, [showRulesModal, trackingData])\n\n    useEffect(() => {\n      if (!showRewardsModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'My Rewards',\n        },\n      })\n    }, [showRewardsModal, trackingData])\n\n    useEffect(() => {\n      if (!showShareModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Share',\n        },\n      })\n    }, [showShareModal, trackingData])\n\n    useEffect(() => {\n      if (!showErrorModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Error',\n        },\n      })\n    }, [showErrorModal, trackingData])\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          setWinningPrize(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    const handleDrawStart = useCallback(async () => {\n      if (isDrawing) return\n\n      if (hasAgreementNotice && !isAgreementChecked) {\n        setErrorMessage(inputConfig?.agreementWarningText || 'Please agree to the terms before continuing')\n        setShowErrorModal(false)\n        return\n      }\n\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      if (userData.availableChances <= 0) {\n        return\n      }\n\n      setIsDrawing(true)\n\n      try {\n        let prizeId: string | undefined\n\n        if (onDrawStart) {\n          prizeId = await onDrawStart()\n        }\n\n        const prize = prizes.find(p => p.prizeKey === prizeId) || prizes[0]\n        setWinningPrize(prize)\n        setIsDrawing(false)\n\n        if (onDrawEnd) {\n          onDrawEnd(prize)\n        } else {\n          setTimeout(() => {\n            if (prize.prizeKey === 'try-again') {\n              setShowNoWinModal(true)\n            } else {\n              setShowWinnerModal(true)\n            }\n          }, 300)\n        }\n      } catch (error) {\n        setIsDrawing(false)\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n        onDrawError?.(error as Error)\n      }\n    }, [\n      hasAgreementNotice,\n      inputConfig?.agreementWarningText,\n      isAgreementChecked,\n      isDrawing,\n      prizes,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      userData,\n      onLoginRequired,\n    ])\n\n    const handleDrawClick = useCallback(() => {\n      if (!isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n      void handleDrawStart()\n    }, [handleDrawStart, isLoggedIn, onLoginRequired])\n\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n    }, [])\n\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n    }, [])\n\n    // \u2500\u2500 TryAgain / no-win modal normalization \u2500\u2500\n    const resolvedTryAgainTitle = noWinTitle || tryAgain?.title\n    const resolvedTryAgainMessage = noWinMessage || tryAgain?.message\n    const resolvedTryAgainConfirmText = noWinConfirmText || tryAgain?.confirmText\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn('product-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}\n      >\n        {/* ARIA Live Region */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {isDrawing && 'Drawing in progress...'}\n          {winningPrize && !isDrawing && `Prize won: ${winningPrize.name}`}\n        </div>\n\n        {/* Main Content \u2014 Responsive Grid */}\n        <Grid className={cn('product-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* Left: Media Draw Area */}\n          <GridItem\n            span={hasRightPanel ? 7 : 12}\n            className={cn(\n              'media-section',\n              'relative flex w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\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              'l-tablet:mb-3',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                'size-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                'l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10',\n                'flex flex-col'\n              )}\n            >\n              {/* Top bar: chances + rules/rewards links */}\n              <div className=\"relative z-30 mb-2 flex max-h-[24px] w-full flex-wrap items-center justify-between gap-3\">\n                <div>\n                  <p className=\"text-info-primary font-[700]\">\n                    {resolvedOpportunitiesText?.[0]}\n                    <span className=\"ml-1 text-[#FF6B35]\">{availableChances}</span>\n                    {resolvedOpportunitiesText?.[1] || ''}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && rulesData.length > 0 && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        setShowRulesModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${rulesText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {rewardsData && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (!isLoggedIn) {\n                          onLoginRequired?.()\n                          return\n                        }\n                        setShowRewardsModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${myRewardsText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                  {shouldShowActionButton && (\n                    <a\n                      href={trackUrlRef(\n                        actionButtonConfig?.url ?? '',\n                        buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                      )}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (actionButtonConfig?.url) {\n                          window.location.href = trackUrlRef(\n                            actionButtonConfig.url,\n                            buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                          )\n                        }\n                      }}\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${actionButtonConfig?.text}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{actionButtonConfig?.text}</span>\n                    </a>\n                  )}\n                </div>\n              </div>\n\n              {/* Media Draw Area */}\n              <MediaDrawArea\n                className=\"min-h-0 w-full flex-1\"\n                theme={theme}\n                media={media}\n                ctaButton={ctaButton}\n                videoAutoPlay={videoAutoPlay}\n                videoMuted={videoMuted}\n                videoLoop={videoLoop}\n                isDrawing={isDrawing}\n                onClick={handleDrawClick}\n                ctaTrackTypeName={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                ctaTrackTitleDescButton={`${LOTTERY_COMPONENT_TITLE}##${ctaButton?.text ?? ''}`}\n              />\n            </div>\n          </GridItem>\n\n          {/* Right: Chance Methods */}\n          {hasRightPanel && (\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                '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={{\n                  ...resolvedInputConfig,\n                  submitTrackTypeName: `${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`,\n                  submitTrackTitleDescButton: `${LOTTERY_COMPONENT_TITLE}##${resolvedInputConfig?.submitText ?? 'Spin and Win'}`,\n                }}\n                isAgreementChecked={isAgreementChecked}\n                onAgreementCheckedChange={checked => {\n                  setIsAgreementChecked(checked)\n                  if (checked) {\n                    setErrorMessage('')\n                  }\n                }}\n                agreementErrorText={errorMessage}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* Footer: Prize Pool */}\n        <div\n          className={cn(\n            'product-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          <PrizePool\n            theme={theme}\n            prizes={prizes}\n            title={prizesTitle}\n            winningInfos={winnerTickerData}\n            winnerNameTemplate={winnerNameTemplate}\n          />\n        </div>\n\n        {/* Winner Modal */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={winningPrize}\n          title={externalWinnerConfig?.title || resolvedWinnerConfig.title}\n          prizeTitle={externalWinnerConfig?.prizeTitle || resolvedWinnerConfig.prizeTitle}\n          prizeImage={externalWinnerConfig?.prizeImage || resolvedWinnerConfig.prizeImage}\n          prizeDescription={externalWinnerConfig?.prizeDescription || resolvedWinnerConfig.prizeDescription}\n          winnerNote={\n            externalWinnerConfig?.winnerNote ??\n            winningPrize?.winnerModalConfig?.winnerNote ??\n            resolvedWinnerConfig.winnerNote\n          }\n          learnMoreUrl={\n            externalWinnerConfig?.learnMoreUrl ||\n            winningPrize?.winnerModalConfig?.learnMoreUrl ||\n            resolvedWinnerConfig.learnMoreUrl\n          }\n          learnMoreText={\n            externalWinnerConfig?.learnMoreText ||\n            winningPrize?.winnerModalConfig?.learnMoreText ||\n            resolvedWinnerConfig.learnMoreText\n          }\n          couponCode={externalWinnerConfig?.couponCode || resolvedWinnerConfig.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || resolvedWinnerConfig.expiresAt}\n          expiresAtLabel={externalWinnerConfig?.expiresAtLabel || resolvedWinnerConfig.expiresAtLabel}\n          couponDiscount={externalWinnerConfig?.couponDiscount || resolvedWinnerConfig.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || resolvedWinnerConfig.couponUnit}\n          confirmText={\n            externalWinnerConfig?.confirmText ||\n            winningPrize?.winnerModalConfig?.confirmText ||\n            resolvedWinnerConfig.confirmText\n          }\n          confirmUrl={\n            externalWinnerConfig?.confirmUrl ||\n            winningPrize?.winnerModalConfig?.confirmUrl ||\n            resolvedWinnerConfig.confirmUrl\n          }\n          copyText={externalWinnerConfig?.copyText || resolvedWinnerConfig.copyText || copyText}\n          copiedText={externalWinnerConfig?.copiedText || resolvedWinnerConfig.copiedText || copiedText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules Modal */}\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 Modal */}\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        {/* Error Modal */}\n        <ErrorModal\n          isOpen={showErrorModal}\n          onClose={() => setShowErrorModal(false)}\n          title={errorTitle || resolvedErrorConfig?.title}\n          message={errorMessage || resolvedErrorConfig?.message}\n          confirmText={errorConfirmText || resolvedErrorConfig?.confirmText}\n          exchangeFailedTitle={resolvedErrorConfig?.exchangeFailedTitle}\n          exchangeFailedMessage={resolvedErrorConfig?.exchangeFailedMessage}\n          theme={theme}\n        />\n\n        {/* No-Win Modal */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={resolvedTryAgainTitle}\n          message={resolvedTryAgainMessage}\n          confirmText={resolvedTryAgainConfirmText}\n          theme={theme}\n        />\n\n        {/* Share Modal */}\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\nProductLottery.displayName = 'ProductLottery'\n\nexport default withLayout(ProductLottery)\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  ProductLotteryProps,\n  ProductLotteryHandle,\n  MediaConfig,\n  CtaButtonConfig,\n  MediaDrawAreaProps,\n} from './types.js'\nexport type {\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from '../LotteryShared/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": ["ProductLottery_exports", "__export", "ProductLottery", "ProductLottery_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "import_grid", "import_MediaDrawArea", "import_PrizePool", "import_ChanceMethods", "import_WinnerModal", "import_RulesModal", "import_MyRewardsModal", "import_ErrorModal", "import_ShareModal", "import_Styles", "import_track", "import_AiuiProvider", "import_useExposure", "import_trackUrlRef", "import_BaseModal", "LOTTERY_COMPONENT_TYPE", "LOTTERY_COMPONENT_NAME", "LOTTERY_COMPONENT_TITLE", "LOTTERY_CLICK_TYPE", "LOTTERY_MODAL_COMPONENT_NAME", "LOTTERY_MODAL_COMPONENT_TYPE", "prizes", "media", "theme", "ctaButton", "videoAutoPlay", "videoMuted", "videoLoop", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "chanceMethodsText", "mechanismType", "inputConfig", "inputPlaceholder", "inputSubmitText", "inputType", "inputValidationErrorText", "inputLoadingText", "winnerTickerData", "winningInfos", "winnerNameTemplate", "prizesTitle", "onDrawStart", "onDrawEnd", "onDrawError", "winnerModalConfig", "rulesModalConfig", "actionButtonConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "error", "tryAgain", "userData", "loginPrompt", "loginPromptText", "loginButtonText", "onLoginRequired", "onCopyCode", "opportunitiesPrefix", "opportunitiesText", "dealsType", "className", "ref", "resolvedLoginPrompt", "resolvedOpportunitiesText", "resolvedInputConfig", "resolvedErrorConfig", "resolvedWinnerConfig", "rulesData", "rulesText", "shouldShowActionButton", "rewardsData", "myRewardsText", "codeText", "copyText", "copiedText", "prizeText", "emptyText", "copyError", "availableText", "usedStatusText", "expiredText", "notFoundText", "completedText", "usedText", "isLoggedIn", "availableChances", "hasRightPanel", "hasAgreementNotice", "isDrawing", "setIsDrawing", "winningPrize", "setWinningPrize", "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", "isAgreementChecked", "setIsAgreementChecked", "containerRef", "trackingData", "pageHandle", "message", "title", "confirmText", "config", "prize", "handleDrawStart", "prizeId", "p", "handleDrawClick", "handleCloseWinnerModal", "handleCloseNoWinModal", "resolvedTryAgainTitle", "resolvedTryAgainMessage", "resolvedTryAgainConfirmText", "e", "checked"]
-}

package/dist/cjs/biz-components/ProductLottery/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductLottery/types.ts"],
-  "sourcesContent": ["/**\n * ProductLottery - \u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\u7684\u62BD\u5956\u7EC4\u4EF6\uFF0C\u70B9\u51FB CTA \u6309\u94AE\u89E6\u53D1\u62BD\u5956\u3002\n * \u5171\u4EAB\u7C7B\u578B\u6765\u81EA LotteryShared/types.ts\u3002\n *\n * @module ProductLotteryTypes\n * @date 2026-04-07\n */\n\nimport type {\n  Prize,\n  WinnerModalConfig,\n  ShareModalConfig,\n  ChanceMethod,\n  WinningInfo,\n  RulesModalConfig,\n  ActionButtonConfig,\n  MyRewardsModalConfig,\n  ErrorModalConfig,\n  UserData,\n  ChanceMechanismType,\n  ChanceInputConfig,\n} from '../LotteryShared/types.js'\n\nimport type { Theme, Media } from '../../types/props.js'\n\n// Re-export shared types for convenience\nexport type { Theme, Media }\n\n// ============================================================================\n// \u5A92\u4F53\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5A92\u4F53\u914D\u7F6E\uFF08MediaConfig\uFF09\n *\n * \u7CBE\u786E\u5BF9\u9F50 CMS block \u5B57\u6BB5\u7ED3\u6784\uFF0C\u76F4\u63A5\u6620\u5C04\u65E0\u9700\u989D\u5916\u8F6C\u6362\u3002\n *\n * @example\n * ```tsx\n * // \u56FE\u7247\u6A21\u5F0F\uFF08\u54CD\u5E94\u5F0F\uFF09\n * const imageMedia: MediaConfig = {\n *   type: 'image',\n *   image:          { url: '/img/banner-sm.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageTablet:    { url: '/img/banner-md.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLaptop:    { url: '/img/banner-lg.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageDesktop:   { url: '/img/banner-xl.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLgDesktop: { url: '/img/banner-xxl.jpg', alt: 'Banner', thumbnailURL: '' },\n * }\n *\n * // \u89C6\u9891\u6A21\u5F0F\n * const videoMedia: MediaConfig = {\n *   type: 'video',\n *   video: {\n *     url: 'https://cdn.example.com/promo.mp4',\n *     alt: 'Product Lottery Video',\n *     thumbnailURL: 'https://cdn.example.com/poster.jpg',\n *     mimeType: 'video/mp4',\n *   },\n * }\n * ```\n */\nexport interface MediaConfig {\n  /** \u5A92\u4F53\u7C7B\u578B */\n  type: 'image' | 'video'\n\n  // \u2014\u2014 \u56FE\u7247\u5B57\u6BB5\uFF08type === 'image' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u9ED8\u8BA4/\u79FB\u52A8\u7AEF\u56FE\u7247\uFF08<768px\uFF09 */\n  image?: Media\n  /** \u5E73\u677F\u7AEF\u56FE\u7247\uFF08\u2265768px\uFF09 */\n  imageTablet?: Media\n  /** \u5C0F\u684C\u9762\u56FE\u7247\uFF08\u22651025px\uFF09 */\n  imageLaptop?: Media\n  /** \u5927\u684C\u9762\u56FE\u7247\uFF08\u22651440px\uFF09 */\n  imageDesktop?: Media\n  /** \u8D85\u5927\u5C4F\u56FE\u7247\uFF08\u22651920px\uFF09 */\n  imageLgDesktop?: Media\n\n  // \u2014\u2014 \u89C6\u9891\u5B57\u6BB5\uFF08type === 'video' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u89C6\u9891\u5A92\u4F53\uFF08mimeType: 'video/mp4'\uFF0CthumbnailURL \u4F5C\u5C01\u9762\u56FE\uFF09 */\n  video?: Media\n}\n\n// ============================================================================\n// CTA \u6309\u94AE\u914D\u7F6E\n// ============================================================================\n\n/**\n * CTA \u6309\u94AE\u914D\u7F6E\uFF08CtaButtonConfig\uFF09\n *\n * \u914D\u7F6E\u8986\u76D6\u5728\u5A92\u4F53\u533A\u57DF\u4E0A\u7684\u884C\u52A8\u53F7\u53EC\u6309\u94AE\u3002\n *\n * @example\n * ```tsx\n * const ctaButton: CtaButtonConfig = {\n *   text: 'Join the Draw',\n *   style: 'primary',\n * }\n * ```\n */\nexport interface CtaButtonConfig {\n  /**\n   * \u6309\u94AE\u6587\u6848\n   * @default \"Join the Draw\"\n   * @optional\n   */\n  text?: string\n\n  /**\n   * \u6309\u94AE\u6837\u5F0F\n   * @default \"primary\"\n   * @optional\n   */\n  style?: 'primary' | 'secondary' | 'outline'\n}\n\n// ============================================================================\n// \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS error group\uFF09\n// ============================================================================\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08ErrorConfig\uFF09\n *\n * \u5BF9\u9F50 CMS `error` group \u5B57\u6BB5\u7ED3\u6784\u3002\n *\n * CMS \u5B57\u6BB5\u6620\u5C04:\n * - `title`                  \u2192 \u5F39\u7A97\u6807\u9898\n * - `defaultMessage`         \u2192 \u9ED8\u8BA4\u9519\u8BEF\u5185\u5BB9\u6587\u6848\n * - `confirmButton`          \u2192 \u786E\u8BA4\u6309\u94AE\u6587\u6848\n * - `exchangeFailedTitle`    \u2192 \u5151\u6362\u5931\u8D25\u5F39\u7A97\u6807\u9898\n * - `exchangeFailedMessage`  \u2192 \u5151\u6362\u5931\u8D25\u5F39\u7A97\u5185\u5BB9\n */\nexport interface ErrorConfig {\n  title?: string\n  defaultMessage?: string\n  confirmButton?: string\n  exchangeFailedTitle?: string\n  exchangeFailedMessage?: string\n}\n\n// ============================================================================\n// \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS tryAgain group\uFF09\n// ============================================================================\n\n/**\n * \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08TryAgainConfig\uFF09\n *\n * \u5BF9\u9F50 CMS `tryAgain` group \u5B57\u6BB5\u7ED3\u6784\u3002\n *\n * CMS \u5B57\u6BB5\u6620\u5C04:\n * - `title`       \u2192 \u5F39\u7A97\u6807\u9898\n * - `message`     \u2192 \u5185\u5BB9\u6587\u6848\n * - `confirmText` \u2192 \u786E\u8BA4\u6309\u94AE\u6587\u6848\n */\nexport interface TryAgainConfig {\n  title?: string\n  message?: string\n  confirmText?: string\n}\n\n// ============================================================================\n// Imperative Handle \u63A5\u53E3\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6\u547D\u4EE4\u5F0F\u63A7\u5236\u63A5\u53E3\n *\n * \u901A\u8FC7 ref \u66B4\u9732\u7ED9\u7236\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5916\u90E8\u63A7\u5236\u5F39\u7A97\u7B49\u72B6\u6001\u3002\n * \u4E0E WheelLotteryHandle \u4FDD\u6301\u4E00\u81F4\u7684\u5F39\u7A97\u63A7\u5236\u65B9\u6CD5\u3002\n *\n * @example\n * ```tsx\n * const lotteryRef = useRef<ProductLotteryHandle>(null)\n *\n * <ProductLottery ref={lotteryRef} prizes={prizes} media={media} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u9519\u8BEF\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Network Error',\n *   message: 'Failed to connect to server',\n *   confirmText: 'Retry'\n * })\n *\n * // \u663E\u793A\u89C4\u5219\u5F39\u7A97\n * lotteryRef.current?.showRules()\n *\n * // \u5173\u95ED\u6240\u6709\u5F39\u7A97\n * lotteryRef.current?.hideAllModals()\n * ```\n */\nexport interface ProductLotteryHandle {\n  /** \u663E\u793A\u9519\u8BEF\u5F39\u7A97 */\n  showError: (config: { message: string; title?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u9519\u8BEF\u5F39\u7A97 */\n  hideError: () => void\n\n  /** \u663E\u793A\u672A\u4E2D\u5956\u5F39\u7A97 */\n  showNoWin: (config?: { title?: string; message?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u672A\u4E2D\u5956\u5F39\u7A97 */\n  hideNoWin: () => void\n\n  /** \u663E\u793A\u4E2D\u5956\u5F39\u7A97 */\n  showWinner: (prize: Prize, config?: Partial<WinnerModalConfig>) => void\n\n  /** \u9690\u85CF\u4E2D\u5956\u5F39\u7A97 */\n  hideWinner: () => void\n\n  /** \u663E\u793A\u89C4\u5219\u5F39\u7A97 */\n  showRules: () => void\n\n  /** \u9690\u85CF\u89C4\u5219\u5F39\u7A97 */\n  hideRules: () => void\n\n  /** \u663E\u793A\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  showRewards: () => void\n\n  /** \u9690\u85CF\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  hideRewards: () => void\n\n  /** \u663E\u793A\u5206\u4EAB\u5F39\u7A97 */\n  showShare: (config?: Partial<ShareModalConfig>) => void\n\n  /** \u9690\u85CF\u5206\u4EAB\u5F39\u7A97 */\n  hideShare: () => void\n\n  /** \u5173\u95ED\u6240\u6709\u5F39\u7A97 */\n  hideAllModals: () => void\n}\n\n// ============================================================================\n// MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n *\n * \u5A92\u4F53\u62BD\u5956\u533A\u57DF\uFF0C\u5C55\u793A\u56FE\u7247/\u89C6\u9891\u5E76\u53E0\u52A0 CTA \u6309\u94AE\u3002\n */\nexport interface MediaDrawAreaProps {\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09 */\n  media: MediaConfig\n\n  /** CTA \u6309\u9492\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoLoop?: boolean\n\n  /** \u662F\u5426\u6B63\u5728\u62BD\u5956\u4E2D */\n  isDrawing?: boolean\n\n  /** \u662F\u5426\u7981\u7528\uFF08\u672A\u767B\u5F55\u6216\u65E0\u6B21\u6570\uFF09 */\n  isDisabled?: boolean\n\n  /** \u70B9\u51FB\u62BD\u5956\u56DE\u8C03 */\n  onClick: () => void\n\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-type-name \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{clickType}#{componentName}` */\n  ctaTrackTypeName?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-title-desc-button \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{title}#{desc}#{buttonName}` */\n  ctaTrackTitleDescButton?: string\n}\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6 Props\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\u7684\u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u3002\u5DE6\u4FA7\u4E3A\u53EF\u70B9\u51FB\u7684\u5A92\u4F53\u533A\u57DF\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\uFF0C\n * \u53F3\u4FA7\u4E3A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\uFF0C\u5E95\u90E8\u4E3A\u5956\u54C1\u6C60\u3002\n *\n * @example\n * ```tsx\n * <ProductLottery\n *   prizes={prizes}\n *   media={{ type: 'image', src: '/banner.jpg', alt: 'Lottery' }}\n *   ctaButton={{ text: 'Draw Now' }}\n *   onDrawStart={async () => {\n *     const result = await fetch('/api/lottery')\n *     const data = await result.json()\n *     return data.prizeId\n *   }}\n *   onDrawEnd={(prize) => console.log('Won:', prize.name)}\n * />\n * ```\n */\nexport interface ProductLotteryProps {\n  // ========== \u5FC5\u9700 Props ==========\n\n  /**\n   * 8 \u4E2A\u5956\u54C1\u6570\u7EC4\uFF08\u5FC5\u9700\uFF09\n   * @minLength 8\n   * @maxLength 8\n   */\n  prizes: Prize[]\n\n  /**\n   * \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09\n   * \u914D\u7F6E\u5DE6\u4FA7\u62BD\u5956\u533A\u57DF\u5C55\u793A\u7684\u56FE\u7247\u6216\u89C6\u9891\uFF0C\u65E0\u9700 type/src \u5305\u88C5\u5C42\n   */\n  media: MediaConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoLoop?: boolean\n\n  // ========== \u4E3B\u9898\u548C\u6837\u5F0F ==========\n\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** CTA \u6309\u94AE\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  // ========== CMS \u9876\u5C42\u5B57\u6BB5 ==========\n\n  /**\n   * \u62BD\u5956\u6D3B\u52A8\u7C7B\u578B\uFF08CMS: `dealsType`\uFF09\n   * \u7528\u4E8E\u6807\u8BC6\u62BD\u5956\u6D3B\u52A8\u7684\u552F\u4E00\u7C7B\u578B\uFF0C\u5982\uFF1A`ipc-2614`\n   * @optional\n   */\n  dealsType?: string\n\n  // ========== \u83B7\u53D6\u673A\u4F1A\u533A\u57DF Props ==========\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6570\u7EC4\n   * @optional\n   */\n  chanceMethods?: ChanceMethod[]\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u673A\u5236\u7C7B\u578B\n   * @default \"methods\"\n   * @optional\n   */\n  mechanismType?: ChanceMechanismType\n\n  // \u2500\u2500 CMS flat input fields\uFF08mechanismType='input' \u65F6\u4F7F\u7528\uFF09\u2500\u2500\n\n  /**\n   * \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C\uFF08CMS: `inputPlaceholder`\uFF09\n   * @default \"Enter your order number\"\n   * @optional\n   */\n  inputPlaceholder?: string\n\n  /**\n   * \u63D0\u4EA4\u6309\u94AE\u6587\u6848\uFF08CMS: `inputSubmitText`\uFF09\n   * @default \"Spin and Win\"\n   * @optional\n   */\n  inputSubmitText?: string\n\n  /**\n   * \u8F93\u5165\u6846\u7C7B\u578B\uFF08CMS: `inputType`\uFF09\n   * @default \"text\"\n   * @optional\n   */\n  inputType?: 'text' | 'email' | 'number'\n\n  /**\n   * \u8F93\u5165\u683C\u5F0F\u9519\u8BEF\u63D0\u793A\u6587\u6848\uFF08CMS: `inputValidationErrorText`\uFF09\n   * @optional\n   */\n  inputValidationErrorText?: string\n\n  /**\n   * \u8F93\u5165\u6846\u63D0\u4EA4\u4E2D loading \u6309\u94AE\u6587\u6848\uFF08CMS: `inputLoadingText`\uFF09\n   * @default \"Loading...\"\n   * @optional\n   */\n  inputLoadingText?: string\n\n  /**\n   * \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u5F53 mechanismType \u4E3A 'input' \u65F6\u4F7F\u7528\uFF09\n   * @deprecated Use flat input fields (`inputPlaceholder`, `inputSubmitText`, `inputType`, `inputValidationErrorText`, `inputLoadingText`) instead (CMS field names)\n   * @optional\n   */\n  inputConfig?: ChanceInputConfig\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898\n   * @default \"Want more chances to win?\"\n   * @optional\n   */\n  chanceTitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u526F\u6807\u9898 */\n  chanceSubtitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u5E95\u90E8\u63D0\u793A */\n  chanceFooterNote?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6587\u6848\u914D\u7F6E */\n  chanceMethodsText?: {\n    chanceBadgeText?: string\n    completedText?: string\n    usedText?: string\n    loadingText?: string\n  }\n\n  // ========== \u4E2D\u5956\u4FE1\u606F Props ==========\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `winningInfos` group \u2014 \u4E3B\u540D\u79F0\uFF09\n   *\n   * CMS \u4E2D `winningInfos` \u662F\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E group\uFF0C\u5B57\u6BB5\uFF1A\n   * `title`\u3001`confirmButton`\u3001`confirmUrl`\u3001`learnMoreUrl`\u3001`learnMoreText`\u3002\n   */\n  winningInfos?: WinnerModalConfig\n\n  /**\n   * \u5E95\u90E8\u6EDA\u52A8\u6761\u4E2D\u5956\u4EBA\u540D\u5355\u6570\u636E\n   *\n   * \u539F `winningInfos: WinningInfo[]` \u91CD\u547D\u540D\u4E3A `winnerTickerData` \u4EE5\u907F\u514D\n   * \u4E0E CMS `winningInfos` group \u547D\u540D\u51B2\u7A81\u3002\n   *\n   * @default []\n   */\n  winnerTickerData?: WinningInfo[]\n\n  /**\n   * \u4E2D\u5956\u6EDA\u52A8 Ticker \u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {{name}} \u548C {{prize}} \u53D8\u91CF\n   * @default \"{{name}} just won {{prize}}!\"\n   * @optional\n   */\n  winnerNameTemplate?: string\n\n  /** \u5956\u54C1\u6C60\u5C55\u793A\u533A\u57DF\u6807\u9898 */\n  prizesTitle?: string\n\n  // ========== \u56DE\u8C03\u51FD\u6570 Props ==========\n\n  /**\n   * \u62BD\u5956\u5F00\u59CB\u65F6\u7684\u56DE\u8C03\uFF0C\u8FD4\u56DE Promise \u4EE5\u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n   * @returns Promise<string> - \u4E2D\u5956\u5956\u54C1\u7684 prizeKey\n   */\n  onDrawStart?: () => Promise<string>\n\n  /**\n   * \u62BD\u5956\u7ED3\u675F\u65F6\u7684\u56DE\u8C03\uFF0C\u4F20\u9012\u4E2D\u5956\u5956\u54C1\n   * @param prize \u4E2D\u5956\u5956\u54C1\u5BF9\u8C61\n   */\n  onDrawEnd?: (prize: Prize) => void\n\n  /**\n   * \u62BD\u5956\u9519\u8BEF\u65F6\u7684\u56DE\u8C03\n   * @param error \u9519\u8BEF\u4FE1\u606F\n   */\n  onDrawError?: (error: Error) => void\n\n  // ========== \u5F39\u7A97\u914D\u7F6E Props ==========\n\n  /** \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E */\n  winnerModalConfig?: WinnerModalConfig\n\n  /** \u89C4\u5219\u5F39\u7A97\u914D\u7F6E */\n  rulesModalConfig?: RulesModalConfig\n\n  /** \u9876\u680F\u53F3\u4FA7\u8DF3\u8F6C\u6309\u94AE\u914D\u7F6E\uFF1B\u672A\u914D\u7F6E text \u6216 url \u65F6\u4E0D\u5C55\u793A */\n  actionButtonConfig?: ActionButtonConfig\n\n  /** \u6211\u7684\u5956\u52B1\u5F39\u7A97\u914D\u7F6E */\n  myRewardsModalConfig?: MyRewardsModalConfig\n\n  /**\n   * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `error` group \u2014 \u4E3B\u540D\u79F0\uFF09\n   *\n   * \u5B57\u6BB5\uFF1A`title`\u3001`defaultMessage`\u3001`confirmButton`\u3001\n   * `exchangeFailedTitle`\u3001`exchangeFailedMessage`\u3002\n   */\n  error?: ErrorConfig\n\n  /**\n   * \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `tryAgain` group\uFF09\n   *\n   * \u5B57\u6BB5\uFF1A`title`\u3001`message`\u3001`confirmText`\u3002\n   */\n  tryAgain?: TryAgainConfig\n\n  /**\n   * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08\u65E7\u7248\uFF09\n   * @deprecated Use `error` instead (CMS field name)\n   */\n  errorModalConfig?: ErrorModalConfig\n\n  /** \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E */\n  shareModalConfig?: ShareModalConfig\n\n  // ========== CMS \u5E73\u94FA\u6587\u6848\u5B57\u6BB5\uFF08\u4E3B\u540D\u79F0\uFF09==========\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF08CMS: `loginPrompt`\uFF09\n   * @default \"Please log in to participate in the lottery\"\n   */\n  loginPrompt?: string\n\n  /**\n   * \u6B21\u6570\u4E0D\u8DB3\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF08CMS: `noChances`\uFF09\n   * @default \"You have no chances left. Get more chances below!\"\n   */\n  noChances?: string\n\n  /**\n   * \u673A\u4F1A\u8FDB\u5EA6\u524D\u7F00\u6587\u6848\uFF08CMS: `opportunitiesPrefix`\uFF09\n   * @default \"Number of draws remaining today: \"\n   */\n  opportunitiesPrefix?: string\n\n  // ========== \u7528\u6237\u76F8\u5173 Props ==========\n\n  /** \u7528\u6237\u6570\u636E */\n  userData?: UserData\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @deprecated Use `loginPrompt` instead (CMS field name)\n   * @default \"Please log in to participate\"\n   */\n  loginPromptText?: string\n\n  /**\n   * \u767B\u5F55\u6309\u94AE\u6587\u6848\n   * @default \"Log In\"\n   */\n  loginButtonText?: string\n\n  /**\n   * \u6B21\u6570\u4E0D\u8DB3\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @deprecated Use `noChances` instead (CMS field name)\n   * @default \"You have no chances left\"\n   */\n  noChancesText?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB\u62BD\u5956\u7684\u56DE\u8C03\n   */\n  onLoginRequired?: () => void\n\n  // ========== \u5176\u4ED6\u914D\u7F6E ==========\n\n  /** \u590D\u5236\u4F18\u60E0\u7801\u56DE\u8C03 */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u673A\u4F1A\u8FDB\u5EA6\u6587\u6848\u6570\u7EC4\uFF08\u65E7\u7248\uFF0C\u9996\u5143\u7D20\u4E3A\u524D\u7F00\uFF0C\u6B21\u5143\u7D20\u4E3A\u540E\u7F00\uFF09\n   * @deprecated Use `opportunitiesPrefix` instead (CMS field name)\n   * @default [\"Number of draws remaining today:\"]\n   */\n  opportunitiesText?: string[]\n\n  /** \u81EA\u5B9A\u4E49 CSS \u7C7B\u540D */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/** \u9ED8\u8BA4 CTA \u6309\u94AE\u914D\u7F6E */\nexport const DEFAULT_CTA_BUTTON: CtaButtonConfig = {\n  text: '',\n  style: 'primary',\n}\n\n/** \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898 */\nexport const DEFAULT_CHANCE_TITLE = 'Want more chances to win?'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GA+lBO,MAAMG,EAAsC,CACjD,KAAM,GACN,MAAO,SACT,EAGaD,EAAuB",
-  "names": ["types_exports", "__export", "DEFAULT_CHANCE_TITLE", "DEFAULT_CTA_BUTTON", "__toCommonJS"]
-}

package/dist/cjs/biz-components/ProductNav/ProductNav.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductNav/ProductNav.tsx"],
-  "sourcesContent": ["'use client'\nimport { useState, useEffect, useCallback, forwardRef, useImperativeHandle, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Button, Text } from '../../components/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { ProductNavProps } from './types.js'\nimport type { AnchorItem } from './types.js'\nimport * as Popover from '@radix-ui/react-popover'\n\nconst componentType = 'navigation'\nconst componentName = 'product_nav'\n\n// \u517C\u5BB9\u65E7\u6570\u636E\u7684 id \u5B57\u6BB5\u4E0E\u65B0\u6570\u636E\u7684 anchorId \u5B57\u6BB5\uFF08\u8BE6\u89C1 AnchorItem \u7C7B\u578B\u5B9A\u4E49\uFF09\nconst getAnchorId = (anchor: AnchorItem) => anchor.anchorId ?? anchor.id ?? ''\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M5 7.5L10 12.5L15 7.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.66667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nconst ProductNav = forwardRef<HTMLDivElement, ProductNavProps>(\n  ({ className = '', data, id, onAnchorClick, scrollOffsetExtra = 0 }, ref) => {\n    const { tabLinks = [], anchorList = [], textLink, buyBtn, theme = 'light' } = data || {}\n    const [activeAnchorId, setActiveAnchorId] = useState('')\n    const innerRef = useRef<HTMLDivElement>(null)\n    const isScrollingRef = useRef(false) // \u6807\u8BB0\u662F\u5426\u6B63\u5728\u7A0B\u5E8F\u5316\u6EDA\u52A8\u4E2D\n    const targetAnchorIdRef = useRef<string>('') // \u8BB0\u5F55\u70B9\u51FB\u76EE\u6807\u951A\u70B9\n    const scrollEndTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null) // \u6EDA\u52A8\u7ED3\u675F\u68C0\u6D4B\u5B9A\u65F6\u5668\n    const anchorPositionsRef = useRef<Map<string, number>>(new Map()) // \u7F13\u5B58\u951A\u70B9\u539F\u59CB\u4F4D\u7F6E\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n    })\n\n    // \u7F13\u5B58\u6240\u6709\u951A\u70B9\u7684\u7EDD\u5BF9\u4F4D\u7F6E\uFF08\u6EDA\u52A8\u5230\u9876\u90E8\u540E\u8BA1\u7B97\uFF0C\u907F\u514D sticky \u5F71\u54CD\uFF09\n    const updateAnchorPositions = useCallback(() => {\n      if (anchorList.length === 0) return\n\n      const originalScrollY = window.scrollY\n      window.scrollTo({ top: 0, behavior: 'instant' as ScrollBehavior })\n\n      requestAnimationFrame(() => {\n        const positions = new Map<string, number>()\n        anchorList.forEach(anchor => {\n          const anchorId = getAnchorId(anchor)\n          const element = document.getElementById(anchorId)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            positions.set(anchorId, rect.top + window.scrollY)\n          }\n        })\n        anchorPositionsRef.current = positions\n\n        window.scrollTo({ top: originalScrollY, behavior: 'instant' as ScrollBehavior })\n      })\n    }, [anchorList])\n\n    // \u521D\u59CB\u5316\u65F6\u7F13\u5B58\u6240\u6709\u951A\u70B9\u7684\u539F\u59CB\u4F4D\u7F6E\n    useEffect(() => {\n      if (anchorList.length === 0) return\n\n      // \u9875\u9762\u52A0\u8F7D\u540E\u5EF6\u8FDF\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5E03\u5C40\u5B8C\u6210\n      const timer = setTimeout(updateAnchorPositions, 100)\n\n      return () => clearTimeout(timer)\n    }, [anchorList, updateAnchorPositions])\n\n    // \u76D1\u542C body \u9AD8\u5EA6\u53D8\u5316\uFF0C\u9AD8\u5EA6\u6539\u53D8\u65F6\u91CD\u65B0\u8BA1\u7B97\u951A\u70B9\u4F4D\u7F6E\n    useEffect(() => {\n      if (anchorList.length === 0) return\n\n      let resizeTimer: ReturnType<typeof setTimeout> | null = null\n\n      const observer = new ResizeObserver(() => {\n        // debounce\uFF0C\u907F\u514D\u9AD8\u9891\u89E6\u53D1\n        if (resizeTimer) clearTimeout(resizeTimer)\n        resizeTimer = setTimeout(updateAnchorPositions, 150)\n      })\n\n      observer.observe(document.body)\n\n      return () => {\n        observer.disconnect()\n        if (resizeTimer) clearTimeout(resizeTimer)\n      }\n    }, [anchorList, updateAnchorPositions])\n\n    // \u6EDA\u52A8\u76D1\u542C\uFF1A\u68C0\u6D4B\u5F53\u524D\u6EDA\u52A8\u4F4D\u7F6E\u5BF9\u5E94\u7684\u951A\u70B9\n    useEffect(() => {\n      if (anchorList.length === 0) return\n\n      const handleScroll = () => {\n        // \u5982\u679C\u6B63\u5728\u7A0B\u5E8F\u5316\u6EDA\u52A8\u4E2D\uFF0C\u4F7F\u7528 debounce \u68C0\u6D4B\u6EDA\u52A8\u7ED3\u675F\n        if (isScrollingRef.current) {\n          // \u6E05\u9664\u4E4B\u524D\u7684\u5B9A\u65F6\u5668\n          if (scrollEndTimerRef.current) {\n            clearTimeout(scrollEndTimerRef.current)\n          }\n          // \u8BBE\u7F6E\u65B0\u7684\u5B9A\u65F6\u5668\uFF0C100ms \u6CA1\u6709\u65B0\u6EDA\u52A8\u4E8B\u4EF6\u5219\u8BA4\u4E3A\u6EDA\u52A8\u7ED3\u675F\n          scrollEndTimerRef.current = setTimeout(() => {\n            isScrollingRef.current = false\n            // \u6EDA\u52A8\u7ED3\u675F\u540E\uFF0C\u786E\u4FDD\u9AD8\u4EAE\u505C\u7559\u5728\u76EE\u6807\u951A\u70B9\n            if (targetAnchorIdRef.current) {\n              setActiveAnchorId(targetAnchorIdRef.current)\n              targetAnchorIdRef.current = ''\n            }\n          }, 100)\n          return\n        }\n\n        const navHeight = innerRef.current?.offsetHeight || 0\n        const scrollPosition = window.scrollY + navHeight + scrollOffsetExtra + 10 // 10px \u7F13\u51B2\n\n        let currentAnchorId = ''\n\n        // \u4F7F\u7528\u7F13\u5B58\u7684\u951A\u70B9\u4F4D\u7F6E\n        const positions = anchorPositionsRef.current\n\n        // \u904D\u5386\u6240\u6709\u951A\u70B9\uFF0C\u627E\u5230\u5F53\u524D\u6EDA\u52A8\u4F4D\u7F6E\u5BF9\u5E94\u7684\u951A\u70B9\n        for (let i = anchorList.length - 1; i >= 0; i--) {\n          const anchor = anchorList[i]\n          const anchorId = getAnchorId(anchor)\n          const elementTop = positions.get(anchorId)\n          if (elementTop !== undefined && scrollPosition >= elementTop) {\n            currentAnchorId = anchorId\n            break\n          }\n        }\n\n        // \u5982\u679C\u6CA1\u6709\u627E\u5230\u4E14\u7F13\u5B58\u4E2D\u6709\u7B2C\u4E00\u4E2A\u951A\u70B9\u7684\u4F4D\u7F6E\n        if (!currentAnchorId && anchorList.length > 0) {\n          const firstElementTop = positions.get(getAnchorId(anchorList[0]))\n          if (firstElementTop !== undefined && scrollPosition < firstElementTop) {\n            currentAnchorId = ''\n          }\n        }\n\n        setActiveAnchorId(currentAnchorId)\n      }\n\n      // \u5EF6\u8FDF\u521D\u59CB\u5316\uFF0C\u7B49\u5F85\u4F4D\u7F6E\u7F13\u5B58\u5B8C\u6210\n      const timer = setTimeout(() => {\n        handleScroll()\n      }, 200)\n\n      window.addEventListener('scroll', handleScroll, { passive: true })\n      return () => {\n        clearTimeout(timer)\n        window.removeEventListener('scroll', handleScroll)\n        // \u6E05\u7406\u5B9A\u65F6\u5668\n        if (scrollEndTimerRef.current) {\n          clearTimeout(scrollEndTimerRef.current)\n        }\n      }\n    }, [anchorList, scrollOffsetExtra])\n\n    // \u8BBE\u7F6E\u9875\u9762\u4E2Dheader\u5143\u7D20\u7684position\u4E3Arelative\n    useEffect(() => {\n      const headerElements = document.querySelectorAll('.header')\n      const originalStyles: { element: HTMLElement; originalPosition: string }[] = []\n\n      headerElements.forEach(element => {\n        const htmlElement = element as HTMLElement\n        // \u4FDD\u5B58\u539F\u59CB\u6837\u5F0F\n        originalStyles.push({\n          element: htmlElement,\n          originalPosition: htmlElement.style.position || getComputedStyle(htmlElement).position,\n        })\n        // \u8BBE\u7F6E\u4E3Arelative\n        htmlElement.style.position = 'relative'\n      })\n\n      // \u6E05\u7406\u51FD\u6570\uFF1A\u6062\u590D\u539F\u59CB\u6837\u5F0F\n      return () => {\n        originalStyles.forEach(({ element, originalPosition }) => {\n          element.style.position = originalPosition === 'static' ? '' : originalPosition\n        })\n      }\n    }, [])\n\n    // \u5904\u7406\u951A\u70B9\u70B9\u51FB\u6EDA\u52A8\n    const handleAnchorClick = (e: React.MouseEvent, anchorId: string) => {\n      e.preventDefault()\n\n      // \u4F7F\u7528\u7F13\u5B58\u7684\u4F4D\u7F6E\n      const elementAbsoluteTop = anchorPositionsRef.current.get(anchorId)\n      if (elementAbsoluteTop === undefined) {\n        console.warn(`Cached position for \"${anchorId}\" not found`)\n        return\n      }\n\n      // \u7ACB\u5373\u66F4\u65B0\u9AD8\u4EAE\u72B6\u6001\uFF0C\u907F\u514D\u6EDA\u52A8\u8FC7\u7A0B\u4E2D\u95EA\u70C1\n      setActiveAnchorId(anchorId)\n\n      // \u8BB0\u5F55\u76EE\u6807\u951A\u70B9\uFF0C\u7528\u4E8E\u6EDA\u52A8\u7ED3\u675F\u540E\u786E\u4FDD\u9AD8\u4EAE\u6B63\u786E\n      targetAnchorIdRef.current = anchorId\n\n      // \u6807\u8BB0\u6B63\u5728\u7A0B\u5E8F\u5316\u6EDA\u52A8\uFF0C\u6682\u505C\u6EDA\u52A8\u76D1\u542C\n      isScrollingRef.current = true\n\n      // \u83B7\u53D6\u5BFC\u822A\u680F\u9AD8\u5EA6\n      const navHeight = innerRef.current?.offsetHeight || 0\n\n      // \u76EE\u6807\u6EDA\u52A8\u4F4D\u7F6E = \u7F13\u5B58\u7684\u5143\u7D20\u7EDD\u5BF9\u4F4D\u7F6E - \u5BFC\u822A\u680F\u9AD8\u5EA6 - \u989D\u5916\u504F\u79FB\n      const targetPosition = elementAbsoluteTop - navHeight - scrollOffsetExtra\n\n      // \u5E73\u6ED1\u6EDA\u52A8\u5230\u76EE\u6807\u4F4D\u7F6E\n      window.scrollTo({\n        top: targetPosition,\n        behavior: 'smooth',\n      })\n\n      // \u66F4\u65B0 URL hash\uFF08\u4E0D\u89E6\u53D1\u9875\u9762\u8DF3\u8F6C\uFF09\n      window.history.pushState(null, '', `#${anchorId}`)\n\n      // \u6CE8\u610F\uFF1A\u6EDA\u52A8\u7ED3\u675F\u68C0\u6D4B\u7531 handleScroll \u4E2D\u7684 debounce \u903B\u8F91\u5904\u7406\n      // \u4E0D\u518D\u4F7F\u7528\u56FA\u5B9A 800ms \u8D85\u65F6\uFF0C\u800C\u662F\u68C0\u6D4B\u5B9E\u9645\u6EDA\u52A8\u7ED3\u675F\n    }\n\n    return (\n      <div\n        id={id}\n        ref={innerRef}\n        className={cn(\n          'product-nav text-info-primary bg-container-primary tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] !sticky top-0 !z-[51] flex w-full justify-between overflow-hidden px-4 py-0',\n          {\n            'aiui-dark': theme === 'dark',\n          },\n          className\n        )}\n      >\n        <div className=\"product-nav-main desktop:flex-row desktop:gap-[48px] flex w-full flex-col justify-start\">\n          {/* Tab Links Section */}\n          <div className=\"product-nav-header laptop:w-full desktop:w-fit desktop:gap-[24px] desktop:py-0 flex w-full flex-row items-center justify-between gap-[16px] pt-[14px]\">\n            <div className=\"product-nav-tabs flex flex-row items-center gap-[8px]\">\n              {tabLinks.map((tabLink, index) => {\n                return (\n                  <div key={tabLink.link || index} className=\"product-nav-tab-item flex items-center gap-[8px]\">\n                    <a\n                      href={tabLink.link}\n                      className={cn(\n                        'product-nav-tab-link hover:text-brand-color text-nowrap text-[14px] font-bold tracking-[-0.04em]',\n                        {\n                          'text-[#6D6D6F]': index !== 0,\n                          'hidden desktop:block': index === 1,\n                        }\n                      )}\n                      // onClick={() => onShowSpecs?.(false)}\n                    >\n                      <span>{tabLink.label}</span>\n                    </a>\n                    {index !== tabLinks.length - 1 && (\n                      <div className=\"product-nav-tab-divider desktop:inline-block hidden h-[14px] w-px bg-[#E4E5E6]\" />\n                    )}\n                  </div>\n                )\n              })}\n\n              {/* Mobile Dropdown */}\n              {tabLinks.length > 1 && (\n                <Popover.Root>\n                  <Popover.Trigger asChild>\n                    <button\n                      className=\"product-nav-dropdown-trigger desktop:hidden -ml-1 inline-block\"\n                      aria-label=\"More products\"\n                    >\n                      <ChevronDownIcon className=\"text-[#1D1D1F]\" />\n                    </button>\n                  </Popover.Trigger>\n                  <Popover.Content\n                    className=\"product-nav-dropdown-content rounded-[6px] border border-[#E4E5E6] bg-white p-[6px] px-[8px] py-[4px]\"\n                    style={{\n                      boxShadow: '0px 4px 8px 0px rgba(0,0,0,0.12)',\n                    }}\n                    side=\"bottom\"\n                    align=\"end\"\n                    alignOffset={10}\n                    sideOffset={10}\n                  >\n                    {tabLinks.slice(1).map(tabLink => (\n                      <a\n                        key={tabLink.link}\n                        href={tabLink.link}\n                        className=\"product-nav-dropdown-link hover:text-brand-color text-nowrap\"\n                      >\n                        <span>{tabLink.label}</span>\n                      </a>\n                    ))}\n                  </Popover.Content>\n                </Popover.Root>\n              )}\n            </div>\n\n            {/* Mobile Actions */}\n            <div className=\"product-nav-mobile-actions desktop:hidden desktop:gap-[24px] flex items-center gap-[16px]\">\n              {/* {specs?.text && (\n                <Text\n                  size={2}\n                  onClick={handleSpecsClick}\n                  className=\"product-nav-specs-button cursor-pointer hover:text-brand-color\"\n                >\n                  {specs.text}\n                </Text>\n              )} */}\n              {textLink?.link && (\n                <a\n                  href={textLink.link}\n                  target={textLink.target || '_self'}\n                  className=\"product-nav-text-link hover:text-brand-color cursor-pointer\"\n                >\n                  <Text size={2} className=\"text-nowrap\">\n                    {textLink.text}\n                  </Text>\n                </a>\n              )}\n              {buyBtn?.link && (\n                <Button as=\"a\" href={buyBtn.link} size=\"sm\" className=\"product-nav-buy-button text-nowrap\">\n                  {buyBtn.text}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Anchor Navigation */}\n          <div className=\"product-nav-anchors laptop:w-fit desktop:gap-[24px] desktop:py-[8px] flex w-full items-center gap-[16px] overflow-x-scroll py-[12px] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {anchorList.map((anchor, index) => {\n              const anchorId = getAnchorId(anchor)\n              return (\n                <a\n                  key={anchorId}\n                  href={`#${anchorId}`}\n                  className=\"product-nav-anchor-link\"\n                  onClick={e => {\n                    // \u5982\u679C\u63D0\u4F9B\u4E86\u81EA\u5B9A\u4E49\u70B9\u51FB\u4E8B\u4EF6,\u4F7F\u7528\u81EA\u5B9A\u4E49\u4E8B\u4EF6\u5E76\u963B\u6B62\u9ED8\u8BA4\u884C\u4E3A\n                    if (onAnchorClick) {\n                      e.preventDefault()\n                      // \u6807\u8BB0\u7A0B\u5E8F\u5316\u6EDA\u52A8\uFF0C\u907F\u514D\u6EDA\u52A8\u8FC7\u7A0B\u4E2D\u9AD8\u4EAE\u95EA\u70C1\n                      setActiveAnchorId(anchorId)\n                      targetAnchorIdRef.current = anchorId\n                      isScrollingRef.current = true\n                      onAnchorClick(anchor, index)\n                    } else {\n                      // \u4F7F\u7528\u9ED8\u8BA4\u7684\u951A\u70B9\u6EDA\u52A8\u884C\u4E3A\uFF0C\u5E26\u504F\u79FB\u91CF\n                      handleAnchorClick(e, anchorId)\n                    }\n                  }}\n                >\n                  <Text size={2} className=\"product-nav-anchor-text text-nowrap\">\n                    {anchor.label}\n                  </Text>\n                  <div\n                    className={cn(\n                      'product-nav-anchor-indicator laptop:top-[12px] desktop:top-[10px] relative top-[12px] h-[4px] w-full bg-transparent',\n                      {\n                        '!bg-brand-0': activeAnchorId === anchorId,\n                      }\n                    )}\n                  />\n                </a>\n              )\n            })}\n          </div>\n        </div>\n\n        {/* Desktop Actions */}\n        <div className=\"product-nav-desktop-actions desktop:flex desktop:gap-[24px] desktop:py-[8px] hidden items-center gap-[16px]\">\n          {/* {specs?.text && (\n            <Text\n              size={2}\n              onClick={handleSpecsClick}\n              className=\"product-nav-specs-button cursor-pointer text-black hover:text-brand-color\"\n            >\n              {specs.text}\n            </Text>\n          )} */}\n          {textLink?.link && (\n            <a\n              href={textLink.link}\n              target={textLink.target || '_self'}\n              className=\"product-nav-text-link hover:text-brand-color cursor-pointer text-black\"\n            >\n              <Text size={2} className=\"text-nowrap\">\n                {textLink.text}\n              </Text>\n            </a>\n          )}\n          {buyBtn?.link && (\n            <Button as=\"a\" href={buyBtn.link} size=\"sm\" className=\"product-nav-buy-button text-nowrap\">\n              {buyBtn.text}\n            </Button>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nProductNav.displayName = 'ProductNav'\n\nexport default withLayout(ProductNav)\n"],
-  "mappings": "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",
-  "names": ["ProductNav_exports", "__export", "ProductNav_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_components", "import_useExposure", "Popover", "componentType", "componentName", "getAnchorId", "anchor", "ChevronDownIcon", "props", "ProductNav", "className", "data", "id", "onAnchorClick", "scrollOffsetExtra", "ref", "tabLinks", "anchorList", "textLink", "buyBtn", "theme", "activeAnchorId", "setActiveAnchorId", "innerRef", "isScrollingRef", "targetAnchorIdRef", "scrollEndTimerRef", "anchorPositionsRef", "updateAnchorPositions", "originalScrollY", "positions", "anchorId", "element", "rect", "timer", "resizeTimer", "observer", "handleScroll", "navHeight", "scrollPosition", "currentAnchorId", "i", "elementTop", "firstElementTop", "headerElements", "originalStyles", "htmlElement", "originalPosition", "handleAnchorClick", "e", "elementAbsoluteTop", "targetPosition", "tabLink", "index"]
-}

package/dist/cjs/biz-components/ProductNav/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductNav/index.ts"],
-  "sourcesContent": ["export { default } from './ProductNav.js'\nexport * from './types.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB,8BACxBC,EAAAJ,EAAc,sBADd",
-  "names": ["ProductNav_exports", "__export", "__toCommonJS", "import_ProductNav", "__reExport"]
-}

package/dist/cjs/biz-components/ProductNav/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductNav/types.ts"],
-  "sourcesContent": ["import type { ComponentCommonProps, Theme } from '../../types/props.js'\n\nexport interface TabLink {\n  link: string\n  label: string\n}\n\nexport interface AnchorItem {\n  /** @deprecated \u4F7F\u7528 anchorId \u4EE3\u66FF\uFF0C\u4FDD\u7559\u4EC5\u7528\u4E8E\u517C\u5BB9\u65E7\u6570\u636E */\n  id?: string\n  anchorId?: string\n  label: string\n}\n\nexport interface BuyButton {\n  link: string\n  text: string\n}\n\nexport interface TextLink {\n  /** \u94FE\u63A5\u5730\u5740 */\n  link: string\n  /** \u94FE\u63A5\u6587\u5B57 */\n  text: string\n  /** \u6253\u5F00\u65B9\u5F0F\uFF0C\u9ED8\u8BA4\u4E3A\u5F53\u524D\u7A97\u53E3 */\n  target?: '_self' | '_blank'\n}\n\nexport interface ProductNavProps extends ComponentCommonProps {\n  data: {\n    /** \u4EA7\u54C1\u9875\u7B7E\u94FE\u63A5 */\n    tabLinks?: TabLink[]\n    /** \u951A\u70B9\u5BFC\u822A\u5217\u8868 */\n    anchorList?: AnchorItem[]\n    /** \u6587\u5B57\u94FE\u63A5\uFF0C\u663E\u793A\u5728\u8D2D\u4E70\u6309\u94AE\u5DE6\u8FB9 */\n    textLink?: TextLink\n    /** \u8D2D\u4E70\u6309\u94AE */\n    buyBtn?: BuyButton\n    /** \u4E3B\u9898\uFF0C\u9ED8\u8BA4 light */\n    theme?: Theme\n  }\n  /** \u951A\u70B9\u70B9\u51FB\u4E8B\u4EF6\uFF0C\u4F20\u5165\u65F6\u5C06\u5FFD\u7565\u9ED8\u8BA4\u7684\u951A\u70B9\u8DF3\u8F6C\u884C\u4E3A */\n  onAnchorClick?: (item: AnchorItem, index: number) => void\n  /** \u951A\u70B9\u6EDA\u52A8\u989D\u5916\u504F\u79FB\u91CF\uFF08\u50CF\u7D20\uFF09\uFF0C\u4F1A\u5728\u5BFC\u822A\u680F\u9AD8\u5EA6\u57FA\u7840\u4E0A\u989D\u5916\u504F\u79FB\uFF0C\u9ED8\u8BA4\u4E3A 0 */\n  scrollOffsetExtra?: number\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/PromotionalBar/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/PromotionalBar/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Button, Picture } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Media, Theme } from '../../types/props.js'\nimport { getLocalizedPath } from '../../helpers/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nexport interface PromotionalBarSemanticName {\n  root: 'root'\n  content: 'content'\n  title: 'title'\n  description: 'description'\n  button: 'button'\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u914D\u7F6E\n */\nexport interface ResponsiveBackgroundImage {\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 (<768px) */\n  mobile?: Media\n  /** \u5E73\u677F\u56FE\u7247 (768-1440px) */\n  tablet?: Media\n  /** \u7B14\u8BB0\u672C\u56FE\u7247 (1025-1440px) */\n  laptop?: Media\n  /** \u684C\u9762\u56FE\u7247 (1441-1920px) */\n  desktop?: Media\n  /** \u8D85\u5927\u684C\u9762\u56FE\u7247 (\u22651921px) */\n  lgDesktop?: Media\n}\n\n/**\n * PromotionalBar \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface PromotionalBarData {\n  theme: Theme\n  /** \u7EC4\u4EF6\u5185\u5BB9\u6807\u9898 */\n  contentTitle?: string\n  /** \u7EC4\u4EF6\u5185\u5BB9\u63CF\u8FF0 */\n  contentDesc?: string\n  /** \u6309\u94AE\u6587\u672C */\n  buttonText?: string\n  /** \u6309\u94AE\u94FE\u63A5 */\n  buttonLink?: string\n  /** \u80CC\u666F\u56FE\u7247 - \u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61 */\n  backgroundImage?: ResponsiveBackgroundImage\n}\n\nexport interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: PromotionalBarData\n  classNames?: Partial<Record<keyof PromotionalBarSemanticName, string>>\n}\n\nconst componentType = 'image'\nconst componentName = 'PromotionalBar'\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u6240\u9700\u7684\u5B57\u7B26\u4E32\u683C\u5F0F\n */\nconst convertResponsiveImageToString = (backgroundImage: ResponsiveBackgroundImage | undefined): string | undefined => {\n  if (!backgroundImage) return undefined\n\n  const { mobile, tablet, laptop, desktop, lgDesktop } = backgroundImage\n  const parts: string[] = []\n\n  // \u8F85\u52A9\u51FD\u6570\uFF1A\u4ECE Media \u5BF9\u8C61\u4E2D\u63D0\u53D6 URL\n  const getUrl = (media: Media | undefined): string | undefined => {\n    return media?.url\n  }\n\n  // \u9ED8\u8BA4\u56FE\u7247\uFF08\u6700\u5927\u5C3A\u5BF8\uFF09\u653E\u5728\u6700\u524D\u9762\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\n  const lgDesktopUrl = getUrl(lgDesktop)\n  const desktopUrl = getUrl(desktop)\n  const laptopUrl = getUrl(laptop)\n  const tabletUrl = getUrl(tablet)\n  const mobileUrl = getUrl(mobile)\n\n  if (lgDesktopUrl) parts.push(lgDesktopUrl)\n  else if (desktopUrl) parts.push(desktopUrl)\n  else if (laptopUrl) parts.push(laptopUrl)\n  else if (tabletUrl) parts.push(tabletUrl)\n  else if (mobileUrl) parts.push(mobileUrl)\n\n  // \u6309\u65AD\u70B9\u4ECE\u5927\u5230\u5C0F\u6DFB\u52A0\n  if (desktopUrl && lgDesktopUrl) parts.push(`${desktopUrl} 1920`)\n  if (laptopUrl && (desktopUrl || lgDesktopUrl)) parts.push(`${laptopUrl} 1440`)\n  if (tabletUrl && (laptopUrl || desktopUrl || lgDesktopUrl)) parts.push(`${tabletUrl} 1024`)\n  if (mobileUrl && (tabletUrl || laptopUrl || desktopUrl || lgDesktopUrl)) parts.push(`${mobileUrl} 768`)\n\n  return parts.length > 0 ? parts.join(', ') : undefined\n}\n\n/**\n * PromotionalBar - \u63A8\u5E7F\u680F\n *\n * @description \u63A8\u5E7F\u680F\n */\nconst PromotionalBar = React.forwardRef<HTMLDivElement, PromotionalBarProps>(\n  ({ classNames, data, className, ...rest }, ref) => {\n    const { locale = 'us', pageHandle } = useAiuiContext()\n    const { backgroundImage, theme = 'dark' } = data\n    const pictureSource = React.useMemo(() => {\n      return convertResponsiveImageToString(backgroundImage)\n    }, [backgroundImage])\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        className={cn(\n          'laptop:h-[192px] lg-desktop:h-[240px] h-[240px] text-[#080A0F]',\n          {\n            'text-[#F5F6F7]': theme === 'dark',\n          },\n          classNames?.root,\n          className\n        )}\n      >\n        {/* \u63A8\u5E7F\u680F\u5185\u5BB9\u533A\u57DF - \u6839\u636E\u5177\u4F53\u4E1A\u52A1\u9700\u6C42\u5B9A\u5236 */}\n        <div className=\"promotional-bar-content rounded-card relative h-full overflow-hidden\">\n          <div\n            className={cn(\n              'laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 tablet:px-8 laptop:pr-0 relative z-20 flex h-full flex-col p-4',\n              classNames?.content\n            )}\n          >\n            {data.contentTitle && (\n              <Heading className={cn('line-clamp-2 ', classNames?.title)} html={data.contentTitle} size={3} />\n            )}\n            {data.contentDesc && (\n              <p\n                className={cn(\n                  'laptop:text-[16px] laptop:mt-2 lg-desktop:text-[18px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] ',\n                  classNames?.description\n                )}\n                dangerouslySetInnerHTML={{ __html: data.contentDesc }}\n              />\n            )}\n            <div className=\"laptop:mt-4 mt-2\">\n              {data.buttonText && (\n                <Button\n                  as=\"a\"\n                  variant=\"link\"\n                  className={cn(\n                    '!p-0 text-[#F5F6F7]',\n                    {\n                      'text-[#080A0F]': theme === 'light',\n                    },\n                    classNames?.button\n                  )}\n                  href={trackUrlRef(\n                    getLocalizedPath(data.buttonLink || '', locale),\n                    `${pageHandle}_${componentType}_${componentName}`\n                  )}\n                  iconClassName=\"size-4\"\n                >\n                  {data.buttonText}\n                </Button>\n              )}\n            </div>\n          </div>\n          <Picture\n            source={pictureSource}\n            className=\"absolute inset-0 z-10 \"\n            imgClassName=\"h-full object-cover transition-transform duration-300 ease-in-out hover:scale-[1.05]\"\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nPromotionalBar.displayName = 'PromotionalBar'\nexport default withLayout(PromotionalBar)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4HU,IAAAI,EAAA,6BA1HVC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAyC,qCACzCC,EAA2B,kCAE3BF,EAAiC,kCACjCG,EAA+B,oCAC/BC,EAA4B,uCAiD5B,MAAMC,EAAgB,QAChBC,EAAgB,iBAKhBC,EAAkCC,GAA+E,CACrH,GAAI,CAACA,EAAiB,OAEtB,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIL,EACjDM,EAAkB,CAAC,EAGnBC,EAAUC,GACPA,GAAO,IAIVC,EAAeF,EAAOF,CAAS,EAC/BK,EAAaH,EAAOH,CAAO,EAC3BO,EAAYJ,EAAOJ,CAAM,EACzBS,EAAYL,EAAOL,CAAM,EACzBW,EAAYN,EAAON,CAAM,EAE/B,OAAIQ,EAAcH,EAAM,KAAKG,CAAY,EAChCC,EAAYJ,EAAM,KAAKI,CAAU,EACjCC,EAAWL,EAAM,KAAKK,CAAS,EAC/BC,EAAWN,EAAM,KAAKM,CAAS,EAC/BC,GAAWP,EAAM,KAAKO,CAAS,EAGpCH,GAAcD,GAAcH,EAAM,KAAK,GAAGI,CAAU,OAAO,EAC3DC,IAAcD,GAAcD,IAAeH,EAAM,KAAK,GAAGK,CAAS,OAAO,EACzEC,IAAcD,GAAaD,GAAcD,IAAeH,EAAM,KAAK,GAAGM,CAAS,OAAO,EACtFC,IAAcD,GAAaD,GAAaD,GAAcD,IAAeH,EAAM,KAAK,GAAGO,CAAS,MAAM,EAE/FP,EAAM,OAAS,EAAIA,EAAM,KAAK,IAAI,EAAI,MAC/C,EAOMQ,EAAiBvB,EAAM,WAC3B,CAAC,CAAE,WAAAwB,EAAY,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAK,EAAGC,IAAQ,CACjD,KAAM,CAAE,OAAAC,EAAS,KAAM,WAAAC,CAAW,KAAI,kBAAe,EAC/C,CAAE,gBAAArB,EAAiB,MAAAsB,EAAQ,MAAO,EAAIN,EACtCO,EAAgBhC,EAAM,QAAQ,IAC3BQ,EAA+BC,CAAe,EACpD,CAACA,CAAe,CAAC,EACpB,SACE,OAAC,OACC,IAAKmB,EACJ,GAAGD,EACJ,aAAW,MACT,iEACA,CACE,iBAAkBI,IAAU,MAC9B,EACAP,GAAY,KACZE,CACF,EAGA,oBAAC,OAAI,UAAU,uEACb,qBAAC,OACC,aAAW,MACT,mLACAF,GAAY,OACd,EAEC,UAAAC,EAAK,iBACJ,OAAC,WAAQ,aAAW,MAAG,gBAAiBD,GAAY,KAAK,EAAG,KAAMC,EAAK,aAAc,KAAM,EAAG,EAE/FA,EAAK,gBACJ,OAAC,KACC,aAAW,MACT,+GACAD,GAAY,WACd,EACA,wBAAyB,CAAE,OAAQC,EAAK,WAAY,EACtD,KAEF,OAAC,OAAI,UAAU,mBACZ,SAAAA,EAAK,eACJ,OAAC,UACC,GAAG,IACH,QAAQ,OACR,aAAW,MACT,sBACA,CACE,iBAAkBM,IAAU,OAC9B,EACAP,GAAY,MACd,EACA,QAAM,kBACJ,oBAAiBC,EAAK,YAAc,GAAII,CAAM,EAC9C,GAAGC,CAAU,IAAIxB,CAAa,IAAIC,CAAa,EACjD,EACA,cAAc,SAEb,SAAAkB,EAAK,WACR,EAEJ,GACF,KACA,OAAC,WACC,OAAQO,EACR,UAAU,yBACV,aAAa,uFACf,GACF,EACF,CAEJ,CACF,EAEAT,EAAe,YAAc,iBAC7B,IAAO1B,KAAQ,cAAW0B,CAAc",
-  "names": ["PromotionalBar_exports", "__export", "PromotionalBar_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_Styles", "import_AiuiProvider", "import_trackUrlRef", "componentType", "componentName", "convertResponsiveImageToString", "backgroundImage", "mobile", "tablet", "laptop", "desktop", "lgDesktop", "parts", "getUrl", "media", "lgDesktopUrl", "desktopUrl", "laptopUrl", "tabletUrl", "mobileUrl", "PromotionalBar", "classNames", "data", "className", "rest", "ref", "locale", "pageHandle", "theme", "pictureSource"]
-}

package/dist/cjs/biz-components/SceneShelf/ProductCard.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Checkbox, Badge, Heading, Text, Picture } from '../../components/index.js'\nimport { useSceneShelfContext } from './context.js'\nimport { LocalizedLink } from '../../shared/LocalizedLink.js'\nimport type { SceneProductCardSemanticName, SceneProductCardData } from './types.js'\n\nexport interface SceneProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  product: SceneProductCardData\n  /** \u662F\u5426\u9009\u4E2D */\n  selected?: boolean\n  /** \u9009\u4E2D\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onSelectChange?: (selected: boolean, product: SceneProductCardData) => void\n  /** \u662F\u5426\u663E\u793A\u6807\u7B7E */\n  showTags?: boolean\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7 */\n  showOriginalPrice?: boolean\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: SceneProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<SceneProductCardSemanticName, string>>\n}\n\n/**\n * SceneProductCard - \u573A\u666F\u63A8\u8350\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u573A\u666F\u63A8\u8350\u8D27\u67B6\u7684\u53EF\u9009\u4E2D\u4EA7\u54C1\u5361\u7247\u7EC4\u4EF6\n */\nconst SceneProductCard = React.forwardRef<HTMLDivElement, SceneProductCardProps>(\n  (\n    {\n      className,\n      classNames: classNamesProp,\n      product,\n      selected: selectedProp,\n      onSelectChange: onSelectChangeProp,\n      showTags: showTagsProp,\n      showOriginalPrice: showOriginalPriceProp,\n      onProductImageClick,\n      ...props\n    },\n    ref\n  ) => {\n    // \u4ECE Context \u8BFB\u53D6\u914D\u7F6E\n    const context = useSceneShelfContext()\n\n    // Props \u4F18\u5148\u7EA7\u9AD8\u4E8E Context\n    const showTags = showTagsProp ?? context?.showTags ?? true\n    const showOriginalPrice = showOriginalPriceProp ?? context?.showOriginalPrice ?? true\n    const classNames = classNamesProp ?? context?.classNames ?? {}\n\n    // \u9009\u4E2D\u72B6\u6001\u548C\u56DE\u8C03\u4ECE Context \u83B7\u53D6\n    const selected = selectedProp ?? (context ? context.selectedIds.has(product.id) : false)\n    const onSelectChange = onSelectChangeProp ?? context?.onSelectChange\n    const resolvedOnProductImageClick = onProductImageClick ?? context?.onProductImageClick\n    const disabled = product.soldOut ?? false\n\n    const handleCheckboxChange = (checked: boolean | 'indeterminate') => {\n      if (disabled) return\n      if (typeof checked === 'boolean') {\n        onSelectChange?.(checked, product)\n      }\n    }\n\n    const handleCardClick = () => {\n      if (disabled) return\n      onSelectChange?.(!selected, product)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'lg-desktop:gap-2 lg-desktop:h-[362px] lg-desktop:px-6 lg-desktop:pb-6 lg-desktop:pt-4 rounded-box box-border flex h-[284px] flex-col justify-between gap-2 border-2 border-solid p-4 pb-6 transition-colors',\n          disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',\n          selected\n            ? cn('border-brand-0 bg-container-secondary-0', classNames?.cardSelected)\n            : cn('border-lines bg-container-primary', classNames?.card),\n          className\n        )}\n        onClick={handleCardClick}\n        data-headless-type-name=\"SceneShelf#ProductCard\"\n        data-headless-title-desc-button={`${product.custom_name ?? product.title}##Select`}\n        data-headless-sku={product.id}\n        {...props}\n      >\n        {/* \u6807\u7B7E\u533A\u57DF */}\n        <div\n          className={cn(\n            'lg-desktop:left-6 lg-desktop:top-6 flex max-h-[24px] min-h-[24px] flex-wrap gap-1 overflow-visible pr-9',\n            classNames?.tags\n          )}\n        >\n          {showTags &&\n            product.tags?.map((tag, index) => (\n              <Badge key={index} variant={tag.variant || 'outline'} size=\"sm\">\n                {tag.label}\n              </Badge>\n            ))}\n        </div>\n\n        {/* Checkbox */}\n        <Checkbox\n          checked={selected}\n          disabled={disabled}\n          onCheckedChange={handleCheckboxChange}\n          onClick={e => e.stopPropagation()}\n          className={cn(\n            'text-brand-0 border-brand-0 lg-desktop:right-6 lg-desktop:top-6 absolute right-4 top-4 size-5 shrink-0',\n            classNames?.checkbox\n          )}\n        />\n\n        {/* \u4EA7\u54C1\u56FE\u7247 */}\n        <div className={cn('flex flex-1 grow-0 items-center justify-center', classNames?.image)}>\n          {resolvedOnProductImageClick ? (\n            <a onClick={() => resolvedOnProductImageClick(product)} role=\"button\">\n              <Picture\n                source={product.imageUrl}\n                alt={product.imageAlt || product.title}\n                className=\"lg-desktop:size-[175px] aspect-square size-[124px] \"\n                imgClassName=\"object-contain\"\n              />\n            </a>\n          ) : product?.href ? (\n            <LocalizedLink href={product.href}>\n              <Picture\n                source={product.imageUrl}\n                alt={product.imageAlt || product.title}\n                className=\"lg-desktop:size-[175px] aspect-square size-[124px] \"\n                imgClassName=\"object-contain\"\n              />\n            </LocalizedLink>\n          ) : (\n            <Picture\n              source={product.imageUrl}\n              alt={product.imageAlt || product.title}\n              className=\"lg-desktop:size-[175px] aspect-square size-[124px] \"\n              imgClassName=\"object-contain\"\n            />\n          )}\n        </div>\n\n        {/* \u4EA7\u54C1\u4FE1\u606F */}\n        <div className=\"flex grow flex-col justify-start gap-4\">\n          {/* \u4EA7\u54C1\u540D\u79F0 */}\n          <Heading\n            as=\"h3\"\n            size={2}\n            className={cn('text-info-primary line-clamp-2 h-[2.2em]', classNames?.title)}\n            html={product.custom_name ?? product.title}\n          />\n\n          {/* \u4EF7\u683C\u533A\u57DF */}\n          <div className={cn('flex flex-wrap items-center gap-1', classNames?.priceWrapper)}>\n            <Text\n              as=\"span\"\n              size={2}\n              className={cn('text-info-primary lg-desktop:text-[24px] text-[20px]', classNames?.currentPrice)}\n            >\n              {product.currentPrice.formatted}\n            </Text>\n            {showOriginalPrice && product.originalPrice && product.originalPrice.value > product.currentPrice.value && (\n              <Text\n                as=\"span\"\n                size={2}\n                className={cn(\n                  'text-info-quaternary lg-desktop:text-[24px] text-[20px] line-through',\n                  classNames?.originalPrice\n                )}\n              >\n                {product.originalPrice.formatted}\n              </Text>\n            )}\n          </div>\n\n          {/** \u4EF7\u683C\u6807\u7B7E */}\n          {product?.priceLabel && (\n            <Text\n              size={4}\n              className={cn(\n                'text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]',\n                classNames?.productPriceLabel\n              )}\n            >\n              {product.priceLabel}\n            </Text>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nSceneProductCard.displayName = 'SceneShelf.ProductCard'\n\nexport { SceneProductCard }\n"],
-  "mappings": "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",
-  "names": ["ProductCard_exports", "__export", "SceneProductCard", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_context", "import_LocalizedLink", "className", "classNamesProp", "product", "selectedProp", "onSelectChangeProp", "showTagsProp", "showOriginalPriceProp", "onProductImageClick", "props", "ref", "context", "showTags", "showOriginalPrice", "classNames", "selected", "onSelectChange", "resolvedOnProductImageClick", "disabled", "handleCheckboxChange", "checked", "handleCardClick", "tag", "index", "e"]
-}

package/dist/cjs/biz-components/SceneShelf/ProductsPanel.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/ProductsPanel.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel } from 'swiper/modules'\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Button, Text } from '../../components/index.js'\nimport { useSceneShelfContext } from './context.js'\nimport type { PriceData, ButtonFunctionType, SceneProductCardData } from './types.js'\nimport 'swiper/css'\n\nexport interface SceneShelfProductsPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u603B\u4EF7\u6807\u7B7E */\n  totalPriceLabel?: string\n  /** \u5F53\u524D\u603B\u4EF7 */\n  totalCurrentPrice?: PriceData\n  /** \u539F\u603B\u4EF7 */\n  totalOriginalPrice?: PriceData\n  /** \u4E3B\u8981\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  /** \u4E3B\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6B21\u8981\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  /** \u6B21\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  secondaryButtonFun?: ButtonFunctionType\n  /**\n   * \u5957\u9910\u6298\u6263\u6807\u7B7E\uFF0C\u652F\u6301 string \u6216 render prop\n   * @param selectedProducts \u5F53\u524D\u9009\u4E2D\u7684\u4EA7\u54C1\u5217\u8868\n   */\n  bundleDiscountLabel?: string | ((selectedProducts: SceneProductCardData[]) => React.ReactNode)\n  /** \u5B50\u7EC4\u4EF6\uFF08ProductCard \u6216\u81EA\u5B9A\u4E49\u5361\u7247\uFF09 */\n  children: React.ReactNode\n}\n\n/**\n * SceneShelf ProductsPanel \u7EC4\u4EF6\n *\n * @description \u4EA7\u54C1\u9762\u677F\u7EC4\u4EF6\uFF0C\u5305\u542B\u4EA7\u54C1\u5217\u8868\uFF08Swiper\uFF09\u548C\u5E95\u90E8\u64CD\u4F5C\u533A\u57DF\uFF08\u603B\u4EF7 + \u6309\u94AE\uFF09\n */\nconst SceneShelfProductsPanel = React.forwardRef<HTMLDivElement, SceneShelfProductsPanelProps>(\n  (\n    {\n      title,\n      totalPriceLabel: totalPriceLabelProp,\n      totalCurrentPrice: totalCurrentPriceProp,\n      totalOriginalPrice: totalOriginalPriceProp,\n      primaryButtonText: primaryButtonTextProp,\n      primaryButtonFun: primaryButtonFunProp,\n      secondaryButtonText: secondaryButtonTextProp,\n      secondaryButtonFun: secondaryButtonFunProp,\n      bundleDiscountLabel: bundleDiscountLabelProp,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useSceneShelfContext()\n    const classNames = context?.classNames\n\n    // Props \u4F18\u5148\u7EA7\u9AD8\u4E8E Context\n    const totalPriceLabel = totalPriceLabelProp ?? context?.totalPriceLabel ?? 'Total Price:'\n    const totalCurrentPrice = totalCurrentPriceProp ?? context?.totalCurrentPrice\n    const totalOriginalPrice = totalOriginalPriceProp ?? context?.totalOriginalPrice\n    const primaryButtonText = primaryButtonTextProp ?? context?.primaryButtonText ?? 'Shop Now'\n    const primaryButtonFun = primaryButtonFunProp ?? context?.primaryButtonFun ?? 'buyNow'\n    const secondaryButtonText = secondaryButtonTextProp ?? context?.secondaryButtonText ?? 'Add to Cart'\n    const secondaryButtonFun = secondaryButtonFunProp ?? context?.secondaryButtonFun ?? 'addCart'\n    const bundleDiscountLabel = bundleDiscountLabelProp ?? context?.bundleDiscountLabel\n\n    const selectedProducts = context?.selectedProducts ?? []\n    const onLearnMore = context?.onLearnMore\n    const onShopNow = context?.onShopNow\n    const onAddToCart = context?.onAddToCart\n    const showOriginalPrice = context?.showOriginalPrice ?? true\n\n    // \u6309\u94AE loading \u72B6\u6001\n    const [primaryLoading, setPrimaryLoading] = React.useState(false)\n    const [secondaryLoading, setSecondaryLoading] = React.useState(false)\n\n    // \u5C06 children \u8F6C\u6362\u4E3A\u6570\u7EC4\n    const childrenArray = React.Children.toArray(children)\n\n    // \u6839\u636E\u6309\u94AE\u529F\u80FD\u7C7B\u578B\u8C03\u7528\u76F8\u5E94\u7684\u56DE\u8C03\u51FD\u6570\n    const handleButtonClick = async (buttonFun?: ButtonFunctionType, buttonType?: 'primary' | 'secondary') => {\n      if (!buttonFun) return\n\n      const setLoading = buttonType === 'primary' ? setPrimaryLoading : setSecondaryLoading\n      setLoading(true)\n\n      try {\n        switch (buttonFun) {\n          case 'buyNow':\n            await onShopNow?.(selectedProducts)\n            break\n          case 'addCart':\n            await onAddToCart?.(selectedProducts)\n            break\n          case 'learnMore':\n            await onLearnMore?.(selectedProducts)\n            break\n          default:\n            break\n        }\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    // \u5224\u65AD\u6309\u94AE\u662F\u5426\u5E94\u8BE5\u88AB\u7981\u7528\uFF08learnMore \u4E0D\u9700\u8981\u68C0\u67E5\u9009\u4E2D\u4EA7\u54C1\u6570\u91CF\uFF09\n    const isButtonDisabled = (buttonFun?: ButtonFunctionType) => {\n      if (buttonFun === 'learnMore') return false\n      return selectedProducts.length === 0\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary laptop:p-6 lg-desktop:p-8 flex min-w-0 flex-1 flex-col justify-between overflow-hidden p-4',\n          className,\n          classNames?.content\n        )}\n        {...props}\n      >\n        {/* \u6807\u9898 */}\n        {title && (\n          <Heading\n            as=\"h2\"\n            size={3}\n            className={cn('text-info-primary flex-0 mb-[16px] line-clamp-1 shrink-0', classNames?.title)}\n            html={title}\n          />\n        )}\n\n        {/* \u4EA7\u54C1\u5217\u8868 - Swiper \u5BB9\u5668 */}\n        <div className={cn('lg-desktop:mb-[24px] mb-[16px] flex-1 ', classNames?.productList)}>\n          <Swiper\n            modules={[FreeMode, Mousewheel]}\n            freeMode={true}\n            mousewheel={{\n              forceToAxis: true,\n            }}\n            slidesPerView=\"auto\"\n            spaceBetween={10}\n            breakpoints={{\n              0: {\n                slidesPerView: 1.5,\n              },\n              768: {\n                spaceBetween: 16,\n                slidesPerView: 2.8,\n              },\n              1024: {\n                slidesPerView: 2.3,\n              },\n              1440: {\n                spaceBetween: 16,\n                slidesPerView: childrenArray.length <= 3 ? 3 : 3.2,\n              },\n            }}\n          >\n            {childrenArray.map((child, index) => (\n              <SwiperSlide key={index} className=\"h-fit shrink-0\">\n                {child}\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        </div>\n\n        {/* \u5E95\u90E8\u533A\u57DF - \u603B\u4EF7 + \u6309\u94AE */}\n        <div\n          className={cn(\n            'tablet:items-end tablet:flex-row flex-0 flex flex-col items-start justify-between gap-2',\n            classNames?.footer\n          )}\n        >\n          <div className=\"flex flex-col\">\n            {/* \u603B\u4EF7 */}\n            <div className={cn('flex flex-wrap items-center gap-1', classNames?.totalPrice)}>\n              {totalPriceLabel && (\n                <Text as=\"span\" size={2} className=\"text-info-primary lg-desktop:text-[24px] text-[20px]\">\n                  {totalPriceLabel}\n                </Text>\n              )}\n              {totalCurrentPrice && (\n                <Text\n                  as=\"span\"\n                  size={2}\n                  className={cn('text-info-primary lg-desktop:text-[24px] text-[20px]', classNames?.currentTotalPrice)}\n                >\n                  {totalCurrentPrice.formatted}\n                </Text>\n              )}\n              {showOriginalPrice &&\n                totalOriginalPrice &&\n                totalCurrentPrice &&\n                totalOriginalPrice.value > totalCurrentPrice.value && (\n                  <Text\n                    as=\"span\"\n                    size={2}\n                    className={cn(\n                      'text-info-quaternary lg-desktop:text-[24px] text-[20px] line-through',\n                      classNames?.originalTotalPrice\n                    )}\n                  >\n                    {totalOriginalPrice.formatted}\n                  </Text>\n                )}\n            </div>\n            {bundleDiscountLabel && (\n              <Text\n                as=\"span\"\n                size={2}\n                className={cn(\n                  'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 text-[14px]',\n                  classNames?.bundleDiscountLabel\n                )}\n              >\n                {typeof bundleDiscountLabel === 'function'\n                  ? bundleDiscountLabel(selectedProducts)\n                  : bundleDiscountLabel}\n              </Text>\n            )}\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className={cn('flex items-stretch gap-3', classNames?.buttonGroup)}>\n            {secondaryButtonText && (\n              <Button\n                variant=\"secondary\"\n                className=\"min-w-0 whitespace-normal text-center\"\n                onClick={() => handleButtonClick(secondaryButtonFun, 'secondary')}\n                disabled={isButtonDisabled(secondaryButtonFun)}\n                loading={secondaryLoading}\n              >\n                {secondaryButtonText}\n              </Button>\n            )}\n            {primaryButtonText && (\n              <Button\n                variant=\"primary\"\n                className=\"min-w-0 whitespace-normal text-center\"\n                onClick={() => handleButtonClick(primaryButtonFun, 'primary')}\n                disabled={isButtonDisabled(primaryButtonFun)}\n                loading={primaryLoading}\n              >\n                {primaryButtonText}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nSceneShelfProductsPanel.displayName = 'SceneShelf.ProductsPanel'\n\nexport { SceneShelfProductsPanel }\n"],
-  "mappings": "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",
-  "names": ["ProductsPanel_exports", "__export", "SceneShelfProductsPanel", "__toCommonJS", "import_jsx_runtime", "React", "import_react", "import_modules", "import_helpers", "import_components", "import_context", "import_css", "title", "totalPriceLabelProp", "totalCurrentPriceProp", "totalOriginalPriceProp", "primaryButtonTextProp", "primaryButtonFunProp", "secondaryButtonTextProp", "secondaryButtonFunProp", "bundleDiscountLabelProp", "className", "children", "props", "ref", "context", "classNames", "totalPriceLabel", "totalCurrentPrice", "totalOriginalPrice", "primaryButtonText", "primaryButtonFun", "secondaryButtonText", "secondaryButtonFun", "bundleDiscountLabel", "selectedProducts", "onLearnMore", "onShopNow", "onAddToCart", "showOriginalPrice", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "childrenArray", "handleButtonClick", "buttonFun", "buttonType", "setLoading", "isButtonDisabled", "child", "index"]
-}

package/dist/cjs/biz-components/SceneShelf/Root.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/Root.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Text } from '../../components/index.js'\nimport type { SceneShelfSemanticName } from './types.js'\n\nexport interface SceneShelfRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  theme?: 'light' | 'dark'\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<SceneShelfSemanticName, string>>\n  /** \u5B50\u7EC4\u4EF6\uFF08\u591A\u4E2A Scene\uFF09 */\n  children: React.ReactNode\n}\n\n/**\n * SceneShelf Root \u7EC4\u4EF6\n *\n * @description \u6700\u5916\u5C42\u5BB9\u5668\uFF0C\u5305\u542B\u6807\u9898\u548C\u591A\u4E2A\u573A\u666F\n */\nconst SceneShelfRoot = React.forwardRef<HTMLDivElement, SceneShelfRootProps>(\n  ({ title, subtitle, theme = 'light', classNames, className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'text-info-primary w-full',\n          {\n            'aiui-dark': theme === 'dark',\n          },\n          className,\n          classNames?.root\n        )}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('mb-6', classNames?.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} className={cn('text-info-primary mb-2', classNames?.title)} html={title} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n\n        {/* \u573A\u666F\u5217\u8868 */}\n        <div className={cn('space-y-6', classNames?.sceneList)}>{children}</div>\n      </div>\n    )\n  }\n)\n\nSceneShelfRoot.displayName = 'SceneShelf.Root'\n\nexport { SceneShelfRoot }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAyCU,IAAAI,EAAA,6BAvCVC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAA8B,qCAoB9B,MAAML,EAAiBG,EAAM,WAC3B,CAAC,CAAE,MAAAG,EAAO,SAAAC,EAAU,MAAAC,EAAQ,QAAS,WAAAC,EAAY,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAE9E,QAAC,OACC,IAAKA,EACL,aAAW,MACT,2BACA,CACE,YAAaL,IAAU,MACzB,EACAE,EACAD,GAAY,IACd,EACC,GAAGG,EAGF,WAAAN,GAASC,OACT,QAAC,OAAI,aAAW,MAAG,OAAQE,GAAY,MAAM,EAC1C,UAAAH,MACC,OAAC,WAAQ,GAAG,KAAK,KAAM,EAAG,aAAW,MAAG,yBAA0BG,GAAY,KAAK,EAAG,KAAMH,EAAO,EAEpGC,MAAY,OAAC,QAAK,GAAG,IAAI,KAAM,EAAG,aAAW,MAAG,GAAIE,GAAY,QAAQ,EAAG,KAAMF,EAAU,GAC9F,KAIF,OAAC,OAAI,aAAW,MAAG,YAAaE,GAAY,SAAS,EAAI,SAAAE,EAAS,GACpE,CAGN,EAEAX,EAAe,YAAc",
-  "names": ["Root_exports", "__export", "SceneShelfRoot", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "title", "subtitle", "theme", "classNames", "className", "children", "props", "ref"]
-}

package/dist/cjs/biz-components/SceneShelf/Scene.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/Scene.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { SceneShelfContext, type SceneShelfContextValue } from './context.js'\nimport type { SceneProductCardData, PriceData, ButtonFunctionType } from './types.js'\n\nexport interface SceneShelfSceneProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E */\n  showTags?: boolean\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7 */\n  showOriginalPrice?: boolean\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: SceneShelfContextValue['classNames']\n  /** \u4EA7\u54C1\u9009\u4E2D\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onSelectionChange?: (selectedProducts: SceneProductCardData[]) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: SceneProductCardData) => void\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u70B9\u51FB\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u4E3B\u8981\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  /** \u4E3B\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6B21\u8981\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  /** \u6B21\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u603B\u4EF7\u6807\u7B7E */\n  totalPriceLabel?: string\n  /** \u5F53\u524D\u603B\u4EF7 */\n  totalCurrentPrice?: PriceData\n  /** \u539F\u603B\u4EF7 */\n  totalOriginalPrice?: PriceData\n  /** \u6298\u6263\u63D0\u793A\uFF0C\u652F\u6301 string \u6216 render prop */\n  bundleDiscountLabel?: string | ((selectedProducts: SceneProductCardData[]) => React.ReactNode)\n  /** \u521D\u59CB\u9009\u4E2D\u7684\u4EA7\u54C1\u5217\u8868\uFF08\u901A\u8FC7 defaultSelected \u6807\u8BB0\uFF09 */\n  products?: SceneProductCardData[]\n  /** \u5B50\u7EC4\u4EF6 */\n  children: React.ReactNode\n  /** \u9ED8\u8BA4\u9009\u4E2D\u7B56\u7565 first|all|none */\n  defaultSelect?: 'first' | 'all' | 'none'\n}\n\n/**\n * SceneShelf Scene \u7EC4\u4EF6\n *\n * @description \u5355\u4E2A\u573A\u666F\u5BB9\u5668\uFF0C\u63D0\u4F9B Context \u914D\u7F6E\u548C\u9009\u62E9\u72B6\u6001\u7BA1\u7406\n */\nconst SceneShelfScene = React.forwardRef<HTMLDivElement, SceneShelfSceneProps>(\n  (\n    {\n      showTags = true,\n      showOriginalPrice = true,\n      classNames,\n      onSelectionChange,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      primaryButtonText = 'Shop Now',\n      primaryButtonFun = 'buyNow',\n      secondaryButtonText = 'Add to Cart',\n      secondaryButtonFun = 'addCart',\n      totalPriceLabel = 'Total Price:',\n      totalCurrentPrice,\n      totalOriginalPrice,\n      bundleDiscountLabel,\n      products = [],\n      className,\n      children,\n      defaultSelect,\n      ...props\n    },\n    ref\n  ) => {\n    // \u7BA1\u7406\u9009\u4E2D\u72B6\u6001\n    const [selectedIds, setSelectedIds] = React.useState<Set<string>>(() => {\n      const initialSelected = new Set<string>()\n      products.forEach(product => {\n        if (product.defaultSelected) {\n          initialSelected.add(product.id)\n        }\n      })\n      return initialSelected\n    })\n\n    // \u8BA1\u7B97\u9009\u4E2D\u7684\u4EA7\u54C1\n    const selectedProducts = React.useMemo(() => {\n      return products.filter(product => selectedIds.has(product.id))\n    }, [products, selectedIds])\n\n    // \u5904\u7406\u9009\u4E2D\u72B6\u6001\u53D8\u5316\n    const handleSelectChange = React.useCallback((selected: boolean, product: SceneProductCardData) => {\n      setSelectedIds(prev => {\n        const newSet = new Set(prev)\n        if (selected) {\n          newSet.add(product.id)\n        } else {\n          newSet.delete(product.id)\n        }\n        return newSet\n      })\n    }, [])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u9009\u4E2D\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onSelectionChange?.(selectedProducts)\n    }, [selectedProducts, onSelectionChange])\n\n    const contextValue = React.useMemo<SceneShelfContextValue>(\n      () => ({\n        showTags,\n        showOriginalPrice,\n        classNames,\n        selectedIds,\n        selectedProducts,\n        onSelectChange: handleSelectChange,\n        onProductImageClick,\n        onLearnMore,\n        onShopNow,\n        onAddToCart,\n        primaryButtonText,\n        primaryButtonFun,\n        secondaryButtonText,\n        secondaryButtonFun,\n        totalPriceLabel,\n        totalCurrentPrice,\n        totalOriginalPrice,\n        bundleDiscountLabel,\n      }),\n      [\n        showTags,\n        showOriginalPrice,\n        classNames,\n        selectedIds,\n        selectedProducts,\n        handleSelectChange,\n        onProductImageClick,\n        onLearnMore,\n        onShopNow,\n        onAddToCart,\n        primaryButtonText,\n        primaryButtonFun,\n        secondaryButtonText,\n        secondaryButtonFun,\n        totalPriceLabel,\n        totalCurrentPrice,\n        totalOriginalPrice,\n        bundleDiscountLabel,\n      ]\n    )\n\n    return (\n      <SceneShelfContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\n            'rounded-box laptop:flex-row lg-desktop:min-h-[560px] desktop:h-[448px] laptop:min-h-[448px] flex min-h-[560px]  w-full flex-col items-stretch gap-0 overflow-hidden',\n            className,\n            classNames?.scene\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </SceneShelfContext.Provider>\n    )\n  }\n)\n\nSceneShelfScene.displayName = 'SceneShelf.Scene'\n\nexport { SceneShelfScene }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GA+JQ,IAAAI,EAAA,6BA7JRC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAA+D,wBAiD/D,MAAML,EAAkBG,EAAM,WAC5B,CACE,CACE,SAAAG,EAAW,GACX,kBAAAC,EAAoB,GACpB,WAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,kBAAAC,EAAoB,WACpB,iBAAAC,EAAmB,SACnB,oBAAAC,EAAsB,cACtB,mBAAAC,EAAqB,UACrB,gBAAAC,EAAkB,eAClB,kBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,KAAM,CAACC,EAAaC,CAAc,EAAI1B,EAAM,SAAsB,IAAM,CACtE,MAAM2B,EAAkB,IAAI,IAC5B,OAAAR,EAAS,QAAQS,GAAW,CACtBA,EAAQ,iBACVD,EAAgB,IAAIC,EAAQ,EAAE,CAElC,CAAC,EACMD,CACT,CAAC,EAGKE,EAAmB7B,EAAM,QAAQ,IAC9BmB,EAAS,OAAOS,GAAWH,EAAY,IAAIG,EAAQ,EAAE,CAAC,EAC5D,CAACT,EAAUM,CAAW,CAAC,EAGpBK,EAAqB9B,EAAM,YAAY,CAAC+B,EAAmBH,IAAkC,CACjGF,EAAeM,GAAQ,CACrB,MAAMC,EAAS,IAAI,IAAID,CAAI,EAC3B,OAAID,EACFE,EAAO,IAAIL,EAAQ,EAAE,EAErBK,EAAO,OAAOL,EAAQ,EAAE,EAEnBK,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAGLjC,EAAM,UAAU,IAAM,CACpBM,IAAoBuB,CAAgB,CACtC,EAAG,CAACA,EAAkBvB,CAAiB,CAAC,EAExC,MAAM4B,EAAelC,EAAM,QACzB,KAAO,CACL,SAAAG,EACA,kBAAAC,EACA,WAAAC,EACA,YAAAoB,EACA,iBAAAI,EACA,eAAgBC,EAChB,oBAAAvB,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,oBAAAC,CACF,GACA,CACEf,EACAC,EACAC,EACAoB,EACAI,EACAC,EACAvB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,EAEA,SACE,OAAC,oBAAkB,SAAlB,CAA2B,MAAOgB,EACjC,mBAAC,OACC,IAAKV,EACL,aAAW,MACT,sKACAJ,EACAf,GAAY,KACd,EACC,GAAGkB,EAEH,SAAAF,EACH,EACF,CAEJ,CACF,EAEAxB,EAAgB,YAAc",
-  "names": ["Scene_exports", "__export", "SceneShelfScene", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_context", "showTags", "showOriginalPrice", "classNames", "onSelectionChange", "onProductImageClick", "onLearnMore", "onShopNow", "onAddToCart", "primaryButtonText", "primaryButtonFun", "secondaryButtonText", "secondaryButtonFun", "totalPriceLabel", "totalCurrentPrice", "totalOriginalPrice", "bundleDiscountLabel", "products", "className", "children", "defaultSelect", "props", "ref", "selectedIds", "setSelectedIds", "initialSelected", "product", "selectedProducts", "handleSelectChange", "selected", "prev", "newSet", "contextValue"]
-}

package/dist/cjs/biz-components/SceneShelf/SceneImage.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/SceneImage.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Picture } from '../../components/index.js'\nimport type { Media } from '../../types/props.js'\n\nexport interface SceneShelfSceneImageProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u573A\u666F\u56FE\u7247/\u89C6\u9891 URL - \u54CD\u5E94\u5F0F\u5A92\u4F53\u914D\u7F6E */\n  imageUrl: {\n    pc: Media\n    pad: Media\n    mobile: Media\n  }\n  /** \u573A\u666F\u56FE\u7247 Alt */\n  imageAlt?: string\n}\n\n/**\n * \u5224\u65AD Media \u662F\u5426\u4E3A\u89C6\u9891\u7C7B\u578B\n */\nconst isVideo = (media: Media | undefined): boolean => {\n  return media?.mimeType?.startsWith('video/') ?? false\n}\n\n/**\n * SceneShelf SceneImage \u7EC4\u4EF6\n *\n * @description \u573A\u666F\u63A8\u8350\u8D27\u67B6\u7684\u573A\u666F\u56FE\u7247/\u89C6\u9891\u5C55\u793A\u7EC4\u4EF6\n */\nconst SceneShelfSceneImage = React.forwardRef<HTMLDivElement, SceneShelfSceneImageProps>(\n  ({ imageUrl, imageAlt, className, ...props }, ref) => {\n    // \u5224\u65AD\u5F53\u524D\u5A92\u4F53\u914D\u7F6E\u662F\u5426\u5305\u542B\u89C6\u9891\uFF08\u68C0\u67E5\u4EFB\u610F\u5C3A\u5BF8\u662F\u5426\u4E3A\u89C6\u9891\uFF09\n    // \u4F7F\u7528\u5177\u4F53\u5B57\u6BB5\u4F5C\u4E3A\u4F9D\u8D56\uFF0C\u907F\u514D\u7236\u7EC4\u4EF6 rerender \u65F6 imageUrl \u5F15\u7528\u53D8\u5316\u5BFC\u81F4\u91CD\u65B0\u8BA1\u7B97\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const hasVideo = React.useMemo(() => {\n      return isVideo(imageUrl.pc) || isVideo(imageUrl.pad) || isVideo(imageUrl.mobile)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [imageUrl.pc?.mimeType, imageUrl.pad?.mimeType, imageUrl.mobile?.mimeType])\n\n    // \u5982\u679C\u662F\u89C6\u9891\uFF0C\u4F18\u5148\u4F7F\u7528 pc \u7684\u89C6\u9891 URL\uFF0C\u964D\u7EA7\u5230\u5176\u4ED6\u5C3A\u5BF8\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const videoSource = React.useMemo(() => {\n      if (isVideo(imageUrl.pc)) return imageUrl.pc\n      if (isVideo(imageUrl.pad)) return imageUrl.pad\n      if (isVideo(imageUrl.mobile)) return imageUrl.mobile\n      return null\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n      imageUrl.pc?.mimeType,\n      imageUrl.pc?.url,\n      imageUrl.pad?.mimeType,\n      imageUrl.pad?.url,\n      imageUrl.mobile?.mimeType,\n      imageUrl.mobile?.url,\n    ])\n\n    // \u5C06\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u671F\u671B\u7684\u5B57\u7B26\u4E32\u683C\u5F0F\n    // \u683C\u5F0F: \"pcUrl, padUrl 1024, mobileUrl 767\"\uFF08\u4ECE\u5927\u5230\u5C0F\u6392\u5E8F\uFF09\n    // Picture \u7EC4\u4EF6\u4F7F\u7528 .pop() \u53D6\u6700\u540E\u4E00\u4E2A\u6EE1\u8DB3\u6761\u4EF6\u7684\uFF0C\u6240\u4EE5\u5C0F\u5C3A\u5BF8\u5FC5\u987B\u5728\u540E\u9762\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const pictureSource = React.useMemo(() => {\n      const parts: string[] = []\n      if (imageUrl.pc?.url) {\n        parts.push(`${imageUrl.pc.url}`)\n      }\n      if (imageUrl.pad?.url) {\n        parts.push(`${imageUrl.pad.url} 1024`)\n      }\n      if (imageUrl.mobile?.url) {\n        parts.push(`${imageUrl.mobile.url} 768`)\n      }\n      return parts.join(', ')\n    }, [imageUrl.pc?.url, imageUrl.pad?.url, imageUrl.mobile?.url])\n\n    // \u4F18\u5148\u4F7F\u7528 imageAlt\uFF0C\u5426\u5219\u4ECE Media \u5BF9\u8C61\u4E2D\u83B7\u53D6\n    const altText = imageAlt || imageUrl.pc?.alt || imageUrl.pad?.alt || imageUrl.mobile?.alt || ''\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'laptop:w-[27%] laptop:h-[448px] desktop:w-[32%] desktop:h-[448px] lg-desktop:w-[34%] lg-desktop:h-[560px] h-[240px] w-full shrink-0',\n          className\n        )}\n        {...props}\n      >\n        {hasVideo && videoSource ? (\n          <video\n            src={videoSource.url}\n            poster={videoSource.thumbnailURL}\n            playsInline\n            autoPlay\n            loop\n            muted\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <Picture source={pictureSource} alt={altText} className=\"size-full\" imgClassName=\"size-full object-cover\" />\n        )}\n      </div>\n    )\n  }\n)\n\nSceneShelfSceneImage.displayName = 'SceneShelf.SceneImage'\n\nexport { SceneShelfSceneImage }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAwFU,IAAAI,EAAA,6BAtFVC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAwB,qCAiBxB,MAAMC,EAAWC,GACRA,GAAO,UAAU,WAAW,QAAQ,GAAK,GAQ5CP,EAAuBG,EAAM,WACjC,CAAC,CAAE,SAAAK,EAAU,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CAIpD,MAAMC,EAAWV,EAAM,QAAQ,IACtBG,EAAQE,EAAS,EAAE,GAAKF,EAAQE,EAAS,GAAG,GAAKF,EAAQE,EAAS,MAAM,EAE9E,CAACA,EAAS,IAAI,SAAUA,EAAS,KAAK,SAAUA,EAAS,QAAQ,QAAQ,CAAC,EAIvEM,EAAcX,EAAM,QAAQ,IAC5BG,EAAQE,EAAS,EAAE,EAAUA,EAAS,GACtCF,EAAQE,EAAS,GAAG,EAAUA,EAAS,IACvCF,EAAQE,EAAS,MAAM,EAAUA,EAAS,OACvC,KAEN,CACDA,EAAS,IAAI,SACbA,EAAS,IAAI,IACbA,EAAS,KAAK,SACdA,EAAS,KAAK,IACdA,EAAS,QAAQ,SACjBA,EAAS,QAAQ,GACnB,CAAC,EAMKO,EAAgBZ,EAAM,QAAQ,IAAM,CACxC,MAAMa,EAAkB,CAAC,EACzB,OAAIR,EAAS,IAAI,KACfQ,EAAM,KAAK,GAAGR,EAAS,GAAG,GAAG,EAAE,EAE7BA,EAAS,KAAK,KAChBQ,EAAM,KAAK,GAAGR,EAAS,IAAI,GAAG,OAAO,EAEnCA,EAAS,QAAQ,KACnBQ,EAAM,KAAK,GAAGR,EAAS,OAAO,GAAG,MAAM,EAElCQ,EAAM,KAAK,IAAI,CACxB,EAAG,CAACR,EAAS,IAAI,IAAKA,EAAS,KAAK,IAAKA,EAAS,QAAQ,GAAG,CAAC,EAGxDS,EAAUR,GAAYD,EAAS,IAAI,KAAOA,EAAS,KAAK,KAAOA,EAAS,QAAQ,KAAO,GAE7F,SACE,OAAC,OACC,IAAKI,EACL,aAAW,MACT,sIACAF,CACF,EACC,GAAGC,EAEH,SAAAE,GAAYC,KACX,OAAC,SACC,IAAKA,EAAY,IACjB,OAAQA,EAAY,aACpB,YAAW,GACX,SAAQ,GACR,KAAI,GACJ,MAAK,GACL,UAAU,yBACZ,KAEA,OAAC,WAAQ,OAAQC,EAAe,IAAKE,EAAS,UAAU,YAAY,aAAa,yBAAyB,EAE9G,CAEJ,CACF,EAEAjB,EAAqB,YAAc",
-  "names": ["SceneImage_exports", "__export", "SceneShelfSceneImage", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "isVideo", "media", "imageUrl", "imageAlt", "className", "props", "ref", "hasVideo", "videoSource", "pictureSource", "parts", "altText"]
-}

package/dist/cjs/biz-components/SceneShelf/context.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/context.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { SceneShelfSemanticName, SceneProductCardData, PriceData, ButtonFunctionType } from './types.js'\nimport type { ReactNode } from 'react'\n\n/**\n * SceneShelf Context \u503C\u7C7B\u578B\n */\nexport interface SceneShelfContextValue {\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E */\n  showTags?: boolean\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7 */\n  showOriginalPrice?: boolean\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<SceneShelfSemanticName, string>>\n  /** \u9009\u4E2D\u7684\u4EA7\u54C1 ID \u96C6\u5408 */\n  selectedIds: Set<string>\n  /** \u9009\u4E2D\u7684\u4EA7\u54C1\u5217\u8868 */\n  selectedProducts: SceneProductCardData[]\n  /** \u9009\u4E2D\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onSelectChange: (selected: boolean, product: SceneProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: SceneProductCardData) => void\n  /** \u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (selectedProducts: SceneProductCardData[]) => void | Promise<void>\n  /** \u4E3B\u8981\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  /** \u4E3B\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6B21\u8981\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  /** \u6B21\u8981\u6309\u94AE\u529F\u80FD\u7C7B\u578B */\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u603B\u4EF7\u6807\u7B7E */\n  totalPriceLabel?: string\n  /** \u5F53\u524D\u603B\u4EF7 */\n  totalCurrentPrice?: PriceData\n  /** \u539F\u603B\u4EF7 */\n  totalOriginalPrice?: PriceData\n  /** \u6298\u6263\u63D0\u793A\uFF0C\u652F\u6301 string \u6216 render prop */\n  bundleDiscountLabel?: string | ((selectedProducts: SceneProductCardData[]) => ReactNode)\n}\n\nconst SceneShelfContext = React.createContext<SceneShelfContextValue | null>(null)\n\n/**\n * \u83B7\u53D6 SceneShelf Context\n * @returns Context \u503C\uFF0C\u5982\u679C\u5728 Root \u5916\u4F7F\u7528\u5219\u8FD4\u56DE null\n */\nexport function useSceneShelfContext() {\n  return React.useContext(SceneShelfContext)\n}\n\nexport { SceneShelfContext }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,yBAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBA8CvB,MAAMH,EAAoBG,EAAM,cAA6C,IAAI,EAM1E,SAASF,GAAuB,CACrC,OAAOE,EAAM,WAAWH,CAAiB,CAC3C",
-  "names": ["context_exports", "__export", "SceneShelfContext", "useSceneShelfContext", "__toCommonJS", "React"]
-}

package/dist/cjs/biz-components/SceneShelf/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { SceneShelfRoot } from './Root.js'\nimport { SceneShelfScene } from './Scene.js'\nimport { SceneShelfSceneImage } from './SceneImage.js'\nimport { SceneShelfProductsPanel } from './ProductsPanel.js'\nimport { SceneProductCard } from './ProductCard.js'\n\n// \u5BFC\u51FA\u7C7B\u578B\nexport type {\n  SceneShelfSemanticName,\n  SceneProductCardSemanticName,\n  ProductTag,\n  PriceData,\n  SceneProductCardData,\n  ButtonFunctionType,\n} from './types.js'\n\nexport type { SceneShelfRootProps } from './Root.js'\nexport type { SceneShelfSceneProps } from './Scene.js'\nexport type { SceneShelfSceneImageProps } from './SceneImage.js'\nexport type { SceneShelfProductsPanelProps } from './ProductsPanel.js'\nexport type { SceneProductCardProps } from './ProductCard.js'\nexport type { SceneShelfContextValue } from './context.js'\n\n// \u5BFC\u51FA\u5B50\u7EC4\u4EF6\nexport { SceneShelfRoot, SceneShelfScene, SceneShelfSceneImage, SceneShelfProductsPanel, SceneProductCard }\n\n// \u7EC4\u5408\u5F0F\u7EC4\u4EF6\nconst SceneShelf = {\n  Root: SceneShelfRoot,\n  Scene: SceneShelfScene,\n  SceneImage: SceneShelfSceneImage,\n  ProductsPanel: SceneShelfProductsPanel,\n  ProductCard: SceneProductCard,\n}\n\nexport default SceneShelf\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qOAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAA+B,qBAC/BC,EAAgC,sBAChCC,EAAqC,2BACrCC,EAAwC,8BACxCC,EAAiC,4BAuBjC,MAAMC,EAAa,CACjB,KAAM,iBACN,MAAO,kBACP,WAAY,uBACZ,cAAe,0BACf,YAAa,kBACf,EAEA,IAAOP,EAAQO",
-  "names": ["SceneShelf_exports", "__export", "SceneShelf_default", "__toCommonJS", "import_Root", "import_Scene", "import_SceneImage", "import_ProductsPanel", "import_ProductCard", "SceneShelf"]
-}

package/dist/cjs/biz-components/SceneShelf/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SceneShelf/types.ts"],
-  "sourcesContent": ["'use client'\n\n/**\n * \u6309\u94AE\u529F\u80FD\u7C7B\u578B\n */\nexport type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore'\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u8BED\u4E49\u5316\u540D\u79F0\n */\nexport type SceneProductCardSemanticName =\n  | 'card'\n  | 'cardSelected'\n  | 'tags'\n  | 'checkbox'\n  | 'image'\n  | 'title'\n  | 'priceWrapper'\n  | 'currentPrice'\n  | 'originalPrice'\n  | 'productPriceLabel'\n\n/**\n * SceneShelf \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type SceneShelfSemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'subtitle'\n  | 'sceneList'\n  | 'scene'\n  | 'content'\n  | 'productList'\n  | 'footer'\n  | 'totalPrice'\n  | 'currentTotalPrice'\n  | 'originalTotalPrice'\n  | 'bundleDiscountLabel'\n  | 'buttonGroup'\n  | SceneProductCardSemanticName\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u6570\u636E\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  label: string\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant?: 'outline' | 'fill'\n}\n\n/**\n * \u4EF7\u683C\u6570\u636E\u63A5\u53E3\n */\nexport interface PriceData {\n  /** \u4EF7\u683C\u6570\u503C */\n  value: number\n  /** \u683C\u5F0F\u5316\u540E\u7684\u4EF7\u683C\u5B57\u7B26\u4E32 */\n  formatted: string\n}\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface SceneProductCardData {\n  /** \u4EA7\u54C1\u552F\u4E00\u6807\u8BC6 */\n  id: string\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  title: string\n  /** \u81EA\u5B9A\u4E49\u4EA7\u54C1\u540D\u79F0 */\n  custom_name?: string\n  /** \u4EA7\u54C1\u56FE\u7247 URL */\n  imageUrl: string\n  /** \u4EA7\u54C1\u56FE\u7247 Alt */\n  imageAlt?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice: PriceData\n  /** \u4EF7\u683C\u6807\u7B7E\u6587\u672C\uFF08\u5982 \"Plus Member Price\"\uFF09 */\n  priceLabel?: string\n  /** \u539F\u4EF7\uFF08\u53EF\u9009\uFF0C\u7528\u4E8E\u663E\u793A\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  originalPrice?: PriceData\n  /** \u4EA7\u54C1\u6807\u7B7E\u5217\u8868 */\n  tags?: ProductTag[]\n  /** \u662F\u5426\u9ED8\u8BA4\u9009\u4E2D */\n  defaultSelected?: boolean\n  /** \u4EA7\u54C1\u94FE\u63A5 */\n  href?: string\n  /** \u662F\u5426\u552E\u7F44 */\n  soldOut?: boolean\n}\n"],
-  "mappings": "4XAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}