@anker-in/headless-ui 1.3.63 → 1.3.65

package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ShelfDisplay/shelfDisplayItem.tsx"],
-  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from './shelfDisplay.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { Heading } from '../../components/heading.js'\nimport type { ShelfDisplayItem, ShelfDisplayType, SocialEndorsementItem } from './shelfDisplay.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useRef, useEffect, useMemo, useState, type CSSProperties } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\n// \u516C\u5171\u51FD\u6570\uFF1A\u83B7\u53D6\u4EA7\u54C1\u56FE\u7247URL\u548CaltText\nexport const getProductImage = (data: any) => {\n  const sku = data?.sku\n  const skuArray = data?.variants\n  const findSku = skuArray?.find((item: any) => item?.sku === sku)\n  const imageUrl = findSku?.image?.url || skuArray?.[0]?.image?.url || ''\n  const altText = findSku?.image?.altText || skuArray?.[0]?.image?.altText || data?.custom_name || data?.title || ''\n\n  return {\n    imageUrl,\n    altText,\n  }\n}\n\nconst ShelfDisplaySocialEndorsements = ({ items }: { items?: SocialEndorsementItem[] }) => {\n  if (!items?.length) {\n    return null\n  }\n  return (\n    <div className=\"shelf-display-social-endorsements desktop:gap-2 absolute right-0 top-0 z-10 flex flex-col items-center gap-1\">\n      {items.map((item, index) =>\n        typeof item.icon === 'string' ? (\n          <img\n            key={index}\n            src={item.icon}\n            alt={item.label || ''}\n            loading=\"lazy\"\n            className=\"desktop:size-10 lg-desktop:size-12 size-8 object-contain\"\n          />\n        ) : (\n          <Text\n            key={index}\n            aria-label={item.label}\n            className=\"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full\"\n          >\n            {item.icon}\n          </Text>\n        )\n      )}\n    </div>\n  )\n}\n\nexport const ShelfDisplayWrapItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    isDisplayBackImage = false,\n    itemShape,\n    metafields,\n    isTopTag = false,\n    isShowTag,\n    isShowOriginalPrice,\n    isShowShortTitle = false,\n    isShowPricesTag = false,\n    pricesTagTextColor,\n    pricesTagBgColor,\n    itemsTagTextColor,\n    itemsTagBgColor,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { locale = 'es', copyWriting, currencyDisplay } = useAiuiContext()\n  const { discounts, discountsCopy } = metafields || {}\n  const ref = useRef<HTMLDivElement>(null)\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [currentPriceTag, setCurrentPriceTag] = useState<string>('')\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants?.[0]\n    }\n    return variants?.find?.((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: coupon ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: coupon ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, coupon, currencyDisplay, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      setCurrentPriceTag(discountTag)\n      // handleTags.push(discountTag)\n    }\n    const newTags =\n      data?.tags\n        ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n        ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n        ?.slice?.(0, discount && isShowPricesTag ? 1 : 2) || []\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, isShowPricesTag, discounts?.off, discountsCopy?.off])\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const bottomContent = () => {\n    return (\n      <div className=\"shelf-display-product-content desktop:gap-6 lg-desktop:flex-[221] desktop:flex-[190] flex flex-[178] flex-col justify-between gap-4\">\n        <div className=\"shelf-display-product-content-title-desc\">\n          {currentDisplayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={currentDisplayTitle || ''}\n              size={2}\n              className=\"shelf-display-product-title text-info-primary mb-1 line-clamp-2\"\n              html={currentDisplayTitle || ''}\n            />\n          ) : null}\n          <Text\n            size={2}\n            className={cn(\n              'lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]'\n            )}\n            html={displayDescription || ''}\n          />\n        </div>\n        <div className=\"shelf-display-product-content-price-button\">\n          <div className=\"mb-2 flex items-center\">\n            {renderPrice ? (\n              renderPrice(data, {\n                price,\n                basePrice,\n                discount,\n                discountAmount,\n                variant,\n                coupon,\n                isSoldOut,\n                isShowOriginalPrice,\n              })\n            ) : isSoldOut ? (\n              <div className=\"lg-desktop:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n            ) : (\n              <>\n                <div className=\"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                {renderOriginalPrice\n                  ? renderOriginalPrice(data, {\n                      price,\n                      basePrice,\n                      discount,\n                      discountAmount,\n                      isShowOriginalPrice,\n                    })\n                  : basePrice &&\n                    isShowOriginalPrice && (\n                      <div className=\"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through\">\n                        {variant?.availableForSale ? basePrice || '' : ''}\n                      </div>\n                    )}\n              </>\n            )}\n          </div>\n          {!renderPrice && renderPriceLabel?.(data, variant, { isShowOriginalPrice })}\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              configuration.direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            {configuration?.secondaryButton && !isSoldOut ? (\n              <Button\n                disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n                variant=\"secondary\"\n                href={data?.custom_secondary_link}\n                as={data?.custom_secondary_link ? 'a' : 'button'}\n                onClick={handleSecondaryClick}\n                loading={secondaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.secondaryButton || ''}\n              </Button>\n            ) : null}\n            {configuration?.primaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n                variant=\"primary\"\n                href={data?.custom_primary_link}\n                as={data?.custom_primary_link ? 'a' : 'button'}\n                onClick={handlePrimaryClick}\n                loading={primaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.primaryButton || ''}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const pricesTagStyle: CSSProperties = {\n    ...(pricesTagTextColor ? { color: pricesTagTextColor } : {}),\n    ...(pricesTagBgColor ? { backgroundColor: pricesTagBgColor, backgroundImage: 'none' } : {}),\n    ...(pricesTagTextColor || pricesTagBgColor ? { outline: 'none' } : {}),\n  }\n  const itemsTagStyle: CSSProperties = {\n    ...(itemsTagTextColor ? { color: itemsTagTextColor } : {}),\n    ...(itemsTagBgColor ? { backgroundColor: itemsTagBgColor, backgroundImage: 'none' } : {}),\n    ...(itemsTagTextColor || itemsTagBgColor ? { outlineColor: itemsTagTextColor } : {}),\n  }\n\n  const TagsComp = () => {\n    return (\n      <div className=\"lg-desktop:h-[28px] lg-desktop:flex-[28] box-border flex h-6 flex-[24] flex-wrap gap-1 overflow-hidden\">\n        {isShowPricesTag && currentPriceTag && (\n          <Badge className=\"shelf-prices-tag\" variant=\"fill\" style={pricesTagStyle}>\n            {currentPriceTag || ''}\n          </Badge>\n        )}\n        {isShowTag &&\n          showTags?.length > 0 &&\n          showTags?.map?.((item: any, index: number) => (\n            <Badge key={index} className=\"shelf-items-tag\" variant=\"outline\" style={itemsTagStyle}>\n              {item}\n            </Badge>\n          ))}\n      </div>\n    )\n  }\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        'box-border w-full cursor-pointer overflow-hidden duration-300',\n        'rounded-box',\n        'lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[545] desktop:aspect-w-[316] desktop:aspect-h-[450]',\n        'laptop:aspect-w-[288] laptop:aspect-h-[422] aspect-w-[296] aspect-h-[422] relative',\n        'md-tablet:h-[422px] shelf-display-item',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-background tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark', 'aiui-light': custom_theme === 'light' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      {isDisplayBackImage ? (\n        <div className=\"absolute inset-0 box-border overflow-hidden\">\n          <div className=\"relative inset-0 size-full\">\n            <TagsComp />\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className={cn('flex h-full justify-center object-cover [&_img]:w-auto', {\n                'opacity-0': custom_bg_image,\n              })}\n            />\n            <div className=\"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4\">\n              {bottomContent()}\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className=\"desktop:p-6 desktop:pt-4 desktop:gap-2 absolute inset-0 box-border flex flex-col justify-between gap-1 overflow-hidden p-4\">\n          {/* {currentPriceTag && isTopTag && (\n            <Badge className=\"shelf-prices-tag absolute left-4 top-4 z-10\" variant=\"fill\">\n              {currentPriceTag || ''}\n            </Badge>\n          )} */}\n          <TagsComp />\n          <div\n            className={cn(\n              'shelf-display-item-image lg-desktop:flex-[240] relative inline-block w-full flex-[180] overflow-hidden',\n              {\n                'opacity-0': custom_bg_image,\n              }\n            )}\n          >\n            <a\n              aria-label={displayTitle}\n              target={configuration?.target}\n              href={trackUrlRef(\n                `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n                `${componentType}_${componentName}`\n              )}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'select_item',\n                  event_parameters: {\n                    page_group: 'Home Page',\n                    item_list_name: 'Home_Page_Bundle',\n                    items: [\n                      {\n                        item_id: data?.sku || variant?.sku,\n                        item_name: data?.name,\n                        item_variant: variant?.name,\n                        price: variant?.price,\n                        index: configuration?.index + 1,\n                      },\n                    ],\n                  },\n                })\n              }}\n            >\n              <Picture\n                source={imageUrl}\n                alt={altText}\n                className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n              />\n            </a>\n            <ShelfDisplaySocialEndorsements items={data?.socialEndorsements} />\n          </div>\n          {bottomContent()}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const ShelfDisplayHorizontalItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    itemShape,\n    itemLength,\n    metafields,\n    isShowShortTitle,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { discounts, discountsCopy } = metafields || {}\n  const { locale = 'us', copyWriting, currencyDisplay } = useAiuiContext()\n  const [showTags, setShowTags] = useState<string[]>([])\n  const ref = useRef<HTMLDivElement>(null)\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants[0]\n    }\n    return variants.find((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n  const isShowTag = configuration?.isShowTag\n  const isShowOriginalPrice = configuration?.isShowOriginalPrice\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const shouldUseCouponPrice = Boolean(isShowOriginalPrice && coupon)\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: shouldUseCouponPrice ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: shouldUseCouponPrice ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, shouldUseCouponPrice, coupon?.variant_price4wscode, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const showSizeClass = (): {\n    boxItem: string\n    imgItem: string\n    wrap: string\n  } => {\n    if (itemLength >= 2) {\n      return {\n        boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full',\n        imgItem:\n          'm-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]',\n        wrap: 'lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full',\n      }\n    }\n    return {\n      boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]',\n      imgItem:\n        'md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]',\n      wrap: 'lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full',\n    }\n  }\n\n  const handleWrapClass = () => {\n    if (itemLength >= 2) {\n      return 'flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center'\n    }\n    return 'flex justify-center items-center gap-6 md-tablet:flex-col'\n  }\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      handleTags.push(discountTag)\n    }\n    const newTags =\n      data?.tags\n        ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n        ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n        ?.slice?.(0, discount ? 1 : 2) || []\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off])\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        showSizeClass().wrap,\n        'rounded-box',\n        'shelf-display-item',\n        'duration-300',\n        'md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-container-secondary-1 tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark', 'aiui-light': custom_theme === 'light' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      <div className={cn(handleWrapClass(), 'desktop:p-6 absolute inset-0 box-border overflow-hidden p-4')}>\n        <div\n          className={cn(showSizeClass().imgItem, 'desktop:mb-0 relative mb-1 overflow-hidden', {\n            'opacity-0': custom_bg_image,\n          })}\n        >\n          <a\n            aria-label={displayTitle}\n            target={configuration?.target}\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n              `${componentType}_${componentName}`\n            )}\n            onClick={() => {\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'select_item',\n                event_parameters: {\n                  page_group: 'Home Page',\n                  item_list_name: 'Home_Page_Bundle',\n                  items: [\n                    {\n                      item_id: data?.sku || variant?.sku,\n                      item_name: data?.name,\n                      item_variant: variant?.name,\n                      price: variant?.price,\n                      index: configuration?.index + 1,\n                    },\n                  ],\n                },\n              })\n            }}\n          >\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n            />\n          </a>\n        </div>\n        <div className={cn('flex flex-col items-start justify-center', showSizeClass().boxItem)}>\n          {isShowTag && (\n            <div className=\"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden\">\n              {showTags?.length > 0 &&\n                showTags?.map?.((item: any, index: number) => (\n                  <Badge key={index} className=\"shelf-items-tag\" variant=\"fill\">\n                    {item}\n                  </Badge>\n                ))}\n            </div>\n          )}\n          {currentDisplayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={currentDisplayTitle || ''}\n              size={2}\n              className=\"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]\"\n              html={currentDisplayTitle || ''}\n            />\n          ) : null}\n          {displayDescription ? (\n            <Text\n              size={2}\n              className=\"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm\"\n              html={displayDescription || ''}\n            />\n          ) : null}\n          <div className=\"mb-2 mt-5 flex items-center\">\n            {renderPrice ? (\n              renderPrice(data, {\n                price,\n                basePrice,\n                discount,\n                discountAmount,\n                variant,\n                coupon,\n                isSoldOut,\n                isShowOriginalPrice,\n              })\n            ) : isSoldOut ? (\n              <div className=\"lg-desktop:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n            ) : (\n              <>\n                <div className=\"final-price tablet:text-xl text-info-primary text-xl font-bold\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                {renderOriginalPrice\n                  ? renderOriginalPrice(data, {\n                      price,\n                      basePrice,\n                      discount,\n                      discountAmount,\n                      isShowOriginalPrice,\n                    })\n                  : basePrice && (\n                      <div className=\"origin-price tablet:text-xl text-info-quaternary ml-1 text-lg font-bold line-through\">\n                        {variant?.availableForSale ? basePrice || '' : ''}\n                      </div>\n                    )}\n              </>\n            )}\n          </div>\n          {!renderPrice && renderPriceLabel?.(data, variant, { isShowOriginalPrice })}\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              configuration.direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            {configuration?.secondaryButton && !isSoldOut ? (\n              <Button\n                disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n                variant=\"secondary\"\n                href={data?.custom_secondary_link}\n                as={data?.custom_secondary_link ? 'a' : 'button'}\n                onClick={handleSecondaryClick}\n                loading={secondaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.secondaryButton || ''}\n              </Button>\n            ) : null}\n            {configuration?.primaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n                variant=\"primary\"\n                href={data?.custom_primary_link}\n                as={data?.custom_primary_link ? 'a' : 'button'}\n                onClick={handlePrimaryClick}\n                loading={primaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.primaryButton || ''}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "useAiuiContext", "formatVariantPrice", "Picture", "Badge", "cn", "Text", "Button", "gaTrack", "trackUrlRef", "Heading", "useExposure", "useRef", "useEffect", "useMemo", "useState", "componentType", "componentName", "SOLD_OUT_PRICE", "getProductImage", "data", "sku", "skuArray", "findSku", "item", "imageUrl", "altText", "ShelfDisplaySocialEndorsements", "items", "index", "ShelfDisplayWrapItem", "configuration", "isDisplayBackImage", "itemShape", "metafields", "isTopTag", "isShowTag", "isShowOriginalPrice", "isShowShortTitle", "isShowPricesTag", "pricesTagTextColor", "pricesTagBgColor", "itemsTagTextColor", "itemsTagBgColor", "formatPrice", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "locale", "copyWriting", "currencyDisplay", "discounts", "discountsCopy", "ref", "showTags", "setShowTags", "currentPriceTag", "setCurrentPriceTag", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "onPrimaryButton", "params", "coupon", "primaryFun", "onAddCart", "onBuyNow", "onLearnMore", "event", "onSecondaryButton", "secondaryFun", "variant", "variants", "variantArr", "variantId", "isSoldOut", "currencyCode", "priceInfo", "price", "basePrice", "discount", "discountAmount", "displayTitle", "currentDisplayTitle", "displayDescription", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "handleTags", "discountTag", "newTags", "handlePrimaryClick", "handleSecondaryClick", "bottomContent", "pricesTagStyle", "itemsTagStyle", "TagsComp", "custom_bg_image", "custom_theme", "ShelfDisplayHorizontalItem", "itemLength", "shouldUseCouponPrice", "showSizeClass", "handleWrapClass"]
-}

package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ShelfDisplayHorizontal/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useEffect, useRef, useImperativeHandle, useId, useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useRollout } from '../../hooks/useRollout.js'\nimport { ShelfDisplayWrapItem } from '../ShelfDisplay/shelfDisplayItem.js'\nimport { ShelfDisplayHorizontalCardItem } from './shelfDisplayHorizontalItem.js'\nimport type { ShelfDisplayProps, ShelfDisplayItem } from '../ShelfDisplay/shelfDisplay.js'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst sanitizeCssSelector = (value?: string | number) => {\n  if (value === undefined || value === null) return 'default'\n  const sanitized = String(value).replace(/[^a-zA-Z0-9_-]/g, '')\n  return sanitized || 'default'\n}\n\n// \u4E24\u4E2A Swiper \u5206\u652F\u8FD0\u884C\u65F6\u4E92\u65A5\uFF08<1025 \u547D\u4E2D 0/374/768 \u952E\uFF0C\u22651025 \u547D\u4E2D 1024/1440/1920 \u952E\uFF09\uFF0C\u5171\u7528\u540C\u4E00\u4EFD\u9ED8\u8BA4\u65AD\u70B9\nconst defaultBreakpoints: ShelfDisplayProps['breakpoints'] = {\n  0: { spaceBetween: 12, freeMode: false, slidesPerView: 1 },\n  374: { spaceBetween: 12, freeMode: false, slidesPerView: 1.2 },\n  768: { spaceBetween: 16, freeMode: false, slidesPerView: 2.3 },\n  1025: { spaceBetween: 16, freeMode: false, slidesPerView: 2 },\n}\n\nexport type ShelfDisplayHorizontalProps = Omit<ShelfDisplayProps, 'isDisplayGudgments'>\n\nconst ShelfDisplayHorizontal = React.forwardRef<HTMLDivElement, ShelfDisplayHorizontalProps>((props, ref) => {\n  // isDisplayGudgments \u4E0D\u5728\u672C\u7EC4\u4EF6\u652F\u6301\u8303\u56F4\u5185\uFF0C\u8FD0\u884C\u65F6\u5265\u79BB\u4EE5\u514D\u900F\u4F20 DOM\n  const { isDisplayGudgments: _isDisplayGudgments, ...restProps } = props as ShelfDisplayProps\n  const {\n    data,\n    event,\n    buildData,\n    breakpoints,\n    className = '',\n    recommendedData,\n    target = '_self',\n    metafields,\n    isDisplayBackImage = false,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n    onAddCart,\n    onBuyNow,\n    onLearnMore,\n    formatPrice,\n    ...rest\n  } = restProps\n  const {\n    productsTab = [],\n    productsCard = [],\n    title,\n    isShowTab = true,\n    tabShape = 'square',\n    isShowTag = false,\n    isShowOriginalPrice = true,\n    isShowRecommendedCard = false,\n    isTile = false,\n    tileMaxRows,\n    tileExpandText = 'Show more',\n    tileCollapseText = 'Show less',\n    ...other\n  } = data\n\n  const isView = useRef<boolean>(false)\n  const innerRef = useRef<HTMLDivElement>(null)\n  const instanceId = useId()\n\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const isLaptop = useMediaQuery({ query: '(min-width: 1025px)' })\n  const [tileExpanded, setTileExpanded] = useState(false)\n  const [viewRef, inView] = useRollout<HTMLDivElement>({ threshold: 0 })\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  const gackViewEvent = () => {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'view_item_list',\n      event_parameters: {\n        page_group: 'Home Page',\n        item_list_name: 'Home_Page_Bundle',\n        items: recommendedData?.map((item, index) => {\n          const findData = item?.variants?.find((v: any) => v?.sku === item?.sku)\n          const variant = findData || item?.variants?.[0]\n          return {\n            item_id: item?.sku || variant?.sku,\n            item_name: item?.name,\n            item_variant: variant?.name,\n            price: variant?.price,\n            index: index + 1,\n          }\n        }),\n      },\n    })\n  }\n\n  useEffect(() => {\n    if (inView && recommendedData?.length && !isView.current) {\n      isView.current = true\n      gackViewEvent()\n    }\n  }, [inView, recommendedData])\n\n  const getItems = (currentData: ShelfDisplayItem[], flag: boolean): ShelfDisplayItem[] => {\n    if (flag) {\n      const newCurrentData = recommendedData?.map?.(item => ({ ...item, isShowRecommended: true }))\n      return newCurrentData?.length ? newCurrentData : []\n    }\n    if (!Array.isArray(currentData)) return []\n    const newCurrentData = currentData\n      ?.map?.(item => {\n        const findData = buildData?.products?.find(params => params?.handle === item?.handle)\n        if (findData) {\n          return {\n            sku: item.sku,\n            isShowRecommended: false,\n            custom_name: item.custom_name,\n            custom_description: item.custom_description,\n            custom_image: item.custom_image,\n            custom_theme: item.custom_theme,\n            custom_primary_link: item?.custom_primary_link || '',\n            custom_secondary_link: item?.custom_secondary_link || '',\n            custom_bg_image: item?.custom_bg_image || '',\n            ...findData,\n          }\n        }\n      })\n      ?.filter(item => item)\n    return newCurrentData?.length ? (newCurrentData as ShelfDisplayItem[]) : []\n  }\n\n  const safeInstanceId = sanitizeCssSelector(instanceId)\n\n  const renderSwiperBox = (items: ShelfDisplayItem[], tabValue?: string) => {\n    const configuration = {\n      ...other,\n      event,\n      isShowTag,\n      isShowOriginalPrice,\n      target,\n      metafields,\n      itemLength: items.length,\n      isDisplayBackImage,\n      renderOriginalPrice,\n      renderPriceLabel,\n      renderPrice,\n      onAddCart,\n      onBuyNow,\n      onLearnMore,\n      formatPrice,\n    }\n\n    if (isTile && mounted && isLaptop) {\n      // \u5E73\u94FA\u5E03\u5C40\uFF1AtileMaxRows \u8BBE\u7F6E\u540E\uFF0C\u8D85\u8FC7\u884C\u6570\u6298\u53E0\u6536\u8D77\uFF08\u6A2A\u7248\u5E73\u94FA\u4E00\u884C 2 \u5217\uFF09\n      const colsPerRow = 2\n      const hasRowLimit = typeof tileMaxRows === 'number' && tileMaxRows > 0\n      const maxVisibleItems = hasRowLimit ? tileMaxRows * colsPerRow : items.length\n      const shouldCollapse = hasRowLimit && items.length > maxVisibleItems\n      const visibleItems = shouldCollapse && !tileExpanded ? items.slice(0, maxVisibleItems) : items\n\n      return (\n        <div>\n          <div className={cn('shelf-display-horizontal-tile grid grid-cols-2 gap-4', isShowTab ? 'mt-6' : '')}>\n            {visibleItems.map((item, index) => (\n              <ShelfDisplayHorizontalCardItem\n                key={item?.id || item?.handle || index}\n                data={item}\n                configuration={{ ...configuration, index }}\n              />\n            ))}\n          </div>\n          {shouldCollapse && (\n            <div className=\"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center\">\n              <button className=\"laptop:text-base text-sm font-bold\" onClick={() => setTileExpanded(prev => !prev)}>\n                {tileExpanded ? tileCollapseText : tileExpandText}\n              </button>\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className={cn('laptop:size-5 size-4', tileExpanded && 'rotate-180')}\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (mounted && isLaptop) {\n      const swiperInstanceId = tabValue ? `${safeInstanceId}-${sanitizeCssSelector(tabValue)}` : safeInstanceId\n      return (\n        <SwiperBox\n          key={swiperInstanceId}\n          data={{ list: items, configuration }}\n          id={swiperInstanceId}\n          className={`${isShowTab ? 'mt-6' : ''} shelf-display-horizontal-swiper-box !overflow-visible`}\n          Slide={ShelfDisplayHorizontalCardItem}\n          showNavigation\n          navigationPrevClassName=\"left-4 desktop:left-6\"\n          navigationNextClassName=\"right-4 desktop:right-6\"\n          breakpoints={breakpoints || defaultBreakpoints}\n        />\n      )\n    }\n\n    const swiperInstanceId = tabValue ? `${safeInstanceId}-${sanitizeCssSelector(tabValue)}` : safeInstanceId\n\n    return (\n      <SwiperBox\n        key={swiperInstanceId}\n        data={{ list: items, configuration }}\n        id={swiperInstanceId}\n        className={`${isShowTab ? 'mt-6' : ''} shelf-display-swiper-box !overflow-visible`}\n        Slide={ShelfDisplayWrapItem}\n        showNavigation\n        navigationPrevClassName=\"left-4 desktop:left-6\"\n        navigationNextClassName=\"right-4 desktop:right-6\"\n        breakpoints={breakpoints || defaultBreakpoints}\n      />\n    )\n  }\n\n  return (\n    <div\n      ref={innerRef}\n      {...rest}\n      className={cn('shelf-display-horizontal-wrap text-info-primary w-full', className, {\n        'aiui-dark': data?.theme === 'dark',\n      })}\n    >\n      {title && <Title data={{ title: title }} />}\n      <div\n        ref={viewRef as any}\n        className=\"tablet:min-h-[393px] laptop:min-h-[320px] desktop:min-h-[300px] lg-desktop:min-h-[309px]\"\n      >\n        {isShowTab && productsTab?.length > 0 ? (\n          <Tabs\n            defaultValue={productsTab?.[0]?.tab}\n            onValueChange={value => {\n              const currentTab = productsTab?.find(item => item?.tab === value)\n              if (!currentTab) return\n              if (!currentTab.isShowRecommendedTab) {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'component_click',\n                  event_parameters: {\n                    page_group: 'Home Page',\n                    component_type: componentType,\n                    component_name: componentName,\n                    component_title: data?.title,\n                    component_position: 1,\n                    navigation: value,\n                  },\n                })\n                return\n              }\n              gackViewEvent()\n            }}\n            shape={tabShape === 'rounded' ? 'rounded' : 'square'}\n          >\n            <TabsList>\n              {productsTab.map(item => (\n                <TabsTrigger key={item?.id || item?.tab} value={item?.tab}>\n                  {item?.tab || ''}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n            {productsTab.map(tab => (\n              <TabsContent key={tab?.id || tab?.tab} value={tab?.tab}>\n                {renderSwiperBox(getItems(tab?.data || [], tab?.isShowRecommendedTab), tab?.tab)}\n              </TabsContent>\n            ))}\n          </Tabs>\n        ) : (\n          renderSwiperBox(getItems(productsCard, isShowRecommendedCard))\n        )}\n      </div>\n    </div>\n  )\n})\n\nShelfDisplayHorizontal.displayName = 'ShelfDisplayHorizontal'\nexport default withLayout(ShelfDisplayHorizontal)\n"],
-  "mappings": "aAgLc,cAAAA,EAQF,QAAAC,MARE,oBA/Kd,OAAOC,IAAS,aAAAC,EAAW,UAAAC,EAAQ,uBAAAC,GAAqB,SAAAC,GAAO,YAAAC,MAAgB,QAC/E,OAAS,MAAAC,MAAU,yBACnB,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,2BACzD,OAAOC,OAAW,oBAClB,OAAOC,MAAe,wBACtB,OAAS,cAAAC,OAAkB,yBAC3B,OAAS,WAAAC,MAAe,wBACxB,OAAS,iBAAAC,OAAqB,mBAC9B,OAAS,cAAAC,OAAkB,4BAC3B,OAAS,wBAAAC,OAA4B,sCACrC,OAAS,kCAAAC,MAAsC,kCAG/C,MAAMC,GAAgB,QAChBC,GAAgB,gBAEhBC,EAAuBC,GACAA,GAAU,KAAa,UAChC,OAAOA,CAAK,EAAE,QAAQ,kBAAmB,EAAE,GACzC,UAIhBC,EAAuD,CAC3D,EAAG,CAAE,aAAc,GAAI,SAAU,GAAO,cAAe,CAAE,EACzD,IAAK,CAAE,aAAc,GAAI,SAAU,GAAO,cAAe,GAAI,EAC7D,IAAK,CAAE,aAAc,GAAI,SAAU,GAAO,cAAe,GAAI,EAC7D,KAAM,CAAE,aAAc,GAAI,SAAU,GAAO,cAAe,CAAE,CAC9D,EAIMC,EAAyBxB,GAAM,WAAwD,CAACyB,EAAOC,IAAQ,CAE3G,KAAM,CAAE,mBAAoBC,GAAqB,GAAGC,CAAU,EAAIH,EAC5D,CACJ,KAAAI,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EACA,OAAAC,EAAS,QACT,WAAAC,EACA,mBAAAC,EAAqB,GACrB,oBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,GACA,GAAGC,EACL,EAAIjB,EACE,CACJ,YAAAkB,EAAc,CAAC,EACf,aAAAC,GAAe,CAAC,EAChB,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,GAAW,SACX,UAAAC,GAAY,GACZ,oBAAAC,GAAsB,GACtB,sBAAAC,GAAwB,GACxB,OAAAC,GAAS,GACT,YAAAC,EACA,eAAAC,GAAiB,YACjB,iBAAAC,GAAmB,YACnB,GAAGC,EACL,EAAI7B,EAEE8B,EAASzD,EAAgB,EAAK,EAC9B0D,EAAW1D,EAAuB,IAAI,EACtC2D,GAAazD,GAAM,EAEnB,CAAC0D,EAASC,EAAU,EAAI1D,EAAS,EAAK,EAC5CJ,EAAU,IAAM,CACd8D,GAAW,EAAI,CACjB,EAAG,CAAC,CAAC,EAEL,MAAMC,EAAWjD,GAAc,CAAE,MAAO,qBAAsB,CAAC,EACzD,CAACkD,EAAcC,EAAe,EAAI7D,EAAS,EAAK,EAChD,CAAC8D,GAASC,CAAM,EAAIpD,GAA2B,CAAE,UAAW,CAAE,CAAC,EAErEb,GAAoBuB,EAAK,IAAMkC,EAAS,OAAyB,EAEjE,MAAMS,EAAgB,IAAM,CAC1BvD,EAAQ,CACN,MAAO,WACP,WAAY,iBACZ,iBAAkB,CAChB,WAAY,YACZ,eAAgB,mBAChB,MAAOoB,GAAiB,IAAI,CAACoC,EAAMC,IAAU,CAE3C,MAAMC,EADWF,GAAM,UAAU,KAAMG,GAAWA,GAAG,MAAQH,GAAM,GAAG,GAC1CA,GAAM,WAAW,CAAC,EAC9C,MAAO,CACL,QAASA,GAAM,KAAOE,GAAS,IAC/B,UAAWF,GAAM,KACjB,aAAcE,GAAS,KACvB,MAAOA,GAAS,MAChB,MAAOD,EAAQ,CACjB,CACF,CAAC,CACH,CACF,CAAC,CACH,EAEAtE,EAAU,IAAM,CACVmE,GAAUlC,GAAiB,QAAU,CAACyB,EAAO,UAC/CA,EAAO,QAAU,GACjBU,EAAc,EAElB,EAAG,CAACD,EAAQlC,CAAe,CAAC,EAE5B,MAAMwC,EAAW,CAACC,EAAiCC,IAAsC,CACvF,GAAIA,EAAM,CACR,MAAMC,EAAiB3C,GAAiB,MAAMoC,IAAS,CAAE,GAAGA,EAAM,kBAAmB,EAAK,EAAE,EAC5F,OAAOO,GAAgB,OAASA,EAAiB,CAAC,CACpD,CACA,GAAI,CAAC,MAAM,QAAQF,CAAW,EAAG,MAAO,CAAC,EACzC,MAAME,EAAiBF,GACnB,MAAML,GAAQ,CACd,MAAMQ,EAAW/C,GAAW,UAAU,KAAKgD,GAAUA,GAAQ,SAAWT,GAAM,MAAM,EACpF,GAAIQ,EACF,MAAO,CACL,IAAKR,EAAK,IACV,kBAAmB,GACnB,YAAaA,EAAK,YAClB,mBAAoBA,EAAK,mBACzB,aAAcA,EAAK,aACnB,aAAcA,EAAK,aACnB,oBAAqBA,GAAM,qBAAuB,GAClD,sBAAuBA,GAAM,uBAAyB,GACtD,gBAAiBA,GAAM,iBAAmB,GAC1C,GAAGQ,CACL,CAEJ,CAAC,GACC,OAAOR,GAAQA,CAAI,EACvB,OAAOO,GAAgB,OAAUA,EAAwC,CAAC,CAC5E,EAEMG,EAAiB3D,EAAoBwC,EAAU,EAE/CoB,EAAkB,CAACC,EAA2BC,IAAsB,CACxE,MAAMC,EAAgB,CACpB,GAAG1B,GACH,MAAA5B,EACA,UAAAqB,GACA,oBAAAC,GACA,OAAAjB,EACA,WAAAC,EACA,WAAY8C,EAAM,OAClB,mBAAA7C,EACA,oBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACF,EAEA,GAAIU,IAAUQ,GAAWE,EAAU,CAGjC,MAAMqB,EAAc,OAAO9B,GAAgB,UAAYA,EAAc,EAC/D+B,EAAkBD,EAAc9B,EAAc,EAAa2B,EAAM,OACjEK,EAAiBF,GAAeH,EAAM,OAASI,EAC/CE,GAAeD,GAAkB,CAACtB,EAAeiB,EAAM,MAAM,EAAGI,CAAe,EAAIJ,EAEzF,OACEnF,EAAC,OACC,UAAAD,EAAC,OAAI,UAAWQ,EAAG,uDAAwD2C,EAAY,OAAS,EAAE,EAC/F,SAAAuC,GAAa,IAAI,CAAClB,EAAMC,IACvBzE,EAACoB,EAAA,CAEC,KAAMoD,EACN,cAAe,CAAE,GAAGc,EAAe,MAAAb,CAAM,GAFpCD,GAAM,IAAMA,GAAM,QAAUC,CAGnC,CACD,EACH,EACCgB,GACCxF,EAAC,OAAI,UAAU,6EACb,UAAAD,EAAC,UAAO,UAAU,qCAAqC,QAAS,IAAMoE,GAAgBuB,GAAQ,CAACA,CAAI,EAChG,SAAAxB,EAAeR,GAAmBD,GACrC,EACA1D,EAAC,OACC,MAAM,6BACN,UAAWQ,EAAG,uBAAwB2D,GAAgB,YAAY,EAClE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,SAAAnE,EAAC,QACC,EAAE,gUACF,KAAK,eACP,EACF,GACF,GAEJ,CAEJ,CAEA,GAAIgE,GAAWE,EAAU,CACvB,MAAM0B,EAAmBP,EAAW,GAAGH,CAAc,IAAI3D,EAAoB8D,CAAQ,CAAC,GAAKH,EAC3F,OACElF,EAACc,EAAA,CAEC,KAAM,CAAE,KAAMsE,EAAO,cAAAE,CAAc,EACnC,GAAIM,EACJ,UAAW,GAAGzC,EAAY,OAAS,EAAE,yDACrC,MAAO/B,EACP,eAAc,GACd,wBAAwB,wBACxB,wBAAwB,0BACxB,YAAac,GAAeT,GARvBmE,CASP,CAEJ,CAEA,MAAMA,EAAmBP,EAAW,GAAGH,CAAc,IAAI3D,EAAoB8D,CAAQ,CAAC,GAAKH,EAE3F,OACElF,EAACc,EAAA,CAEC,KAAM,CAAE,KAAMsE,EAAO,cAAAE,CAAc,EACnC,GAAIM,EACJ,UAAW,GAAGzC,EAAY,OAAS,EAAE,8CACrC,MAAOhC,GACP,eAAc,GACd,wBAAwB,wBACxB,wBAAwB,0BACxB,YAAae,GAAeT,GARvBmE,CASP,CAEJ,EAEA,OACE3F,EAAC,OACC,IAAK6D,EACJ,GAAGf,GACJ,UAAWvC,EAAG,yDAA0D2B,EAAW,CACjF,YAAaJ,GAAM,QAAU,MAC/B,CAAC,EAEA,UAAAmB,GAASlD,EAACa,GAAA,CAAM,KAAM,CAAE,MAAOqC,CAAM,EAAG,EACzClD,EAAC,OACC,IAAKqE,GACL,UAAU,2FAET,SAAAlB,GAAaH,GAAa,OAAS,EAClC/C,EAACQ,GAAA,CACC,aAAcuC,IAAc,CAAC,GAAG,IAChC,cAAexB,GAAS,CACtB,MAAMqE,EAAa7C,GAAa,KAAKwB,GAAQA,GAAM,MAAQhD,CAAK,EAChE,GAAKqE,EACL,IAAI,CAACA,EAAW,qBAAsB,CACpC7E,EAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAY,YACZ,eAAgBK,GAChB,eAAgBC,GAChB,gBAAiBS,GAAM,MACvB,mBAAoB,EACpB,WAAYP,CACd,CACF,CAAC,EACD,MACF,CACA+C,EAAc,EAChB,EACA,MAAOnB,KAAa,UAAY,UAAY,SAE5C,UAAApD,EAACU,GAAA,CACE,SAAAsC,EAAY,IAAIwB,GACfxE,EAACW,GAAA,CAAwC,MAAO6D,GAAM,IACnD,SAAAA,GAAM,KAAO,IADEA,GAAM,IAAMA,GAAM,GAEpC,CACD,EACH,EACCxB,EAAY,IAAI8C,GACf9F,EAACY,GAAA,CAAsC,MAAOkF,GAAK,IAChD,SAAAX,EAAgBP,EAASkB,GAAK,MAAQ,CAAC,EAAGA,GAAK,oBAAoB,EAAGA,GAAK,GAAG,GAD/DA,GAAK,IAAMA,GAAK,GAElC,CACD,GACH,EAEAX,EAAgBP,EAAS3B,GAAcM,EAAqB,CAAC,EAEjE,GACF,CAEJ,CAAC,EAED7B,EAAuB,YAAc,yBACrC,IAAOqE,GAAQhF,GAAWW,CAAsB",
-  "names": ["jsx", "jsxs", "React", "useEffect", "useRef", "useImperativeHandle", "useId", "useState", "cn", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Title", "SwiperBox", "withLayout", "gaTrack", "useMediaQuery", "useRollout", "ShelfDisplayWrapItem", "ShelfDisplayHorizontalCardItem", "componentType", "componentName", "sanitizeCssSelector", "value", "defaultBreakpoints", "ShelfDisplayHorizontal", "props", "ref", "_isDisplayGudgments", "restProps", "data", "event", "buildData", "breakpoints", "className", "recommendedData", "target", "metafields", "isDisplayBackImage", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "onAddCart", "onBuyNow", "onLearnMore", "formatPrice", "rest", "productsTab", "productsCard", "title", "isShowTab", "tabShape", "isShowTag", "isShowOriginalPrice", "isShowRecommendedCard", "isTile", "tileMaxRows", "tileExpandText", "tileCollapseText", "other", "isView", "innerRef", "instanceId", "mounted", "setMounted", "isLaptop", "tileExpanded", "setTileExpanded", "viewRef", "inView", "gackViewEvent", "item", "index", "variant", "v", "getItems", "currentData", "flag", "newCurrentData", "findData", "params", "safeInstanceId", "renderSwiperBox", "items", "tabValue", "configuration", "hasRowLimit", "maxVisibleItems", "shouldCollapse", "visibleItems", "prev", "swiperInstanceId", "currentTab", "tab", "ShelfDisplayHorizontal_default"]
-}

package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.tsx"],
-  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport { getProductImage } from '../ShelfDisplay/shelfDisplayItem.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { Heading } from '../../components/heading.js'\nimport type { ShelfDisplayItem, ShelfDisplayType, SocialEndorsementItem } from '../ShelfDisplay/shelfDisplay.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useRef, useEffect, useMemo, useState, type CSSProperties } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\nconst ShelfDisplayHorizontalEndorsements = ({ items }: { items?: SocialEndorsementItem[] }) => {\n  if (!items?.length) {\n    return null\n  }\n  return (\n    <div className=\"shelf-display-horizontal-social-endorsements desktop:gap-2 desktop:top-2 absolute right-0 top-0 flex flex-none flex-col items-center gap-1 self-center\">\n      {items.map((item, index) =>\n        typeof item.icon === 'string' ? (\n          <img\n            key={index}\n            src={item.icon}\n            alt={item.label || ''}\n            loading=\"lazy\"\n            className=\"desktop:size-10 lg-desktop:size-12 size-8 object-contain\"\n          />\n        ) : (\n          <Text\n            key={index}\n            aria-label={item.label}\n            className=\"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full\"\n          >\n            {item.icon}\n          </Text>\n        )\n      )}\n    </div>\n  )\n}\n\n/**\n * \u6A2A\u7248\u4EA7\u54C1\u8D27\u67B6\u5361\u7247\uFF08\u22651025px \u4F7F\u7528\uFF09\n * \u903B\u8F91\u4E0E ShelfDisplayWrapItem \u4FDD\u6301\u4E00\u81F4\uFF0C\u4EC5\u5E03\u5C40\u4E3A\u6A2A\u5411\uFF08\u56FE\u5DE6\u3001\u5185\u5BB9\u53F3\uFF09\n */\nexport const ShelfDisplayHorizontalCardItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    isDisplayBackImage = false,\n    itemShape,\n    metafields,\n    isTopTag = false,\n    isShowTag,\n    isShowOriginalPrice,\n    isShowShortTitle = false,\n    isShowPricesTag = false,\n    pricesTagTextColor,\n    pricesTagBgColor,\n    itemsTagTextColor,\n    itemsTagBgColor,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { locale = 'es', copyWriting, currencyDisplay } = useAiuiContext()\n  const { discounts, discountsCopy } = metafields || {}\n  const ref = useRef<HTMLDivElement>(null)\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [currentPriceTag, setCurrentPriceTag] = useState<string>('')\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants?.[0]\n    }\n    return variants?.find?.((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: coupon ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: coupon ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, currencyDisplay, coupon, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      setCurrentPriceTag(discountTag)\n    }\n    const newTags =\n      data?.tags\n        ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n        ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n        ?.slice?.(0, discount && isShowPricesTag ? 1 : 2) || []\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off, isShowPricesTag])\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const pricesTagStyle: CSSProperties = {\n    ...(pricesTagTextColor ? { color: pricesTagTextColor } : {}),\n    ...(pricesTagBgColor ? { backgroundColor: pricesTagBgColor, backgroundImage: 'none' } : {}),\n    ...(pricesTagTextColor || pricesTagBgColor ? { outline: 'none' } : {}),\n  }\n  const itemsTagStyle: CSSProperties = {\n    ...(itemsTagTextColor ? { color: itemsTagTextColor } : {}),\n    ...(itemsTagBgColor ? { backgroundColor: itemsTagBgColor, backgroundImage: 'none' } : {}),\n    ...(itemsTagTextColor || itemsTagBgColor ? { outlineColor: itemsTagTextColor } : {}),\n  }\n\n  const TagsComp = () => {\n    return (\n      <div className=\"lg-desktop:h-[28px] absolute left-0 top-0 z-10 box-border flex h-6 flex-wrap gap-1 overflow-hidden\">\n        {isShowPricesTag && currentPriceTag && (\n          <Badge className=\"shelf-prices-tag\" variant=\"fill\" style={pricesTagStyle}>\n            {currentPriceTag || ''}\n          </Badge>\n        )}\n        {isShowTag &&\n          showTags?.length > 0 &&\n          showTags?.map?.((item: any, index: number) => (\n            <Badge key={index} className=\"shelf-items-tag\" variant=\"outline\" style={itemsTagStyle}>\n              {item}\n            </Badge>\n          ))}\n      </div>\n    )\n  }\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        'box-border w-full cursor-pointer overflow-hidden duration-300',\n        'rounded-box',\n        'shelf-display-horizontal-item',\n        'lg-desktop:aspect-[824/269] desktop:aspect-[648/238] laptop:aspect-[440/256] relative',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-background tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark', 'aiui-light': custom_theme === 'light' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      <div className=\"desktop:p-6 desktop:pt-4 absolute inset-0 box-border flex overflow-hidden p-4\">\n        <div className=\"shelf-display-horizontal-left laptop:flex-[196] desktop:flex-[292] lg-desktop:flex-[380] relative flex h-full flex-none flex-col items-center justify-center gap-2\">\n          <TagsComp />\n          <div\n            className={cn(\n              'shelf-display-horizontal-item-image desktop:h-[92.3%] lg-desktop:h-[89.5%] relative inline-block aspect-[1] h-[63.6%] min-h-0 overflow-hidden',\n              {\n                'opacity-0': custom_bg_image,\n              }\n            )}\n          >\n            <a\n              aria-label={displayTitle}\n              target={configuration?.target}\n              href={trackUrlRef(\n                `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n                `${componentType}_${componentName}`\n              )}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'select_item',\n                  event_parameters: {\n                    page_group: 'Home Page',\n                    item_list_name: 'Home_Page_Bundle',\n                    items: [\n                      {\n                        item_id: data?.sku || variant?.sku,\n                        item_name: data?.name,\n                        item_variant: variant?.name,\n                        price: variant?.price,\n                        index: configuration?.index + 1,\n                      },\n                    ],\n                  },\n                })\n              }}\n            >\n              <Picture\n                source={imageUrl}\n                alt={altText}\n                className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n              />\n            </a>\n          </div>\n          <ShelfDisplayHorizontalEndorsements items={data?.socialEndorsements || metafields?.socialEndorsements} />\n        </div>\n        <div className=\"shelf-display-horizontal-content desktop:flex-[332] desktop:pl-6 desktop:pt-2 lg-desktop:flex-[420] desktop:gap-6 flex min-w-0 flex-[224] flex-col justify-between gap-4 pl-4\">\n          <div className=\"shelf-display-horizontal-content-title-desc\">\n            {currentDisplayTitle ? (\n              <Heading\n                as=\"h3\"\n                title={currentDisplayTitle || ''}\n                size={2}\n                className=\"shelf-display-product-title text-info-primary mb-1 line-clamp-2\"\n                html={currentDisplayTitle || ''}\n              />\n            ) : null}\n            <Text\n              size={2}\n              className={cn(\n                'lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]'\n              )}\n              html={displayDescription || ''}\n            />\n          </div>\n          <div className=\"shelf-display-horizontal-content-price-button\">\n            <div className=\"mb-2 flex items-center\">\n              {renderPrice ? (\n                renderPrice(data, {\n                  price,\n                  basePrice,\n                  discount,\n                  discountAmount,\n                  variant,\n                  coupon,\n                  isSoldOut,\n                  isShowOriginalPrice,\n                })\n              ) : isSoldOut ? (\n                <div className=\"lg-desktop:text-2xl text-info-primary text-xl font-bold\">\n                  {copyWriting?.soldOutText}\n                </div>\n              ) : (\n                <>\n                  <div className=\"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]\">\n                    {variant?.availableForSale ? price || '' : ''}\n                  </div>\n                  {renderOriginalPrice\n                    ? renderOriginalPrice(data, {\n                        price,\n                        basePrice,\n                        discount,\n                        discountAmount,\n                        isShowOriginalPrice,\n                      })\n                    : basePrice &&\n                      isShowOriginalPrice && (\n                        <div className=\"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through\">\n                          {variant?.availableForSale ? basePrice || '' : ''}\n                        </div>\n                      )}\n                </>\n              )}\n            </div>\n            {!renderPrice && renderPriceLabel?.(data, variant, { isShowOriginalPrice })}\n            <div\n              className={cn(\n                'shelf-flex-button-group',\n                'lg-desktop:gap-3 desktop:flex-row flex flex-col items-center gap-2',\n                configuration.direction === 'vertical' ? 'flex-col' : ''\n              )}\n            >\n              {configuration?.secondaryButton && !isSoldOut ? (\n                <Button\n                  disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n                  variant=\"secondary\"\n                  href={data?.custom_secondary_link}\n                  as={data?.custom_secondary_link ? 'a' : 'button'}\n                  onClick={handleSecondaryClick}\n                  loading={secondaryLoading}\n                  className=\"laptop:w-full desktop:w-auto\"\n                >\n                  {configuration?.secondaryButton || ''}\n                </Button>\n              ) : null}\n              {configuration?.primaryButton ? (\n                <Button\n                  disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n                  variant=\"primary\"\n                  href={data?.custom_primary_link}\n                  as={data?.custom_primary_link ? 'a' : 'button'}\n                  onClick={handlePrimaryClick}\n                  loading={primaryLoading}\n                  className=\"laptop:w-full desktop:w-auto\"\n                >\n                  {configuration?.primaryButton || ''}\n                </Button>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "AA4BU,OA4UM,YAAAA,GA5UN,OAAAC,EAsNJ,QAAAC,MAtNI,oBA5BV,OAAS,kBAAAC,OAAsB,2BAC/B,OAAS,sBAAAC,OAA0B,kCACnC,OAAS,mBAAAC,OAAuB,sCAChC,OAAOC,OAAa,8BACpB,OAAOC,MAAW,4BAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,QAAAC,MAAY,2BACrB,OAAOC,MAAY,6BACnB,OAAS,WAAAC,OAAe,wBACxB,OAAS,eAAAC,OAAmB,8BAC5B,OAAS,WAAAC,OAAe,8BAExB,OAAS,eAAAC,OAAmB,6BAC5B,OAAS,UAAAC,GAAQ,aAAAC,GAAW,WAAAC,GAAS,YAAAC,MAAoC,QAEzE,MAAMC,GAAgB,QAChBC,GAAgB,gBAEhBC,GAAiB,aAEjBC,GAAqC,CAAC,CAAE,MAAAC,CAAM,IAC7CA,GAAO,OAIVtB,EAAC,OAAI,UAAU,yJACZ,SAAAsB,EAAM,IAAI,CAACC,EAAMC,IAChB,OAAOD,EAAK,MAAS,SACnBvB,EAAC,OAEC,IAAKuB,EAAK,KACV,IAAKA,EAAK,OAAS,GACnB,QAAQ,OACR,UAAU,4DAJLC,CAKP,EAEAxB,EAACQ,EAAA,CAEC,aAAYe,EAAK,MACjB,UAAU,gFAET,SAAAA,EAAK,MAJDC,CAKP,CAEJ,EACF,EAvBO,KA+BEC,GAAiC,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAA0C,CAC7G,KAAM,CACJ,mBAAAC,EAAqB,GACrB,UAAAC,GACA,WAAAC,EACA,SAAAC,GAAW,GACX,UAAAC,GACA,oBAAAC,EACA,iBAAAC,GAAmB,GACnB,gBAAAC,EAAkB,GAClB,mBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,oBAAAC,EACA,iBAAAC,GACA,YAAAC,CACF,EAAIhB,GAAiB,CAAC,EAChB,CAAE,OAAAiB,EAAS,KAAM,YAAAC,GAAa,gBAAAC,CAAgB,EAAI5C,GAAe,EACjE,CAAE,UAAA6C,EAAW,cAAAC,CAAc,EAAIlB,GAAc,CAAC,EAC9CmB,EAAMnC,GAAuB,IAAI,EACjC,CAACoC,EAAUC,EAAW,EAAIlC,EAAmB,CAAC,CAAC,EAC/C,CAACmC,EAAiBC,EAAkB,EAAIpC,EAAiB,EAAE,EAC3D,CAACqC,EAAgBC,CAAiB,EAAItC,EAAS,EAAK,EACpD,CAACuC,EAAkBC,CAAmB,EAAIxC,EAAS,EAAK,EAExDyC,GAAkB,CAACC,EAA0BnC,EAAeE,EAAwBkC,IAAgB,CACxG,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,CAAM,EAAItC,GAAiB,CAAC,EAGlF,GAAIkC,EAAY,CACd,GAAIA,IAAe,WAAaC,EAC9B,OAAOA,EAAUH,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,EAElD,GAAIC,IAAe,UAAYE,EAC7B,OAAOA,EAASJ,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,EAEjD,GAAIC,IAAe,aAAeG,EAChC,OAAOA,EAAYL,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,CAEtD,CAGAK,GAAO,gBAAgBN,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,CACxD,EAEMM,GAAoB,CAACP,EAA0BnC,EAAeE,EAAwBkC,IAAgB,CAC1G,KAAM,CAAE,aAAAO,EAAc,UAAAL,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,CAAM,EAAItC,GAAiB,CAAC,EAGpF,GAAIwC,EAAc,CAChB,GAAIA,IAAiB,WAAaL,EAChC,OAAOA,EAAUH,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,EAElD,GAAIO,IAAiB,UAAYJ,EAC/B,OAAOA,EAASJ,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,EAEjD,GAAIO,IAAiB,aAAeH,EAClC,OAAOA,EAAYL,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,CAEtD,CAGAK,GAAO,kBAAkBN,EAAQnC,EAAQ,EAAGE,EAAMkC,CAAM,CAC1D,EAEMQ,EAAUpD,GAAQ,IAAM,CAC5B,MAAMqD,EAAW3C,GAAM,UAAY,CAAC,EACpC,GAAK2C,EAAS,OAGd,OAAK3C,GAAM,IAGJ2C,GAAU,OAAQ9C,GAAcA,GAAM,MAAQG,GAAM,GAAG,GAAK2C,EAAS,CAAC,EAFpEA,IAAW,CAAC,CAGvB,EAAG,CAAC3C,GAAM,IAAKA,GAAM,QAAQ,CAAC,EAExB4C,EAAaF,GAAS,IAAI,QAAQ,GAAG,GAAK,CAAC,EAC3CG,GAAYD,IAAaA,GAAY,OAAS,CAAC,EAE/CE,EACJ,CAACJ,GAAS,kBAAoBA,GAAS,OAAO,SAAWhD,IAAkBgD,GAAS,QAAUhD,GAG1FwC,EAASQ,GAAS,UAAU,CAAC,EAE7BK,EAAe/C,GAAM,OAAO,cAAgB,MAE5CgD,GAAY1D,GAChB,IACEb,GAAmB,CACjB,OAAAyC,EACA,OAAQgB,EAASA,GAAQ,qBAAuBQ,GAAS,MACzD,WAAYR,EAASQ,GAAS,MAAQ,EACtC,aAAAK,EACA,gBAAA3B,EACA,kBAAmBN,CACrB,CAAC,EACH,CAACiC,EAAc7B,EAAQE,EAAiBc,EAAQQ,EAAS5B,CAAW,CACtE,EAEM,CAAE,MAAAmC,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,CAAe,EAAIJ,GAEjD,CAAE,SAAAK,GAAU,QAAAC,EAAQ,EAAI5E,GAAgBsB,CAAI,EAE5CuD,EAAevD,GAAM,aAAeA,GAAM,MAC1CwD,EAAsBhD,IACxBkC,GAAS,YAAY,OAAO,kBAAoBa,EAE9CE,EAAqBzD,GAAM,oBAAsBA,GAAM,YAEvD0D,GAAY,IAAM,CACtB,GAAIxB,GAAQ,aAAe,eAAgB,CACzC,MAAMyB,EAAYP,GAAkB,GAC9BQ,EAAQD,EAAU,MAAM,wBAAwB,EACtD,GAAIC,EAAO,CACT,KAAM,CAAC,CAAEC,EAAQC,EAASC,CAAM,EAAIH,EACpC,IAAII,EAAiBF,EACrB,OAAIA,EAAQ,SAAS,KAAK,EACxBE,EAAiBF,EAAQ,QAAQ,QAAS,EAAE,EACnCA,EAAQ,SAAS,KAAK,IAC/BE,EAAiBF,EAAQ,QAAQ,OAAQ,EAAE,GAEtC,GAAGD,CAAM,GAAGG,CAAc,GAAGD,CAAM,EAC5C,CACA,OAAOJ,CACT,CACA,OAAOR,GAAY,EACrB,EAGA9D,GAAU,IAAM,CACd,IAAI4E,EAAuB,CAAC,EAC5B,GAAId,GAAYC,EAAgB,CAC9B,MAAMc,EAAc,GAAGR,GAAU,CAAC,IAAIrC,GAAW,KAAOC,GAAe,KAAO,EAAE,GAChFK,GAAmBuC,CAAW,CAChC,CACA,MAAMC,EACJnE,GAAM,MACF,SAAUH,GAAiBA,GAAM,aAAa,OAAO,CAAC,GACtD,MAAOA,GAAiBA,GAAM,UAAU,SAAU,EAAE,CAAC,GACrD,QAAQ,EAAGsD,GAAY1C,EAAkB,EAAI,CAAC,GAAK,CAAC,EAC1DgB,GAAYwC,EAAW,OAAOE,CAAO,CAAC,CACxC,EAAG,CAACnE,GAAM,KAAMmD,EAAUC,EAAgB/B,GAAW,IAAKC,GAAe,IAAKb,CAAe,CAAC,EAE9FtB,GAAYoC,EAAK,CACf,cAAA/B,GACA,cAAAC,GACA,eAAgB8D,EAChB,qBAAsBE,EACtB,SAAUxD,GAAe,MAAQ,CACnC,CAAC,EAED,MAAMmE,GAAqB,SAAY,CACrC,GAAI,CAAAxC,GACA,CAAA5B,GAAM,oBACV,CAAA6B,EAAkB,EAAI,EACtB,GAAI,CACF,MAAMG,GAAgBhC,EAAMC,GAAe,MAAOA,EAAeiC,CAAM,CACzE,QAAE,CACAL,EAAkB,EAAK,CACzB,EACF,EAEMwC,GAAuB,SAAY,CACvC,GAAI,CAAAvC,GACA,CAAA9B,GAAM,sBACV,CAAA+B,EAAoB,EAAI,EACxB,GAAI,CACF,MAAMS,GAAkBxC,EAAMC,GAAe,MAAOA,EAAeiC,CAAM,CAC3E,QAAE,CACAH,EAAoB,EAAK,CAC3B,EACF,EAEMuC,GAAgC,CACpC,GAAI5D,EAAqB,CAAE,MAAOA,CAAmB,EAAI,CAAC,EAC1D,GAAIC,EAAmB,CAAE,gBAAiBA,EAAkB,gBAAiB,MAAO,EAAI,CAAC,EACzF,GAAID,GAAsBC,EAAmB,CAAE,QAAS,MAAO,EAAI,CAAC,CACtE,EACM4D,GAA+B,CACnC,GAAI3D,EAAoB,CAAE,MAAOA,CAAkB,EAAI,CAAC,EACxD,GAAIC,EAAkB,CAAE,gBAAiBA,EAAiB,gBAAiB,MAAO,EAAI,CAAC,EACvF,GAAID,GAAqBC,EAAkB,CAAE,aAAcD,CAAkB,EAAI,CAAC,CACpF,EAEM4D,GAAW,IAEbjG,EAAC,OAAI,UAAU,qGACZ,UAAAkC,GAAmBiB,GAClBpD,EAACM,EAAA,CAAM,UAAU,mBAAmB,QAAQ,OAAO,MAAO0F,GACvD,SAAA5C,GAAmB,GACtB,EAEDpB,IACCkB,GAAU,OAAS,GACnBA,GAAU,MAAM,CAAC3B,EAAWC,IAC1BxB,EAACM,EAAA,CAAkB,UAAU,kBAAkB,QAAQ,UAAU,MAAO2F,GACrE,SAAA1E,GADSC,CAEZ,CACD,GACL,EAIE2E,EAAkBzE,GAAM,gBACxB0E,EAAe1E,GAAM,aAE3B,OACE1B,EAAC,OACC,IAAKiD,EAEL,UAAW1C,EACT,gEACA,cACA,gCACA,wFACA4F,EAAkB,kCAAoC,2CACtD,CAAE,YAAaC,IAAiB,OAAQ,aAAcA,IAAiB,OAAQ,CACjF,EACA,MAAOD,EAAkB,CAAE,gBAAiB,OAAOA,CAAe,GAAI,EAAI,OAE1E,SAAAlG,EAAC,OAAI,UAAU,gFACb,UAAAA,EAAC,OAAI,UAAU,qKACb,UAAAD,EAACkG,GAAA,EAAS,EACVlG,EAAC,OACC,UAAWO,EACT,gJACA,CACE,YAAa4F,CACf,CACF,EAEA,SAAAnG,EAAC,KACC,aAAYiF,EACZ,OAAQtD,GAAe,OACvB,KAAMhB,GACJ,GAAGiC,IAAW,MAAQ,CAACA,EAAS,GAAK,IAAIA,CAAM,EAAE,aAAalB,GAAM,MAAM,YAAY6C,EAAS,GAC/F,GAAGrD,EAAa,IAAIC,EAAa,EACnC,EACA,QAAS,IAAM,CACbT,GAAQ,CACN,MAAO,WACP,WAAY,cACZ,iBAAkB,CAChB,WAAY,YACZ,eAAgB,mBAChB,MAAO,CACL,CACE,QAASgB,GAAM,KAAO0C,GAAS,IAC/B,UAAW1C,GAAM,KACjB,aAAc0C,GAAS,KACvB,MAAOA,GAAS,MAChB,MAAOzC,GAAe,MAAQ,CAChC,CACF,CACF,CACF,CAAC,CACH,EAEA,SAAA3B,EAACK,GAAA,CACC,OAAQ0E,GACR,IAAKC,GACL,UAAU,yDACZ,EACF,EACF,EACAhF,EAACqB,GAAA,CAAmC,MAAOK,GAAM,oBAAsBI,GAAY,mBAAoB,GACzG,EACA7B,EAAC,OAAI,UAAU,gLACb,UAAAA,EAAC,OAAI,UAAU,8CACZ,UAAAiF,EACClF,EAACY,GAAA,CACC,GAAG,KACH,MAAOsE,GAAuB,GAC9B,KAAM,EACN,UAAU,kEACV,KAAMA,GAAuB,GAC/B,EACE,KACJlF,EAACQ,EAAA,CACC,KAAM,EACN,UAAWD,EACT,8HACF,EACA,KAAM4E,GAAsB,GAC9B,GACF,EACAlF,EAAC,OAAI,UAAU,gDACb,UAAAD,EAAC,OAAI,UAAU,yBACZ,SAAA2C,EACCA,EAAYjB,EAAM,CAChB,MAAAiD,EACA,UAAAC,EACA,SAAAC,EACA,eAAAC,EACA,QAAAV,EACA,OAAAR,EACA,UAAAY,EACA,oBAAAvC,CACF,CAAC,EACCuC,EACFxE,EAAC,OAAI,UAAU,0DACZ,SAAA6C,IAAa,YAChB,EAEA5C,EAAAF,GAAA,CACE,UAAAC,EAAC,OAAI,UAAU,qFACZ,SAAAoE,GAAS,kBAAmBO,GAAS,GACxC,EACClC,EACGA,EAAoBf,EAAM,CACxB,MAAAiD,EACA,UAAAC,EACA,SAAAC,EACA,eAAAC,EACA,oBAAA7C,CACF,CAAC,EACD2C,GACA3C,GACEjC,EAAC,OAAI,UAAU,2GACZ,SAAAoE,GAAS,kBAAmBQ,GAAa,GAC5C,GAER,EAEJ,EACC,CAACjC,GAAeD,KAAmBhB,EAAM0C,EAAS,CAAE,oBAAAnC,CAAoB,CAAC,EAC1EhC,EAAC,OACC,UAAWM,EACT,0BACA,qEACAoB,EAAc,YAAc,WAAa,WAAa,EACxD,EAEC,UAAAA,GAAe,iBAAmB,CAAC6C,EAClCxE,EAACS,EAAA,CACC,SAAU+D,GAAa7C,GAAe,eAAiB,YACvD,QAAQ,YACR,KAAMD,GAAM,sBACZ,GAAIA,GAAM,sBAAwB,IAAM,SACxC,QAASqE,GACT,QAASvC,EACT,UAAU,+BAET,SAAA7B,GAAe,iBAAmB,GACrC,EACE,KACHA,GAAe,cACd3B,EAACS,EAAA,CACC,SAAU+D,GAAa7C,GAAe,aAAe,YACrD,QAAQ,UACR,KAAMD,GAAM,oBACZ,GAAIA,GAAM,oBAAsB,IAAM,SACtC,QAASoE,GACT,QAASxC,EACT,UAAU,+BAET,SAAA3B,GAAe,eAAiB,GACnC,EACE,MACN,GACF,GACF,GACF,GAzJKD,GAAM,IAAMA,GAAM,MA0JzB,CAEJ",
-  "names": ["Fragment", "jsx", "jsxs", "useAiuiContext", "formatVariantPrice", "getProductImage", "Picture", "Badge", "cn", "Text", "Button", "gaTrack", "trackUrlRef", "Heading", "useExposure", "useRef", "useEffect", "useMemo", "useState", "componentType", "componentName", "SOLD_OUT_PRICE", "ShelfDisplayHorizontalEndorsements", "items", "item", "index", "ShelfDisplayHorizontalCardItem", "data", "configuration", "isDisplayBackImage", "itemShape", "metafields", "isTopTag", "isShowTag", "isShowOriginalPrice", "isShowShortTitle", "isShowPricesTag", "pricesTagTextColor", "pricesTagBgColor", "itemsTagTextColor", "itemsTagBgColor", "formatPrice", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "locale", "copyWriting", "currencyDisplay", "discounts", "discountsCopy", "ref", "showTags", "setShowTags", "currentPriceTag", "setCurrentPriceTag", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "onPrimaryButton", "params", "coupon", "primaryFun", "onAddCart", "onBuyNow", "onLearnMore", "event", "onSecondaryButton", "secondaryFun", "variant", "variants", "variantArr", "variantId", "isSoldOut", "currencyCode", "priceInfo", "price", "basePrice", "discount", "discountAmount", "imageUrl", "altText", "displayTitle", "currentDisplayTitle", "displayDescription", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "handleTags", "discountTag", "newTags", "handlePrimaryClick", "handleSecondaryClick", "pricesTagStyle", "itemsTagStyle", "TagsComp", "custom_bg_image", "custom_theme"]
-}

package/dist/esm/biz-components/Slogan/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Slogan/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useEffect } from 'react'\nimport { gsap } from 'gsap'\nimport { SplitText } from 'gsap/dist/SplitText'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { SloganProps } from './types.js'\nimport { useInView } from 'react-intersection-observer'\n\nexport const componentType = 'copy'\nexport const componentName = 'brand_slogan'\n\nfunction chunkArray(array: { title: string }[] = [], size: number = 3) {\n  const result = []\n  for (let i = 0; i < array.length; i += size) {\n    result.push(array.slice(i, i + size))\n  }\n  return result\n}\n\nconst Slogan = React.forwardRef<HTMLDivElement, SloganProps>(({ data, className = '', ...rest }, ref) => {\n  const { title, features = [], tag = 'h2', featureChunkSize = 3 } = data\n  const [groupIndex, setGroupIndex] = React.useState(0)\n  const [isTransitioning, setIsTransitioning] = React.useState(true)\n  const innerRef = useRef<HTMLDivElement>(null)\n  const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n  const featuresTriggerRef = useRef<ScrollTrigger | null>(null)\n  const featuresGroups = chunkArray(features, featureChunkSize)\n  const totalGroups = featuresGroups.length\n  const needCarousel = features.length > featureChunkSize\n  const displayGroups = needCarousel ? [...featuresGroups, featuresGroups[0]] : featuresGroups\n  const groupHeight = 40\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  const { ref: inViewRef, inView } = useInView()\n\n  // \u53EA\u5728\u9700\u8981\u8F6E\u64AD\u65F6\u542F\u7528\u5B9A\u65F6\u5668\n  React.useEffect(() => {\n    if (!needCarousel) return\n    const timer = setInterval(() => {\n      setGroupIndex(i => i + 1)\n      setIsTransitioning(true)\n    }, 3000)\n    return () => clearInterval(timer)\n  }, [totalGroups, needCarousel])\n\n  // \u53EA\u5728\u9700\u8981\u8F6E\u64AD\u65F6\u5904\u7406\u65E0\u7F1D\u8DF3\u8F6C\n  React.useEffect(() => {\n    if (!needCarousel) return\n    if (groupIndex === totalGroups) {\n      const handle = setTimeout(() => {\n        setIsTransitioning(false)\n        setGroupIndex(0)\n      }, 500) // 500ms\u7B49\u4E8E\u52A8\u753B\u65F6\u957F\n      return () => clearTimeout(handle)\n    } else {\n      setIsTransitioning(true)\n    }\n  }, [groupIndex, totalGroups, needCarousel])\n\n  // \u6807\u9898\u52A8\u753B\u903B\u8F91\u4FDD\u6301\u4E0D\u53D8\n  const titleRef = useRef<HTMLHeadingElement>(null)\n  const featuresRef = useRef<HTMLDivElement>(null)\n  const splitTextInstance = useRef<SplitText | null>(null)\n\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger, SplitText)\n\n    function gsapResize() {\n      if (!titleRef.current) return\n      splitTextInstance.current = new SplitText(titleRef.current, {\n        type: 'words',\n        wordsClass: 'word',\n      })\n      const height = titleRef.current?.clientHeight || 100\n\n      const words = splitTextInstance.current.words\n      gsap.set(words, { opacity: 0 })\n      scrollTriggerRef.current = ScrollTrigger.create({\n        trigger: titleRef.current,\n        start: 'bottom bottom-=4%',\n        end: `bottom+=${height * 1.5}px bottom-=4%`,\n        scrub: true,\n        onUpdate: (self: any) => {\n          const progress = self.progress\n          const total = words.length\n          const interval = 1 / total\n          const overlap = 0.5\n          words.forEach((word: any, i: number) => {\n            const start = (i / total) * (1 - overlap)\n            const width = interval * (1 + overlap)\n            let opacity = (progress - start) / width\n            opacity = Math.max(0, Math.min(opacity, 1))\n            gsap.set(word, { opacity })\n          })\n        },\n      })\n\n      if (features && features.length > 0) {\n        featuresTriggerRef.current = ScrollTrigger.create({\n          trigger: featuresRef.current,\n          start: `bottom+=${height * 2}px bottom-=6%`,\n          end: `bottom+=${height * 2 + 100}px bottom-=6%`,\n          onUpdate: (self: any) => {\n            gsap.set(featuresRef.current, { opacity: self.progress })\n          },\n        })\n      }\n    }\n\n    if (inView) {\n      gsapResize()\n    }\n\n    return () => {\n      splitTextInstance.current && splitTextInstance.current.revert()\n      // ScrollTrigger.getAll().forEach((t: any) => t.kill())\n      scrollTriggerRef.current && scrollTriggerRef.current.kill()\n      featuresTriggerRef.current && featuresTriggerRef.current.kill()\n    }\n  }, [inView])\n\n  return (\n    <div ref={inViewRef}>\n      <div\n        ref={innerRef}\n        {...rest}\n        className={cn(\n          'slogan-container laptop:flex-row laptop:items-end laptop:justify-between text-info-primary flex h-auto w-full flex-col items-start justify-center gap-[24px] text-center',\n          className\n        )}\n      >\n        <Heading\n          ref={titleRef}\n          as={tag}\n          size={2}\n          weight={'bold'}\n          align={'left'}\n          className={cn(\n            'slogan-title laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px] text-[40px] !leading-[1.1]'\n          )}\n          html={title}\n        />\n        {features && features.length > 0 && (\n          <div className={cn('relative w-full max-w-[500px] overflow-hidden', `tablet:h-[${groupHeight}px]`)}>\n            <div\n              className={cn([\n                'flex flex-col',\n                isTransitioning\n                  ? 'transition-transform duration-500 ease-[cubic-bezier(.4,0,.2,1)]'\n                  : '!transition-none',\n              ])}\n              style={{\n                transform: `translateY(-${groupIndex * groupHeight}px)`,\n              }}\n            >\n              {displayGroups.map((group, idx) => (\n                <div\n                  className={cn(\n                    'laptop:justify-end flex w-full flex-row items-stretch gap-3 overflow-hidden',\n                    `tablet:h-[${groupHeight}px]`\n                  )}\n                  key={idx}\n                >\n                  {group.map((feature, index) => (\n                    <React.Fragment key={index}>\n                      {index > 0 && <div className=\"slogan-feature-divider w-px self-stretch bg-[#E4E5E6]\" />}\n                      <Text\n                        size={3}\n                        align=\"left\"\n                        as=\"p\"\n                        className=\"slogan-feature-text laptop:text-[14px] line-clamp-3 text-[12px] leading-[1.4]\"\n                        html={feature.title}\n                      />\n                    </React.Fragment>\n                  ))}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nSlogan.displayName = 'Slogan'\n\nexport default withLayout(Slogan)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "useEffect", "gsap", "SplitText", "ScrollTrigger", "cn", "Heading", "Text", "withLayout", "useInView", "componentType", "componentName", "chunkArray", "array", "size", "result", "i", "Slogan", "data", "className", "rest", "ref", "title", "features", "tag", "featureChunkSize", "groupIndex", "setGroupIndex", "isTransitioning", "setIsTransitioning", "innerRef", "scrollTriggerRef", "featuresTriggerRef", "featuresGroups", "totalGroups", "needCarousel", "displayGroups", "groupHeight", "inViewRef", "inView", "timer", "handle", "titleRef", "featuresRef", "splitTextInstance", "gsapResize", "height", "words", "self", "progress", "total", "interval", "overlap", "word", "start", "width", "opacity", "group", "idx", "feature", "index", "Slogan_default"]
-}

package/dist/esm/biz-components/Slogan/types.js.map

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

package/dist/esm/biz-components/Spacer/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Spacer/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { SpacerProps } from './types.js'\n\nconst Spacer = React.forwardRef<HTMLDivElement, SpacerProps>(({ className, data, ...rest }, ref) => {\n  const { space = 'default' } = data\n  return (\n    <div\n      ref={ref}\n      {...rest}\n      className={cn(\n        'ipc_spacer',\n        space === 'default' && 'laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16',\n        space === 'fixed' && 'h-16',\n        className\n      )}\n    ></div>\n  )\n})\n\nSpacer.displayName = 'Spacer'\n\nexport default withLayout(Spacer)\n"],
-  "mappings": "aASI,cAAAA,MAAA,oBARJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAASH,EAAM,WAAwC,CAAC,CAAE,UAAAI,EAAW,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAAQ,CAClG,KAAM,CAAE,MAAAC,EAAQ,SAAU,EAAIH,EAC9B,OACEN,EAAC,OACC,IAAKQ,EACJ,GAAGD,EACJ,UAAWL,EACT,aACAO,IAAU,WAAa,qEACvBA,IAAU,SAAW,OACrBJ,CACF,EACD,CAEL,CAAC,EAEDD,EAAO,YAAc,SAErB,IAAOM,EAAQP,EAAWC,CAAM",
-  "names": ["jsx", "React", "cn", "withLayout", "Spacer", "className", "data", "rest", "ref", "space", "Spacer_default"]
-}

package/dist/esm/biz-components/Spacer/types.js.map

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

package/dist/esm/biz-components/Specs/dropdown.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Specs/dropdown.tsx"],
-  "sourcesContent": ["import { useEffect, useRef, useMemo } from 'react'\n\nconst clickContent = 'openDropDown'\n\nexport type DropDownProps = {\n  index: number\n  active: any\n  list: any\n  setActive: any\n  setVisible: any\n  visible: any\n}\n\nconst DropDown = ({ index, active, list, setActive, setVisible, visible }: DropDownProps) => {\n  const dropDownRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: any) => {\n      const isDel = event?.target?.getAttribute?.('class')\n      const isContainer = !dropDownRef?.current?.contains(event?.target)\n      if (isContainer && !isDel?.includes(clickContent)) {\n        setVisible({ ...visible, [index]: false })\n      }\n    }\n    document.addEventListener('click', handleClickOutside)\n    return () => document.removeEventListener('click', handleClickOutside)\n  }, [])\n\n  return (\n    <div\n      ref={dropDownRef}\n      className={`absolute left-0 top-[104%] z-30 box-border max-h-[340px] w-full overflow-auto rounded-lg bg-white ${visible?.[index] ? 'block' : 'hidden'}`}\n    >\n      <div className={'m-0 box-border h-full flex-1 overflow-hidden p-0 [&:last-child]:border-r-0'}>\n        {list?.map((item: any, id: number) => {\n          const currentSku = item?.sku || item?.variants?.[0]?.sku\n          return (\n            <div\n              key={id}\n              onClick={() => {\n                setActive({\n                  ...active,\n                  [index]: {\n                    sku: currentSku,\n                    name: item?.name || item?.title,\n                    handle: item?.handle,\n                  },\n                })\n                setVisible({ ...visible, [index]: false })\n              }}\n              title={item?.name || item?.title}\n              className={`openDropDown min-xl:text-lg min-xxl:text-lg box-border cursor-pointer truncate px-6 py-4 text-base font-bold [&:hover]:bg-[#EAEAEC]\n                ${item?.handle === active?.handle ? 'bg-[#EAEAEC]' : ''}`}\n            >\n              {item?.name || item?.title}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default DropDown\n"],
-  "mappings": "AAqCY,cAAAA,MAAA,oBArCZ,OAAS,aAAAC,EAAW,UAAAC,MAAuB,QAE3C,MAAMC,EAAe,eAWfC,EAAW,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,UAAAC,EAAW,WAAAC,EAAY,QAAAC,CAAQ,IAAqB,CAC3F,MAAMC,EAAcT,EAAuB,IAAI,EAE/C,OAAAD,EAAU,IAAM,CACd,MAAMW,EAAsBC,GAAe,CACzC,MAAMC,EAAQD,GAAO,QAAQ,eAAe,OAAO,EAC/B,CAACF,GAAa,SAAS,SAASE,GAAO,MAAM,GAC9C,CAACC,GAAO,SAASX,CAAY,GAC9CM,EAAW,CAAE,GAAGC,EAAS,CAACL,CAAK,EAAG,EAAM,CAAC,CAE7C,EACA,gBAAS,iBAAiB,QAASO,CAAkB,EAC9C,IAAM,SAAS,oBAAoB,QAASA,CAAkB,CACvE,EAAG,CAAC,CAAC,EAGHZ,EAAC,OACC,IAAKW,EACL,UAAW,qGAAqGD,IAAUL,CAAK,EAAI,QAAU,QAAQ,GAErJ,SAAAL,EAAC,OAAI,UAAW,6EACb,SAAAO,GAAM,IAAI,CAACQ,EAAWC,IAAe,CACpC,MAAMC,EAAaF,GAAM,KAAOA,GAAM,WAAW,CAAC,GAAG,IACrD,OACEf,EAAC,OAEC,QAAS,IAAM,CACbQ,EAAU,CACR,GAAGF,EACH,CAACD,CAAK,EAAG,CACP,IAAKY,EACL,KAAMF,GAAM,MAAQA,GAAM,MAC1B,OAAQA,GAAM,MAChB,CACF,CAAC,EACDN,EAAW,CAAE,GAAGC,EAAS,CAACL,CAAK,EAAG,EAAM,CAAC,CAC3C,EACA,MAAOU,GAAM,MAAQA,GAAM,MAC3B,UAAW;AAAA,kBACPA,GAAM,SAAWT,GAAQ,OAAS,eAAiB,EAAE,GAExD,SAAAS,GAAM,MAAQA,GAAM,OAhBhBC,CAiBP,CAEJ,CAAC,EACH,EACF,CAEJ,EAEA,IAAOE,EAAQd",
-  "names": ["jsx", "useEffect", "useRef", "clickContent", "DropDown", "index", "active", "list", "setActive", "setVisible", "visible", "dropDownRef", "handleClickOutside", "event", "isDel", "item", "id", "currentSku", "dropdown_default"]
-}

package/dist/esm/biz-components/Specs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Specs/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport DropDown from './dropdown.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useMemo, useState, useEffect } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport { Picture, Text, Button, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport React, { useImperativeHandle, useRef } from 'react'\n\nexport interface SpecsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  data?: any\n  buildData?: any\n  onChange?: (product: any, index: number) => void\n  onSecondaryChange?: (data: any) => void\n}\n\nconst Specs = React.forwardRef<HTMLDivElement, SpecsProps>(\n  ({ data, buildData, onChange, onSecondaryChange, className, ...rest }, ref) => {\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n\n    const [active, setActive] = useState<any>({})\n    const [menuList, setMenuList] = useState<any[]>([])\n    const [isShowMax, setIsShowMax] = useState<boolean>(false)\n    const [visibleActive, setVisibleActive] = useState<{ [key: number]: boolean }>({})\n\n    const innerRef = useRef<HTMLDivElement>(null)\n\n    const { locale = 'us', currencyDisplay, trackingData, currencyCode } = useAiuiContext()\n\n    /** \u662F\u5426\u663E\u793A\u539F\u4EF7\uFF08\u5212\u7EBF\u4EF7\uFF09\uFF0C\u9ED8\u8BA4\u663E\u793A */\n    const showComparePrice = trackingData?.showComparePrice ?? true\n\n    const { LeftMenu, RightMenu, DefaultSelectMenu } = useMemo(() => data?.data || {}, [data?.data])\n\n    const isImageUrl = (urlPath: string) => {\n      try {\n        const url = new URL(urlPath)\n        const path = url.pathname.toLowerCase()\n        return /\\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/.test(path)\n      } catch (e) {\n        // \u5982\u679C\u4F20\u5165\u7684\u4E0D\u662F\u6709\u6548URL\uFF08\u5982\u76F8\u5BF9\u8DEF\u5F84\uFF09\uFF0C\u76F4\u63A5\u68C0\u67E5\u8DEF\u5F84\n        return /\\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/i.test(urlPath)\n      }\n    }\n\n    const skuNode = (product: any, index: number) => {\n      const findSku = product?.variants?.find?.((item: any) => item?.sku === product?.sku)\n      const coupon = findSku?.coupons?.[0]\n      const { price, basePrice } = formatVariantPrice({\n        locale: currencyCode === 'CAD' ? 'us' : locale || 'us',\n        amount: coupon ? coupon?.variant_price4wscode : findSku?.price,\n        baseAmount: coupon ? findSku?.price : 0,\n        currencyDisplay,\n        currencyCode: product?.price?.currencyCode || 'USD',\n      })\n      const buttonTextValue =\n        typeof DefaultSelectMenu?.buttonText === 'string'\n          ? DefaultSelectMenu?.buttonText\n          : DefaultSelectMenu?.buttonText?.[String(index)] || ''\n      return (\n        <div className=\"specs-sku-node-wrap box-border\">\n          <Text\n            className={`md-tablet:p-2 l-tablet:mb-4 l-tablet:text-sm desktop:px-6 lg-desktop:mb-8 lg-desktop:text-lg openDropDown specs-sku-node-text relative mb-6 box-border block rounded-[50px] border border-[#E4E5E6] bg-[#F5F5F7] px-6 py-4 text-base font-bold`}\n            onClick={() => {\n              if (menuList?.length <= 1) return null\n\n              setVisibleActive({\n                ...visibleActive,\n                [index]: !visibleActive?.[index],\n              })\n            }}\n          >\n            <div className=\"flex items-center justify-between overflow-hidden\">\n              <div\n                className=\"openDropDown md-tablet:text-sm lg-desktop:text-lg specs-sku-node-title flex-1 truncate text-base\"\n                title={active?.[index]?.name || ''}\n              >\n                {active?.[index]?.name || ''}\n              </div>\n              {menuList?.length > 1 ? (\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"24\"\n                  height=\"25\"\n                  viewBox=\"0 0 24 25\"\n                  fill=\"none\"\n                  className=\"openDropDown\"\n                >\n                  <path\n                    d=\"M6 9.5L12 15.5L18 9.5\"\n                    stroke=\"#1D1D1F\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              ) : null}\n            </div>\n            <DropDown\n              index={index}\n              list={menuList}\n              active={active}\n              setActive={setActive}\n              visible={visibleActive}\n              setVisible={setVisibleActive}\n            />\n          </Text>\n          <div className=\"lg-desktop:max-h-[196px] lg-desktop:max-w-[196px] max-h-[138px] max-w-[138px]\">\n            <Picture\n              source={findSku?.image?.url || ''}\n              className=\"aspect-h-[280] aspect-w-[280]\"\n              imgClassName=\"w-full h-full object-cover hover:scale-105 transition-all duration-300\"\n            />\n          </div>\n          <div className=\"lg-desktop:text-2xl mb-2 mt-6 text-xl font-bold\">\n            <div className=\"lg-desktop:min-h-[32px] flex  min-h-[28px] items-center\">\n              {findSku?.availableForSale ? (\n                <>\n                  <div className=\"specs-sku-node-price text-[#080A0F]\">{price || ''}</div>\n                  {showComparePrice && basePrice && (\n                    <div className=\"lg-desktop:text-2xl specs-sku-node-base-price ml-1 text-xl text-[#86868C] line-through\">\n                      {basePrice}\n                    </div>\n                  )}\n                </>\n              ) : null}\n            </div>\n          </div>\n          {buttonTextValue ? (\n            <Button\n              onClick={() => {\n                onChange?.(product, index)\n              }}\n              className=\"specs-sku-node-button\"\n            >\n              {buttonTextValue}\n            </Button>\n          ) : null}\n        </div>\n      )\n    }\n\n    const normalNode = (v: any) => {\n      if (v && typeof v !== 'string') {\n        return (\n          <div className=\"size-full\">\n            <p\n              className=\"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm\"\n              dangerouslySetInnerHTML={{\n                __html: v?.text || '',\n              }}\n            />\n            <Picture\n              source={v?.imgUrl}\n              className=\"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]\"\n              imgClassName=\"w-full h-full object-cover\"\n            />\n          </div>\n        )\n      }\n      return (\n        <div className=\"break-all\">\n          {isImageUrl(v) ? (\n            <Picture\n              source={v}\n              className=\"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]\"\n              imgClassName=\"w-full h-full object-cover\"\n            />\n          ) : (\n            <p\n              className=\"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm\"\n              dangerouslySetInnerHTML={{\n                __html: v || '',\n              }}\n            />\n          )}\n        </div>\n      )\n    }\n\n    const productNode = (data: any) => {\n      return data.map((st: any, idx: number) => {\n        const isFirstParameter = idx === 0\n        return (\n          <div\n            key={st}\n            className={`l-tablet:flex l-tablet:flex-col box-border grid w-full cursor-pointer grid-cols-3 overflow-hidden border-t border-t-[#E4E5E6] ${isFirstParameter ? '' : ''} specs-product-node-wrap`}\n          >\n            <Heading\n              as=\"h3\"\n              html={st || ''}\n              className=\"tablet:py-6 l-tablet:text-[#86868C] desktop:p-6 lg-desktop:text-lg specs-product-node-title mr-4 flex-1 pt-4 text-base font-bold md:text-sm\"\n            />\n            <div\n              className={`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:p-6 lg-desktop:gap-16 grid-cols-${isShowMax ? 3 : 2} specs-product-node-body col-span-2 grid flex-1 py-6`}\n            >\n              {Object.keys(active)?.map?.((item: string) => {\n                const currentData = active?.[item]\n                const currentMenus = RightMenu?.menus?.find?.(\n                  (item: any) => item?.handle === currentData?.handle\n                )?.subTitle\n                return normalNode(currentMenus?.[st])\n              })}\n            </div>\n          </div>\n        )\n      })\n    }\n\n    // \u5DE6\u4FA7\u6807\u9898\u83DC\u5355\n    const childrenNode = (node: any) => {\n      if (!active) return\n      const { subTitle, isProduct } = node\n      // \u5982\u679C\u662F\u4EA7\u54C1\n      if (isProduct) {\n        return (\n          <>\n            <div\n              className={`l-tablet:flex l-tablet:flex-col specs-content-item-product box-border grid w-full cursor-pointer grid-cols-3 border-t-0 border-t-[#E4E5E6]`}\n            >\n              {node?.title && (\n                <Heading as=\"h3\" html={node?.title || ''} className=\"l:hidden specs-item-product-title\" />\n              )}\n              <div\n                className={`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:px-6 desktop:pb-6 lg-desktop:gap-16 grid-cols-${isShowMax ? 3 : 2} specs-item-product-body col-span-2 grid flex-1 pb-4 pr-0`}\n              >\n                {Object.keys(active)?.map((item: string, index: number) => {\n                  const currentData = active?.[item]\n                  const currentProduct = buildData?.products?.find?.(\n                    (item: any) => item?.handle === currentData?.handle\n                  )\n                  return (\n                    <div key={item}>{skuNode({ ...currentProduct, item: item, sku: currentData?.sku }, index)}</div>\n                  )\n                })}\n              </div>\n            </div>\n            {node?.categoryLabel && (\n              <Heading\n                size={2}\n                as=\"h4\"\n                html={node?.categoryLabel || ''}\n                className=\"desktop:p-6 specs-item-product-category py-6\"\n              />\n            )}\n            {subTitle?.length ? productNode(subTitle) : null}\n          </>\n        )\n      }\n      return productNode(subTitle)\n    }\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      if (!buildData?.products?.length) return\n      const skus = DefaultSelectMenu?.sku?.split?.(',') || []\n      const limitedSkus = isMobile && skus?.length > 2 ? skus?.slice(0, 2) : skus\n      let currentActive = {}\n      limitedSkus?.forEach?.((sku: string, index: number) => {\n        const menu = RightMenu?.menus?.find?.((m: any) => m?.sku === sku)\n        const targetHandle = menu?.handle\n        const findData = targetHandle\n          ? buildData?.products?.find?.((item: any) => item?.handle === targetHandle)\n          : buildData?.products?.find?.((item: any) => {\n              const findSku = item?.variants?.find?.((v: any) => v?.sku === sku)\n              if (findSku) return true\n            })\n        if (findData) {\n          currentActive = {\n            ...currentActive,\n            [index]: {\n              sku: sku,\n              name: findData?.name || findData?.title,\n              handle: targetHandle || findData?.handle,\n            },\n          }\n        }\n      })\n      const currentMenu = buildData?.products?.filter((item: any) => {\n        return RightMenu?.menus?.find((params: any) => params?.handle === item?.handle)\n      })\n      setActive(currentActive)\n      setMenuList(currentMenu)\n      setIsShowMax(skus?.length > 2 && !isMobile)\n    }, [buildData, isMobile])\n\n    useEffect(() => {\n      if (isMobile) {\n        const currentActive = Object.keys(active || {})\n        if (currentActive?.length > 2) {\n          const newActive = currentActive?.slice?.(0, 2)\n          let newShowActive = {}\n          newActive?.forEach?.((item: string) => {\n            newShowActive = { ...newShowActive, [item]: active?.[item] }\n          })\n          setIsShowMax(false)\n          setActive(newShowActive)\n        }\n      }\n    }, [isMobile])\n\n    return (\n      <div {...rest} className={cn('specs-wrapper w-full overflow-hidden bg-[#F5F5F7]', className)} ref={innerRef}>\n        {LeftMenu?.data ? (\n          <div className=\"specs-wrapper-content box-border w-full overflow-hidden\">\n            {LeftMenu?.data?.map?.((item: any, index: number) => {\n              return (\n                <div\n                  key={index}\n                  className=\"specs-wrapper-content-item w-full overflow-hidden pt-10 [&:first-child]:pt-0\"\n                >\n                  {childrenNode(item)}\n                </div>\n              )\n            })}\n          </div>\n        ) : null}\n      </div>\n    )\n  }\n)\n\nSpecs.displayName = 'Specs'\n\nexport default withLayout(Specs)\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "DropDown", "useAiuiContext", "useMediaQuery", "useMemo", "useState", "useEffect", "withLayout", "formatVariantPrice", "Picture", "Text", "Button", "Heading", "cn", "React", "useImperativeHandle", "useRef", "Specs", "data", "buildData", "onChange", "onSecondaryChange", "className", "rest", "ref", "isMobile", "active", "setActive", "menuList", "setMenuList", "isShowMax", "setIsShowMax", "visibleActive", "setVisibleActive", "innerRef", "locale", "currencyDisplay", "trackingData", "currencyCode", "showComparePrice", "LeftMenu", "RightMenu", "DefaultSelectMenu", "isImageUrl", "urlPath", "path", "skuNode", "product", "index", "findSku", "item", "coupon", "price", "basePrice", "buttonTextValue", "normalNode", "v", "productNode", "st", "idx", "isFirstParameter", "currentData", "currentMenus", "childrenNode", "node", "subTitle", "isProduct", "currentProduct", "skus", "limitedSkus", "currentActive", "sku", "targetHandle", "findData", "currentMenu", "params", "newActive", "newShowActive", "Specs_default"]
-}

package/dist/esm/biz-components/SpecsComparison/SpecsComparison.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SpecsComparison/SpecsComparison.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle, useState } from 'react'\nimport { Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { SpecsComparisonProps } from './types.js'\n\nconst componentType = 'specs'\nconst componentName = 'specs_comparison'\n\nconst SpecsComparison = React.forwardRef<HTMLDivElement, SpecsComparisonProps>(({ data, className }, ref) => {\n  const { LeftMenu, RightMenu } = data || {}\n  const [selectItem, setSelectItem] = useState('')\n  const refs = useRef<Record<string, HTMLDivElement | null>>({})\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: 'Specs Comparison',\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const normalNode = (v: string) => {\n    if (!v) return null\n    return (\n      <div className=\"specs-comparison__value-wrapper break-all\">\n        <p\n          className=\"specs-comparison__value min-xl:text-base min-xxl:text-lg text-sm font-bold text-[#1D1D1F]\"\n          dangerouslySetInnerHTML={{\n            __html: v || '',\n          }}\n        />\n      </div>\n    )\n  }\n\n  const productNode = (subTitle: string[]) => {\n    return subTitle.map((st, idx) => {\n      const isFirstParameter = idx === 0\n      const leftData = RightMenu?.menus?.[0]?.subTitle\n      const rightData = RightMenu?.menus?.[1]?.subTitle\n      const hasRightData = rightData && rightData[st]\n      const reg = /^[\u2705\u274C]$/\n      const isSame = hasRightData && (rightData[st] !== leftData?.[st] || reg.test(rightData[st]))\n\n      return (\n        <div\n          key={st}\n          className={cn(\n            'specs-comparison__row l:flex-col box-border flex w-full overflow-hidden border-t border-t-[#E4E5E6]',\n            isFirstParameter && 'specs-comparison__row--first border-t-0'\n          )}\n        >\n          <Heading\n            as=\"h3\"\n            html={st || ''}\n            className=\"specs-comparison__spec-label l:text-lg min-l:min-w-[216px] min-l:max-w-[216px] min-xl:min-w-[268px] min-xl:max-w-[268px] min-xl:p-6 min-xxl:min-w-[356px] min-xxl:max-w-[356px] min-xxl:text-lg mr-4 flex-1 pt-4 text-base font-bold text-[#000000]\"\n          />\n          <div\n            className={cn(\n              'specs-comparison__values-grid l:w-full l:gap-4 min-l:gap-8 min-xl:gap-12 min-xl:p-6 min-xxl:gap-16 grid flex-1 place-self-center pb-4 pt-2',\n              isSame\n                ? 'specs-comparison__values-grid--double grid-cols-2'\n                : 'specs-comparison__values-grid--single grid-cols-1'\n            )}\n          >\n            {normalNode(leftData?.[st])}\n            {isSame && normalNode(rightData?.[st])}\n          </div>\n        </div>\n      )\n    })\n  }\n\n  const childrenNode = (node: { subTitle: string[]; isProduct?: boolean }) => {\n    const { subTitle } = node\n    return productNode(subTitle)\n  }\n\n  return (\n    <div\n      ref={boxRef}\n      data-ui-component-id=\"SpecsComparison\"\n      className={cn('specs-comparison w-full overflow-hidden bg-[#F5F5F7]', className)}\n    >\n      <div className=\"specs-comparison__container container mx-auto\">\n        {LeftMenu?.data ? (\n          <div className=\"specs-comparison__wrapper min-l:mb-24 min-xl:mb-32 my-16 box-border flex w-full overflow-hidden\">\n            {LeftMenu.data.length > 1 ? (\n              <div className=\"specs-comparison__sidebar l:hidden min-l:mr-6 min-xl:mr-12 flex\">\n                <div className=\"specs-comparison__nav min-l:w-[196px] min-xl:w-[284px] min-xxl:w-[356px] box-border overflow-hidden\">\n                  {LeftMenu.data.map(item => {\n                    return (\n                      <div\n                        key={item.title}\n                        onClick={() => {\n                          setSelectItem(item.title)\n                          const el = refs.current[item.title]\n                          el?.scrollIntoView({ behavior: 'smooth' })\n                        }}\n                        title={item.title || ''}\n                        className={cn(\n                          'specs-comparison__nav-item rounded-btn min-xxl:py-4 min-xxl:text-lg box-border cursor-pointer overflow-hidden truncate px-6 py-2 text-base font-bold leading-9 text-[#1D1D1F]',\n                          selectItem === item.title && 'specs-comparison__nav-item--active bg-[#FFFFFF]'\n                        )}\n                      >\n                        {item.title || ''}\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            ) : null}\n            <div className=\"specs-comparison__content box-border flex-1 overflow-hidden\">\n              <div className=\"specs-comparison__sections w-full\">\n                {LeftMenu.data.map((item, index) => {\n                  return (\n                    <div\n                      key={index}\n                      className=\"specs-comparison__section w-full overflow-hidden pt-10 first:pt-0\"\n                      ref={r => {\n                        refs.current[item.title] = r\n                      }}\n                    >\n                      {item.title && (\n                        <Heading\n                          as=\"h2\"\n                          className=\"specs-comparison__section-title min-l:text-[32px] mb-6 text-2xl font-bold\"\n                          html={item.title || ''}\n                        />\n                      )}\n                      {childrenNode(item)}\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n})\n\nSpecsComparison.displayName = 'SpecsComparison'\n\nexport default withLayout(SpecsComparison)\n"],
-  "mappings": "aA8BQ,cAAAA,EAgCE,QAAAC,MAhCF,oBA7BR,OAAOC,GAAS,UAAAC,EAAQ,uBAAAC,EAAqB,YAAAC,MAAgB,QAC7D,OAAS,WAAAC,MAAe,4BACxB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,eAAAC,MAAmB,6BAG5B,MAAMC,EAAgB,QAChBC,EAAgB,mBAEhBC,EAAkBV,EAAM,WAAiD,CAAC,CAAE,KAAAW,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC3G,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAU,EAAIJ,GAAQ,CAAC,EACnC,CAACK,EAAYC,CAAa,EAAId,EAAS,EAAE,EACzCe,EAAOjB,EAA8C,CAAC,CAAC,EAEvDkB,EAASlB,EAAuB,IAAI,EAE1CM,EAAYY,EAAQ,CAClB,cAAAX,EACA,cAAAC,EACA,eAAgB,kBAClB,CAAC,EAEDP,EAAoBW,EAAK,IAAMM,EAAO,OAAyB,EAE/D,MAAMC,EAAcC,GACbA,EAEHvB,EAAC,OAAI,UAAU,4CACb,SAAAA,EAAC,KACC,UAAU,4FACV,wBAAyB,CACvB,OAAQuB,GAAK,EACf,EACF,EACF,EATa,KAaXC,EAAeC,GACZA,EAAS,IAAI,CAACC,EAAIC,IAAQ,CAC/B,MAAMC,EAAmBD,IAAQ,EAC3BE,EAAWZ,GAAW,QAAQ,CAAC,GAAG,SAClCa,EAAYb,GAAW,QAAQ,CAAC,GAAG,SACnCc,EAAeD,GAAaA,EAAUJ,CAAE,EACxCM,EAAM,SACNC,EAASF,IAAiBD,EAAUJ,CAAE,IAAMG,IAAWH,CAAE,GAAKM,EAAI,KAAKF,EAAUJ,CAAE,CAAC,GAE1F,OACEzB,EAAC,OAEC,UAAWM,EACT,sGACAqB,GAAoB,yCACtB,EAEA,UAAA5B,EAACM,EAAA,CACC,GAAG,KACH,KAAMoB,GAAM,GACZ,UAAU,sPACZ,EACAzB,EAAC,OACC,UAAWM,EACT,6IACA0B,EACI,oDACA,mDACN,EAEC,UAAAX,EAAWO,IAAWH,CAAE,CAAC,EACzBO,GAAUX,EAAWQ,IAAYJ,CAAE,CAAC,GACvC,IArBKA,CAsBP,CAEJ,CAAC,EAGGQ,EAAgBC,GAAsD,CAC1E,KAAM,CAAE,SAAAV,CAAS,EAAIU,EACrB,OAAOX,EAAYC,CAAQ,CAC7B,EAEA,OACEzB,EAAC,OACC,IAAKqB,EACL,uBAAqB,kBACrB,UAAWd,EAAG,uDAAwDO,CAAS,EAE/E,SAAAd,EAAC,OAAI,UAAU,gDACZ,SAAAgB,GAAU,KACTf,EAAC,OAAI,UAAU,kGACZ,UAAAe,EAAS,KAAK,OAAS,EACtBhB,EAAC,OAAI,UAAU,kEACb,SAAAA,EAAC,OAAI,UAAU,sGACZ,SAAAgB,EAAS,KAAK,IAAIoB,GAEfpC,EAAC,OAEC,QAAS,IAAM,CACbmB,EAAciB,EAAK,KAAK,EACbhB,EAAK,QAAQgB,EAAK,KAAK,GAC9B,eAAe,CAAE,SAAU,QAAS,CAAC,CAC3C,EACA,MAAOA,EAAK,OAAS,GACrB,UAAW7B,EACT,gLACAW,IAAekB,EAAK,OAAS,iDAC/B,EAEC,SAAAA,EAAK,OAAS,IAZVA,EAAK,KAaZ,CAEH,EACH,EACF,EACE,KACJpC,EAAC,OAAI,UAAU,8DACb,SAAAA,EAAC,OAAI,UAAU,oCACZ,SAAAgB,EAAS,KAAK,IAAI,CAACoB,EAAMC,IAEtBpC,EAAC,OAEC,UAAU,oEACV,IAAKqC,GAAK,CACRlB,EAAK,QAAQgB,EAAK,KAAK,EAAIE,CAC7B,EAEC,UAAAF,EAAK,OACJpC,EAACM,EAAA,CACC,GAAG,KACH,UAAU,4EACV,KAAM8B,EAAK,OAAS,GACtB,EAEDF,EAAaE,CAAI,IAbbC,CAcP,CAEH,EACH,EACF,GACF,EACE,KACN,EACF,CAEJ,CAAC,EAEDzB,EAAgB,YAAc,kBAE9B,IAAO2B,EAAQ/B,EAAWI,CAAe",
-  "names": ["jsx", "jsxs", "React", "useRef", "useImperativeHandle", "useState", "Heading", "cn", "withLayout", "useExposure", "componentType", "componentName", "SpecsComparison", "data", "className", "ref", "LeftMenu", "RightMenu", "selectItem", "setSelectItem", "refs", "boxRef", "normalNode", "v", "productNode", "subTitle", "st", "idx", "isFirstParameter", "leftData", "rightData", "hasRightData", "reg", "isSame", "childrenNode", "node", "item", "index", "r", "SpecsComparison_default"]
-}

package/dist/esm/biz-components/SpecsComparison/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SpecsComparison/index.ts"],
-  "sourcesContent": ["export { default } from './SpecsComparison.js'\nexport type { SpecsComparisonProps, SpecsComparisonMenuItem, SpecsComparisonLeftMenuItem } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/SpecsComparison/types.js.map

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

package/dist/esm/biz-components/Subscribe/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Subscribe/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport React, { useState } from 'react'\nimport { Text, Checkbox, Button } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { LoadingDots } from '../../components/index.js'\n\nexport interface SubscribeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {\n  subscribeMetadata: any\n  onSubmit?: ({\n    email,\n    terms,\n    news,\n    dealsType,\n    onSuccess,\n  }: {\n    email: string\n    terms: string\n    news: string\n    dealsType?: string\n    onSuccess?: () => void\n  }) => void\n  loading?: boolean\n}\n\n/**\n * Subscribe \u8BA2\u9605\u6A21\u5757\n * @param subscribeMetadata \u8BA2\u9605\u6A21\u5757\u6570\u636E\n * @param onSubmit \u63D0\u4EA4\u4E8B\u4EF6\n * @param className \u7C7B\u540D\n * @returns\n */\nconst Subscribe = ({ subscribeMetadata, onSubmit, className, loading, ...rest }: SubscribeProps) => {\n  const [error, setError] = useState<string | null>(null)\n  const [termsChecked, setTermsChecked] = useState<boolean>(subscribeMetadata?.termsChecked)\n  const [newsChecked, setNewsChecked] = useState<boolean>(subscribeMetadata?.newsChecked)\n  const [termsError, setTermsError] = useState<string | null>(null)\n  const [success, setSuccess] = useState<boolean>(false)\n  const [email, setEmail] = useState<string>('')\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.target as HTMLFormElement)\n    const email = formData.get('email')\n    const terms = formData.get('terms')\n    const news = formData.get('news')\n    if (!email) {\n      setError(subscribeMetadata?.emptyError)\n      return\n    }\n    if (!/^[a-zA-Z0-9.,%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.test(email as string)) {\n      setError(subscribeMetadata?.formatError)\n      return\n    }\n    if (!terms) {\n      setTermsError(subscribeMetadata?.termsError)\n      return\n    }\n    onSubmit?.({\n      email: email as string,\n      terms: terms as string,\n      news: news as string,\n      dealsType: subscribeMetadata?.dealsType,\n      onSuccess: () => {\n        setSuccess(true)\n        let timer = setTimeout(() => {\n          setSuccess(false)\n          clearTimeout(timer)\n        }, 3000)\n      },\n    })\n  }\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'subscribe-component laptop:flex-row laptop:gap-4 desktop:flex-col desktop:gap-8 flex flex-col gap-4',\n        className\n      )}\n    >\n      {/* TODO: @seasail \u7528tailwind \u539F\u5B50\u7C7B\u6216\u8005\u884C\u5185\u6837\u5F0F(Inline Style)\u4EE3\u66FF jsx global */}\n      <style jsx global>\n        {`\n          .subscribe-component input:-webkit-autofill,\n          .subscribe-component input:-webkit-autofill:hover,\n          .subscribe-component input:-webkit-autofill:focus {\n            -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n            -webkit-text-fill-color: #fff !important;\n            transition: background-color 9999s ease-in-out 0s !important;\n            caret-color: #fff;\n          }\n        `}\n      </style>\n      <div className=\"laptop:flex-1\">\n        <Text\n          as=\"p\"\n          html={subscribeMetadata?.title}\n          className=\"desktop:text-base text-sm font-bold leading-[1.4] text-white\"\n        />\n        <Text\n          as=\"p\"\n          html={subscribeMetadata?.subtitle}\n          className=\"desktop:mt-2 desktop:text-[32px] mt-1 text-2xl font-bold leading-[1.2] text-white\"\n        />\n      </div>\n      <form className=\"laptop:flex-1\" onSubmit={handleSubmit}>\n        <div className=\"desktop:h-[48px] flex h-[38px] items-center\">\n          <div className=\"tablet:max-w-[320px] laptop:max-w-[404px] relative h-full flex-1\">\n            <input\n              name=\"email\"\n              onFocus={() => setError(null)}\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              placeholder={subscribeMetadata?.placeholder}\n              className=\"desktop:text-base rounded-l-btn size-full rounded-r-none border border-[#B6B6BA] bg-transparent px-4 text-sm font-bold leading-[1.2] text-white\"\n            />\n            <button\n              type=\"button\"\n              onClick={() => setEmail('')}\n              className={cn('absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600', {\n                hidden: !email,\n              })}\n            >\n              \u2715\n            </button>\n          </div>\n          <Button\n            type=\"submit\"\n            className=\"desktop:px-7 rounded-r-btn desktop:text-base h-full !rounded-l-none bg-white px-5 text-sm font-bold leading-[1.2] text-black\"\n          >\n            {loading ? (\n              <LoadingDots />\n            ) : (\n              <Text html={subscribeMetadata?.button} className=\"desktop:text-base text-sm font-bold leading-[1.2]\" />\n            )}\n          </Button>\n        </div>\n        {error && (\n          <Text as=\"p\" html={error} className=\"laptop:text-base mt-2 text-sm font-bold leading-[1.2] text-[#F84D4F]\" />\n        )}\n        <div className=\"mt-4 flex flex-col gap-2\">\n          <div className=\"laptop:items-center flex items-start gap-2\">\n            <Checkbox\n              name=\"terms\"\n              id=\"terms\"\n              size=\"base\"\n              checked={termsChecked}\n              onCheckedChange={(checked: boolean) => {\n                setTermsChecked(checked)\n                checked && setTermsError(null)\n              }}\n              className=\"border-[#B6B6BA] data-[state=checked]:bg-white data-[state=checked]:text-[#080A0F]\"\n            />\n            <label htmlFor=\"terms\">\n              <Text\n                as=\"p\"\n                html={subscribeMetadata?.terms}\n                className=\"desktop:text-base text-sm font-bold leading-[1.4] text-[#B6B6BA]\"\n              />\n            </label>\n          </div>\n          {termsError && (\n            <Text\n              as=\"p\"\n              html={termsError}\n              className=\"laptop:text-base text-sm font-bold leading-[1.2] text-[#F84D4F]\"\n            />\n          )}\n          <div className=\"flex items-start gap-2\">\n            <Checkbox\n              name=\"news\"\n              id=\"news\"\n              size=\"base\"\n              checked={newsChecked}\n              onCheckedChange={(checked: boolean) => {\n                setNewsChecked(checked)\n              }}\n              className=\"border-[#B6B6BA] data-[state=checked]:bg-white data-[state=checked]:text-[#080A0F]\"\n            />\n            <label htmlFor=\"news\">\n              <Text\n                as=\"p\"\n                html={subscribeMetadata?.news}\n                className=\"desktop:text-base text-sm font-bold leading-[1.4] text-[#B6B6BA]\"\n              />\n            </label>\n          </div>\n          {success && (\n            <Text\n              as=\"p\"\n              html={subscribeMetadata?.successMessage}\n              className=\"text-brand-0 text-base font-bold leading-[1.2]\"\n            />\n          )}\n        </div>\n      </form>\n    </div>\n  )\n}\n\nexport default Subscribe\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "Text", "Checkbox", "Button", "cn", "LoadingDots", "Subscribe", "subscribeMetadata", "onSubmit", "className", "loading", "rest", "error", "setError", "termsChecked", "setTermsChecked", "newsChecked", "setNewsChecked", "termsError", "setTermsError", "success", "setSuccess", "email", "setEmail", "handleSubmit", "e", "formData", "terms", "news", "timer", "checked", "Subscribe_default"]
-}

package/dist/esm/biz-components/SwiperBox/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SwiperBox/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\n// import 'swiper/css'\n// import 'swiper/css/free-mode'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, FreeMode, Mousewheel } from 'swiper/modules'\nimport type { SwiperBoxProps } from './types.js'\n\nconst PrevIcon = () => (\n  <span className=\"lg-desktop:size-14 relative flex size-10 items-center justify-center\">\n    <span className=\"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors\" />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      className=\"lg-desktop:size-6 relative size-5\"\n    >\n      <path d=\"M15 6L9 12L15 18\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  </span>\n)\n\nconst NextIcon = () => (\n  <span className=\"lg-desktop:size-14 relative flex size-10 items-center justify-center\">\n    <span className=\"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors\" />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      className=\"lg-desktop:size-6 relative size-5\"\n    >\n      <path d=\"M9 6L15 12L9 18\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  </span>\n)\n\nconst SwiperBox = React.forwardRef<HTMLDivElement, SwiperBoxProps>(\n  (\n    {\n      data,\n      breakpoints,\n      Slide,\n      className,\n      id,\n      itemClassName,\n      showNavigation = false,\n      navigationPrevClassName,\n      navigationNextClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const [isStart, setStart] = useState(true)\n    const [isEnd, setEnd] = useState(false)\n\n    const updateState = (swiper: { isBeginning: boolean; isEnd: boolean }) => {\n      setStart(swiper.isBeginning)\n      setEnd(swiper.isEnd)\n    }\n\n    return (\n      <div {...rest} ref={ref} className={cn(showNavigation && 'relative')}>\n        <Swiper\n          className={cn(className)}\n          navigation={\n            showNavigation\n              ? {\n                  nextEl: `.${id}-custom-swiper-button-next`,\n                  prevEl: `.${id}-custom-swiper-button-prev`,\n                }\n              : false\n          }\n          onProgress={updateState}\n          onSlideChange={updateState}\n          modules={[Navigation, FreeMode, Mousewheel]}\n          freeMode={true}\n          mousewheel={{\n            forceToAxis: true,\n          }}\n          breakpoints={\n            breakpoints || {\n              0: {\n                spaceBetween: 12,\n                slidesPerView: 1,\n                freeMode: false,\n              },\n              374: {\n                spaceBetween: 12,\n                slidesPerView: 1.2,\n                freeMode: false,\n              },\n              768: {\n                spaceBetween: 16,\n                slidesPerView: 2,\n                freeMode: false,\n              },\n            }\n          }\n        >\n          {data?.list?.map((item, jIndex) => (\n            <SwiperSlide key={id + 'SwiperSlide' + jIndex} className={cn('!flex !h-[unset]', itemClassName)}>\n              <Slide\n                data={item}\n                configuration={data?.configuration ? { ...data?.configuration, index: jIndex } : { index: jIndex }}\n                jIndex={jIndex}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {showNavigation && (\n          <>\n            <button\n              className={cn(\n                `${id}-custom-swiper-button-prev`,\n                'group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center',\n                !isStart && 'laptop:flex',\n                navigationPrevClassName\n              )}\n              aria-label=\"Previous slide\"\n            >\n              <PrevIcon />\n            </button>\n            <button\n              className={cn(\n                `${id}-custom-swiper-button-next`,\n                'group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center',\n                !isEnd && 'laptop:flex',\n                navigationNextClassName\n              )}\n              aria-label=\"Next slide\"\n            >\n              <NextIcon />\n            </button>\n          </>\n        )}\n      </div>\n    )\n  }\n)\n\nSwiperBox.displayName = 'SwiperBox'\n\nexport default SwiperBox\n"],
-  "mappings": "aAUE,OA0GQ,YAAAA,EAzGN,OAAAC,EADF,QAAAC,MAAA,oBATF,OAAOC,GAAS,YAAAC,MAAgB,QAChC,OAAS,MAAAC,MAAU,yBAGnB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,EAAY,YAAAC,EAAU,cAAAC,MAAkB,iBAGjD,MAAMC,EAAW,IACfT,EAAC,QAAK,UAAU,uEACd,UAAAD,EAAC,QAAK,UAAU,oFAAoF,EACpGA,EAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,UAAU,oCAEV,SAAAA,EAAC,QAAK,EAAE,mBAAmB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,EACzG,GACF,EAGIW,EAAW,IACfV,EAAC,QAAK,UAAU,uEACd,UAAAD,EAAC,QAAK,UAAU,oFAAoF,EACpGA,EAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,UAAU,oCAEV,SAAAA,EAAC,QAAK,EAAE,kBAAkB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,EACxG,GACF,EAGIY,EAAYV,EAAM,WACtB,CACE,CACE,KAAAW,EACA,YAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,GACjB,wBAAAC,EACA,wBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAASC,CAAQ,EAAItB,EAAS,EAAI,EACnC,CAACuB,EAAOC,CAAM,EAAIxB,EAAS,EAAK,EAEhCyB,EAAeC,GAAqD,CACxEJ,EAASI,EAAO,WAAW,EAC3BF,EAAOE,EAAO,KAAK,CACrB,EAEA,OACE5B,EAAC,OAAK,GAAGqB,EAAM,IAAKC,EAAK,UAAWnB,EAAGe,GAAkB,UAAU,EACjE,UAAAnB,EAACK,EAAA,CACC,UAAWD,EAAGY,CAAS,EACvB,WACEG,EACI,CACE,OAAQ,IAAIF,CAAE,6BACd,OAAQ,IAAIA,CAAE,4BAChB,EACA,GAEN,WAAYW,EACZ,cAAeA,EACf,QAAS,CAACrB,EAAYC,EAAUC,CAAU,EAC1C,SAAU,GACV,WAAY,CACV,YAAa,EACf,EACA,YACEK,GAAe,CACb,EAAG,CACD,aAAc,GACd,cAAe,EACf,SAAU,EACZ,EACA,IAAK,CACH,aAAc,GACd,cAAe,IACf,SAAU,EACZ,EACA,IAAK,CACH,aAAc,GACd,cAAe,EACf,SAAU,EACZ,CACF,EAGD,SAAAD,GAAM,MAAM,IAAI,CAACiB,EAAMC,IACtB/B,EAACM,EAAA,CAA8C,UAAWF,EAAG,mBAAoBc,CAAa,EAC5F,SAAAlB,EAACe,EAAA,CACC,KAAMe,EACN,cAAejB,GAAM,cAAgB,CAAE,GAAGA,GAAM,cAAe,MAAOkB,CAAO,EAAI,CAAE,MAAOA,CAAO,EACjG,OAAQA,EACV,GALgBd,EAAK,cAAgBc,CAMvC,CACD,EACH,EAECZ,GACClB,EAAAF,EAAA,CACE,UAAAC,EAAC,UACC,UAAWI,EACT,GAAGa,CAAE,6BACL,kFACA,CAACO,GAAW,cACZJ,CACF,EACA,aAAW,iBAEX,SAAApB,EAACU,EAAA,EAAS,EACZ,EACAV,EAAC,UACC,UAAWI,EACT,GAAGa,CAAE,6BACL,kFACA,CAACS,GAAS,cACVL,CACF,EACA,aAAW,aAEX,SAAArB,EAACW,EAAA,EAAS,EACZ,GACF,GAEJ,CAEJ,CACF,EAEAC,EAAU,YAAc,YAExB,IAAOoB,EAAQpB",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useState", "cn", "Swiper", "SwiperSlide", "Navigation", "FreeMode", "Mousewheel", "PrevIcon", "NextIcon", "SwiperBox", "data", "breakpoints", "Slide", "className", "id", "itemClassName", "showNavigation", "navigationPrevClassName", "navigationNextClassName", "rest", "ref", "isStart", "setStart", "isEnd", "setEnd", "updateState", "swiper", "item", "jIndex", "SwiperBox_default"]
-}

package/dist/esm/biz-components/SwiperBox/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SwiperBox/types.ts"],
-  "sourcesContent": ["import React from 'react'\n\nexport interface SwiperBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  data: {\n    list: any[]\n    configuration?: any\n    onVideoPlayBtnClick?: (jIndex: number) => void\n  }\n  id: string\n  itemClassName?: string\n  breakpoints?: Record<number, Object>\n  Slide: React.ComponentType<{ data: any; configuration?: any; jIndex?: number }>\n  /** \u662F\u5426\u663E\u793A\u5DE6\u53F3\u8F6E\u64AD\u7BAD\u5934\u3002\u9ED8\u8BA4 false\u3002\u663E\u793A\u65AD\u70B9\u4E0E\u5DE6\u53F3\u95F4\u8DDD\u7531\u8C03\u7528\u65B9\u901A\u8FC7 navigationPrevClassName / navigationNextClassName \u63A7\u5236 */\n  showNavigation?: boolean\n  /** \u5DE6\u7BAD\u5934\u6309\u94AE\u8FFD\u52A0\u7684 className\uFF08\u7528\u4E8E\u63A7\u5236\u663E\u793A\u65AD\u70B9\u3001\u5DE6\u53F3\u95F4\u8DDD\u7B49\uFF0C\u7531\u8C03\u7528\u65B9\u51B3\u5B9A\uFF09 */\n  navigationPrevClassName?: string\n  /** \u53F3\u7BAD\u5934\u6309\u94AE\u8FFD\u52A0\u7684 className */\n  navigationNextClassName?: string\n}\n"],
-  "mappings": "AAAA,MAAkB",
-  "names": []
-}

package/dist/esm/biz-components/TabWithImage/TabWithImage.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabWithImage/TabWithImage.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect, useRef, useImperativeHandle } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { TabWithImageProps, TabWithImageDataItem } from './types.js'\nimport { motion, AnimatePresence } from 'framer-motion'\n\nconst componentType = 'image'\nconst componentName = 'tab_with_image'\n\nconst TabWithImage = React.forwardRef<HTMLDivElement, TabWithImageProps>(({ data, className }, ref) => {\n  const { title, subtitle, desc, image, mobileImage, datalist = [], titleTag } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: desc,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const handleClick = (index: number, e: React.MouseEvent<HTMLDivElement>) => {\n    setActiveIndex(index)\n    ;(e.target as HTMLElement).scrollIntoView({\n      behavior: 'smooth', // \u5E73\u6ED1\u6EDA\u52A8\n      inline: 'center', // \u6A2A\u5411\u5C45\u4E2D\u5BF9\u9F50\n      block: 'nearest', // \u5782\u76F4\u65B9\u5411\u4E0D\u52A8\n    })\n  }\n\n  const [activeIndex, setActiveIndex] = useState(0)\n  const tabRefs = useRef<Array<HTMLDivElement | null>>([]) // \u8BB0\u5F55\u6BCF\u4E2Atab\u7684\u4F4D\u7F6E\n  const [sliderStyle, setSliderStyle] = useState({ left: 0, width: 0 })\n\n  useEffect(() => {\n    const current = tabRefs.current[activeIndex]\n    if (current) {\n      const { offsetLeft, offsetWidth } = current\n      setSliderStyle({ left: offsetLeft, width: offsetWidth })\n    }\n  }, [activeIndex, datalist.length])\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"TabWithImage\"\n      className={cn(\n        'tab-with-image l:gap-[24px] min-md:justify-between min-l:gap-[20px] flex text-white xl:flex-col',\n        className\n      )}\n    >\n      <div className=\"tab-with-image__content min-md:gap-[24px] laptop:basis-[36%] inline-flex flex-col justify-center\">\n        <div className=\"tab-with-image__header\">\n          <Heading as={'h3'} size={4} html={title} className=\"tab-with-image__title\" />\n          <Text\n            as={'p'}\n            size={1}\n            html={desc}\n            className=\"tab-with-image__description tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]\"\n          />\n        </div>\n\n        <div className=\"tab-with-image__tabs-wrapper md:scrollbar-hidden relative md:overflow-hidden md:overflow-x-scroll\">\n          <div className=\"tab-with-image__tabs rounded-btn relative inline-flex bg-[#1D1D1F] px-[4px] md:my-[24px]\">\n            {/* \u6ED1\u52A8\u80CC\u666F */}\n            <div\n              className=\"tab-with-image__slider rounded-btn absolute inset-y-0 bg-white transition-all duration-300 ease-in-out\"\n              style={{\n                left: sliderStyle.left,\n                width: sliderStyle.width,\n              }}\n            />\n\n            {/* Tab Items */}\n            {datalist.map((item: TabWithImageDataItem, index: number) => (\n              <div\n                key={index}\n                ref={el => {\n                  tabRefs.current[index] = el\n                }}\n                onClick={e => handleClick(index, e)}\n                className={cn(\n                  'tab-with-image__tab rounded-btn min-xxl:px-[28px] min-xxl:py-[15px] relative z-10 cursor-pointer px-[20px] py-[10px] text-center text-[12px] font-medium transition-colors duration-300 md:px-[20px] md:py-[10px]',\n                  activeIndex === index ? 'tab-with-image__tab--active text-black' : 'text-white'\n                )}\n              >\n                <Heading\n                  as={titleTag ?? 'h3'}\n                  size={1}\n                  html={item?.title}\n                  className=\"tab-with-image__tab-title text-balance-normal !whitespace-nowrap md:text-[14px]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      <div className=\"tab-with-image__image-wrapper min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] laptop:basis-[64%] desktop:aspect-[648/448] relative w-full shrink md:aspect-[358/360]\">\n        <AnimatePresence mode=\"wait\">\n          {datalist[activeIndex] && (\n            <motion.div\n              key={datalist[activeIndex].image?.url}\n              {...({\n                initial: { opacity: 0 },\n                animate: { opacity: 1 },\n                exit: { opacity: 0 },\n                transition: { duration: 0.3 },\n              } as any)}\n              className=\"tab-with-image__image-motion absolute left-0 top-0 w-full\"\n            >\n              <Picture\n                source={`${datalist[activeIndex].image?.url} ,${datalist[activeIndex].imgPad?.url || datalist[activeIndex].image?.url} 1440, ${datalist[activeIndex].imageMob?.url || datalist[activeIndex].image?.url} 767`}\n                alt={datalist[activeIndex].image?.alt}\n                className=\"tab-with-image__image rounded-box min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] desktop:aspect-[648/448] md:aspect-[358/360] \"\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n    </section>\n  )\n})\n\nTabWithImage.displayName = 'TabWithImage'\n\nexport default withLayout(TabWithImage)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useState", "useEffect", "useRef", "useImperativeHandle", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "motion", "AnimatePresence", "componentType", "componentName", "TabWithImage", "data", "className", "ref", "title", "subtitle", "desc", "image", "mobileImage", "datalist", "titleTag", "boxRef", "handleClick", "index", "e", "setActiveIndex", "activeIndex", "tabRefs", "sliderStyle", "setSliderStyle", "current", "offsetLeft", "offsetWidth", "item", "el", "TabWithImage_default"]
-}

package/dist/esm/biz-components/TabWithImage/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabWithImage/index.ts"],
-  "sourcesContent": ["export { default } from './TabWithImage.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/TabWithImage/types.js.map

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

package/dist/esm/biz-components/Tabs/Tabs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Tabs/Tabs.tsx"],
-  "sourcesContent": ["'use client'\nimport { withLayout } from '../../shared/Styles.js'\nimport * as TabsPrimitive from '../../components/tabs.js'\nimport { cn, isLexicalEmpty } from '../../helpers/index.js'\nimport type { TabsProps } from './types.js'\nimport React from 'react'\nimport ShelfDisplay from '../ShelfDisplay/index.js'\nimport AccordionCards from '../AccordionCards/index.js'\nimport Faq from '../Faq/index.js'\nimport MultiLayoutGraphicBlock from '../MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport Title from '../Title/index.js'\nimport Graphic from '../Graphic/index.js'\nimport WhyChoose from '../WhyChoose/index.js'\nimport BrandEquity from '../BrandEquity/index.js'\nimport BrandCardLink from '../BrandCardLink/index.js'\nimport ImageWithText from '../ImageWithText/index.js'\nimport HeroBanner from '../HeroBanner/index.js'\n\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>(({ data, className }, forwardedRef) => {\n  const { theme, shape, align, tabs = [], tabTriggerTag = 'h3', sectionTitle } = data\n\n  const renderTabContent = (tabContent: TabsProps['data']['tabs'][number]['tabContent'][number]) => {\n    if (tabContent?.blockType === 'ipc-shelfdisplay') {\n      return <ShelfDisplay data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-multiLayoutGraphicBlock') {\n      return <MultiLayoutGraphicBlock data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-accordioncards') {\n      return <AccordionCards data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-faq') {\n      return <Faq data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-graphic') {\n      return <Graphic data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-whychoose') {\n      return <WhyChoose data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-brand-equity') {\n      return <BrandEquity data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-brand-card-link') {\n      return <BrandCardLink data={tabContent} />\n    } else if (tabContent?.blockType === 'ImageWithText') {\n      return <ImageWithText data={tabContent} />\n    } else if (tabContent?.blockType === 'ipc-banner') {\n      return <HeroBanner data={tabContent} />\n    } else {\n      return null\n    }\n  }\n\n  const Tag = tabTriggerTag as React.ElementType\n\n  return (\n    <section ref={forwardedRef} className={cn(theme === 'dark' ? 'aiui-dark' : '', className)}>\n      {sectionTitle && <Title className=\"section-title\" data={{ title: sectionTitle }} />}\n      <TabsPrimitive.Tabs shape={shape} align={align} defaultValue={tabs?.[0]?.id || tabs?.[0]?.tabName}>\n        {Array.isArray(tabs) && tabs.length > 1 && (\n          <TabsPrimitive.TabsList className=\"tabs-list\">\n            {tabs.map(tab => (\n              <TabsPrimitive.TabsTrigger\n                asChild\n                key={tab.id || tab.tabName}\n                value={tab.id || tab.tabName}\n                className=\"tabs-trigger\"\n              >\n                <Tag>{tab.tabName}</Tag>\n              </TabsPrimitive.TabsTrigger>\n            ))}\n          </TabsPrimitive.TabsList>\n        )}\n        {(Array.isArray(tabs) ? tabs : [])?.map((tab: any) => (\n          <TabsPrimitive.TabsContent\n            key={tab.id || tab.tabName}\n            value={tab.id || tab.tabName}\n            className={`tabs-content ${tabs?.length > 1 ? 'mt-[24px]' : ''}`}\n          >\n            {!isLexicalEmpty(tab.caption) || !isLexicalEmpty(tab?.subtitle) ? (\n              <Title className=\"tabs-title\" data={{ caption: tab?.caption, subtitle: tab?.subtitle }} />\n            ) : null}\n            {tab.tabContent?.[0] ? renderTabContent(tab.tabContent?.[0]) : null}\n          </TabsPrimitive.TabsContent>\n        ))}\n      </TabsPrimitive.Tabs>\n    </section>\n  )\n})\nTabs.displayName = 'Tabs'\nexport default withLayout(Tabs)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "withLayout", "TabsPrimitive", "cn", "isLexicalEmpty", "React", "ShelfDisplay", "AccordionCards", "Faq", "MultiLayoutGraphicBlock", "Title", "Graphic", "WhyChoose", "BrandEquity", "BrandCardLink", "ImageWithText", "HeroBanner", "Tabs", "data", "className", "forwardedRef", "theme", "shape", "align", "tabs", "tabTriggerTag", "sectionTitle", "renderTabContent", "tabContent", "Tag", "tab", "Tabs_default"]
-}