npm - @anker-in/campaign-ui - Versions diffs - 0.4.3-beta.1 → 0.4.4-beta.1 - Mend

@anker-in/campaign-ui 0.4.3-beta.1 → 0.4.4-beta.1

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

Files changed (71) hide show

package/dist/cjs/components/LiveChatWidget/components/MessageContent/ProductList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/ProductList.tsx"],
-  "sourcesContent": ["/**\n * \u5546\u54C1\u5217\u8868\u6E32\u67D3\u5668\n * \u663E\u793A\u591A\u4E2A\u5546\u54C1\u7684\u7EB5\u5411\u5217\u8868\uFF0C\u652F\u6301\u5C55\u5F00/\u6536\u8D77\n * \u57FA\u4E8E specs/livechat-widget/data-model.md \u7684\u5546\u54C1\u6570\u636E\u6A21\u578B\n */\n\nimport React, { useState } from 'react'\nimport type { MessageRenderer, ProductListContent, Product, CommonText } from '../../types'\nimport { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'\n\n/**\n * \u683C\u5F0F\u5316\u4EF7\u683C\n */\nfunction formatPrice(price: Product['price']): string {\n  const { amount, currency } = price\n\n  const symbol = CURRENCY_SYMBOLS[currency] || currency\n  return `${symbol}${amount.toFixed(2)}`\n}\n\n/**\n * \u683C\u5F0F\u5316\u6298\u6263\u6807\u7B7E\u6587\u672C\n * @param discount \u6298\u6263\u5BF9\u8C61\n * @param currency \u8D27\u5E01\u4EE3\u7801\n * @param offText \"OFF\" \u6587\u6848\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u6298\u6263\u6587\u672C\uFF08\u5982 \"$10 OFF\" \u6216 \"20% OFF\"\uFF09\n */\nfunction formatDiscountLabel(\n  discount: { discount_type?: string; discount_value?: string | number },\n  currency: string,\n  offText: string = DEFAULT_COMMON_TEXT.off\n): string {\n  if (!discount.discount_type || discount.discount_value === undefined) {\n    return ''\n  }\n\n  // \u5C06 discount_value \u8F6C\u6362\u4E3A\u6570\u5B57\n  const value =\n    typeof discount.discount_value === 'string' ? parseFloat(discount.discount_value) : discount.discount_value\n\n  if (isNaN(value)) {\n    return ''\n  }\n\n  if (discount.discount_type === 'percentage') {\n    return `${Math.round(value)}% ${offText}`\n  }\n\n  if (discount.discount_type === 'fixed_amount') {\n    const symbol = CURRENCY_SYMBOLS[currency] || currency\n    return `${symbol}${Math.round(value)} ${offText}`\n  }\n\n  return ''\n}\n\n/**\n * \u7D27\u51D1\u578B\u5546\u54C1\u5361\u7247\uFF08\u7528\u4E8E\u7EB5\u5411\u5217\u8868\uFF09\n */\nconst CompactProductCard: React.FC<{\n  product: Product\n  onAddToCart?: (product: Product) => void\n  addToCartText?: string\n  offText?: string\n}> = ({ product, onAddToCart, addToCartText = DEFAULT_COMMON_TEXT.addToCart, offText = DEFAULT_COMMON_TEXT.off }) => {\n  const { title, description, price, imageUrl, stockStatus, averageRating, variants } = product\n\n  const isOutOfStock = stockStatus === 'out_of_stock'\n\n  // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u53D8\u4F53\u7684\u6298\u6263\u4FE1\u606F\n  const firstVariant = variants?.[0]\n  const hasDiscount = firstVariant?.discount?.has_discount\n  const discountPrice = hasDiscount ? firstVariant?.discount?.discount_price : null\n  const discount = firstVariant?.discount\n\n  // \u5F53\u524D\u663E\u793A\u4EF7\u683C\uFF1A\u6709\u6298\u6263\u65F6\u663E\u793A\u6298\u6263\u4EF7\uFF0C\u5426\u5219\u663E\u793A\u539F\u4EF7\n  const currentPrice = discountPrice ? { amount: discountPrice, currency: price.currency } : price\n\n  // \u683C\u5F0F\u5316\u6298\u6263\u6807\u7B7E\n  const discountLabel = discount && hasDiscount ? formatDiscountLabel(discount, price.currency, offText) : ''\n\n  const handleAddToCart = (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (onAddToCart) {\n      onAddToCart(product)\n    }\n  }\n\n  return (\n    <div className=\"block w-full overflow-hidden rounded-2xl bg-[#F5F6F7] transition-shadow\">\n      <div className=\"block\">\n        <div className=\"flex gap-2 p-4\">\n          {/* \u5546\u54C1\u56FE\u7247 */}\n          <div className=\" flex shrink-0 items-center overflow-hidden rounded-md \" style={{ width: '40%' }}>\n            <img\n              src={imageUrl}\n              alt={title}\n              className={`h-auto w-full object-cover ${isOutOfStock ? 'opacity-50' : ''}`}\n              loading=\"lazy\"\n            />\n          </div>\n\n          {/* \u5546\u54C1\u4FE1\u606F */}\n          <div className=\"flex flex-1 flex-col justify-center\">\n            {/* \u6298\u6263\u6807\u7B7E */}\n            {discountLabel && (\n              <div\n                className=\"mb-1 w-fit rounded-full px-2 text-sm font-bold leading-none tracking-[-0.04em] text-white\"\n                style={{ backgroundColor: '#005D8E', paddingTop: '6px', paddingBottom: '4px' }}\n              >\n                {discountLabel}\n              </div>\n            )}\n\n            {/* \u6807\u9898 */}\n            <h4 className=\"line-clamp-2 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n              {title}\n            </h4>\n\n            {/* \u63CF\u8FF0\uFF08\u53EF\u9009\uFF09 */}\n            {description && (\n              <p className=\"line-clamp-2 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#1D1D1F]\">\n                {description}\n              </p>\n            )}\n\n            {/* \u4EF7\u683C\u548C\u8BC4\u5206 */}\n            <div className=\"mt-4 flex items-center gap-2\">\n              <div className=\"flex items-center gap-1\">\n                {/* \u5F53\u524D\u4EF7\u683C\uFF08\u6709\u6298\u6263\u65F6\u663E\u793A\u6298\u6263\u4EF7\uFF0C\u5426\u5219\u663E\u793A\u539F\u4EF7\uFF09 */}\n                <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {formatPrice(currentPrice)}\n                </span>\n                {/* \u539F\u4EF7\uFF08\u5212\u7EBF\u4EF7\uFF09- \u4EC5\u5728\u6709\u6298\u6263\u65F6\u663E\u793A */}\n                {hasDiscount && (\n                  <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#6D6D6F] line-through\">\n                    {formatPrice(price)}\n                  </span>\n                )}\n              </div>\n              {/* \u8BC4\u5206\uFF08\u53EF\u9009\uFF09 */}\n              {averageRating !== undefined && (\n                <div className=\"flex items-center gap-0.5 text-xs text-gray-600\">\n                  <span className=\"text-yellow-500\">\u2B50</span>\n                  <span>{averageRating.toFixed(1)}</span>\n                </div>\n              )}\n            </div>\n\n            {/* Add to Cart \u6309\u94AE - \u5728\u4EF7\u683C\u4E0B\u65B9 */}\n            <button\n              type=\"button\"\n              onClick={handleAddToCart}\n              className=\"mt-2 w-fit rounded-full px-[20px] py-[10px] text-center text-sm font-bold leading-[1.2] tracking-[-0.04em] text-white\"\n              style={{ backgroundColor: '#1D1D1F' }}\n            >\n              {addToCartText}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u5546\u54C1\u5217\u8868\u5185\u90E8\u7EC4\u4EF6\uFF08\u652F\u6301\u5C55\u5F00/\u6536\u8D77\uFF09\n */\nconst ProductListComponent: React.FC<{\n  products: Product[]\n  title?: string\n  onAddToCart?: (product: Product) => void\n  commonText?: CommonText\n}> = ({ products, title, onAddToCart, commonText }) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText = { ...DEFAULT_COMMON_TEXT, ...commonText }\n\n  // \u8FC7\u6EE4\u6389 null \u6216\u65E0\u6548\u7684\u4EA7\u54C1\n  const validProducts = products.filter(p => p && p.shopifyId)\n\n  // \u9ED8\u8BA4\u663E\u793A\u524D3\u4E2A\u4EA7\u54C1\n  const INITIAL_DISPLAY_COUNT = 3\n  const hasMore = validProducts.length > INITIAL_DISPLAY_COUNT\n  const displayedProducts = isExpanded ? validProducts : validProducts.slice(0, INITIAL_DISPLAY_COUNT)\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      {/* \u5217\u8868\u6807\u9898\uFF08\u53EF\u9009\uFF09 */}\n      {title && <h3 className=\"text-sm font-semibold text-gray-900\">{title}</h3>}\n\n      {/* \u7EB5\u5411\u6392\u5217\u7684\u5546\u54C1\u5217\u8868 */}\n      <div className=\"flex flex-col gap-1.5\">\n        {displayedProducts.map(product => {\n          if (!product || !product.shopifyId) return null\n          return (\n            <CompactProductCard\n              key={product.shopifyId}\n              product={product}\n              onAddToCart={onAddToCart}\n              addToCartText={mergedText.addToCart}\n              offText={mergedText.off}\n            />\n          )\n        })}\n      </div>\n\n      {/* Learn More \u6309\u94AE */}\n      {hasMore && (\n        <button\n          type=\"button\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center justify-center gap-1.5  px-3 py-2 text-[14px] font-bold leading-[1.2] tracking-tighter text-[#080A0F]\"\n        >\n          <span>{isExpanded ? mergedText.showLess : mergedText.learnMore}</span>\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={`transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n          >\n            <polyline points=\"6 9 12 15 18 9\" />\n          </svg>\n        </button>\n      )}\n    </div>\n  )\n}\n\n/**\n * \u5546\u54C1\u5217\u8868\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u7EB5\u5411\u5C55\u793A\u591A\u4E2A\u5546\u54C1\n * - \u9ED8\u8BA4\u663E\u793A\u524D3\u4E2A\u4EA7\u54C1\n * - \u652F\u6301\u5C55\u5F00/\u6536\u8D77\u67E5\u770B\u5168\u90E8\n * - \u7D27\u51D1\u578B\u5361\u7247\u8BBE\u8BA1\n * - \u53EF\u9009\u6807\u9898\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u6807\u9898\uFF08\u53EF\u9009\uFF09\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $29.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $39.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $49.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * [ Learn More \u2193 ]\n * ```\n *\n * @example\n * ```tsx\n * const content: ProductListContent = {\n *   type: 'product_list',\n *   data: {\n *     title: '\u76F8\u5173\u5546\u54C1\u63A8\u8350',\n *     products: [product1, product2, product3, product4, product5]\n *   }\n * }\n * <ProductList.render(content, false, false) />\n * ```\n */\nexport const ProductList: MessageRenderer = {\n  render: content => {\n    const productListContent = content as ProductListContent\n    const { products, title, onAddToCart, commonText } = productListContent.data\n\n    // \u8FC7\u6EE4\u6389 null \u6216\u65E0\u6548\u7684\u4EA7\u54C1\n    const validProducts = products?.filter(p => p && p.shopifyId) || []\n\n    if (validProducts.length === 0) {\n      return null\n    }\n\n    return (\n      <ProductListComponent products={validProducts} title={title} onAddToCart={onAddToCart} commonText={commonText} />\n    )\n  },\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * \u5546\u54C1\u5217\u8868\u6E32\u67D3\u5668\n * \u663E\u793A\u591A\u4E2A\u5546\u54C1\u7684\u7EB5\u5411\u5217\u8868\uFF0C\u652F\u6301\u5C55\u5F00/\u6536\u8D77\n * \u57FA\u4E8E specs/livechat-widget/data-model.md \u7684\u5546\u54C1\u6570\u636E\u6A21\u578B\n */\n\nimport React, { useState } from 'react'\nimport type { MessageRenderer, ProductListContent, Product, CommonText } from '../../types'\nimport { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'\n\n/**\n * \u683C\u5F0F\u5316\u4EF7\u683C\n */\nfunction formatPrice(price: Product['price']): string {\n  const { amount, currency } = price\n\n  const symbol = CURRENCY_SYMBOLS[currency] || currency\n  return `${symbol}${amount.toFixed(2)}`\n}\n\n/**\n * \u683C\u5F0F\u5316\u6298\u6263\u6807\u7B7E\u6587\u672C\n * @param discount \u6298\u6263\u5BF9\u8C61\n * @param currency \u8D27\u5E01\u4EE3\u7801\n * @param offText \"OFF\" \u6587\u6848\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u6298\u6263\u6587\u672C\uFF08\u5982 \"$10 OFF\" \u6216 \"20% OFF\"\uFF09\n */\nfunction formatDiscountLabel(\n  discount: { discount_type?: string; discount_value?: string | number },\n  currency: string,\n  offText: string = DEFAULT_COMMON_TEXT.off\n): string {\n  if (!discount.discount_type || discount.discount_value === undefined) {\n    return ''\n  }\n\n  // \u5C06 discount_value \u8F6C\u6362\u4E3A\u6570\u5B57\n  const value =\n    typeof discount.discount_value === 'string' ? parseFloat(discount.discount_value) : discount.discount_value\n\n  if (isNaN(value)) {\n    return ''\n  }\n\n  if (discount.discount_type === 'percentage') {\n    return `${Math.round(value)}% ${offText}`\n  }\n\n  if (discount.discount_type === 'fixed_amount') {\n    const symbol = CURRENCY_SYMBOLS[currency] || currency\n    return `${symbol}${Math.round(value)} ${offText}`\n  }\n\n  return ''\n}\n\n/**\n * \u7D27\u51D1\u578B\u5546\u54C1\u5361\u7247\uFF08\u7528\u4E8E\u7EB5\u5411\u5217\u8868\uFF09\n */\nconst CompactProductCard: React.FC<{\n  product: Product\n  onAddToCart?: (product: Product) => void\n  addToCartText?: string\n  offText?: string\n}> = ({ product, onAddToCart, addToCartText = DEFAULT_COMMON_TEXT.addToCart, offText = DEFAULT_COMMON_TEXT.off }) => {\n  const { title, description, price, imageUrl, stockStatus, averageRating, variants } = product\n\n  const isOutOfStock = stockStatus === 'out_of_stock'\n\n  // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u53D8\u4F53\u7684\u6298\u6263\u4FE1\u606F\n  const firstVariant = variants?.[0]\n  const hasDiscount = firstVariant?.discount?.has_discount\n  const discountPrice = hasDiscount ? firstVariant?.discount?.discount_price : null\n  const discount = firstVariant?.discount\n\n  // \u5F53\u524D\u663E\u793A\u4EF7\u683C\uFF1A\u6709\u6298\u6263\u65F6\u663E\u793A\u6298\u6263\u4EF7\uFF0C\u5426\u5219\u663E\u793A\u539F\u4EF7\n  const currentPrice = discountPrice ? { amount: discountPrice, currency: price.currency } : price\n\n  // \u683C\u5F0F\u5316\u6298\u6263\u6807\u7B7E\n  const discountLabel = discount && hasDiscount ? formatDiscountLabel(discount, price.currency, offText) : ''\n\n  const handleAddToCart = (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (onAddToCart) {\n      onAddToCart(product)\n    }\n  }\n\n  return (\n    <div className=\"block w-full overflow-hidden rounded-2xl bg-[#F5F6F7] transition-shadow\">\n      <div className=\"block\">\n        <div className=\"flex gap-2 p-4\">\n          {/* \u5546\u54C1\u56FE\u7247 */}\n          <div className=\" flex shrink-0 items-center overflow-hidden rounded-md \" style={{ width: '40%' }}>\n            <img\n              src={imageUrl}\n              alt={title}\n              className={`h-auto w-full object-cover ${isOutOfStock ? 'opacity-50' : ''}`}\n              loading=\"lazy\"\n            />\n          </div>\n\n          {/* \u5546\u54C1\u4FE1\u606F */}\n          <div className=\"flex flex-1 flex-col justify-center\">\n            {/* \u6298\u6263\u6807\u7B7E */}\n            {discountLabel && (\n              <div\n                className=\"livechat-tag-product mb-1 w-fit rounded-full px-2 text-sm font-bold leading-none tracking-[-0.04em] text-white\"\n                style={{ backgroundColor: '#005D8E', paddingTop: '6px', paddingBottom: '4px' }}\n              >\n                {discountLabel}\n              </div>\n            )}\n\n            {/* \u6807\u9898 */}\n            <h4 className=\"line-clamp-2 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n              {title}\n            </h4>\n\n            {/* \u63CF\u8FF0\uFF08\u53EF\u9009\uFF09 */}\n            {description && (\n              <p className=\"line-clamp-2 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#1D1D1F]\">\n                {description}\n              </p>\n            )}\n\n            {/* \u4EF7\u683C\u548C\u8BC4\u5206 */}\n            <div className=\"mt-4 flex items-center gap-2\">\n              <div className=\"flex items-center gap-1\">\n                {/* \u5F53\u524D\u4EF7\u683C\uFF08\u6709\u6298\u6263\u65F6\u663E\u793A\u6298\u6263\u4EF7\uFF0C\u5426\u5219\u663E\u793A\u539F\u4EF7\uFF09 */}\n                <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {formatPrice(currentPrice)}\n                </span>\n                {/* \u539F\u4EF7\uFF08\u5212\u7EBF\u4EF7\uFF09- \u4EC5\u5728\u6709\u6298\u6263\u65F6\u663E\u793A */}\n                {hasDiscount && (\n                  <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#6D6D6F] line-through\">\n                    {formatPrice(price)}\n                  </span>\n                )}\n              </div>\n              {/* \u8BC4\u5206\uFF08\u53EF\u9009\uFF09 */}\n              {averageRating !== undefined && (\n                <div className=\"flex items-center gap-0.5 text-xs text-gray-600\">\n                  <span className=\"text-yellow-500\">\u2B50</span>\n                  <span>{averageRating.toFixed(1)}</span>\n                </div>\n              )}\n            </div>\n\n            {/* Add to Cart \u6309\u94AE - \u5728\u4EF7\u683C\u4E0B\u65B9 */}\n            <button\n              type=\"button\"\n              onClick={handleAddToCart}\n              className=\"livechat-btn-primary mt-2 w-fit rounded-full px-[20px] py-[10px] text-center text-sm font-bold leading-[1.2] tracking-[-0.04em] text-white\"\n              style={{ backgroundColor: '#1D1D1F' }}\n            >\n              {addToCartText}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u5546\u54C1\u5217\u8868\u5185\u90E8\u7EC4\u4EF6\uFF08\u652F\u6301\u5C55\u5F00/\u6536\u8D77\uFF09\n */\nconst ProductListComponent: React.FC<{\n  products: Product[]\n  title?: string\n  onAddToCart?: (product: Product) => void\n  commonText?: CommonText\n}> = ({ products, title, onAddToCart, commonText }) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText = { ...DEFAULT_COMMON_TEXT, ...commonText }\n\n  // \u8FC7\u6EE4\u6389 null \u6216\u65E0\u6548\u7684\u4EA7\u54C1\n  const validProducts = products.filter(p => p && p.shopifyId)\n\n  // \u9ED8\u8BA4\u663E\u793A\u524D3\u4E2A\u4EA7\u54C1\n  const INITIAL_DISPLAY_COUNT = 3\n  const hasMore = validProducts.length > INITIAL_DISPLAY_COUNT\n  const displayedProducts = isExpanded ? validProducts : validProducts.slice(0, INITIAL_DISPLAY_COUNT)\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      {/* \u5217\u8868\u6807\u9898\uFF08\u53EF\u9009\uFF09 */}\n      {title && <h3 className=\"text-sm font-semibold text-gray-900\">{title}</h3>}\n\n      {/* \u7EB5\u5411\u6392\u5217\u7684\u5546\u54C1\u5217\u8868 */}\n      <div className=\"flex flex-col gap-1.5\">\n        {displayedProducts.map(product => {\n          if (!product || !product.shopifyId) return null\n          return (\n            <CompactProductCard\n              key={product.shopifyId}\n              product={product}\n              onAddToCart={onAddToCart}\n              addToCartText={mergedText.addToCart}\n              offText={mergedText.off}\n            />\n          )\n        })}\n      </div>\n\n      {/* Learn More \u6309\u94AE */}\n      {hasMore && (\n        <button\n          type=\"button\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center justify-center gap-1.5  px-3 py-2 text-[14px] font-bold leading-[1.2] tracking-tighter text-[#080A0F]\"\n        >\n          <span>{isExpanded ? mergedText.showLess : mergedText.learnMore}</span>\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={`transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n          >\n            <polyline points=\"6 9 12 15 18 9\" />\n          </svg>\n        </button>\n      )}\n    </div>\n  )\n}\n\n/**\n * \u5546\u54C1\u5217\u8868\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u7EB5\u5411\u5C55\u793A\u591A\u4E2A\u5546\u54C1\n * - \u9ED8\u8BA4\u663E\u793A\u524D3\u4E2A\u4EA7\u54C1\n * - \u652F\u6301\u5C55\u5F00/\u6536\u8D77\u67E5\u770B\u5168\u90E8\n * - \u7D27\u51D1\u578B\u5361\u7247\u8BBE\u8BA1\n * - \u53EF\u9009\u6807\u9898\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u6807\u9898\uFF08\u53EF\u9009\uFF09\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $29.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $39.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 [\u56FE] \u5546\u54C1\u6807\u9898   \u2502\n * \u2502      $49.99     \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * [ Learn More \u2193 ]\n * ```\n *\n * @example\n * ```tsx\n * const content: ProductListContent = {\n *   type: 'product_list',\n *   data: {\n *     title: '\u76F8\u5173\u5546\u54C1\u63A8\u8350',\n *     products: [product1, product2, product3, product4, product5]\n *   }\n * }\n * <ProductList.render(content, false, false) />\n * ```\n */\nexport const ProductList: MessageRenderer = {\n  render: content => {\n    const productListContent = content as ProductListContent\n    const { products, title, onAddToCart, commonText } = productListContent.data\n\n    // \u8FC7\u6EE4\u6389 null \u6216\u65E0\u6548\u7684\u4EA7\u54C1\n    const validProducts = products?.filter(p => p && p.shopifyId) || []\n\n    if (validProducts.length === 0) {\n      return null\n    }\n\n    return (\n      <ProductListComponent products={validProducts} title={title} onAddToCart={onAddToCart} commonText={commonText} />\n    )\n  },\n}\n"],
+  "mappings": "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",
   "names": ["ProductList_exports", "__export", "ProductList", "__toCommonJS", "import_jsx_runtime", "import_react", "import_constants", "formatPrice", "price", "amount", "currency", "formatDiscountLabel", "discount", "offText", "value", "CompactProductCard", "product", "onAddToCart", "addToCartText", "title", "description", "imageUrl", "stockStatus", "averageRating", "variants", "isOutOfStock", "firstVariant", "hasDiscount", "discountPrice", "currentPrice", "discountLabel", "handleAddToCart", "e", "ProductListComponent", "products", "commonText", "isExpanded", "setIsExpanded", "mergedText", "validProducts", "p", "INITIAL_DISPLAY_COUNT", "hasMore", "displayedProducts", "content", "productListContent"]
 }

package/dist/cjs/components/LiveChatWidget/components/MessageContent/TextBlock.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var x=Object.create;var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var f=(a,r)=>{for(var l in r)n(a,l,{get:r[l],enumerable:!0})},s=(a,r,l,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of g(r))!N.call(a,t)&&t!==l&&n(a,t,{get:()=>r[t],enumerable:!(d=i(r,t))||d.enumerable});return a};var m=(a,r,l)=>(l=a!=null?x(y(a)):{},s(r||!a||!a.__esModule?n(l,"default",{value:a,enumerable:!0}):l,a)),p=a=>s(n({},"__esModule",{value:!0}),a);var u={};f(u,{TextBlock:()=>h});module.exports=p(u);var o=require("react/jsx-runtime"),b=m(require("react-markdown")),c=m(require("remark-gfm"));const h={render:(a,r,l)=>{const d=a;return d.text?(0,o.jsx)("div",{className:"livechat-markdown text-base md:text-sm",children:(0,o.jsx)(b.default,{remarkPlugins:[c.default],components:{a:({node:t,...e})=>(0,o.jsx)("a",{...e,className:`underline ${r?"text-blue-200 hover:text-blue-100":"text-blue-600 hover:text-blue-700"}`,target:"_blank",rel:"noopener noreferrer"}),code:({node:t,...e})=>e.inline?(0,o.jsx)("code",{...e,className:`rounded px-1.5 py-0.5 font-mono text-xs ${r?"bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}):(0,o.jsx)("code",{...e,className:`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${r?"bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}),p:({node:t,...e})=>(0,o.jsx)("p",{...e,className:"last:mb-0"}),ul:({node:t,...e})=>(0,o.jsx)("ul",{...e,className:"ml-4 list-disc"}),ol:({node:t,...e})=>(0,o.jsx)("ol",{...e,className:"mb-2 ml-4 list-decimal"}),li:({node:t,...e})=>(0,o.jsx)("li",{...e,className:"mb-1"}),h1:({node:t,...e})=>(0,o.jsx)("h1",{...e,className:"mb-2 font-bold"}),h2:({node:t,...e})=>(0,o.jsx)("h2",{...e,className:"mb-2 font-bold"}),h3:({node:t,...e})=>(0,o.jsx)("h3",{...e,className:"mb-1 font-bold"}),strong:({node:t,...e})=>(0,o.jsx)("strong",{...e,className:"font-bold"}),em:({node:t,...e})=>(0,o.jsx)("em",{...e,className:"italic"}),table:({node:t,...e})=>(0,o.jsx)("div",{className:"my-2 overflow-x-auto",children:(0,o.jsx)("table",{...e,className:"min-w-full border-collapse border border-gray-300 text-base md:text-sm"})}),thead:({node:t,...e})=>(0,o.jsx)("thead",{...e,className:"bg-gray-100"}),tbody:({node:t,...e})=>(0,o.jsx)("tbody",{...e}),tr:({node:t,...e})=>(0,o.jsx)("tr",{...e,className:"border-b border-gray-300"}),th:({node:t,...e})=>(0,o.jsx)("th",{...e,className:"border border-gray-300 px-3 py-2 text-left font-semibold"}),td:({node:t,...e})=>(0,o.jsx)("td",{...e,className:"border border-gray-300 px-3 py-2"})},children:d.text})}):null}};
+"use strict";var x=Object.create;var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var f=(a,r)=>{for(var l in r)n(a,l,{get:r[l],enumerable:!0})},s=(a,r,l,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of g(r))!N.call(a,t)&&t!==l&&n(a,t,{get:()=>r[t],enumerable:!(d=i(r,t))||d.enumerable});return a};var m=(a,r,l)=>(l=a!=null?x(y(a)):{},s(r||!a||!a.__esModule?n(l,"default",{value:a,enumerable:!0}):l,a)),h=a=>s(n({},"__esModule",{value:!0}),a);var p={};f(p,{TextBlock:()=>u});module.exports=h(p);var o=require("react/jsx-runtime"),b=m(require("react-markdown")),c=m(require("remark-gfm"));const u={render:(a,r,l)=>{const d=a;return d.text?(0,o.jsx)("div",{className:"livechat-markdown text-base md:text-sm",children:(0,o.jsx)(b.default,{remarkPlugins:[c.default],components:{a:({node:t,...e})=>(0,o.jsx)("a",{...e,className:`underline ${r?"text-blue-200 hover:text-blue-100":"text-blue-600 hover:text-blue-700"}`,target:"_blank",rel:"noopener noreferrer"}),code:({node:t,...e})=>e.inline?(0,o.jsx)("code",{...e,className:`rounded px-1.5 py-0.5 font-mono text-xs ${r?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}):(0,o.jsx)("code",{...e,className:`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${r?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}),p:({node:t,...e})=>(0,o.jsx)("p",{...e,className:"last:mb-0"}),ul:({node:t,...e})=>(0,o.jsx)("ul",{...e,className:"ml-4 list-disc"}),ol:({node:t,...e})=>(0,o.jsx)("ol",{...e,className:"mb-2 ml-4 list-decimal"}),li:({node:t,...e})=>(0,o.jsx)("li",{...e,className:"mb-1"}),h1:({node:t,...e})=>(0,o.jsx)("h1",{...e,className:"mb-2 font-bold"}),h2:({node:t,...e})=>(0,o.jsx)("h2",{...e,className:"mb-2 font-bold"}),h3:({node:t,...e})=>(0,o.jsx)("h3",{...e,className:"mb-1 font-bold"}),strong:({node:t,...e})=>(0,o.jsx)("strong",{...e,className:"font-bold"}),em:({node:t,...e})=>(0,o.jsx)("em",{...e,className:"italic"}),table:({node:t,...e})=>(0,o.jsx)("div",{className:"my-2 overflow-x-auto",children:(0,o.jsx)("table",{...e,className:"min-w-full border-collapse border border-gray-300 text-base md:text-sm"})}),thead:({node:t,...e})=>(0,o.jsx)("thead",{...e,className:"bg-gray-100"}),tbody:({node:t,...e})=>(0,o.jsx)("tbody",{...e}),tr:({node:t,...e})=>(0,o.jsx)("tr",{...e,className:"border-b border-gray-300"}),th:({node:t,...e})=>(0,o.jsx)("th",{...e,className:"border border-gray-300 px-3 py-2 text-left font-semibold"}),td:({node:t,...e})=>(0,o.jsx)("td",{...e,className:"border border-gray-300 px-3 py-2"})},children:d.text})}):null}};
 //# sourceMappingURL=TextBlock.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent/TextBlock.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/TextBlock.tsx"],
-  "sourcesContent": ["/**\n * \u6587\u672C\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\n * \u652F\u6301 Markdown \u683C\u5F0F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6587\u672C\u6D88\u606F\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { MessageRenderer, TextContent } from '../../types'\n\n/**\n * \u6587\u672C\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u652F\u6301 Markdown \u8BED\u6CD5\uFF08\u7C97\u4F53\u3001\u659C\u4F53\u3001\u94FE\u63A5\u3001\u5217\u8868\u7B49\uFF09\n * - \u5B89\u5168\u6E32\u67D3\uFF08React Markdown \u81EA\u52A8\u9632\u62A4 XSS\uFF09\n * - \u54CD\u5E94\u5F0F\u6587\u672C\u6837\u5F0F\n *\n * Markdown \u652F\u6301\uFF1A\n * - \u7C97\u4F53\uFF1A**text** \u6216 __text__\n * - \u659C\u4F53\uFF1A*text* \u6216 _text_\n * - \u94FE\u63A5\uFF1A[text](url)\n * - \u5217\u8868\uFF1A- item \u6216 1. item\n * - \u4EE3\u7801\uFF1A`code` \u6216 ```code block```\n *\n * @example\n * ```tsx\n * const content: TextContent = {\n *   type: 'text',\n *   text: '\u60A8\u597D\uFF01**\u8FD9\u662F\u7C97\u4F53**\uFF0C*\u8FD9\u662F\u659C\u4F53*\u3002'\n * }\n * <TextBlock.render(content, false, false) />\n * ```\n */\nexport const TextBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const textContent = content as TextContent\n\n    if (!textContent.text) {\n      return null\n    }\n\n    return (\n      <div className=\"livechat-markdown text-base md:text-sm\">\n        <ReactMarkdown\n          remarkPlugins={[remarkGfm]}\n          components={{\n            // \u81EA\u5B9A\u4E49\u94FE\u63A5\u6837\u5F0F\n            a: ({ node, ...props }) => (\n              <a\n                {...props}\n                className={`underline ${isUser ? 'text-blue-200 hover:text-blue-100' : 'text-blue-600 hover:text-blue-700'}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n            // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u6837\u5F0F\n            code: ({ node, ...props }: any) =>\n              props.inline ? (\n                <code\n                  {...props}\n                  className={`rounded px-1.5 py-0.5 font-mono text-xs ${isUser ? 'bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ) : (\n                <code\n                  {...props}\n                  className={`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${isUser ? 'bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ),\n            // \u81EA\u5B9A\u4E49\u6BB5\u843D\u6837\u5F0F\n            p: ({ node, ...props }) => <p {...props} className=\"last:mb-0\" />,\n            // \u81EA\u5B9A\u4E49\u5217\u8868\u6837\u5F0F\n            ul: ({ node, ...props }) => <ul {...props} className=\"ml-4 list-disc\" />,\n            ol: ({ node, ...props }) => <ol {...props} className=\"mb-2 ml-4 list-decimal\" />,\n            li: ({ node, ...props }) => <li {...props} className=\"mb-1\" />,\n            // \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\n            h1: ({ node, ...props }) => <h1 {...props} className=\"mb-2 font-bold\" />,\n            h2: ({ node, ...props }) => <h2 {...props} className=\"mb-2 font-bold\" />,\n            h3: ({ node, ...props }) => <h3 {...props} className=\"mb-1 font-bold\" />,\n            // \u81EA\u5B9A\u4E49\u5F3A\u8C03\u6837\u5F0F\n            strong: ({ node, ...props }) => <strong {...props} className=\"font-bold\" />,\n            em: ({ node, ...props }) => <em {...props} className=\"italic\" />,\n            // \u8868\u683C\u6837\u5F0F\n            table: ({ node, ...props }) => (\n              <div className=\"my-2 overflow-x-auto\">\n                <table {...props} className=\"min-w-full border-collapse border border-gray-300 text-base md:text-sm\" />\n              </div>\n            ),\n            thead: ({ node, ...props }) => (\n              <thead {...props} className=\"bg-gray-100\" />\n            ),\n            tbody: ({ node, ...props }) => <tbody {...props} />,\n            tr: ({ node, ...props }) => (\n              <tr {...props} className=\"border-b border-gray-300\" />\n            ),\n            th: ({ node, ...props }) => (\n              <th {...props} className=\"border border-gray-300 px-3 py-2 text-left font-semibold\" />\n            ),\n            td: ({ node, ...props }) => (\n              <td {...props} className=\"border border-gray-300 px-3 py-2\" />\n            ),\n          }}\n        >\n          {textContent.text}\n        </ReactMarkdown>\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAkDc,IAAAI,EAAA,6BA3CdC,EAA0B,6BAC1BC,EAAsB,yBA2Bf,MAAMJ,EAA6B,CACxC,OAAQ,CAACK,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAcH,EAEpB,OAAKG,EAAY,QAKf,OAAC,OAAI,UAAU,yCACb,mBAAC,EAAAC,QAAA,CACC,cAAe,CAAC,EAAAC,OAAS,EACzB,WAAY,CAEV,EAAG,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,OACnB,OAAC,KACE,GAAGA,EACJ,UAAW,aAAaN,EAAS,oCAAsC,mCAAmC,GAC1G,OAAO,SACP,IAAI,sBACN,EAGF,KAAM,CAAC,CAAE,KAAAK,EAAM,GAAGC,CAAM,IACtBA,EAAM,UACJ,OAAC,QACE,GAAGA,EACJ,UAAW,2CAA2CN,EAAS,0BAA4B,2BAA2B,GACxH,KAEA,OAAC,QACE,GAAGM,EACJ,UAAW,6DAA6DN,EAAS,0BAA4B,2BAA2B,GAC1I,EAGJ,EAAG,CAAC,CAAE,KAAAK,EAAM,GAAGC,CAAM,OAAM,OAAC,KAAG,GAAGA,EAAO,UAAU,YAAY,EAE/D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,OAAO,EAE5D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EAEtE,OAAQ,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,UAAQ,GAAGA,EAAO,UAAU,YAAY,EACzE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,SAAS,EAE9D,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACvB,OAAC,OAAI,UAAU,uBACb,mBAAC,SAAO,GAAGA,EAAO,UAAU,yEAAyE,EACvG,EAEF,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACvB,OAAC,SAAO,GAAGA,EAAO,UAAU,cAAc,EAE5C,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,SAAO,GAAGA,EAAO,EACjD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,2BAA2B,EAEtD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,2DAA2D,EAEtF,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,mCAAmC,CAEhE,EAEC,SAAAJ,EAAY,KACf,EACF,EAlEO,IAoEX,CACF",
+  "sourcesContent": ["/**\n * \u6587\u672C\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\n * \u652F\u6301 Markdown \u683C\u5F0F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6587\u672C\u6D88\u606F\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { MessageRenderer, TextContent } from '../../types'\n\n/**\n * \u6587\u672C\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u652F\u6301 Markdown \u8BED\u6CD5\uFF08\u7C97\u4F53\u3001\u659C\u4F53\u3001\u94FE\u63A5\u3001\u5217\u8868\u7B49\uFF09\n * - \u5B89\u5168\u6E32\u67D3\uFF08React Markdown \u81EA\u52A8\u9632\u62A4 XSS\uFF09\n * - \u54CD\u5E94\u5F0F\u6587\u672C\u6837\u5F0F\n *\n * Markdown \u652F\u6301\uFF1A\n * - \u7C97\u4F53\uFF1A**text** \u6216 __text__\n * - \u659C\u4F53\uFF1A*text* \u6216 _text_\n * - \u94FE\u63A5\uFF1A[text](url)\n * - \u5217\u8868\uFF1A- item \u6216 1. item\n * - \u4EE3\u7801\uFF1A`code` \u6216 ```code block```\n *\n * @example\n * ```tsx\n * const content: TextContent = {\n *   type: 'text',\n *   text: '\u60A8\u597D\uFF01**\u8FD9\u662F\u7C97\u4F53**\uFF0C*\u8FD9\u662F\u659C\u4F53*\u3002'\n * }\n * <TextBlock.render(content, false, false) />\n * ```\n */\nexport const TextBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const textContent = content as TextContent\n\n    if (!textContent.text) {\n      return null\n    }\n\n    return (\n      <div className=\"livechat-markdown text-base md:text-sm\">\n        <ReactMarkdown\n          remarkPlugins={[remarkGfm]}\n          components={{\n            // \u81EA\u5B9A\u4E49\u94FE\u63A5\u6837\u5F0F\n            a: ({ node, ...props }) => (\n              <a\n                {...props}\n                className={`underline ${isUser ? 'text-blue-200 hover:text-blue-100' : 'text-blue-600 hover:text-blue-700'}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n            // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u6837\u5F0F\n            code: ({ node, ...props }: any) =>\n              props.inline ? (\n                <code\n                  {...props}\n                  className={`rounded px-1.5 py-0.5 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ) : (\n                <code\n                  {...props}\n                  className={`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ),\n            // \u81EA\u5B9A\u4E49\u6BB5\u843D\u6837\u5F0F\n            p: ({ node, ...props }) => <p {...props} className=\"last:mb-0\" />,\n            // \u81EA\u5B9A\u4E49\u5217\u8868\u6837\u5F0F\n            ul: ({ node, ...props }) => <ul {...props} className=\"ml-4 list-disc\" />,\n            ol: ({ node, ...props }) => <ol {...props} className=\"mb-2 ml-4 list-decimal\" />,\n            li: ({ node, ...props }) => <li {...props} className=\"mb-1\" />,\n            // \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\n            h1: ({ node, ...props }) => <h1 {...props} className=\"mb-2 font-bold\" />,\n            h2: ({ node, ...props }) => <h2 {...props} className=\"mb-2 font-bold\" />,\n            h3: ({ node, ...props }) => <h3 {...props} className=\"mb-1 font-bold\" />,\n            // \u81EA\u5B9A\u4E49\u5F3A\u8C03\u6837\u5F0F\n            strong: ({ node, ...props }) => <strong {...props} className=\"font-bold\" />,\n            em: ({ node, ...props }) => <em {...props} className=\"italic\" />,\n            // \u8868\u683C\u6837\u5F0F\n            table: ({ node, ...props }) => (\n              <div className=\"my-2 overflow-x-auto\">\n                <table {...props} className=\"min-w-full border-collapse border border-gray-300 text-base md:text-sm\" />\n              </div>\n            ),\n            thead: ({ node, ...props }) => (\n              <thead {...props} className=\"bg-gray-100\" />\n            ),\n            tbody: ({ node, ...props }) => <tbody {...props} />,\n            tr: ({ node, ...props }) => (\n              <tr {...props} className=\"border-b border-gray-300\" />\n            ),\n            th: ({ node, ...props }) => (\n              <th {...props} className=\"border border-gray-300 px-3 py-2 text-left font-semibold\" />\n            ),\n            td: ({ node, ...props }) => (\n              <td {...props} className=\"border border-gray-300 px-3 py-2\" />\n            ),\n          }}\n        >\n          {textContent.text}\n        </ReactMarkdown>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAkDc,IAAAI,EAAA,6BA3CdC,EAA0B,6BAC1BC,EAAsB,yBA2Bf,MAAMJ,EAA6B,CACxC,OAAQ,CAACK,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAcH,EAEpB,OAAKG,EAAY,QAKf,OAAC,OAAI,UAAU,yCACb,mBAAC,EAAAC,QAAA,CACC,cAAe,CAAC,EAAAC,OAAS,EACzB,WAAY,CAEV,EAAG,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,OACnB,OAAC,KACE,GAAGA,EACJ,UAAW,aAAaN,EAAS,oCAAsC,mCAAmC,GAC1G,OAAO,SACP,IAAI,sBACN,EAGF,KAAM,CAAC,CAAE,KAAAK,EAAM,GAAGC,CAAM,IACtBA,EAAM,UACJ,OAAC,QACE,GAAGA,EACJ,UAAW,2CAA2CN,EAAS,6CAA+C,2BAA2B,GAC3I,KAEA,OAAC,QACE,GAAGM,EACJ,UAAW,6DAA6DN,EAAS,6CAA+C,2BAA2B,GAC7J,EAGJ,EAAG,CAAC,CAAE,KAAAK,EAAM,GAAGC,CAAM,OAAM,OAAC,KAAG,GAAGA,EAAO,UAAU,YAAY,EAE/D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,OAAO,EAE5D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,iBAAiB,EAEtE,OAAQ,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,UAAQ,GAAGA,EAAO,UAAU,YAAY,EACzE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,MAAI,GAAGA,EAAO,UAAU,SAAS,EAE9D,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACvB,OAAC,OAAI,UAAU,uBACb,mBAAC,SAAO,GAAGA,EAAO,UAAU,yEAAyE,EACvG,EAEF,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACvB,OAAC,SAAO,GAAGA,EAAO,UAAU,cAAc,EAE5C,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OAAM,OAAC,SAAO,GAAGA,EAAO,EACjD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,2BAA2B,EAEtD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,2DAA2D,EAEtF,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,OACpB,OAAC,MAAI,GAAGA,EAAO,UAAU,mCAAmC,CAEhE,EAEC,SAAAJ,EAAY,KACf,EACF,EAlEO,IAoEX,CACF",
   "names": ["TextBlock_exports", "__export", "TextBlock", "__toCommonJS", "import_jsx_runtime", "import_react_markdown", "import_remark_gfm", "content", "isUser", "isSystem", "textContent", "ReactMarkdown", "remarkGfm", "node", "props"]
 }

package/dist/cjs/components/LiveChatWidget/components/MessageContent/ThinkingBlock.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(s,e)=>{for(var a in e)r(s,a,{get:e[a],enumerable:!0})},c=(s,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!d.call(s,t)&&t!==a&&r(s,t,{get:()=>e[t],enumerable:!(o=i(e,t))||o.enumerable});return s};var p=s=>c(r({},"__esModule",{value:!0}),s);var k={};g(k,{ThinkingBlock:()=>u});module.exports=p(k);var n=require("react/jsx-runtime");const u={render:(s,e,a)=>{const t=s.data.status||"";return(0,n.jsx)("div",{className:"flex items-center gap-2 py-1",children:(0,n.jsxs)("div",{className:"livechat-thinking-dots flex gap-1",children:[(0,n.jsx)("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 1)"}}),(0,n.jsx)("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.6)"}}),(0,n.jsx)("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.2)"}})]})})}};
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(n,e)=>{for(var a in e)i(n,a,{get:e[a],enumerable:!0})},c=(n,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of r(e))!d.call(n,s)&&s!==a&&i(n,s,{get:()=>e[s],enumerable:!(o=l(e,s))||o.enumerable});return n};var p=n=>c(i({},"__esModule",{value:!0}),n);var h={};g(h,{ThinkingBlock:()=>u});module.exports=p(h);var t=require("react/jsx-runtime");const u={render:(n,e,a)=>{const s=n.data.status||"";return(0,t.jsx)("div",{className:"flex items-center gap-2 py-1",children:(0,t.jsxs)("div",{className:"livechat-thinking-dots flex gap-1",children:[(0,t.jsx)("span",{className:"livechat-loading-dot size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 1)"}}),(0,t.jsx)("span",{className:"livechat-loading-dot size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.6)"}}),(0,t.jsx)("span",{className:"livechat-loading-dot size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.2)"}})]})})}};
 //# sourceMappingURL=ThinkingBlock.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent/ThinkingBlock.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/ThinkingBlock.tsx"],
-  "sourcesContent": ["/**\n * \u601D\u8003\u72B6\u6001\u6D88\u606F\u6E32\u67D3\u5668\n * \u663E\u793A AI \u52A9\u624B\u6B63\u5728\u601D\u8003\u7684\u52A8\u753B\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u601D\u8003\u72B6\u6001\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageRenderer, ThinkingContent } from '../../types'\n\n/**\n * \u601D\u8003\u72B6\u6001\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\"\u6B63\u5728\u601D\u8003...\"\u52A8\u753B\n * - \u4E09\u4E2A\u8DF3\u52A8\u7684\u5706\u70B9\n * - \u9EC4\u8272\u80CC\u666F\u63D0\u793A\n *\n * \u52A8\u753B\u6548\u679C\uFF1A\n * - \u4F7F\u7528 CSS \u52A8\u753B\uFF08livechat.css \u4E2D\u5B9A\u4E49\uFF09\n * - \u4E09\u4E2A\u5706\u70B9\u4F9D\u6B21\u8DF3\u52A8\n * - \u5FAA\u73AF\u64AD\u653E\n *\n * @example\n * ```tsx\n * const content: ThinkingContent = {\n *   type: 'thinking',\n *   data: {\n *     status: '\u6B63\u5728\u67E5\u8BE2\u5546\u54C1\u4FE1\u606F...'\n *   }\n * }\n * <ThinkingBlock.render(content, false, false) />\n * ```\n */\nexport const ThinkingBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const thinkingContent = content as ThinkingContent\n    const status = thinkingContent.data.status || ''\n\n    return (\n      <div className=\"flex items-center gap-2 py-1\">\n        {/* \u601D\u8003\u52A8\u753B - \u4E09\u4E2A\u8DF3\u52A8\u7684\u70B9 */}\n        <div className=\"livechat-thinking-dots flex gap-1\">\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 1)' }} />\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.6)' }} />\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.2)' }} />\n        </div>\n\n        {/* \u72B6\u6001\u6587\u672C\uFF08\u53EF\u9009\uFF09 */}\n        {/* {status && <span className=\"text-sm text-gray-500\">{status}</span>} */}\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAyCQ,IAAAI,EAAA,6BARD,MAAMF,EAAiC,CAC5C,OAAQ,CAACG,EAASC,EAAQC,IAAa,CAErC,MAAMC,EADkBH,EACO,KAAK,QAAU,GAE9C,SACE,OAAC,OAAI,UAAU,+BAEb,oBAAC,OAAI,UAAU,oCACb,oBAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,qBAAsB,EAAG,KACzF,OAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,KAC3F,OAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,GAC7F,EAIF,CAEJ,CACF",
+  "sourcesContent": ["/**\n * \u601D\u8003\u72B6\u6001\u6D88\u606F\u6E32\u67D3\u5668\n * \u663E\u793A AI \u52A9\u624B\u6B63\u5728\u601D\u8003\u7684\u52A8\u753B\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u601D\u8003\u72B6\u6001\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageRenderer, ThinkingContent } from '../../types'\n\n/**\n * \u601D\u8003\u72B6\u6001\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\"\u6B63\u5728\u601D\u8003...\"\u52A8\u753B\n * - \u4E09\u4E2A\u8DF3\u52A8\u7684\u5706\u70B9\n * - \u9EC4\u8272\u80CC\u666F\u63D0\u793A\n *\n * \u52A8\u753B\u6548\u679C\uFF1A\n * - \u4F7F\u7528 CSS \u52A8\u753B\uFF08livechat.css \u4E2D\u5B9A\u4E49\uFF09\n * - \u4E09\u4E2A\u5706\u70B9\u4F9D\u6B21\u8DF3\u52A8\n * - \u5FAA\u73AF\u64AD\u653E\n *\n * @example\n * ```tsx\n * const content: ThinkingContent = {\n *   type: 'thinking',\n *   data: {\n *     status: '\u6B63\u5728\u67E5\u8BE2\u5546\u54C1\u4FE1\u606F...'\n *   }\n * }\n * <ThinkingBlock.render(content, false, false) />\n * ```\n */\nexport const ThinkingBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const thinkingContent = content as ThinkingContent\n    const status = thinkingContent.data.status || ''\n\n    return (\n      <div className=\"flex items-center gap-2 py-1\">\n        {/* \u601D\u8003\u52A8\u753B - \u4E09\u4E2A\u8DF3\u52A8\u7684\u70B9 */}\n        <div className=\"livechat-thinking-dots flex gap-1\">\n          <span className=\"livechat-loading-dot size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 1)' }} />\n          <span className=\"livechat-loading-dot size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.6)' }} />\n          <span className=\"livechat-loading-dot size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.2)' }} />\n        </div>\n\n        {/* \u72B6\u6001\u6587\u672C\uFF08\u53EF\u9009\uFF09 */}\n        {/* {status && <span className=\"text-sm text-gray-500\">{status}</span>} */}\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAyCQ,IAAAI,EAAA,6BARD,MAAMF,EAAiC,CAC5C,OAAQ,CAACG,EAASC,EAAQC,IAAa,CAErC,MAAMC,EADkBH,EACO,KAAK,QAAU,GAE9C,SACE,OAAC,OAAI,UAAU,+BAEb,oBAAC,OAAI,UAAU,oCACb,oBAAC,QAAK,UAAU,2CAA2C,MAAO,CAAE,gBAAiB,qBAAsB,EAAG,KAC9G,OAAC,QAAK,UAAU,2CAA2C,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,KAChH,OAAC,QAAK,UAAU,2CAA2C,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,GAClH,EAIF,CAEJ,CACF",
   "names": ["ThinkingBlock_exports", "__export", "ThinkingBlock", "__toCommonJS", "import_jsx_runtime", "content", "isUser", "isSystem", "status"]
 }

package/dist/cjs/components/LiveChatWidget/utils/fetcher.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of T(e))!y.call(t,i)&&i!==r&&c(t,i,{get:()=>e[i],enumerable:!(n=f(e,i))||n.enumerable});return t};var P=t=>m(c({},"__esModule",{value:!0}),t);var R={};w(R,{fetcher:()=>C});module.exports=P(R);const b=async(t,e)=>{if(typeof window>"u"||!window.grecaptcha?.enterprise?.execute)return console.warn("[LiveChat Fetcher] reCAPTCHA not loaded"),!1;try{return await window.grecaptcha.enterprise.execute(e,{action:t})}catch(r){return console.error("[LiveChat Fetcher] reCAPTCHA execution failed:",r),!1}};async function k(t,e,r="X-Recaptcha-Token"){const n=await b(t,e);return n?{[r]:n}:{}}const C=async({url:t,method:e="POST",headers:r={},body:n,timeout:i=9e4,needRecaptcha:h=!1,recaptchaSitekey:s,recaptchaAction:p="",recaptchaHeaderKey:u="X-Recaptcha-Token"})=>{let d={};h&&(s?d=await k(p,s,u):console.warn("[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing"));const g=n?JSON.stringify(n):void 0,l=new AbortController;let a;i&&(a=setTimeout(()=>l.abort(),i));try{const o=await fetch(t,{method:e,mode:"cors",headers:{"Content-Type":"application/json",...r,...d},signal:l.signal,...e!=="GET"&&g&&{body:g}});return a&&clearTimeout(a),o}catch(o){throw a&&clearTimeout(a),o}};
+"use strict";var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of T(e))!w.call(t,i)&&i!==r&&c(t,i,{get:()=>e[i],enumerable:!(n=f(e,i))||n.enumerable});return t};var C=t=>m(c({},"__esModule",{value:!0}),t);var k={};y(k,{fetcher:()=>v});module.exports=C(k);const b=async(t,e)=>{if(typeof window>"u")return console.warn("[LiveChat Fetcher] reCAPTCHA not available in non-browser environment"),!1;const r=window.grecaptcha?.enterprise?.execute??window.grecaptcha?.execute;if(!r)return console.warn("[LiveChat Fetcher] reCAPTCHA not loaded (neither enterprise nor standard v3)"),!1;try{return await r(e,{action:t})}catch(n){return console.error("[LiveChat Fetcher] reCAPTCHA execution failed:",n),!1}};async function P(t,e,r="X-Recaptcha-Token"){const n=await b(t,e);return n?{[r]:n}:{}}const v=async({url:t,method:e="POST",headers:r={},body:n,timeout:i=9e4,needRecaptcha:g=!1,recaptchaSitekey:s,recaptchaAction:p="",recaptchaHeaderKey:u="X-Recaptcha-Token"})=>{let d={};g&&(s?d=await P(p,s,u):console.warn("[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing"));const l=n?JSON.stringify(n):void 0,h=new AbortController;let a;i&&(a=setTimeout(()=>h.abort(),i));try{const o=await fetch(t,{method:e,mode:"cors",headers:{"Content-Type":"application/json",...r,...d},signal:h.signal,...e!=="GET"&&l&&{body:l}});return a&&clearTimeout(a),o}catch(o){throw a&&clearTimeout(a),o}};
 //# sourceMappingURL=fetcher.js.map

package/dist/cjs/components/LiveChatWidget/utils/fetcher.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/utils/fetcher.ts"],
-  "sourcesContent": ["/**\n * LiveChat Fetcher\n * \u53C2\u7167 storefront \u7684\u5B9E\u73B0\uFF0C\u652F\u6301 reCAPTCHA\n */\n\n/**\n * \u6267\u884C Google reCAPTCHA \u9A8C\u8BC1\n */\nconst executeRecaptcha = async (action: string, sitekey: string): Promise<string | false> => {\n  if (typeof window === 'undefined' || !window.grecaptcha?.enterprise?.execute) {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not loaded')\n    return false\n  }\n\n  try {\n    const token = await window.grecaptcha.enterprise.execute(sitekey, { action })\n    return token\n  } catch (error) {\n    console.error('[LiveChat Fetcher] reCAPTCHA execution failed:', error)\n    return false\n  }\n}\n\n/**\n * \u83B7\u53D6 reCAPTCHA headers\n */\nasync function getRecaptchaHeaders(\n  action: string,\n  sitekey: string,\n  headerKey = 'X-Recaptcha-Token'\n): Promise<Record<string, string>> {\n  const recaptchaToken = await executeRecaptcha(action, sitekey)\n  if (!recaptchaToken) {\n    return {}\n  }\n  return {\n    [headerKey]: recaptchaToken,\n  }\n}\n\n/**\n * Fetcher \u53C2\u6570\n */\nexport interface FetcherOptions {\n  url: string\n  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n  headers?: Record<string, string>\n  body?: any\n  timeout?: number\n  needRecaptcha?: boolean\n  recaptchaSitekey?: string\n  recaptchaAction?: string\n  recaptchaHeaderKey?: string\n}\n\n/**\n * Fetcher \u51FD\u6570\n * \u652F\u6301 reCAPTCHA \u548C\u81EA\u5B9A\u4E49 headers\n */\nexport const fetcher = async ({\n  url,\n  method = 'POST',\n  headers = {},\n  body,\n  timeout = 90000,\n  needRecaptcha = false,\n  recaptchaSitekey,\n  recaptchaAction = '',\n  recaptchaHeaderKey = 'X-Recaptcha-Token',\n}: FetcherOptions): Promise<Response> => {\n  // \u83B7\u53D6 reCAPTCHA headers\uFF08\u5982\u679C\u9700\u8981\uFF09\n  let recaptchaHeaders: Record<string, string> = {}\n  if (needRecaptcha) {\n    if (!recaptchaSitekey) {\n      console.warn('[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing')\n    } else {\n      recaptchaHeaders = await getRecaptchaHeaders(recaptchaAction, recaptchaSitekey, recaptchaHeaderKey)\n    }\n  }\n\n  // \u51C6\u5907\u8BF7\u6C42\u4F53\n  const bodyData = body ? JSON.stringify(body) : undefined\n\n  const controller = new AbortController()\n  let timeoutTimer: NodeJS.Timeout | undefined\n  if (timeout) {\n    timeoutTimer = setTimeout(() => controller.abort(), timeout)\n  }\n\n  try {\n    const response = await fetch(url, {\n      method,\n      mode: 'cors',\n      headers: {\n        'Content-Type': 'application/json',\n        ...headers,\n        ...recaptchaHeaders,\n      },\n      signal: controller.signal,\n      ...(method !== 'GET' && bodyData && { body: bodyData }),\n    })\n\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n\n    return response\n  } catch (error) {\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n    throw error\n  }\n}\n\n/**\n * \u6269\u5C55 Window \u63A5\u53E3\u4EE5\u652F\u6301 grecaptcha\n */\n  declare global {\n    interface Window {\n      grecaptcha?: {\n        execute: (sitekey: string, options: { action: string }) => Promise<string>\n        ready: (callback: () => void) => void\n        enterprise?: {\n          execute: (sitekey: string, options: { action: string }) =>\n  Promise<string>\n          ready: (callback: () => void) => void\n        }\n      }\n    }\n  }\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAQA,MAAMI,EAAmB,MAAOC,EAAgBC,IAA6C,CAC3F,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,YAAY,YAAY,QACnE,eAAQ,KAAK,yCAAyC,EAC/C,GAGT,GAAI,CAEF,OADc,MAAM,OAAO,WAAW,WAAW,QAAQA,EAAS,CAAE,OAAAD,CAAO,CAAC,CAE9E,OAASE,EAAO,CACd,eAAQ,MAAM,iDAAkDA,CAAK,EAC9D,EACT,CACF,EAKA,eAAeC,EACbH,EACAC,EACAG,EAAY,oBACqB,CACjC,MAAMC,EAAiB,MAAMN,EAAiBC,EAAQC,CAAO,EAC7D,OAAKI,EAGE,CACL,CAACD,CAAS,EAAGC,CACf,EAJS,CAAC,CAKZ,CAqBO,MAAMR,EAAU,MAAO,CAC5B,IAAAS,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,KAAAC,EACA,QAAAC,EAAU,IACV,cAAAC,EAAgB,GAChB,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EAAqB,mBACvB,IAAyC,CAEvC,IAAIC,EAA2C,CAAC,EAC5CJ,IACGC,EAGHG,EAAmB,MAAMZ,EAAoBU,EAAiBD,EAAkBE,CAAkB,EAFlG,QAAQ,KAAK,uEAAuE,GAOxF,MAAME,EAAWP,EAAO,KAAK,UAAUA,CAAI,EAAI,OAEzCQ,EAAa,IAAI,gBACvB,IAAIC,EACAR,IACFQ,EAAe,WAAW,IAAMD,EAAW,MAAM,EAAGP,CAAO,GAG7D,GAAI,CACF,MAAMS,EAAW,MAAM,MAAMb,EAAK,CAChC,OAAAC,EACA,KAAM,OACN,QAAS,CACP,eAAgB,mBAChB,GAAGC,EACH,GAAGO,CACL,EACA,OAAQE,EAAW,OACnB,GAAIV,IAAW,OAASS,GAAY,CAAE,KAAMA,CAAS,CACvD,CAAC,EAED,OAAIE,GACF,aAAaA,CAAY,EAGpBC,CACT,OAASjB,EAAO,CACd,MAAIgB,GACF,aAAaA,CAAY,EAErBhB,CACR,CACF",
-  "names": ["fetcher_exports", "__export", "fetcher", "__toCommonJS", "executeRecaptcha", "action", "sitekey", "error", "getRecaptchaHeaders", "headerKey", "recaptchaToken", "url", "method", "headers", "body", "timeout", "needRecaptcha", "recaptchaSitekey", "recaptchaAction", "recaptchaHeaderKey", "recaptchaHeaders", "bodyData", "controller", "timeoutTimer", "response"]
+  "sourcesContent": ["/**\n * LiveChat Fetcher\n * \u53C2\u7167 storefront \u7684\u5B9E\u73B0\uFF0C\u652F\u6301 reCAPTCHA\n */\n\n/**\n * \u6267\u884C Google reCAPTCHA \u9A8C\u8BC1\n * \u517C\u5BB9 Enterprise \u7248 (recaptcha/enterprise.js) \u548C\u6807\u51C6\u7248 v3 (recaptcha/api.js)\n * \u4F18\u5148\u4F7F\u7528 Enterprise \u7248\uFF0C\u56DE\u9000\u5230\u6807\u51C6\u7248\n */\nconst executeRecaptcha = async (action: string, sitekey: string): Promise<string | false> => {\n  if (typeof window === 'undefined') {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not available in non-browser environment')\n    return false\n  }\n\n  const executor = window.grecaptcha?.enterprise?.execute ?? window.grecaptcha?.execute\n\n  if (!executor) {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not loaded (neither enterprise nor standard v3)')\n    return false\n  }\n\n  try {\n    const token = await executor(sitekey, { action })\n    return token\n  } catch (error) {\n    console.error('[LiveChat Fetcher] reCAPTCHA execution failed:', error)\n    return false\n  }\n}\n\n/**\n * \u83B7\u53D6 reCAPTCHA headers\n */\nasync function getRecaptchaHeaders(\n  action: string,\n  sitekey: string,\n  headerKey = 'X-Recaptcha-Token'\n): Promise<Record<string, string>> {\n  const recaptchaToken = await executeRecaptcha(action, sitekey)\n  if (!recaptchaToken) {\n    return {}\n  }\n  return {\n    [headerKey]: recaptchaToken,\n  }\n}\n\n/**\n * Fetcher \u53C2\u6570\n */\nexport interface FetcherOptions {\n  url: string\n  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n  headers?: Record<string, string>\n  body?: any\n  timeout?: number\n  needRecaptcha?: boolean\n  recaptchaSitekey?: string\n  recaptchaAction?: string\n  recaptchaHeaderKey?: string\n}\n\n/**\n * Fetcher \u51FD\u6570\n * \u652F\u6301 reCAPTCHA \u548C\u81EA\u5B9A\u4E49 headers\n */\nexport const fetcher = async ({\n  url,\n  method = 'POST',\n  headers = {},\n  body,\n  timeout = 90000,\n  needRecaptcha = false,\n  recaptchaSitekey,\n  recaptchaAction = '',\n  recaptchaHeaderKey = 'X-Recaptcha-Token',\n}: FetcherOptions): Promise<Response> => {\n  // \u83B7\u53D6 reCAPTCHA headers\uFF08\u5982\u679C\u9700\u8981\uFF09\n  let recaptchaHeaders: Record<string, string> = {}\n  if (needRecaptcha) {\n    if (!recaptchaSitekey) {\n      console.warn('[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing')\n    } else {\n      recaptchaHeaders = await getRecaptchaHeaders(recaptchaAction, recaptchaSitekey, recaptchaHeaderKey)\n    }\n  }\n\n  // \u51C6\u5907\u8BF7\u6C42\u4F53\n  const bodyData = body ? JSON.stringify(body) : undefined\n\n  const controller = new AbortController()\n  let timeoutTimer: NodeJS.Timeout | undefined\n  if (timeout) {\n    timeoutTimer = setTimeout(() => controller.abort(), timeout)\n  }\n\n  try {\n    const response = await fetch(url, {\n      method,\n      mode: 'cors',\n      headers: {\n        'Content-Type': 'application/json',\n        ...headers,\n        ...recaptchaHeaders,\n      },\n      signal: controller.signal,\n      ...(method !== 'GET' && bodyData && { body: bodyData }),\n    })\n\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n\n    return response\n  } catch (error) {\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n    throw error\n  }\n}\n\n/**\n * \u6269\u5C55 Window \u63A5\u53E3\u4EE5\u652F\u6301 grecaptcha\n */\n  declare global {\n    interface Window {\n      grecaptcha?: {\n        execute: (sitekey: string, options: { action: string }) => Promise<string>\n        ready: (callback: () => void) => void\n        enterprise?: {\n          execute: (sitekey: string, options: { action: string }) =>\n  Promise<string>\n          ready: (callback: () => void) => void\n        }\n      }\n    }\n  }\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAUA,MAAMI,EAAmB,MAAOC,EAAgBC,IAA6C,CAC3F,GAAI,OAAO,OAAW,IACpB,eAAQ,KAAK,uEAAuE,EAC7E,GAGT,MAAMC,EAAW,OAAO,YAAY,YAAY,SAAW,OAAO,YAAY,QAE9E,GAAI,CAACA,EACH,eAAQ,KAAK,8EAA8E,EACpF,GAGT,GAAI,CAEF,OADc,MAAMA,EAASD,EAAS,CAAE,OAAAD,CAAO,CAAC,CAElD,OAASG,EAAO,CACd,eAAQ,MAAM,iDAAkDA,CAAK,EAC9D,EACT,CACF,EAKA,eAAeC,EACbJ,EACAC,EACAI,EAAY,oBACqB,CACjC,MAAMC,EAAiB,MAAMP,EAAiBC,EAAQC,CAAO,EAC7D,OAAKK,EAGE,CACL,CAACD,CAAS,EAAGC,CACf,EAJS,CAAC,CAKZ,CAqBO,MAAMT,EAAU,MAAO,CAC5B,IAAAU,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,KAAAC,EACA,QAAAC,EAAU,IACV,cAAAC,EAAgB,GAChB,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EAAqB,mBACvB,IAAyC,CAEvC,IAAIC,EAA2C,CAAC,EAC5CJ,IACGC,EAGHG,EAAmB,MAAMZ,EAAoBU,EAAiBD,EAAkBE,CAAkB,EAFlG,QAAQ,KAAK,uEAAuE,GAOxF,MAAME,EAAWP,EAAO,KAAK,UAAUA,CAAI,EAAI,OAEzCQ,EAAa,IAAI,gBACvB,IAAIC,EACAR,IACFQ,EAAe,WAAW,IAAMD,EAAW,MAAM,EAAGP,CAAO,GAG7D,GAAI,CACF,MAAMS,EAAW,MAAM,MAAMb,EAAK,CAChC,OAAAC,EACA,KAAM,OACN,QAAS,CACP,eAAgB,mBAChB,GAAGC,EACH,GAAGO,CACL,EACA,OAAQE,EAAW,OACnB,GAAIV,IAAW,OAASS,GAAY,CAAE,KAAMA,CAAS,CACvD,CAAC,EAED,OAAIE,GACF,aAAaA,CAAY,EAGpBC,CACT,OAASjB,EAAO,CACd,MAAIgB,GACF,aAAaA,CAAY,EAErBhB,CACR,CACF",
+  "names": ["fetcher_exports", "__export", "fetcher", "__toCommonJS", "executeRecaptcha", "action", "sitekey", "executor", "error", "getRecaptchaHeaders", "headerKey", "recaptchaToken", "url", "method", "headers", "body", "timeout", "needRecaptcha", "recaptchaSitekey", "recaptchaAction", "recaptchaHeaderKey", "recaptchaHeaders", "bodyData", "controller", "timeoutTimer", "response"]
 }

package/dist/cjs/components/credits/creditsCash/RedeemableItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var v=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var O=(r,e)=>{for(var s in e)v(r,s,{get:e[s],enumerable:!0})},P=(r,e,s,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of L(e))!B.call(r,n)&&n!==s&&v(r,n,{get:()=>e[n],enumerable:!(u=A(e,n))||u.enumerable});return r};var T=r=>P(v({},"__esModule",{value:!0}),r);var M={};O(M,{default:()=>H});module.exports=T(M);var t=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),p=require("react"),V=require("../context/provider"),w=require("../context/hooks/useRedeemAndBuy"),o=require("../context/utils"),a=require("@anker-in/lib"),y=require("../../../components/registration"),R=require("../../../constants");function U({copy:r,itemData:e,setRules:s,className:u}){const{creditInfo:n,profile:i,openSignUpPopup:z,pageCommon:x,gtm:{pageGroup:h,pageHandle:m}}=(0,V.useCreditsContext)(),{authCodeActivate:g}=(0,y.useRegistration)(),{brand:I,locale:C}=(0,a.useHeadlessContext)(),N=R.ROUNDED_BRANDS.includes(I),[_,S]=(0,p.useState)(null),{trigger:k,isMutating:E}=(0,w.useRedeemAndBuy)({},{onError:c=>{S(c.message)}}),d=(0,p.useMemo)(()=>!!i,[i?.activated]),f=(0,p.useMemo)(()=>d&&i?.activated&&e.alpcData?.consumeCredits>Number(n?.available_credit||0),[d,i?.activated,e.alpcData?.consumeCredits,n?.available_credit]),F=(0,p.useMemo)(()=>!!(e.alpcData?.remainingInventory<=0&&e.alpcData?.isLimited||!e.productVariant?.availableForSale||f),[e.alpcData?.remainingInventory,e.alpcData?.isLimited,e.productVariant?.availableForSale,f]),$=()=>{S(null),d?!i?.activated&&!g.isActivateSuccess?(g.setAutoSendEmail(!0),g.open()):(k({productVariant:e?.productVariant,redeemId:e?.config?.redeemId}),(0,a.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:i?.activated?"active":"not active",event_parameters:{page_group:h,position:r.title,button_name:b,info:e?.alpcData?.id?.toString()}})):z()},b=(0,p.useMemo)(()=>e.productVariant?.availableForSale?d?r.btnRedeem:r.unlockRewards:r?.soldOut||"Sold Out",[d,e.productVariant?.availableForSale,r.btnRedeem,r.unlockRewards,r?.soldOut]);return(0,t.jsxs)("div",{className:(0,a.classNames)("relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]",!N&&"rounded-none md:rounded-none",r.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",u),children:[r.badgeLabel&&(0,t.jsx)(l.Badge,{className:"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:r.badgeLabel}),(0,t.jsx)("a",{href:(0,o.extractVariantId)(e.productVariant?.id)?`/products/${e.product.handle}?variant=${(0,o.extractVariantId)(e.productVariant?.id)}${m?`&ref=${m}`:""}`:`/products/${e.product.handle}${m?`?ref=${m}`:""}`,className:(0,a.classNames)("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:(0,t.jsx)(l.Picture,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.config?.image?.url||e?.productVariant?.metafields?.global?.transparentImg||e?.productVariant?.image?.url})}),(0,t.jsxs)("div",{className:(0,a.classNames)("mt-[10px] w-full xl:mt-[8px]"),children:[(0,t.jsx)(l.Text,{html:e?.product?.title,title:e.config?.title||e.alpcData?.title||e.product?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]"}),e?.config?.rules?.split("<br>")?.length>0&&(0,t.jsx)("button",{type:"button",onClick:()=>{s(e?.config?.rules?.split("<br>")),(0,a.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:i?.activated?"active":"not active",event_parameters:{page_group:h,position:r.title,button_name:x?.ruleLabel,info:e?.alpcData?.id?.toString()}})},className:"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]",tabIndex:0,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&c.preventDefault()},children:x?.ruleLabel}),(0,t.jsxs)("div",{className:"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]",children:[(0,t.jsx)(l.Picture,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),(0,t.jsx)(l.Text,{html:`${(0,o.numberFormat)(e?.alpcData?.consumeCredits)} + ${(0,o.formatPrice)({amount:Number(e?.config?.price),currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:C})}`,size:2,as:"p",className:"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]"}),(0,t.jsx)(l.Text,{html:(0,o.formatPrice)({amount:e?.productVariant?.price.amount,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:C}),className:"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"p"})]}),(0,t.jsxs)("div",{className:"group relative w-full mt-[8px]",children:[(0,t.jsx)(l.Button,{disabled:F,variant:"primary",size:"lg",className:"mt-[8px] md:px-[10px] l:w-full",loading:E,onClick:()=>{$()},title:f?x.insufficientCredits:b,children:b}),(0,t.jsx)("div",{className:(0,a.classNames)("absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]",f?"block":"hidden"),children:(0,t.jsxs)("div",{className:(0,a.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]",!N&&"rounded-none"),children:[(0,t.jsx)(l.Text,{as:"p",size:"2",html:x?.insufficientCredits,className:"text-[14px]"}),(0,t.jsx)("div",{className:"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]"})]})})]})]}),_&&(0,t.jsx)("div",{className:"mt-[8px] text-[14px] text-[#FF0000]",children:_})]})}var H=U;
+"use strict";var h=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var U=(r,e)=>{for(var d in e)h(r,d,{get:e[d],enumerable:!0})},O=(r,e,d,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of B(e))!P.call(r,n)&&n!==d&&h(r,n,{get:()=>e[n],enumerable:!(m=L(e,n))||m.enumerable});return r};var T=r=>O(h({},"__esModule",{value:!0}),r);var G={};U(G,{default:()=>M});module.exports=T(G);var t=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),i=require("react"),V=require("../context/provider"),w=require("../context/hooks/useRedeemAndBuy"),p=require("../context/utils"),a=require("@anker-in/lib"),y=require("../../../components/registration"),R=require("../../../constants");function H({copy:r,itemData:e,setRules:d,className:m}){const{creditInfo:n,profile:s,openSignUpPopup:z,pageCommon:f,gtm:{pageGroup:C,pageHandle:c}}=(0,V.useCreditsContext)(),{authCodeActivate:b}=(0,y.useRegistration)(),{brand:$,locale:u}=(0,a.useHeadlessContext)(),N=R.ROUNDED_BRANDS.includes($),[_,S]=(0,i.useState)(null),{trigger:I,isMutating:k}=(0,w.useRedeemAndBuy)({},{onError:o=>{S(o.message)}}),x=(0,i.useMemo)(()=>!!s,[s?.activated]),g=(0,i.useMemo)(()=>x&&s?.activated&&e.alpcData?.consumeCredits>Number(n?.available_credit||0),[x,s?.activated,e.alpcData?.consumeCredits,n?.available_credit]),E=(0,i.useMemo)(()=>!!(e.alpcData?.remainingInventory<=0&&e.alpcData?.isLimited||!e.productVariant?.availableForSale||g),[e.alpcData?.remainingInventory,e.alpcData?.isLimited,e.productVariant?.availableForSale,g]),F=()=>{S(null),x?!s?.activated&&!b.isActivateSuccess?(b.setAutoSendEmail(!0),b.open()):(I({productVariant:e?.productVariant,redeemId:e?.config?.redeemId}),(0,a.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:s?.activated?"active":"not active",event_parameters:{page_group:C,position:r.title,button_name:v,info:e?.alpcData?.id?.toString()}})):z()},v=(0,i.useMemo)(()=>e.productVariant?.availableForSale?x?r.btnRedeem:r.unlockRewards:r?.soldOut||"Sold Out",[x,e.productVariant?.availableForSale,r.btnRedeem,r.unlockRewards,r?.soldOut]),A=(0,i.useMemo)(()=>{const o=u==="us"?"":`/${u}`;return(0,p.extractVariantId)(e.productVariant?.id)?`${o}/products/${e.product.handle}?variant=${(0,p.extractVariantId)(e.productVariant?.id)}${c?`&ref=${c}`:""}`:`${o}/products/${e.product.handle}${c?`?ref=${c}`:""}`},[e.productVariant?.id,e.product.handle,c,u]);return(0,t.jsxs)("div",{className:(0,a.classNames)("relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]",!N&&"rounded-none md:rounded-none",r.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",m),children:[r.badgeLabel&&(0,t.jsx)(l.Badge,{className:"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:r.badgeLabel}),(0,t.jsx)("a",{href:A,className:(0,a.classNames)("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:(0,t.jsx)(l.Picture,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.config?.image?.url||e?.productVariant?.metafields?.global?.transparentImg||e?.productVariant?.image?.url})}),(0,t.jsxs)("div",{className:(0,a.classNames)("mt-[10px] w-full xl:mt-[8px]"),children:[(0,t.jsx)(l.Text,{html:e?.product?.title,title:e.config?.title||e.alpcData?.title||e.product?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]"}),e?.config?.rules?.split("<br>")?.length>0&&(0,t.jsx)("button",{type:"button",onClick:()=>{d(e?.config?.rules?.split("<br>")),(0,a.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:s?.activated?"active":"not active",event_parameters:{page_group:C,position:r.title,button_name:f?.ruleLabel,info:e?.alpcData?.id?.toString()}})},className:"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]",tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&o.preventDefault()},children:f?.ruleLabel}),(0,t.jsxs)("div",{className:"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]",children:[(0,t.jsx)(l.Picture,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),(0,t.jsx)(l.Text,{html:`${(0,p.numberFormat)(e?.alpcData?.consumeCredits)} + ${(0,p.formatPrice)({amount:Number(e?.config?.price),currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:u})}`,size:2,as:"p",className:"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]"}),(0,t.jsx)(l.Text,{html:(0,p.formatPrice)({amount:e?.productVariant?.price.amount,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:u}),className:"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"p"})]}),(0,t.jsxs)("div",{className:"group relative w-full mt-[8px]",children:[(0,t.jsx)(l.Button,{disabled:E,variant:"primary",size:"lg",className:"mt-[8px] md:px-[10px] l:w-full",loading:k,onClick:()=>{F()},title:g?f.insufficientCredits:v,children:v}),(0,t.jsx)("div",{className:(0,a.classNames)("absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]",g?"block":"hidden"),children:(0,t.jsxs)("div",{className:(0,a.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]",!N&&"rounded-none"),children:[(0,t.jsx)(l.Text,{as:"p",size:"2",html:f?.insufficientCredits,className:"text-[14px]"}),(0,t.jsx)("div",{className:"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]"})]})})]})]}),_&&(0,t.jsx)("div",{className:"mt-[8px] text-[14px] text-[#FF0000]",children:_})]})}var M=H;
 //# sourceMappingURL=RedeemableItem.js.map

package/dist/cjs/components/credits/creditsCash/RedeemableItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsCash/RedeemableItem.tsx"],
-  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemAndBuy } from '../context/hooks/useRedeemAndBuy'\nimport { formatPrice, numberFormat, extractVariantId } from '../context/utils'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useRegistration } from '../../../components/registration'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction RedeemableItem({\n  copy,\n  itemData,\n  setRules,\n  className,\n}: {\n  copy: CreditsCashCopy\n  itemData: RedeemItem\n  className?: string\n  setRules: (rules: string[]) => void\n  currencyCode: string\n}) {\n  const {\n    creditInfo,\n    profile,\n    openSignUpPopup,\n    pageCommon,\n    gtm: { pageGroup, pageHandle },\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [error, setError] = useState<string | null>(null)\n  const { trigger, isMutating } = useRedeemAndBuy(\n    {},\n    {\n      onError: error => {\n        setError(error.message)\n      },\n    }\n  )\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile?.activated])\n\n  const inSufficientCredit = useMemo(() => {\n    return (\n      isLogin && profile?.activated && itemData.alpcData?.consumeCredits > Number(creditInfo?.available_credit || 0)\n    )\n  }, [isLogin, profile?.activated, itemData.alpcData?.consumeCredits, creditInfo?.available_credit])\n\n  const isDisabled = useMemo(() => {\n    // \u5151\u6362\u9650\u5236\n    if (itemData.alpcData?.remainingInventory <= 0 && itemData.alpcData?.isLimited) {\n      return true\n    }\n\n    // \u5546\u54C1\u5E93\u5B58\u9650\u5236\n    if (!itemData.productVariant?.availableForSale) {\n      return true\n    }\n\n    // \u79EF\u5206\u4E0D\u8DB3\n    if (inSufficientCredit) {\n      return true\n    }\n    return false\n  }, [\n    itemData.alpcData?.remainingInventory,\n    itemData.alpcData?.isLimited,\n    itemData.productVariant?.availableForSale,\n    inSufficientCredit,\n  ])\n\n  const handleRedeem = () => {\n    setError(null)\n    if (!isLogin) {\n      openSignUpPopup()\n    } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n      authCodeActivate.setAutoSendEmail(true)\n      authCodeActivate.open()\n    } else {\n      trigger({\n        productVariant: itemData?.productVariant,\n        redeemId: itemData?.config?.redeemId,\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: pageGroup,\n          position: copy.title,\n          button_name: redeemButtonText,\n          info: itemData?.alpcData?.id?.toString(),\n        },\n      })\n    }\n  }\n\n  const redeemButtonText = useMemo(() => {\n    // \u7F3A\u8D27\u6587\u6848\n    if (!itemData.productVariant?.availableForSale) {\n      return copy?.soldOut || 'Sold Out'\n    } else if (!isLogin) {\n      return copy.unlockRewards\n    } else {\n      return copy.btnRedeem\n    }\n  }, [isLogin, itemData.productVariant?.availableForSale, copy.btnRedeem, copy.unlockRewards, copy?.soldOut])\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Redeem \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      <a\n        href={\n          extractVariantId(itemData.productVariant?.id)\n            ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n            : `/products/${itemData.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n      <div className={cn('mt-[10px] w-full xl:mt-[8px]')}>\n        <Text\n          html={itemData?.product?.title}\n          title={itemData.config?.title || itemData.alpcData?.title || itemData.product?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]\"\n        />\n        {itemData?.config?.rules?.split('<br>')?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setRules(itemData?.config?.rules?.split('<br>'))\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: itemData?.alpcData?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n\n        <div className=\"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]\">\n          <Picture\n            className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n            source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n          />\n          <Text\n            html={`${numberFormat(itemData?.alpcData?.consumeCredits)} + ${formatPrice({\n              amount: Number(itemData?.config?.price),\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}`}\n            size={2}\n            as=\"p\"\n            className=\"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]\"\n          />\n          <Text\n            html={formatPrice({\n              amount: itemData?.productVariant?.price.amount,\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}\n            className=\"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n            as=\"p\"\n          />\n        </div>\n\n        <div className=\"group relative w-full mt-[8px]\">\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[10px] l:w-full\"\n            loading={isMutating}\n            onClick={() => {\n              handleRedeem()\n            }}\n            title={inSufficientCredit ? pageCommon.insufficientCredits : redeemButtonText}\n          >\n            {redeemButtonText}\n          </Button>\n          <div\n            className={cn(\n              'absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]',\n              inSufficientCredit ? 'block' : 'hidden'\n            )}\n          >\n            <div\n              className={cn(\n                'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]',\n                !rounded && 'rounded-none'\n              )}\n            >\n              <Text as=\"p\" size=\"2\" html={pageCommon?.insufficientCredits} className=\"text-[14px]\" />\n              <div className=\"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      {error && <div className=\"mt-[8px] text-[14px] text-[#FF0000]\">{error}</div>}\n    </div>\n  )\n}\n\nexport default RedeemableItem\n"],
-  "mappings": "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",
-  "names": ["RedeemableItem_exports", "__export", "RedeemableItem_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_provider", "import_useRedeemAndBuy", "import_utils", "import_lib", "import_registration", "import_constants", "RedeemableItem", "copy", "itemData", "setRules", "className", "creditInfo", "profile", "openSignUpPopup", "pageCommon", "pageGroup", "pageHandle", "authCodeActivate", "brand", "locale", "rounded", "error", "setError", "trigger", "isMutating", "isLogin", "inSufficientCredit", "isDisabled", "handleRedeem", "redeemButtonText", "cn", "e"]
+  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemAndBuy } from '../context/hooks/useRedeemAndBuy'\nimport { formatPrice, numberFormat, extractVariantId } from '../context/utils'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useRegistration } from '../../../components/registration'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction RedeemableItem({\n  copy,\n  itemData,\n  setRules,\n  className,\n}: {\n  copy: CreditsCashCopy\n  itemData: RedeemItem\n  className?: string\n  setRules: (rules: string[]) => void\n  currencyCode: string\n}) {\n  const {\n    creditInfo,\n    profile,\n    openSignUpPopup,\n    pageCommon,\n    gtm: { pageGroup, pageHandle },\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [error, setError] = useState<string | null>(null)\n  const { trigger, isMutating } = useRedeemAndBuy(\n    {},\n    {\n      onError: error => {\n        setError(error.message)\n      },\n    }\n  )\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile?.activated])\n\n  const inSufficientCredit = useMemo(() => {\n    return (\n      isLogin && profile?.activated && itemData.alpcData?.consumeCredits > Number(creditInfo?.available_credit || 0)\n    )\n  }, [isLogin, profile?.activated, itemData.alpcData?.consumeCredits, creditInfo?.available_credit])\n\n  const isDisabled = useMemo(() => {\n    // \u5151\u6362\u9650\u5236\n    if (itemData.alpcData?.remainingInventory <= 0 && itemData.alpcData?.isLimited) {\n      return true\n    }\n\n    // \u5546\u54C1\u5E93\u5B58\u9650\u5236\n    if (!itemData.productVariant?.availableForSale) {\n      return true\n    }\n\n    // \u79EF\u5206\u4E0D\u8DB3\n    if (inSufficientCredit) {\n      return true\n    }\n    return false\n  }, [\n    itemData.alpcData?.remainingInventory,\n    itemData.alpcData?.isLimited,\n    itemData.productVariant?.availableForSale,\n    inSufficientCredit,\n  ])\n\n  const handleRedeem = () => {\n    setError(null)\n    if (!isLogin) {\n      openSignUpPopup()\n    } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n      authCodeActivate.setAutoSendEmail(true)\n      authCodeActivate.open()\n    } else {\n      trigger({\n        productVariant: itemData?.productVariant,\n        redeemId: itemData?.config?.redeemId,\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: pageGroup,\n          position: copy.title,\n          button_name: redeemButtonText,\n          info: itemData?.alpcData?.id?.toString(),\n        },\n      })\n    }\n  }\n\n  const redeemButtonText = useMemo(() => {\n    // \u7F3A\u8D27\u6587\u6848\n    if (!itemData.productVariant?.availableForSale) {\n      return copy?.soldOut || 'Sold Out'\n    } else if (!isLogin) {\n      return copy.unlockRewards\n    } else {\n      return copy.btnRedeem\n    }\n  }, [isLogin, itemData.productVariant?.availableForSale, copy.btnRedeem, copy.unlockRewards, copy?.soldOut])\n\n  const productUrl = useMemo(() => {\n    const localePrefix = locale === 'us' ? '' : `/${locale}`\n    return extractVariantId(itemData.productVariant?.id)\n      ? `${localePrefix}/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n      : `${localePrefix}/products/${itemData.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n  }, [itemData.productVariant?.id, itemData.product.handle, pageHandle, locale])\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Redeem \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      <a\n        href={productUrl}\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n      <div className={cn('mt-[10px] w-full xl:mt-[8px]')}>\n        <Text\n          html={itemData?.product?.title}\n          title={itemData.config?.title || itemData.alpcData?.title || itemData.product?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]\"\n        />\n        {itemData?.config?.rules?.split('<br>')?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setRules(itemData?.config?.rules?.split('<br>'))\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: itemData?.alpcData?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n\n        <div className=\"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]\">\n          <Picture\n            className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n            source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n          />\n          <Text\n            html={`${numberFormat(itemData?.alpcData?.consumeCredits)} + ${formatPrice({\n              amount: Number(itemData?.config?.price),\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}`}\n            size={2}\n            as=\"p\"\n            className=\"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]\"\n          />\n          <Text\n            html={formatPrice({\n              amount: itemData?.productVariant?.price.amount,\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}\n            className=\"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n            as=\"p\"\n          />\n        </div>\n\n        <div className=\"group relative w-full mt-[8px]\">\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[10px] l:w-full\"\n            loading={isMutating}\n            onClick={() => {\n              handleRedeem()\n            }}\n            title={inSufficientCredit ? pageCommon.insufficientCredits : redeemButtonText}\n          >\n            {redeemButtonText}\n          </Button>\n          <div\n            className={cn(\n              'absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]',\n              inSufficientCredit ? 'block' : 'hidden'\n            )}\n          >\n            <div\n              className={cn(\n                'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]',\n                !rounded && 'rounded-none'\n              )}\n            >\n              <Text as=\"p\" size=\"2\" html={pageCommon?.insufficientCredits} className=\"text-[14px]\" />\n              <div className=\"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      {error && <div className=\"mt-[8px] text-[14px] text-[#FF0000]\">{error}</div>}\n    </div>\n  )\n}\n\nexport default RedeemableItem\n"],
+  "mappings": "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",
+  "names": ["RedeemableItem_exports", "__export", "RedeemableItem_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_provider", "import_useRedeemAndBuy", "import_utils", "import_lib", "import_registration", "import_constants", "RedeemableItem", "copy", "itemData", "setRules", "className", "creditInfo", "profile", "openSignUpPopup", "pageCommon", "pageGroup", "pageHandle", "authCodeActivate", "brand", "locale", "rounded", "error", "setError", "trigger", "isMutating", "isLogin", "inSufficientCredit", "isDisabled", "handleRedeem", "redeemButtonText", "productUrl", "localePrefix", "cn", "e"]
 }

package/dist/cjs/components/credits/creditsMemberPrice/MemberPriceItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var b=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var d in t)b(e,d,{get:t[d],enumerable:!0})},F=(e,t,d,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of $(t))!L.call(e,o)&&o!==d&&b(e,o,{get:()=>t[o],enumerable:!(c=M(t,o))||c.enumerable});return e};var H=e=>F(b({},"__esModule",{value:!0}),e);var U={};E(U,{default:()=>O});module.exports=H(U);var r=require("react/jsx-runtime"),n=require("@anker-in/headless-ui"),s=require("react"),p=require("../context/utils"),l=require("@anker-in/lib"),P=require("../context/provider"),_=require("../../../constants");function z({itemData:e,copy:t,className:d}){const{brand:c,locale:o}=(0,l.useHeadlessContext)(),{profile:x,openSignUpPopup:T,cartConfig:g,gtm:u}=(0,P.useCreditsContext)(),V=_.ROUNDED_BRANDS.includes(c),{trigger:k,isMutating:v}=(0,l.useBuyNow)({},{throwOnError:!0}),[C,y]=(0,s.useState)(!1),h=(0,s.useMemo)(()=>e.productVariant?.availableForSale,[e.productVariant?.availableForSale]),S=(0,s.useMemo)(()=>!!x,[x]),i=(0,s.useMemo)(()=>{try{const a=e.productVariant?.metafields?.__discountCodeApp?.data;if(!a)return;const f=a;if(!Array.isArray(f)||f.length===0)return;const N=new Date;return f.find(m=>{const A=m.starts_at?new Date(m.starts_at):null,w=m.ends_at?new Date(m.ends_at):null;return!(A&&A>N||w&&w<N)})?.title}catch(a){console.error("Failed to get discount code:",a);return}},[e.productVariant?.metafields]),B=async()=>{if(!g?.addToCart){console.warn("cartConfig.addToCart is required");return}try{y(!0);const a=[];i&&a.push({key:"_member_price",value:JSON.stringify({code:i})}),await g.addToCart({variantList:[{variant:e.productVariant,quantity:1,attributes:a.length>0?a:void 0}],cartAttributes:{_member_type:String(x?.memberType||0)},discountCodes:i?[i]:void 0})}catch(a){console.error("Add to cart failed:",a)}finally{y(!1)}},I=()=>{if(!S){T();return}const a=[];i&&a.push({key:"_member_price",value:JSON.stringify({code:i})}),k({customAttributes:[{key:"_member_type",value:String(x?.memberType||0)}],lineItems:[{variant:e.productVariant,quantity:1,attributes:a.length>0?a:void 0}],discountCodes:i?[i]:void 0,gtmParams:{pageGroup:u.pageGroup,position:"mmeber-price-card"}})};return(0,r.jsxs)("div",{className:(0,l.classNames)("relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]",!V&&"rounded-none md:rounded-none",t.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",d),children:[t.badgeLabel&&(0,r.jsx)(n.Badge,{className:"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:t.badgeLabel}),(0,r.jsx)("a",{href:(0,p.extractVariantId)(e.productVariant?.id)?`/products/${e.product.handle}?variant=${(0,p.extractVariantId)(e.productVariant?.id)}${u.pageHandle?`&ref=${u.pageHandle}`:""}`:`/products/${e.product.handle}${u.pageHandle?`?ref=${u.pageHandle}`:""}`,className:(0,l.classNames)("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:(0,r.jsx)(n.Picture,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.productVariant?.metafields?.global?.transparentImg||e?.config?.image?.url||e?.productVariant?.image?.url})}),(0,r.jsxs)("div",{className:(0,l.classNames)("mt-[10px] xl:mt-[8px] w-full"),children:[(0,r.jsx)(n.Text,{html:e?.product?.title,title:e?.product?.title,className:"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]"}),(0,r.jsxs)("div",{className:"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0",children:[(0,r.jsx)(n.Text,{html:t.memberPriceLabel,className:(0,l.classNames)("text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]",c==="ankersolix"&&"leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),as:"p"}),(0,r.jsxs)("div",{className:"flex items-center gap-[4px]",children:[(0,r.jsx)(n.Text,{html:(0,p.formatPrice)({amount:e.memberPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:o}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]",as:"span"}),(0,r.jsx)(n.Text,{html:(0,p.formatPrice)({amount:e.originalPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:o}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"span"})]}),(0,r.jsxs)("div",{className:"flex w-full mt-[8px] gap-[8px] l:flex-col",children:[(0,r.jsx)(n.Button,{variant:"secondary",className:"flex-1 md:w-full",size:"lg",onClick:B,disabled:!h||!g?.addToCart||C,loading:C,children:t.addToCart}),(0,r.jsx)(n.Button,{variant:"primary",className:"flex-1 md:w-full",size:"lg",onClick:I,disabled:!h||v,loading:v,children:t.shopNowText})]})]})]})]})}var O=z;
+"use strict";var b=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var E=(e,r)=>{for(var s in r)b(e,s,{get:r[s],enumerable:!0})},F=(e,r,s,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of H(r))!L.call(e,l)&&l!==s&&b(e,l,{get:()=>r[l],enumerable:!(u=M(r,l))||u.enumerable});return e};var U=e=>F(b({},"__esModule",{value:!0}),e);var q={};E(q,{default:()=>O});module.exports=U(q);var a=require("react/jsx-runtime"),n=require("@anker-in/headless-ui"),d=require("react"),c=require("../context/utils"),o=require("@anker-in/lib"),P=require("../context/provider"),_=require("../../../constants");function z({itemData:e,copy:r,className:s}){const{brand:u,locale:l}=(0,o.useHeadlessContext)(),{profile:x,openSignUpPopup:T,cartConfig:g,gtm:p}=(0,P.useCreditsContext)(),V=_.ROUNDED_BRANDS.includes(u),{trigger:k,isMutating:v}=(0,o.useBuyNow)({},{throwOnError:!0}),[C,h]=(0,d.useState)(!1),y=(0,d.useMemo)(()=>e.productVariant?.availableForSale,[e.productVariant?.availableForSale]),S=(0,d.useMemo)(()=>!!x,[x]),i=(0,d.useMemo)(()=>{try{const t=e.productVariant?.metafields?.__discountCodeApp?.data;if(!t)return;const f=t;if(!Array.isArray(f)||f.length===0)return;const N=new Date;return f.find(m=>{const A=m.starts_at?new Date(m.starts_at):null,w=m.ends_at?new Date(m.ends_at):null;return!(A&&A>N||w&&w<N)})?.title}catch(t){console.error("Failed to get discount code:",t);return}},[e.productVariant?.metafields]),$=(0,d.useMemo)(()=>{const t=l==="us"?"":`/${l}`;return(0,c.extractVariantId)(e.productVariant?.id)?`${t}/products/${e.product.handle}?variant=${(0,c.extractVariantId)(e.productVariant?.id)}${p.pageHandle?`&ref=${p.pageHandle}`:""}`:`${t}/products/${e.product.handle}${p.pageHandle?`?ref=${p.pageHandle}`:""}`},[e.productVariant?.id,e.product.handle,p.pageHandle,l]),B=async()=>{if(!g?.addToCart){console.warn("cartConfig.addToCart is required");return}try{h(!0);const t=[];i&&t.push({key:"_member_price",value:JSON.stringify({code:i})}),await g.addToCart({variantList:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],cartAttributes:{_member_type:String(x?.memberType||0)},discountCodes:i?[i]:void 0})}catch(t){console.error("Add to cart failed:",t)}finally{h(!1)}},I=()=>{if(!S){T();return}const t=[];i&&t.push({key:"_member_price",value:JSON.stringify({code:i})}),k({customAttributes:[{key:"_member_type",value:String(x?.memberType||0)}],lineItems:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],discountCodes:i?[i]:void 0,gtmParams:{pageGroup:p.pageGroup,position:"mmeber-price-card"}})};return(0,a.jsxs)("div",{className:(0,o.classNames)("relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]",!V&&"rounded-none md:rounded-none",r.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",s),children:[r.badgeLabel&&(0,a.jsx)(n.Badge,{className:"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:r.badgeLabel}),(0,a.jsx)("a",{href:$,className:(0,o.classNames)("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:(0,a.jsx)(n.Picture,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.productVariant?.metafields?.global?.transparentImg||e?.config?.image?.url||e?.productVariant?.image?.url})}),(0,a.jsxs)("div",{className:(0,o.classNames)("mt-[10px] xl:mt-[8px] w-full"),children:[(0,a.jsx)(n.Text,{html:e?.product?.title,title:e?.product?.title,className:"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]"}),(0,a.jsxs)("div",{className:"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0",children:[(0,a.jsx)(n.Text,{html:r.memberPriceLabel,className:(0,o.classNames)("text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]",u==="ankersolix"&&"leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),as:"p"}),(0,a.jsxs)("div",{className:"flex items-center gap-[4px]",children:[(0,a.jsx)(n.Text,{html:(0,c.formatPrice)({amount:e.memberPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:l}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]",as:"span"}),(0,a.jsx)(n.Text,{html:(0,c.formatPrice)({amount:e.originalPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:l}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"span"})]}),(0,a.jsxs)("div",{className:"flex w-full mt-[8px] gap-[8px] l:flex-col",children:[(0,a.jsx)(n.Button,{variant:"secondary",className:"flex-1 md:w-full",size:"lg",onClick:B,disabled:!y||!g?.addToCart||C,loading:C,children:r.addToCart}),(0,a.jsx)(n.Button,{variant:"primary",className:"flex-1 md:w-full",size:"lg",onClick:I,disabled:!y||v,loading:v,children:r.shopNowText})]})]})]})]})}var O=z;
 //# sourceMappingURL=MemberPriceItem.js.map

package/dist/cjs/components/credits/creditsMemberPrice/MemberPriceItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsMemberPrice/MemberPriceItem.tsx"],
-  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { formatPrice, extractVariantId } from '../context/utils'\nimport { classNames as cn, useHeadlessContext, useBuyNow } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction MemberPriceItem({\n  itemData,\n  copy,\n  className,\n}: {\n  itemData: MemberPriceProduct\n  copy: CreditsMemberPriceCopy['memberPriceTab']\n  className?: string\n}) {\n  const { brand, locale } = useHeadlessContext()\n  const { profile, openSignUpPopup, cartConfig, gtm } = useCreditsContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u4F7F\u7528 buyNow hook \u6765\u5904\u7406\u7ED3\u7B97\n  const { trigger: buyNow, isMutating: isBuying } = useBuyNow({}, { throwOnError: true })\n\n  // \u672C\u5730 loading \u72B6\u6001\uFF0C\u907F\u514D\u5168\u5C40 loading \u5F71\u54CD\u6240\u6709\u5361\u7247\n  const [isAddingToCart, setIsAddingToCart] = useState(false)\n\n  const isAvailable = useMemo(() => {\n    return itemData.productVariant?.availableForSale\n  }, [itemData.productVariant?.availableForSale])\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile])\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6 coupon code\n  const getCouponCode = useMemo(() => {\n    try {\n      const discountData = itemData.productVariant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return undefined\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return undefined\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      return validDiscount?.title\n    } catch (error) {\n      console.error('Failed to get discount code:', error)\n      return undefined\n    }\n  }, [itemData.productVariant?.metafields])\n\n  // Add to Cart \u6309\u94AE\u70B9\u51FB - \u8C03\u7528\u52A0\u8D2D\u65B9\u6CD5\n  const handleAddToCart = async () => {\n    if (!cartConfig?.addToCart) {\n      console.warn('cartConfig.addToCart is required')\n      return\n    }\n\n    try {\n      setIsAddingToCart(true)\n\n      // \u6784\u5EFA lineItem attributes\n      const lineItemAttributes: Array<{ key: string; value: string }> = []\n      if (getCouponCode) {\n        lineItemAttributes.push({\n          key: '_member_price',\n          value: JSON.stringify({ code: getCouponCode }),\n        })\n      }\n\n      await cartConfig.addToCart({\n        variantList: [\n          {\n            variant: itemData.productVariant,\n            quantity: 1,\n            attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n          },\n        ],\n        cartAttributes: {\n          _member_type: String(profile?.memberType || 0),\n        },\n        discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      })\n    } catch (error) {\n      console.error('Add to cart failed:', error)\n    } finally {\n      setIsAddingToCart(false)\n    }\n  }\n\n  // Shop Now \u6309\u94AE\u70B9\u51FB - \u68C0\u67E5\u767B\u5F55\u72B6\u6001\u540E\u4F7F\u7528 buyNow \u8FDB\u884C\u7ED3\u7B97\n  const handleShopNow = () => {\n    // \u5982\u679C\u672A\u767B\u5F55\uFF0C\u5F39\u51FA\u767B\u5F55\u5F39\u7A97\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n\n    // \u6784\u5EFA lineItem attributes\n    const lineItemAttributes: Array<{ key: string; value: string }> = []\n    if (getCouponCode) {\n      lineItemAttributes.push({\n        key: '_member_price',\n        value: JSON.stringify({ code: getCouponCode }),\n      })\n    }\n\n    // \u5DF2\u767B\u5F55\uFF0C\u6267\u884C\u8D2D\u4E70\n    buyNow({\n      customAttributes: [\n        {\n          key: '_member_type',\n          value: String(profile?.memberType || 0),\n        },\n      ],\n      lineItems: [\n        {\n          variant: itemData.productVariant,\n          quantity: 1,\n          attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n        },\n      ],\n      discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      gtmParams: {\n        pageGroup: gtm.pageGroup,\n        position: 'mmeber-price-card',\n      },\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Member \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      {/* \u4EA7\u54C1\u56FE\u7247 - \u4F18\u5148\u4F7F\u7528\u4EA7\u54C1\u7684 metafields \u900F\u660E\u56FE */}\n      <a\n        href={\n          extractVariantId(itemData.productVariant?.id)\n            ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${gtm.pageHandle ? `&ref=${gtm.pageHandle}` : ''}`\n            : `/products/${itemData.product.handle}${gtm.pageHandle ? `?ref=${gtm.pageHandle}` : ''}`\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n\n      {/* \u4EA7\u54C1\u4FE1\u606F */}\n      <div className={cn('mt-[10px] xl:mt-[8px] w-full')}>\n        {/* \u4EA7\u54C1\u6807\u9898 - \u4F7F\u7528\u4EA7\u54C1\u7684\u771F\u5B9E\u6807\u9898 */}\n        <Text\n          html={itemData?.product?.title}\n          title={itemData?.product?.title}\n          className=\"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n        />\n\n        {/* \u4EF7\u683C\u4FE1\u606F */}\n        <div className=\"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0\">\n          {/* Member Price \u6807\u7B7E - \u4F7F\u7528 text-brand-color-1 */}\n          <Text\n            html={copy.memberPriceLabel}\n            className={cn(\n              'text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]',\n              brand === 'ankersolix' &&\n                'leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n            )}\n            as=\"p\"\n          />\n\n          {/* \u4F1A\u5458\u4EF7\u548C\u539F\u4EF7\u5728\u540C\u4E00\u884C */}\n          <div className=\"flex items-center gap-[4px]\">\n            <Text\n              html={formatPrice({\n                amount: itemData.memberPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n              as=\"span\"\n            />\n            <Text\n              html={formatPrice({\n                amount: itemData.originalPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n              as=\"span\"\n            />\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex w-full mt-[8px] gap-[8px] l:flex-col\">\n            {/* Add to Cart \u6309\u94AE */}\n            <Button\n              variant=\"secondary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleAddToCart}\n              disabled={!isAvailable || !cartConfig?.addToCart || isAddingToCart}\n              loading={isAddingToCart}\n            >\n              {copy.addToCart}\n            </Button>\n\n            {/* Shop Now \u6309\u94AE */}\n            <Button\n              variant=\"primary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleShopNow}\n              disabled={!isAvailable || isBuying}\n              loading={isBuying}\n            >\n              {copy.shopNowText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default MemberPriceItem\n"],
-  "mappings": "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",
-  "names": ["MemberPriceItem_exports", "__export", "MemberPriceItem_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_utils", "import_lib", "import_provider", "import_constants", "MemberPriceItem", "itemData", "copy", "className", "brand", "locale", "profile", "openSignUpPopup", "cartConfig", "gtm", "rounded", "buyNow", "isBuying", "isAddingToCart", "setIsAddingToCart", "isAvailable", "isLogin", "getCouponCode", "discountData", "discounts", "now", "discount", "startsAt", "endsAt", "error", "handleAddToCart", "lineItemAttributes", "handleShopNow", "cn"]
+  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { formatPrice, extractVariantId } from '../context/utils'\nimport { classNames as cn, useHeadlessContext, useBuyNow } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction MemberPriceItem({\n  itemData,\n  copy,\n  className,\n}: {\n  itemData: MemberPriceProduct\n  copy: CreditsMemberPriceCopy['memberPriceTab']\n  className?: string\n}) {\n  const { brand, locale } = useHeadlessContext()\n  const { profile, openSignUpPopup, cartConfig, gtm } = useCreditsContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u4F7F\u7528 buyNow hook \u6765\u5904\u7406\u7ED3\u7B97\n  const { trigger: buyNow, isMutating: isBuying } = useBuyNow({}, { throwOnError: true })\n\n  // \u672C\u5730 loading \u72B6\u6001\uFF0C\u907F\u514D\u5168\u5C40 loading \u5F71\u54CD\u6240\u6709\u5361\u7247\n  const [isAddingToCart, setIsAddingToCart] = useState(false)\n\n  const isAvailable = useMemo(() => {\n    return itemData.productVariant?.availableForSale\n  }, [itemData.productVariant?.availableForSale])\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile])\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6 coupon code\n  const getCouponCode = useMemo(() => {\n    try {\n      const discountData = itemData.productVariant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return undefined\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return undefined\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      return validDiscount?.title\n    } catch (error) {\n      console.error('Failed to get discount code:', error)\n      return undefined\n    }\n  }, [itemData.productVariant?.metafields])\n\n  const productUrl = useMemo(() => {\n    const localePrefix = locale === 'us' ? '' : `/${locale}`\n    return extractVariantId(itemData.productVariant?.id)\n      ? `${localePrefix}/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${gtm.pageHandle ? `&ref=${gtm.pageHandle}` : ''}`\n      : `${localePrefix}/products/${itemData.product.handle}${gtm.pageHandle ? `?ref=${gtm.pageHandle}` : ''}`\n  }, [itemData.productVariant?.id, itemData.product.handle, gtm.pageHandle, locale])\n\n  // Add to Cart \u6309\u94AE\u70B9\u51FB - \u8C03\u7528\u52A0\u8D2D\u65B9\u6CD5\n  const handleAddToCart = async () => {\n    if (!cartConfig?.addToCart) {\n      console.warn('cartConfig.addToCart is required')\n      return\n    }\n\n    try {\n      setIsAddingToCart(true)\n\n      // \u6784\u5EFA lineItem attributes\n      const lineItemAttributes: Array<{ key: string; value: string }> = []\n      if (getCouponCode) {\n        lineItemAttributes.push({\n          key: '_member_price',\n          value: JSON.stringify({ code: getCouponCode }),\n        })\n      }\n\n      await cartConfig.addToCart({\n        variantList: [\n          {\n            variant: itemData.productVariant,\n            quantity: 1,\n            attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n          },\n        ],\n        cartAttributes: {\n          _member_type: String(profile?.memberType || 0),\n        },\n        discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      })\n    } catch (error) {\n      console.error('Add to cart failed:', error)\n    } finally {\n      setIsAddingToCart(false)\n    }\n  }\n\n  // Shop Now \u6309\u94AE\u70B9\u51FB - \u68C0\u67E5\u767B\u5F55\u72B6\u6001\u540E\u4F7F\u7528 buyNow \u8FDB\u884C\u7ED3\u7B97\n  const handleShopNow = () => {\n    // \u5982\u679C\u672A\u767B\u5F55\uFF0C\u5F39\u51FA\u767B\u5F55\u5F39\u7A97\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n\n    // \u6784\u5EFA lineItem attributes\n    const lineItemAttributes: Array<{ key: string; value: string }> = []\n    if (getCouponCode) {\n      lineItemAttributes.push({\n        key: '_member_price',\n        value: JSON.stringify({ code: getCouponCode }),\n      })\n    }\n\n    // \u5DF2\u767B\u5F55\uFF0C\u6267\u884C\u8D2D\u4E70\n    buyNow({\n      customAttributes: [\n        {\n          key: '_member_type',\n          value: String(profile?.memberType || 0),\n        },\n      ],\n      lineItems: [\n        {\n          variant: itemData.productVariant,\n          quantity: 1,\n          attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n        },\n      ],\n      discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      gtmParams: {\n        pageGroup: gtm.pageGroup,\n        position: 'mmeber-price-card',\n      },\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Member \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      {/* \u4EA7\u54C1\u56FE\u7247 - \u4F18\u5148\u4F7F\u7528\u4EA7\u54C1\u7684 metafields \u900F\u660E\u56FE */}\n      <a href={productUrl} className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}>\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n\n      {/* \u4EA7\u54C1\u4FE1\u606F */}\n      <div className={cn('mt-[10px] xl:mt-[8px] w-full')}>\n        {/* \u4EA7\u54C1\u6807\u9898 - \u4F7F\u7528\u4EA7\u54C1\u7684\u771F\u5B9E\u6807\u9898 */}\n        <Text\n          html={itemData?.product?.title}\n          title={itemData?.product?.title}\n          className=\"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n        />\n\n        {/* \u4EF7\u683C\u4FE1\u606F */}\n        <div className=\"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0\">\n          {/* Member Price \u6807\u7B7E - \u4F7F\u7528 text-brand-color-1 */}\n          <Text\n            html={copy.memberPriceLabel}\n            className={cn(\n              'text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]',\n              brand === 'ankersolix' &&\n                'leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n            )}\n            as=\"p\"\n          />\n\n          {/* \u4F1A\u5458\u4EF7\u548C\u539F\u4EF7\u5728\u540C\u4E00\u884C */}\n          <div className=\"flex items-center gap-[4px]\">\n            <Text\n              html={formatPrice({\n                amount: itemData.memberPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n              as=\"span\"\n            />\n            <Text\n              html={formatPrice({\n                amount: itemData.originalPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n              as=\"span\"\n            />\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex w-full mt-[8px] gap-[8px] l:flex-col\">\n            {/* Add to Cart \u6309\u94AE */}\n            <Button\n              variant=\"secondary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleAddToCart}\n              disabled={!isAvailable || !cartConfig?.addToCart || isAddingToCart}\n              loading={isAddingToCart}\n            >\n              {copy.addToCart}\n            </Button>\n\n            {/* Shop Now \u6309\u94AE */}\n            <Button\n              variant=\"primary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleShopNow}\n              disabled={!isAvailable || isBuying}\n              loading={isBuying}\n            >\n              {copy.shopNowText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default MemberPriceItem\n"],
+  "mappings": "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",
+  "names": ["MemberPriceItem_exports", "__export", "MemberPriceItem_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_utils", "import_lib", "import_provider", "import_constants", "MemberPriceItem", "itemData", "copy", "className", "brand", "locale", "profile", "openSignUpPopup", "cartConfig", "gtm", "rounded", "buyNow", "isBuying", "isAddingToCart", "setIsAddingToCart", "isAvailable", "isLogin", "getCouponCode", "discountData", "discounts", "now", "discount", "startsAt", "endsAt", "error", "productUrl", "localePrefix", "handleAddToCart", "lineItemAttributes", "handleShopNow", "cn"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemableItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var P=Object.create;var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var L=(t,l)=>{for(var e in l)x(t,e,{get:l[e],enumerable:!0})},_=(t,l,e,u)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of $(l))!E.call(t,r)&&r!==e&&x(t,r,{get:()=>l[r],enumerable:!(u=S(l,r))||u.enumerable});return t};var D=(t,l,e)=>(e=t!=null?P(z(t)):{},_(l||!t||!t.__esModule?x(e,"default",{value:t,enumerable:!0}):e,t)),O=t=>_(x({},"__esModule",{value:!0}),t);var A={};L(A,{RedeemableItem:()=>F});module.exports=O(A);var a=require("react/jsx-runtime"),n=require("@anker-in/headless-ui"),f=require("react"),v=D(require("classnames")),N=require("../context/provider"),o=require("../context/const"),d=require("../context/utils"),c=require("@anker-in/lib"),R=require("./NonProductValue"),C=require("../../../constants");function F({copy:t,className:l,item:e,onRulesOpen:u,onRedeem:r}){const{creditInfo:b,profile:i,gtm:{pageGroup:h,pageHandle:p},pageCommon:s}=(0,N.useCreditsContext)(),{brand:T}=(0,c.useHeadlessContext)(),m=Object.keys(i||{}).length>0,w=C.ROUNDED_BRANDS.includes(T),I=(0,f.useMemo)(()=>!!(e.hasRedeemed||e.alpc?.remainingInventory<=0&&e.alpc?.isLimited||e.alpc?.consumeType===o.AlpcConsumeType.Product&&!e.variant?.availableForSale||m&&i?.activated&&e.alpc?.consumeCredits>Number(b?.available_credit||0)),[e.hasRedeemed,e.alpc?.remainingInventory,e.alpc?.isLimited,e.alpc?.consumeType,e.alpc?.consumeCredits,m,i?.activated,b?.available_credit,e.variant?.availableForSale]),y=(0,f.useMemo)(()=>m?e.alpc?.consumeType===o.AlpcConsumeType.Product?e.variant?.availableForSale?t.btnRedeem:s?.soldOut||"Sold Out":t.btnRedeem:t.unlockRewards,[m,e.alpc?.consumeType,e.variant?.availableForSale,t.btnRedeem,t.unlockRewards,s?.soldOut]),k=(0,f.useMemo)(()=>{if(!(e.config?.type!==o.ConsumeType.Product||!e.product?.handle))return(0,d.extractVariantId)(e.variant?.id)?`/products/${e.product.handle}?variant=${(0,d.extractVariantId)(e.variant?.id)}${p?`&ref=${p}`:""}`:`/products/${e.product.handle}${p?`?ref=${p}`:""}`},[e.config?.type,e.product?.handle,e.variant?.id,p]);return(0,a.jsxs)("div",{className:(0,v.default)("flex flex-col items-center rounded-[16px] bg-[#EAEAEC] p-[24px] md:rounded-[12px] md:px-[8px] xl:py-[16px] md-xl:px-[16px]",!w&&"rounded-none md:rounded-none",l),children:[e.config?.type===o.ConsumeType.Product?(0,a.jsx)("a",{href:k,className:(0,v.default)("relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]"),children:(0,a.jsx)(n.Picture,{className:"h-full w-auto [&_img]:h-full [&_img]:object-contain",source:e.config?.image?.url||e.product?.images?.[0]?.url})}):(0,a.jsxs)("div",{className:"relative mx-auto my-[30px] h-[164px] md:my-0 md:h-[66px] l-xxl:h-[138px] md-l:h-[80px]",children:[(0,a.jsx)(n.Picture,{source:s?.imageMapping?.[e.config?.type]?.url,className:"h-full [&_img]:h-full [&_img]:w-auto [&_img]:object-contain"}),(0,a.jsx)(R.NoneProductValue,{item:e})]}),(0,a.jsxs)("div",{className:(0,v.default)("mt-[10px] xl:mt-[8px] flex w-full flex-1 flex-col justify-between"),children:[(0,a.jsx)(n.Text,{html:e.config?.title||e.alpc?.title,title:e.config?.title||e.alpc?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] leading-[1.2] l:h-[40px] l:text-[16px] l-xxl:h-[48px] l-xxl:text-[20px]"}),e.config?.rules?.length>0&&(0,a.jsx)("button",{type:"button",onClick:()=>{u(e.config?.rules||[]),(0,c.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:i?.activated?"active":"not active",event_parameters:{page_group:h,position:t.title,button_name:s?.ruleLabel,info:e.alpc?.id?.toString()}})},className:"mt-[8px] w-fit text-[16px] font-bold underline md:text-[14px] l:mt-0",tabIndex:0,onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&g.preventDefault()},children:s?.ruleLabel}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mt-[26px] flex items-center l:mt-[12px] l-xl:mt-[16px]",children:[(0,a.jsx)(n.Picture,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),(0,a.jsx)(n.Text,{html:`${(0,d.numberFormat)(e.alpc?.consumeCredits)}`,size:2,as:"p",className:"ml-[4px] text-[24px] font-bold mt-[4px] leading-none l-xxl:text-[20px] l:text-[16px] "})]}),(0,a.jsx)(n.Button,{disabled:I,variant:"primary",size:"lg",className:"mt-[8px] md:px-[8px] l:w-full",onClick:()=>{r(e),(0,c.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:i?.activated?"active":"not active",event_parameters:{page_group:h,position:t.title,button_name:y,info:e.alpc?.id?.toString()}})},children:y})]})]})]})}
+"use strict";var k=Object.create;var f=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var D=(t,l)=>{for(var e in l)f(t,e,{get:l[e],enumerable:!0})},N=(t,l,e,m)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of z(l))!L.call(t,r)&&r!==e&&f(t,r,{get:()=>l[r],enumerable:!(m=S(l,r))||m.enumerable});return t};var O=(t,l,e)=>(e=t!=null?k(E(t)):{},N(l||!t||!t.__esModule?f(e,"default",{value:t,enumerable:!0}):e,t)),F=t=>N(f({},"__esModule",{value:!0}),t);var B={};D(B,{RedeemableItem:()=>A});module.exports=F(B);var a=require("react/jsx-runtime"),n=require("@anker-in/headless-ui"),v=require("react"),g=O(require("classnames")),R=require("../context/provider"),i=require("../context/const"),c=require("../context/utils"),u=require("@anker-in/lib"),C=require("./NonProductValue"),T=require("../../../constants");function A({copy:t,className:l,item:e,onRulesOpen:m,onRedeem:r}){const{creditInfo:h,profile:p,gtm:{pageGroup:y,pageHandle:s},pageCommon:d}=(0,R.useCreditsContext)(),{brand:$,locale:b}=(0,u.useHeadlessContext)(),x=Object.keys(p||{}).length>0,w=T.ROUNDED_BRANDS.includes($),I=(0,v.useMemo)(()=>!!(e.hasRedeemed||e.alpc?.remainingInventory<=0&&e.alpc?.isLimited||e.alpc?.consumeType===i.AlpcConsumeType.Product&&!e.variant?.availableForSale||x&&p?.activated&&e.alpc?.consumeCredits>Number(h?.available_credit||0)),[e.hasRedeemed,e.alpc?.remainingInventory,e.alpc?.isLimited,e.alpc?.consumeType,e.alpc?.consumeCredits,x,p?.activated,h?.available_credit,e.variant?.availableForSale]),_=(0,v.useMemo)(()=>x?e.alpc?.consumeType===i.AlpcConsumeType.Product?e.variant?.availableForSale?t.btnRedeem:d?.soldOut||"Sold Out":t.btnRedeem:t.unlockRewards,[x,e.alpc?.consumeType,e.variant?.availableForSale,t.btnRedeem,t.unlockRewards,d?.soldOut]),P=(0,v.useMemo)(()=>{if(e.config?.type!==i.ConsumeType.Product||!e.product?.handle)return;const o=b==="us"?"":`/${b}`;return(0,c.extractVariantId)(e.variant?.id)?`${o}/products/${e.product.handle}?variant=${(0,c.extractVariantId)(e.variant?.id)}${s?`&ref=${s}`:""}`:`${o}/products/${e.product.handle}${s?`?ref=${s}`:""}`},[e.config?.type,e.product?.handle,e.variant?.id,s,b]);return(0,a.jsxs)("div",{className:(0,g.default)("flex flex-col items-center rounded-[16px] bg-[#EAEAEC] p-[24px] md:rounded-[12px] md:px-[8px] xl:py-[16px] md-xl:px-[16px]",!w&&"rounded-none md:rounded-none",l),children:[e.config?.type===i.ConsumeType.Product?(0,a.jsx)("a",{href:P,className:(0,g.default)("relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]"),children:(0,a.jsx)(n.Picture,{className:"h-full w-auto [&_img]:h-full [&_img]:object-contain",source:e.config?.image?.url||e.product?.images?.[0]?.url})}):(0,a.jsxs)("div",{className:"relative mx-auto my-[30px] h-[164px] md:my-0 md:h-[66px] l-xxl:h-[138px] md-l:h-[80px]",children:[(0,a.jsx)(n.Picture,{source:d?.imageMapping?.[e.config?.type]?.url,className:"h-full [&_img]:h-full [&_img]:w-auto [&_img]:object-contain"}),(0,a.jsx)(C.NoneProductValue,{item:e})]}),(0,a.jsxs)("div",{className:(0,g.default)("mt-[10px] xl:mt-[8px] flex w-full flex-1 flex-col justify-between"),children:[(0,a.jsx)(n.Text,{html:e.config?.title||e.alpc?.title,title:e.config?.title||e.alpc?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] leading-[1.2] l:h-[40px] l:text-[16px] l-xxl:h-[48px] l-xxl:text-[20px]"}),e.config?.rules?.length>0&&(0,a.jsx)("button",{type:"button",onClick:()=>{m(e.config?.rules||[]),(0,u.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:p?.activated?"active":"not active",event_parameters:{page_group:y,position:t.title,button_name:d?.ruleLabel,info:e.alpc?.id?.toString()}})},className:"mt-[8px] w-fit text-[16px] font-bold underline md:text-[14px] l:mt-0",tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&o.preventDefault()},children:d?.ruleLabel}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mt-[26px] flex items-center l:mt-[12px] l-xl:mt-[16px]",children:[(0,a.jsx)(n.Picture,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),(0,a.jsx)(n.Text,{html:`${(0,c.numberFormat)(e.alpc?.consumeCredits)}`,size:2,as:"p",className:"ml-[4px] text-[24px] font-bold mt-[4px] leading-none l-xxl:text-[20px] l:text-[16px] "})]}),(0,a.jsx)(n.Button,{disabled:I,variant:"primary",size:"lg",className:"mt-[8px] md:px-[8px] l:w-full",onClick:()=>{r(e),(0,u.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:p?.activated?"active":"not active",event_parameters:{page_group:y,position:t.title,button_name:_,info:e.alpc?.id?.toString()}})},children:_})]})]})]})}
 //# sourceMappingURL=RedeemableItem.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemableItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsRedeemList/RedeemableItem.tsx"],
-  "sourcesContent": ["import { Button, Text, Picture } from '@anker-in/headless-ui'\n\nimport { useMemo } from 'react'\n\nimport classNames from 'classnames'\nimport { useCreditsContext } from '../context/provider'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { AlpcConsumeType, ConsumeType } from '../context/const'\nimport { numberFormat, extractVariantId } from '../context/utils'\nimport type { CreditsRedeemListCopy } from './type'\nimport { gaTrack, useHeadlessContext } from '@anker-in/lib'\nimport { NoneProductValue } from './NonProductValue'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport function RedeemableItem({\n  copy,\n  className,\n  item,\n  onRulesOpen,\n  onRedeem,\n}: {\n  copy: CreditsRedeemListCopy\n  className?: string\n  item: RedeemableItemType\n  onRulesOpen: (rules: string[]) => void\n  onRedeem: (item: RedeemableItemType) => void\n}) {\n  const {\n    creditInfo,\n    profile,\n    gtm: { pageGroup, pageHandle },\n    pageCommon,\n  } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const isLogin = Object.keys(profile || {}).length > 0\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isDisabled = useMemo(() => {\n    if (item.hasRedeemed) {\n      return true\n    }\n\n    if (item.alpc?.remainingInventory <= 0 && item.alpc?.isLimited) {\n      // \u6709\u5E93\u5B58\u9650\u5236\n      return true\n    }\n\n    if (item.alpc?.consumeType === AlpcConsumeType.Product) {\n      if (!item.variant?.availableForSale) {\n        return true\n      }\n    }\n    if (isLogin && profile?.activated && item.alpc?.consumeCredits > Number(creditInfo?.available_credit || 0)) {\n      return true\n    }\n    return false\n  }, [\n    item.hasRedeemed,\n    item.alpc?.remainingInventory,\n    item.alpc?.isLimited,\n    item.alpc?.consumeType,\n    item.alpc?.consumeCredits,\n    isLogin,\n    profile?.activated,\n    creditInfo?.available_credit,\n    item.variant?.availableForSale,\n  ])\n\n  const redeemButtonText = useMemo(() => {\n    if (!isLogin) {\n      return copy.unlockRewards\n    }\n\n    // \u7F3A\u8D27\u6587\u6848\n    if (item.alpc?.consumeType === AlpcConsumeType.Product) {\n      return item.variant?.availableForSale ? copy.btnRedeem : pageCommon?.soldOut || 'Sold Out'\n    }\n    return copy.btnRedeem\n  }, [\n    isLogin,\n    item.alpc?.consumeType,\n    item.variant?.availableForSale,\n    copy.btnRedeem,\n    copy.unlockRewards,\n    pageCommon?.soldOut,\n  ])\n\n  // \u751F\u6210\u4EA7\u54C1 listing \u9875\u9762\u94FE\u63A5\n  const productUrl = useMemo(() => {\n    if (item.config?.type !== ConsumeType.Product || !item.product?.handle) {\n      return undefined\n    }\n    return extractVariantId(item.variant?.id)\n      ? `/products/${item.product.handle}?variant=${extractVariantId(item.variant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n      : `/products/${item.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n  }, [item.config?.type, item.product?.handle, item.variant?.id, pageHandle])\n\n  return (\n    <div\n      className={classNames(\n        'flex flex-col items-center rounded-[16px] bg-[#EAEAEC] p-[24px] md:rounded-[12px] md:px-[8px] xl:py-[16px] md-xl:px-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        className\n      )}\n    >\n      {item.config?.type === ConsumeType.Product ? (\n        <a\n          href={productUrl}\n          className={classNames('relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]')}\n        >\n          <Picture\n            className=\"h-full w-auto [&_img]:h-full [&_img]:object-contain\"\n            source={item.config?.image?.url || item.product?.images?.[0]?.url}\n          ></Picture>\n        </a>\n      ) : (\n        <div className=\"relative mx-auto my-[30px] h-[164px] md:my-0 md:h-[66px] l-xxl:h-[138px] md-l:h-[80px]\">\n          <Picture\n            source={pageCommon?.imageMapping?.[item.config?.type]?.url}\n            className=\"h-full [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n          ></Picture>\n\n          <NoneProductValue item={item} />\n        </div>\n      )}\n      <div className={classNames('mt-[10px] xl:mt-[8px] flex w-full flex-1 flex-col justify-between')}>\n        <Text\n          html={item.config?.title || item.alpc?.title}\n          title={item.config?.title || item.alpc?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] leading-[1.2] l:h-[40px] l:text-[16px] l-xxl:h-[48px] l-xxl:text-[20px]\"\n        />\n        {item.config?.rules?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              onRulesOpen(item.config?.rules || [])\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: item.alpc?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] w-fit text-[16px] font-bold underline md:text-[14px] l:mt-0\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n        <div>\n          <div className=\"mt-[26px] flex items-center l:mt-[12px] l-xl:mt-[16px]\">\n            <Picture\n              className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n              source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n            />\n            <Text\n              html={`${numberFormat(item.alpc?.consumeCredits)}`}\n              size={2}\n              as=\"p\"\n              className=\"ml-[4px] text-[24px] font-bold mt-[4px] leading-none l-xxl:text-[20px] l:text-[16px] \"\n            />\n          </div>\n\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[8px] l:w-full\"\n            onClick={() => {\n              onRedeem(item)\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: redeemButtonText,\n                  info: item.alpc?.id?.toString(),\n                },\n              })\n            }}\n          >\n            {redeemButtonText}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["RedeemableItem_exports", "__export", "RedeemableItem", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_classnames", "import_provider", "import_const", "import_utils", "import_lib", "import_NonProductValue", "import_constants", "copy", "className", "item", "onRulesOpen", "onRedeem", "creditInfo", "profile", "pageGroup", "pageHandle", "pageCommon", "brand", "isLogin", "rounded", "isDisabled", "redeemButtonText", "productUrl", "classNames", "e"]
+  "sourcesContent": ["import { Button, Text, Picture } from '@anker-in/headless-ui'\n\nimport { useMemo } from 'react'\n\nimport classNames from 'classnames'\nimport { useCreditsContext } from '../context/provider'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { AlpcConsumeType, ConsumeType } from '../context/const'\nimport { numberFormat, extractVariantId } from '../context/utils'\nimport type { CreditsRedeemListCopy } from './type'\nimport { gaTrack, useHeadlessContext } from '@anker-in/lib'\nimport { NoneProductValue } from './NonProductValue'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport function RedeemableItem({\n  copy,\n  className,\n  item,\n  onRulesOpen,\n  onRedeem,\n}: {\n  copy: CreditsRedeemListCopy\n  className?: string\n  item: RedeemableItemType\n  onRulesOpen: (rules: string[]) => void\n  onRedeem: (item: RedeemableItemType) => void\n}) {\n  const {\n    creditInfo,\n    profile,\n    gtm: { pageGroup, pageHandle },\n    pageCommon,\n  } = useCreditsContext()\n  const { brand, locale } = useHeadlessContext()\n  const isLogin = Object.keys(profile || {}).length > 0\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isDisabled = useMemo(() => {\n    if (item.hasRedeemed) {\n      return true\n    }\n\n    if (item.alpc?.remainingInventory <= 0 && item.alpc?.isLimited) {\n      // \u6709\u5E93\u5B58\u9650\u5236\n      return true\n    }\n\n    if (item.alpc?.consumeType === AlpcConsumeType.Product) {\n      if (!item.variant?.availableForSale) {\n        return true\n      }\n    }\n    if (isLogin && profile?.activated && item.alpc?.consumeCredits > Number(creditInfo?.available_credit || 0)) {\n      return true\n    }\n    return false\n  }, [\n    item.hasRedeemed,\n    item.alpc?.remainingInventory,\n    item.alpc?.isLimited,\n    item.alpc?.consumeType,\n    item.alpc?.consumeCredits,\n    isLogin,\n    profile?.activated,\n    creditInfo?.available_credit,\n    item.variant?.availableForSale,\n  ])\n\n  const redeemButtonText = useMemo(() => {\n    if (!isLogin) {\n      return copy.unlockRewards\n    }\n\n    // \u7F3A\u8D27\u6587\u6848\n    if (item.alpc?.consumeType === AlpcConsumeType.Product) {\n      return item.variant?.availableForSale ? copy.btnRedeem : pageCommon?.soldOut || 'Sold Out'\n    }\n    return copy.btnRedeem\n  }, [\n    isLogin,\n    item.alpc?.consumeType,\n    item.variant?.availableForSale,\n    copy.btnRedeem,\n    copy.unlockRewards,\n    pageCommon?.soldOut,\n  ])\n\n  // \u751F\u6210\u4EA7\u54C1 listing \u9875\u9762\u94FE\u63A5\n  const productUrl = useMemo(() => {\n    if (item.config?.type !== ConsumeType.Product || !item.product?.handle) {\n      return undefined\n    }\n    const localePrefix = locale === 'us' ? '' : `/${locale}`\n    return extractVariantId(item.variant?.id)\n      ? `${localePrefix}/products/${item.product.handle}?variant=${extractVariantId(item.variant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n      : `${localePrefix}/products/${item.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n  }, [item.config?.type, item.product?.handle, item.variant?.id, pageHandle, locale])\n\n  return (\n    <div\n      className={classNames(\n        'flex flex-col items-center rounded-[16px] bg-[#EAEAEC] p-[24px] md:rounded-[12px] md:px-[8px] xl:py-[16px] md-xl:px-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        className\n      )}\n    >\n      {item.config?.type === ConsumeType.Product ? (\n        <a\n          href={productUrl}\n          className={classNames('relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]')}\n        >\n          <Picture\n            className=\"h-full w-auto [&_img]:h-full [&_img]:object-contain\"\n            source={item.config?.image?.url || item.product?.images?.[0]?.url}\n          ></Picture>\n        </a>\n      ) : (\n        <div className=\"relative mx-auto my-[30px] h-[164px] md:my-0 md:h-[66px] l-xxl:h-[138px] md-l:h-[80px]\">\n          <Picture\n            source={pageCommon?.imageMapping?.[item.config?.type]?.url}\n            className=\"h-full [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n          ></Picture>\n\n          <NoneProductValue item={item} />\n        </div>\n      )}\n      <div className={classNames('mt-[10px] xl:mt-[8px] flex w-full flex-1 flex-col justify-between')}>\n        <Text\n          html={item.config?.title || item.alpc?.title}\n          title={item.config?.title || item.alpc?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] leading-[1.2] l:h-[40px] l:text-[16px] l-xxl:h-[48px] l-xxl:text-[20px]\"\n        />\n        {item.config?.rules?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              onRulesOpen(item.config?.rules || [])\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: item.alpc?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] w-fit text-[16px] font-bold underline md:text-[14px] l:mt-0\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n        <div>\n          <div className=\"mt-[26px] flex items-center l:mt-[12px] l-xl:mt-[16px]\">\n            <Picture\n              className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n              source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n            />\n            <Text\n              html={`${numberFormat(item.alpc?.consumeCredits)}`}\n              size={2}\n              as=\"p\"\n              className=\"ml-[4px] text-[24px] font-bold mt-[4px] leading-none l-xxl:text-[20px] l:text-[16px] \"\n            />\n          </div>\n\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[8px] l:w-full\"\n            onClick={() => {\n              onRedeem(item)\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: redeemButtonText,\n                  info: item.alpc?.id?.toString(),\n                },\n              })\n            }}\n          >\n            {redeemButtonText}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["RedeemableItem_exports", "__export", "RedeemableItem", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_classnames", "import_provider", "import_const", "import_utils", "import_lib", "import_NonProductValue", "import_constants", "copy", "className", "item", "onRulesOpen", "onRedeem", "creditInfo", "profile", "pageGroup", "pageHandle", "pageCommon", "brand", "locale", "isLogin", "rounded", "isDisabled", "redeemButtonText", "productUrl", "localePrefix", "classNames", "e"]
 }