@anker-in/campaign-ui 0.2.10-beta.33 → 0.2.10-beta.35

package/src/components/credits/context/hooks/useRedeemAndBuy.ts

@@ -3,6 +3,7 @@ import { useRedeemCoupon } from './useRedeemCoupon'
 import type { ProductVariant } from '@anker-in/lib'
 import { useCreditsContext } from '../provider'
 import { useBuyNow } from '@anker-in/lib'
+import { AlpcErrorCode } from '../const'
 
 export const useRedeemAndBuy = (
   _: any,
@@ -38,6 +39,7 @@ export const useRedeemAndBuy = (
         user_id: profile?.user_id,
         rule_id: arg.redeemId,
       })
+      console.log('res', res)
       if (res && res?.data?.coupon_code) {
         buyNow({
           discountCodes: [res.data.coupon_code],
@@ -49,7 +51,7 @@ export const useRedeemAndBuy = (
           ],
         })
       } else {
-        throw new Error('Redeem failed')
+        throw new Error(`Redeem failed: ${res?.msg}`)
       }
     },
     swrOptions

package/src/components/credits/context/hooks/useRedeemCoupon.ts

@@ -3,11 +3,12 @@ import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
 import { useHeadlessContext } from '@anker-in/lib'
 
 type RedeemCouponResponse = {
-  code: number
   data: {
     success: boolean
     coupon_code: string
   }
+  msg: string // 报错信息
+  code: number // 报错码
 }
 
 export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {

package/src/components/credits/context/hooks/useUploadReceipt.tsx

@@ -18,7 +18,6 @@ export const uploadReceipt = async (
     }),
   })
   const { data } = await response.json()
-  console.log('data', data)
   return {
     ok: data?.code === 0,
     code: data?.code,

package/src/components/credits/creditsCash/RedeemableItem.tsx

@@ -1,5 +1,5 @@
 import { Button, Text, Picture } from '@anker-in/headless-ui'
-import { useMemo } from 'react'
+import { useMemo, useState } from 'react'
 import { cn } from '../../../helpers'
 
 import { CreditsCashCopy, RedeemItem } from './type'
@@ -23,8 +23,6 @@ function RedeemableItem({
   authCodeActivate: {
     openAuthCodePopup: Function
     isSuccess: boolean
-    setOnSuccess: (arg: Function) => void
-    isSendingActivateEmail: boolean
   }
 }) {
   const {
@@ -33,10 +31,13 @@ function RedeemableItem({
     openSignUpPopup,
     gtm: { pageGroup },
   } = useCreditsContext()
+  const [error, setError] = useState<string | null>(null)
   const { trigger, isMutating } = useRedeemAndBuy(
     {},
     {
-      onError: () => console.log('error'),
+      onError: error => {
+        setError(error.message)
+      },
     }
   )
 
@@ -74,18 +75,16 @@ function RedeemableItem({
   ])
 
   const handleRedeem = () => {
-    const buyNow = () =>
-      trigger({
-        productVariant: itemData?.productVariant,
-        redeemId: itemData?.config?.redeemId,
-      })
+    setError(null)
     if (!isLogin) {
       openSignUpPopup()
-    } else if (!profile?.activated && !(authCodeActivate.isSendingActivateEmail || authCodeActivate.isSuccess)) {
+    } else if (!profile?.activated && !authCodeActivate.isSuccess) {
       authCodeActivate.openAuthCodePopup()
-      authCodeActivate.setOnSuccess(buyNow)
     } else {
-      buyNow()
+      trigger({
+        productVariant: itemData?.productVariant,
+        redeemId: itemData?.config?.redeemId,
+      })
       gaTrack({
         event: 'ga4Event',
         event_name: 'lp_button',
@@ -134,7 +133,7 @@ function RedeemableItem({
           html={itemData?.product?.title}
           title={itemData.config?.title || itemData.alpcData?.title || itemData.product?.title}
           size={2}
-          className="line-clamp-2 h-[58px] text-[24px] leading-[1.2] l:line-clamp-3 l:h-[56px] l:text-[16px] l-xxl:h-[48px] l-xxl:text-[20px]"
+          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]"
         />
         {itemData?.config?.rules?.split('<br>')?.length > 0 && (
           <button
@@ -166,14 +165,14 @@ function RedeemableItem({
         )}
         <div className="mt-[24px] flex items-center l:mt-[12px] laptop:text-[16px] lg-desktop:text-[18px]">
           <Picture
-            className="size-[20px]"
+            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"
           />
           <Text
             html={`${numberFormat(itemData?.alpcData?.consumeCredits)} + ${itemData?.config?.price}`}
             size={2}
             as="p"
-            className="ml-[4px] text-[28px] font-bold leading-[1.2] md:text-[18px] l-xxl:text-[24px] md-l:text-[20px] "
+            className="ml-[4px] mt-[4px] text-[28px] font-bold leading-none md:text-[18px] l-xxl:text-[24px] md-l:text-[20px] "
           />
         </div>
 
@@ -187,7 +186,7 @@ function RedeemableItem({
             onClick={() => {
               handleRedeem()
             }}
-            title={inSufficientCredit ? 'Insufficient credit' : redeemButtonText}
+            title={inSufficientCredit ? copy.insufficientCredits : redeemButtonText}
           >
             {redeemButtonText}
           </Button>
@@ -204,6 +203,7 @@ function RedeemableItem({
           </div>
         </div>
       </div>
+      {error && <div className="mt-[8px] text-[14px] text-[#FF0000]">{error}</div>}
     </div>
   )
 }

package/src/components/credits/creditsCash/index.tsx

@@ -5,7 +5,7 @@ import RedeemableItem from './RedeemableItem'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import { cn } from '../../../helpers'
 import RulesModal from '../modal/rulesModal'
-import { useProductsByHandles } from '@anker-in/lib'
+import { useHeadlessContext, useProductsByHandles } from '@anker-in/lib'
 import { CreditsCashCopy, RedeemItem } from './type'
 import { Product } from '@anker-in/lib'
 
@@ -23,19 +23,14 @@ export const CreditsCash = ({
   authCodeActivate: {
     openAuthCodePopup: Function
     isSuccess: boolean
-    setOnSuccess: (arg: Function) => void
-    isSendingActivateEmail: boolean
   }
 }) => {
   const [rules, setRules] = useState<string | string[]>()
   const { redeemableList } = useRedeemableList()
 
-  // Temporary variables until proper configuration
-  const locale = 'us'
   const variantMetafieldIdentifiers: any[] = []
 
   const { data: productByHandles } = useProductsByHandles({
-    locale,
     handles: copy?.list?.map(item => item.products?.[0]?.handle) || [],
     metafieldIdentifiers: {
       variant: variantMetafieldIdentifiers,
@@ -43,26 +38,29 @@ export const CreditsCash = ({
   })
 
   const list = useMemo(() => {
-    return productByHandles?.map((product: Product) => {
-      const config = copy.list.find(item => item.products?.[0]?.handle === product.handle)
-      const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())
-
-      return {
-        product,
-        productVariant:
-          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0],
-        alpcData: {
-          id: alpcData?.id,
-          consumeCredits: alpcData?.consume_credits,
-          remainingInventory: alpcData?.remaining_inventory,
-          isLimited: alpcData?.is_limited,
-          consumeType: alpcData?.consume_type,
-          title: alpcData?.name,
-          desc: alpcData?.note,
-        },
-        config,
-      }
-    }) as unknown as RedeemItem[]
+    return productByHandles
+      ?.map((product: Product) => {
+        const config = copy.list.find(item => item.products?.[0]?.handle === product.handle)
+        const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())
+        const productVariant =
+          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]
+        if (!alpcData || !productVariant) return null
+        return {
+          product,
+          productVariant,
+          alpcData: {
+            id: alpcData?.id,
+            consumeCredits: alpcData?.consume_credits,
+            remainingInventory: alpcData?.remaining_inventory,
+            isLimited: alpcData?.is_limited,
+            consumeType: alpcData?.consume_type,
+            title: alpcData?.name,
+            desc: alpcData?.note,
+          },
+          config,
+        }
+      })
+      .filter(Boolean) as unknown as RedeemItem[]
   }, [productByHandles, copy.list, redeemableList])
 
   console.log('list', list)
@@ -70,7 +68,7 @@ export const CreditsCash = ({
   return (
     <Container className={cn('bg-[#F5F5F5]', className)}>
       {!hideTitle && <Heading as="h2" size="4" html={copy.title} />}
-      <div className="relative mt-[24px] grid grid-cols-4 gap-[16px] md:grid-cols-2 md-xl:grid-cols-3">
+      <div className="relative mt-[24px] grid grid-cols-4 gap-[16px] l:gap-[12px] md:grid-cols-2 md-xl:grid-cols-3">
         {list?.map((item, index: number) => (
           <RedeemableItem
             key={index}

package/src/components/credits/creditsFaq/index.tsx

@@ -76,7 +76,7 @@ export const CreditsFaq = ({ copy }: { copy: FaqCopy }) => {
         <a
           href={copy.learnMore?.link}
           target="_blank"
-          className="mt-[64px] block w-full text-center text-[18px] font-bold text-brand hover:underline l:text-[16px]"
+          className="mt-[24px] block w-full text-center text-[18px] font-bold text-brand hover:underline l:text-[16px]"
         >
           {copy.learnMore?.label}
         </a>

package/src/components/credits/creditsRedeemList/AddressForm/index.tsx

@@ -58,7 +58,6 @@ export const AddressForm = ({ countries, countriesLoading, form, validate, error
     }
   }, [customer, profile?.email, locale])
 
-  console.log('customer', customer)
   useEffect(() => {
     if (customer) {
       const defaultAddress = getDefaultAddress()

package/src/components/credits/creditsRedeemList/RedeemCouponModal.tsx

@@ -199,7 +199,7 @@ function RedeemCouponModal({
           </>
         )}
         {errorInfo && (
-          <div className="mx-auto max-w-full py-[12px] text-center">
+          <div className="mx-auto max-w-full py-[12px] text-center text-[#FF0000]">
             <Text className="text-[14px] font-semibold text-[#1F2021]" html={errorInfo} />
           </div>
         )}

package/src/components/credits/creditsRedeemList/RedeemProductModal/index.tsx

@@ -127,7 +127,6 @@ function RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModa
       // 地址校验错误
       return
     }
-    console.log('address', address)
     let requestAddress = { ...address }
     if (requestAddress.name) {
       delete requestAddress.name

package/src/components/credits/creditsRedeemList/RedeemableItem.tsx

@@ -105,7 +105,7 @@ export function RedeemableItem({
           html={item.config?.title || item.alpc?.title}
           title={item.config?.title || item.alpc?.title}
           size={2}
-          className="text-[24px] font-bold leading-[1.2] l:text-[16px] l-xxl:text-[20px]"
+          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]"
         />
         {item.config?.rules?.length > 0 && (
           <button
@@ -136,16 +136,16 @@ export function RedeemableItem({
           </button>
         )}
         <div>
-          <div className="mt-[24px] flex items-center l:mt-[12px] l-xl:mt-[16px]">
+          <div className="mt-[26px] flex items-center l:mt-[12px] l-xl:mt-[16px]">
             <Picture
-              className="size-[20px]"
+              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"
             />
             <Text
               html={`${numberFormat(item.alpc?.consumeCredits)}`}
               size={2}
               as="p"
-              className="ml-[4px] text-[28px] font-bold leading-[1.2] md:text-[18px] l-xxl:text-[24px] md-l:text-[20px] "
+              className="ml-[4px] text-[28px] font-bold mt-[4px] leading-none md:text-[18px] l-xxl:text-[24px] md-l:text-[20px] "
             />
           </div>
 

package/src/components/credits/creditsRedeemList/index.tsx

@@ -30,7 +30,6 @@ export function CreditsRedeemList({
   activate: {
     openAuthCodePopup: () => void
     isSuccess: boolean
-    setOnSuccess: (callback: Function) => void
   }
 }) {
   const {
@@ -139,9 +138,6 @@ export function CreditsRedeemList({
                   openSignUpPopup()
                 } else if (!profile?.activated && !activate.isSuccess) {
                   activate.openAuthCodePopup()
-                  activate.setOnSuccess(() => {
-                    setPopRedeemData(item)
-                  })
                 } else {
                   setPopRedeemData(item)
                 }

package/src/components/credits/creditsWaysToGetCredits/index.tsx

@@ -144,7 +144,6 @@ export const CreditsWaysToGetCredits = ({
                     {...(item.link && { href: item.link })}
                     {...(item.handleClick && { onClick: item.handleClick })}
                     variant="primary"
-                    loading={item.id === TaskType.Activate && activate.isSendingActivateEmail}
                     size="lg"
                     className="mt-[24px] w-fit"
                   >
@@ -159,7 +158,7 @@ export const CreditsWaysToGetCredits = ({
             ))}
             {!showMore && (
               <div
-                className="absolute inset-0 min-md:hidden"
+                className="absolute inset-0 pointer-events-none min-md:hidden"
                 style={{ background: 'linear-gradient(180deg, rgba(29, 29, 31, 0) 66.37%, #1D1D1F 100%' }}
               ></div>
             )}

package/src/components/credits/creditsWaysToGetCredits/type.ts

@@ -51,7 +51,6 @@ export type CreditsWaysToGetCreditsProps = {
   activate: {
     openAuthCodePopup: () => void
     isSuccess: boolean
-    isSendingActivateEmail: boolean
   }
   subscribe: {
     openSubscribePopup: () => void

package/dist/cjs/components/credits/creditsRedeemList/CardValue.d.ts

@@ -1,6 +0,0 @@
-import { RedeemableItem } from '../type';
-import { CreditsRedeemListCopy } from './type';
-export declare const CardValue: ({ item, copy }: {
-    item: RedeemableItem;
-    copy: CreditsRedeemListCopy;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/credits/creditsRedeemList/CardValue.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of n(t))!s.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(p=d(t,o))||p.enumerable});return e};var u=e=>c(i({},"__esModule",{value:!0}),e);var h={};f(h,{CardValue:()=>g});module.exports=u(h);var l=require("react/jsx-runtime"),x=require("@anker-in/headless-ui"),r=require("@anker-in/lib"),m=require("../context/const");const g=({item:e,copy:t})=>{switch(e.config?.type){case m.ConsumeType.Product:return(0,l.jsx)("div",{className:(0,r.classNames)("relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]"),children:(0,l.jsx)(x.Picture,{className:"h-full w-auto [&_img]:h-full [&_img]:object-contain",source:e.config?.image?.url||e.product.images?.[0]?.url})});default:break}return e.config?.type===m.ConsumeType.ShippingCoupon?(0,l.jsx)(x.Text,{className:"text-[32px] font-bold leading-none md:text-[12px] l-xxl:text-[18px] md-l:text-[14px]",html:e.config?.value}):(0,l.jsxs)("div",{className:"flex items-end",children:[(0,l.jsx)(x.Text,{className:"text-[64px] font-extrabold leading-none md:text-[20px] l-xxl:text-[40px] md-l:text-[22px]",html:e.config?.value}),(0,l.jsx)(x.Text,{className:"ml-[4px] text-[24px] font-bold leading-[2] md:ml-[2px] l:text-[12px] xxl:leading-[1.4] l-xxl:text-[20px]",html:e.config?.type===m.ConsumeType.GiftCard?t?.giftCardLabel:t?.off})]})};
-//# sourceMappingURL=CardValue.js.map

package/dist/cjs/components/credits/creditsRedeemList/CardValue.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/credits/creditsRedeemList/CardValue.tsx"],
-  "sourcesContent": ["import { Text, Picture } from '@anker-in/headless-ui'\nimport { classNames } from '@anker-in/lib'\nimport { RedeemableItem } from '../type'\nimport { ConsumeType } from '../context/const'\nimport { CreditsRedeemListCopy } from './type'\n\nexport const CardValue = ({ item, copy }: { item: RedeemableItem; copy: CreditsRedeemListCopy }) => {\n  switch (item.config?.type) {\n    case ConsumeType.Product:\n      return (\n        <div className={classNames('relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]')}>\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        </div>\n      )\n      break\n\n    default:\n      break\n  }\n  if (item.config?.type === ConsumeType.ShippingCoupon) {\n    return (\n      <Text\n        className=\"text-[32px] font-bold leading-none md:text-[12px] l-xxl:text-[18px] md-l:text-[14px]\"\n        html={item.config?.value}\n      />\n    )\n  } else {\n    return (\n      <div className=\"flex items-end\">\n        <Text\n          className=\"text-[64px] font-extrabold leading-none md:text-[20px] l-xxl:text-[40px] md-l:text-[22px]\"\n          html={item.config?.value}\n        />\n        <Text\n          className=\"ml-[4px] text-[24px] font-bold leading-[2] md:ml-[2px] l:text-[12px] xxl:leading-[1.4] l-xxl:text-[20px]\"\n          html={item.config?.type === ConsumeType.GiftCard ? copy?.giftCardLabel : copy?.off}\n        />\n      </div>\n    )\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAWU,IAAAI,EAAA,6BAXVC,EAA8B,iCAC9BC,EAA2B,yBAE3BC,EAA4B,4BAGrB,MAAML,EAAY,CAAC,CAAE,KAAAM,EAAM,KAAAC,CAAK,IAA6D,CAClG,OAAQD,EAAK,QAAQ,KAAM,CACzB,KAAK,cAAY,QACf,SACE,OAAC,OAAI,aAAW,cAAW,2EAA2E,EACpG,mBAAC,WACC,UAAU,sDACV,OAAQA,EAAK,QAAQ,OAAO,KAAOA,EAAK,QAAQ,SAAS,CAAC,GAAG,IAC9D,EACH,EAIJ,QACE,KACJ,CACA,OAAIA,EAAK,QAAQ,OAAS,cAAY,kBAElC,OAAC,QACC,UAAU,uFACV,KAAMA,EAAK,QAAQ,MACrB,KAIA,QAAC,OAAI,UAAU,iBACb,oBAAC,QACC,UAAU,4FACV,KAAMA,EAAK,QAAQ,MACrB,KACA,OAAC,QACC,UAAU,2GACV,KAAMA,EAAK,QAAQ,OAAS,cAAY,SAAWC,GAAM,cAAgBA,GAAM,IACjF,GACF,CAGN",
-  "names": ["CardValue_exports", "__export", "CardValue", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_lib", "import_const", "item", "copy"]
-}

package/dist/esm/components/credits/creditsRedeemList/CardValue.d.ts

@@ -1,6 +0,0 @@
-import { RedeemableItem } from '../type';
-import { CreditsRedeemListCopy } from './type';
-export declare const CardValue: ({ item, copy }: {
-    item: RedeemableItem;
-    copy: CreditsRedeemListCopy;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/credits/creditsRedeemList/CardValue.js

@@ -1,2 +0,0 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Text as l,Picture as a}from"@anker-in/headless-ui";import{classNames as m}from"@anker-in/lib";import{ConsumeType as x}from"../context/const";const u=({item:e,copy:o})=>{switch(e.config?.type){case x.Product:return t("div",{className:m("relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]"),children:t(a,{className:"h-full w-auto [&_img]:h-full [&_img]:object-contain",source:e.config?.image?.url||e.product.images?.[0]?.url})});default:break}return e.config?.type===x.ShippingCoupon?t(l,{className:"text-[32px] font-bold leading-none md:text-[12px] l-xxl:text-[18px] md-l:text-[14px]",html:e.config?.value}):i("div",{className:"flex items-end",children:[t(l,{className:"text-[64px] font-extrabold leading-none md:text-[20px] l-xxl:text-[40px] md-l:text-[22px]",html:e.config?.value}),t(l,{className:"ml-[4px] text-[24px] font-bold leading-[2] md:ml-[2px] l:text-[12px] xxl:leading-[1.4] l-xxl:text-[20px]",html:e.config?.type===x.GiftCard?o?.giftCardLabel:o?.off})]})};export{u as CardValue};
-//# sourceMappingURL=CardValue.js.map

package/dist/esm/components/credits/creditsRedeemList/CardValue.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/credits/creditsRedeemList/CardValue.tsx"],
-  "sourcesContent": ["import { Text, Picture } from '@anker-in/headless-ui'\nimport { classNames } from '@anker-in/lib'\nimport { RedeemableItem } from '../type'\nimport { ConsumeType } from '../context/const'\nimport { CreditsRedeemListCopy } from './type'\n\nexport const CardValue = ({ item, copy }: { item: RedeemableItem; copy: CreditsRedeemListCopy }) => {\n  switch (item.config?.type) {\n    case ConsumeType.Product:\n      return (\n        <div className={classNames('relative mx-auto h-[224px] w-fit md:my-[10px] l:h-[120px] l-xxl:h-[138px]')}>\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        </div>\n      )\n      break\n\n    default:\n      break\n  }\n  if (item.config?.type === ConsumeType.ShippingCoupon) {\n    return (\n      <Text\n        className=\"text-[32px] font-bold leading-none md:text-[12px] l-xxl:text-[18px] md-l:text-[14px]\"\n        html={item.config?.value}\n      />\n    )\n  } else {\n    return (\n      <div className=\"flex items-end\">\n        <Text\n          className=\"text-[64px] font-extrabold leading-none md:text-[20px] l-xxl:text-[40px] md-l:text-[22px]\"\n          html={item.config?.value}\n        />\n        <Text\n          className=\"ml-[4px] text-[24px] font-bold leading-[2] md:ml-[2px] l:text-[12px] xxl:leading-[1.4] l-xxl:text-[20px]\"\n          html={item.config?.type === ConsumeType.GiftCard ? copy?.giftCardLabel : copy?.off}\n        />\n      </div>\n    )\n  }\n}\n"],
-  "mappings": "AAWU,cAAAA,EAoBJ,QAAAC,MApBI,oBAXV,OAAS,QAAAC,EAAM,WAAAC,MAAe,wBAC9B,OAAS,cAAAC,MAAkB,gBAE3B,OAAS,eAAAC,MAAmB,mBAGrB,MAAMC,EAAY,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,IAA6D,CAClG,OAAQD,EAAK,QAAQ,KAAM,CACzB,KAAKF,EAAY,QACf,OACEL,EAAC,OAAI,UAAWI,EAAW,2EAA2E,EACpG,SAAAJ,EAACG,EAAA,CACC,UAAU,sDACV,OAAQI,EAAK,QAAQ,OAAO,KAAOA,EAAK,QAAQ,SAAS,CAAC,GAAG,IAC9D,EACH,EAIJ,QACE,KACJ,CACA,OAAIA,EAAK,QAAQ,OAASF,EAAY,eAElCL,EAACE,EAAA,CACC,UAAU,uFACV,KAAMK,EAAK,QAAQ,MACrB,EAIAN,EAAC,OAAI,UAAU,iBACb,UAAAD,EAACE,EAAA,CACC,UAAU,4FACV,KAAMK,EAAK,QAAQ,MACrB,EACAP,EAACE,EAAA,CACC,UAAU,2GACV,KAAMK,EAAK,QAAQ,OAASF,EAAY,SAAWG,GAAM,cAAgBA,GAAM,IACjF,GACF,CAGN",
-  "names": ["jsx", "jsxs", "Text", "Picture", "classNames", "ConsumeType", "CardValue", "item", "copy"]
-}