@anker-in/campaign-ui 0.5.0-beta.1 → 0.5.0-beta.3

package/src/stories/CartCard.stories.tsx

@@ -0,0 +1,459 @@
+/**
+ * CartCard Storybook Stories
+ * 展示购物车卡片组件的各种状态
+ */
+
+import type { Meta, StoryObj } from '@storybook/react'
+import React from 'react'
+import { CartCard } from '../components/LiveChatWidget/components/MessageContent/CartCard.js'
+import type { CartContent } from '../components/LiveChatWidget/types'
+
+// Story 包装组件
+const CartCardWrapper: React.FC<{ content: CartContent }> = ({ content }) => {
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gray-100 p-4">
+      <div className="w-full max-w-md">{CartCard.render(content, false, false)}</div>
+    </div>
+  )
+}
+
+const meta: Meta<typeof CartCardWrapper> = {
+  title: 'Campaign/LiveChatWidget/MessageContent/CartCard',
+  component: CartCardWrapper,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: `
+# 购物车卡片组件
+
+显示用户购物车内容，包括商品列表、价格汇总和结账按钮。
+
+## 功能特性
+
+- 📦 **商品列表**: 展示购物车中的所有商品
+- 💰 **价格汇总**: 显示小计、折扣和总计
+- 🎟️ **折扣码**: 显示已应用的折扣码及其状态
+- 🛒 **结账按钮**: 一键跳转到 Shopify 结账页面
+- 🈳 **空状态**: 优雅的空购物车提示
+
+## 使用场景
+
+- 用户添加商品到购物车后 (add_to_cart)
+- 用户查询购物车内容 (get_cart)
+- 用户修改购物车数量 (update_cart_item)
+- 用户应用折扣码 (update_discount_codes)
+        `,
+      },
+    },
+  },
+  tags: ['autodocs'],
+}
+
+export default meta
+
+type Story = StoryObj<typeof CartCardWrapper>
+
+/**
+ * 空购物车状态
+ */
+export const Empty: Story = {
+  args: {
+    content: {
+      type: 'cart',
+      data: {
+        isEmpty: true,
+        cartId: 'gid://shopify/Cart/empty',
+        totalQuantity: 0,
+        lines: [],
+        cost: {
+          totalAmount: {
+            amount: '0.00',
+            currencyCode: 'USD',
+          },
+          subtotalAmount: {
+            amount: '0.00',
+            currencyCode: 'USD',
+          },
+        },
+      },
+    },
+  },
+}
+
+/**
+ * 单件商品
+ */
+export const SingleItem: Story = {
+  args: {
+    content: {
+      type: 'cart',
+      data: {
+        isEmpty: false,
+        cartId: 'gid://shopify/Cart/Z2NwLXVzLWVhc3QxOjAxSkZHRjA4VkFRQkhON1dBMTNLREZEVEZH',
+        totalQuantity: 1,
+        lines: [
+          {
+            id: 'gid://shopify/CartLine/12345',
+            quantity: 1,
+            cost: {
+              totalAmount: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567890',
+              title: 'Black',
+              price: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop',
+                altText: 'Soundcore Space One',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826618',
+                title: 'Soundcore Space One',
+                handle: 'soundcore-space-one',
+              },
+            },
+          },
+        ],
+        cost: {
+          totalAmount: {
+            amount: '99.99',
+            currencyCode: 'USD',
+          },
+          subtotalAmount: {
+            amount: '99.99',
+            currencyCode: 'USD',
+          },
+        },
+        checkoutUrl: 'https://checkout.shopify.com/example',
+      },
+    },
+  },
+}
+
+/**
+ * 多件商品
+ */
+export const MultipleItems: Story = {
+  args: {
+    content: {
+      type: 'cart',
+      data: {
+        isEmpty: false,
+        cartId: 'gid://shopify/Cart/Z2NwLXVzLWVhc3QxOjAxSkZHRjA4VkFRQkhON1dBMTNLREZEVEZH',
+        totalQuantity: 5,
+        lines: [
+          {
+            id: 'gid://shopify/CartLine/12345',
+            quantity: 2,
+            cost: {
+              totalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567890',
+              title: 'Black',
+              price: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop',
+                altText: 'Soundcore Space One',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826618',
+                title: 'Soundcore Space One',
+                handle: 'soundcore-space-one',
+              },
+            },
+          },
+          {
+            id: 'gid://shopify/CartLine/12346',
+            quantity: 1,
+            cost: {
+              totalAmount: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567891',
+              title: 'White',
+              price: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1484704849700-f032a568e944?w=400&h=400&fit=crop',
+                altText: 'eufy Security Camera',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826619',
+                title: 'eufy Security Camera',
+                handle: 'eufy-security-camera',
+              },
+            },
+          },
+          {
+            id: 'gid://shopify/CartLine/12347',
+            quantity: 2,
+            cost: {
+              totalAmount: {
+                amount: '79.98',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '39.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '79.98',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567892',
+              title: 'USB-C Cable',
+              price: {
+                amount: '39.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1583863788434-e58a36330cf0?w=400&h=400&fit=crop',
+                altText: 'Anker USB-C Cable',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826620',
+                title: 'Anker USB-C Cable 6ft',
+                handle: 'anker-usb-c-cable',
+              },
+            },
+          },
+        ],
+        cost: {
+          totalAmount: {
+            amount: '409.95',
+            currencyCode: 'USD',
+          },
+          subtotalAmount: {
+            amount: '409.95',
+            currencyCode: 'USD',
+          },
+        },
+        checkoutUrl: 'https://checkout.shopify.com/example',
+      },
+    },
+  },
+}
+
+/**
+ * 有折扣码的购物车
+ */
+export const WithDiscount: Story = {
+  args: {
+    content: {
+      type: 'cart',
+      data: {
+        isEmpty: false,
+        cartId: 'gid://shopify/Cart/Z2NwLXVzLWVhc3QxOjAxSkZHRjA4VkFRQkhON1dBMTNLREZEVEZH',
+        totalQuantity: 3,
+        lines: [
+          {
+            id: 'gid://shopify/CartLine/12345',
+            quantity: 2,
+            cost: {
+              totalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567890',
+              title: 'Black',
+              price: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop',
+                altText: 'Soundcore Space One',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826618',
+                title: 'Soundcore Space One',
+                handle: 'soundcore-space-one',
+              },
+            },
+          },
+          {
+            id: 'gid://shopify/CartLine/12346',
+            quantity: 1,
+            cost: {
+              totalAmount: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567891',
+              title: 'White',
+              price: {
+                amount: '129.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1484704849700-f032a568e944?w=400&h=400&fit=crop',
+                altText: 'eufy Security Camera',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826619',
+                title: 'eufy Security Camera',
+                handle: 'eufy-security-camera',
+              },
+            },
+          },
+        ],
+        cost: {
+          totalAmount: {
+            amount: '296.97',
+            currencyCode: 'USD',
+          },
+          subtotalAmount: {
+            amount: '329.97',
+            currencyCode: 'USD',
+          },
+        },
+        discountCodes: [
+          {
+            code: 'SPRING20',
+            applicable: true,
+          },
+        ],
+        checkoutUrl: 'https://checkout.shopify.com/example',
+      },
+    },
+  },
+}
+
+/**
+ * 多个折扣码（部分失效）
+ */
+export const WithMultipleDiscounts: Story = {
+  args: {
+    content: {
+      type: 'cart',
+      data: {
+        isEmpty: false,
+        cartId: 'gid://shopify/Cart/Z2NwLXVzLWVhc3QxOjAxSkZHRjA4VkFRQkhON1dBMTNLREZEVEZH',
+        totalQuantity: 2,
+        lines: [
+          {
+            id: 'gid://shopify/CartLine/12345',
+            quantity: 2,
+            cost: {
+              totalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+              amountPerQuantity: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              subtotalAmount: {
+                amount: '199.98',
+                currencyCode: 'USD',
+              },
+            },
+            merchandise: {
+              id: 'gid://shopify/ProductVariant/43234567890',
+              title: 'Black',
+              price: {
+                amount: '99.99',
+                currencyCode: 'USD',
+              },
+              image: {
+                url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop',
+                altText: 'Soundcore Space One',
+              },
+              product: {
+                id: 'gid://shopify/Product/8179159826618',
+                title: 'Soundcore Space One',
+                handle: 'soundcore-space-one',
+              },
+            },
+          },
+        ],
+        cost: {
+          totalAmount: {
+            amount: '179.98',
+            currencyCode: 'USD',
+          },
+          subtotalAmount: {
+            amount: '199.98',
+            currencyCode: 'USD',
+          },
+        },
+        discountCodes: [
+          {
+            code: 'WELCOME10',
+            applicable: true,
+          },
+          {
+            code: 'EXPIRED20',
+            applicable: false,
+          },
+        ],
+        checkoutUrl: 'https://checkout.shopify.com/example',
+      },
+    },
+  },
+}

package/tailwind.config.ts

@@ -14,10 +14,6 @@ export default {
   },
   theme: {
     extend: {
-      screens: {
-        'cmp-md': { max: '767px' },
-        'cmp-sm': { max: '374px' },
-      },
       colors: {
         primary: {
           DEFAULT: 'var(--brand-color-1)',

package/dist/cjs/components/memberPopup/MemberPopup.d.ts

@@ -1,9 +0,0 @@
-import { type HeadlessConfig } from '@anker-in/lib';
-import { type MemberPopupCopy, type MemberPopupContextValue } from './type';
-type MemberPopupProps = MemberPopupContextValue & {
-    headlessConfig: HeadlessConfig;
-    copy: MemberPopupCopy;
-    bottomOffset?: string;
-};
-export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/memberPopup/MemberPopup.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var D=Object.create;var g=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var F=(e,i)=>{for(var n in i)g(e,n,{get:i[n],enumerable:!0})},h=(e,i,n,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of U(i))!q.call(e,a)&&a!==n&&g(e,a,{get:()=>i[a],enumerable:!(u=L(i,a))||u.enumerable});return e};var m=(e,i,n)=>(n=e!=null?D(B(e)):{},h(i||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),G=e=>h(g({},"__esModule",{value:!0}),e);var oe={};F(oe,{MemberPopup:()=>ee});module.exports=G(oe);var t=require("react/jsx-runtime"),r=require("react"),I=require("@anker-in/headless-ui"),f=require("@anker-in/lib"),o=require("./type"),k=require("./context/provider"),M=require("./context/provider"),O=require("./context/viewStack"),p=require("./icons"),A=require("../../constants");const J=(0,r.lazy)(()=>import("./panels/EarnCredits")),K=(0,r.lazy)(()=>import("./panels/ConsumeCredits")),Q=(0,r.lazy)(()=>import("./panels/Referral")),W=(0,r.lazy)(()=>import("./panels/EarnCredits/CompleteProfilePanel")),X=(0,r.lazy)(()=>import("./panels/EarnCredits/SubscribePanel")),Y=(0,r.lazy)(()=>import("./panels/EarnCredits/SubscribeEmailPanel")),Z=(0,r.lazy)(()=>import("./panels/EarnCredits/ActivatePanel")),$=(0,r.lazy)(()=>import("./panels/ConsumeCredits/RedeemCouponPanel"));function ee({copy:e,bottomOffset:i="24px",...n}){return(0,t.jsx)(k.MemberPopupProvider,{...n,earnCreditsCopy:e.earnCredits,children:(0,t.jsx)(te,{copy:e,bottomOffset:i})})}function te({copy:e,bottomOffset:i}){const{profile:n,openSignInPopup:u,openSignUpPopup:a}=(0,M.useMemberPopupContext)(),{brand:x,storeDomain:C}=(0,f.useHeadlessContext)(),v=A.ROUNDED_BRANDS.includes(x),V=!!n,[S,N]=(0,r.useState)(!1),[y,P]=(0,r.useState)([]),[R,z]=(0,r.useState)(!1),[E,H]=(0,r.useState)(!1),[T,j]=(0,r.useState)(!1),s=y[y.length-1]??null,b=(0,r.useCallback)(l=>{P(d=>[...d,l])},[]),c=(0,r.useCallback)(()=>{P(l=>l.slice(0,-1))},[]);function _(l,d){switch(l){case o.MemberPopupActionType.ExternalLink:d&&window.open(d,"_blank","noopener,noreferrer");break;case o.MemberPopupActionType.OpenEarnCredits:b({type:o.MemberPopupPanelType.EarnCredits});break;case o.MemberPopupActionType.OpenConsumeCredits:b({type:o.MemberPopupPanelType.ConsumeCredits});break;case o.MemberPopupActionType.OpenReferral:b({type:o.MemberPopupPanelType.Referral});break;case o.MemberPopupActionType.OpenSubscribe:b({type:o.MemberPopupPanelType.Subscribe});break}}function w(){N(!1),P([])}return(0,t.jsxs)(O.ViewStackContext.Provider,{value:{pushView:b,popView:c},children:[S&&(0,t.jsx)("div",{className:"fixed inset-0 z-[998]",onClick:w}),(0,t.jsxs)("div",{className:"fixed right-0 z-[999] flex flex-col items-end pr-[16px]",style:{bottom:i},children:[S&&(0,t.jsxs)("div",{className:(0,f.classNames)("relative mb-[8px] flex w-[420px] max-w-[calc(100vw-32px)] min-h-[600px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] cmp-md:w-[358px] cmp-sm:w-[258px]",v?"rounded-[12px]":"rounded-none"),onClick:l=>l.stopPropagation(),children:[(0,t.jsx)("div",{className:"absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white"}),(0,t.jsxs)("div",{className:"flex items-center justify-between px-[16px] pb-[8px] pt-[16px]",children:[(0,t.jsx)("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:c,"aria-label":"Back",children:(0,t.jsx)(p.IconSwitch,{})}),(0,t.jsx)("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:w,"aria-label":"Close",children:(0,t.jsx)(p.IconClose,{})})]}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]",style:{maxHeight:"min(calc(80vh - 118px), 606px)"},children:[s===null&&(0,t.jsxs)(t.Fragment,{children:[(e.title||e.subtitle)&&(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[e.title&&(0,t.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.subtitle&&(0,t.jsx)("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:e.subtitle})]}),e.list.map((l,d)=>(0,t.jsx)(se,{item:l,onAction:_,rounded:v},d))]}),s!==null&&(0,t.jsxs)(r.Suspense,{fallback:(0,t.jsx)("div",{className:"flex items-center justify-center py-[32px]",children:(0,t.jsx)("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}),children:[s.type===o.MemberPopupPanelType.EarnCredits&&e.earnCredits&&(0,t.jsx)(J,{copy:e.earnCredits,onClose:c,isSubscribeSuccess:R,isActivateSuccess:E,isProfileCompleteSuccess:T,onSubscribeSuccess:()=>z(!0),onActivateSuccess:()=>H(!0),onProfileCompleteSuccess:()=>j(!0)}),s.type===o.MemberPopupPanelType.ConsumeCredits&&e.consumeCredits&&(0,t.jsx)(K,{copy:e.consumeCredits,onClose:c}),s.type===o.MemberPopupPanelType.Referral&&e.referral&&(0,t.jsx)(Q,{copy:e.referral,onClose:c}),s.type===o.MemberPopupPanelType.CompleteProfile&&e.earnCredits&&(0,t.jsx)(W,{copy:e.earnCredits.completeProfile,shopifyStoreDomain:C,onClose:c,onSuccess:s.props?.onSuccess}),s.type===o.MemberPopupPanelType.Subscribe&&e.subscribe&&(0,t.jsx)(X,{copy:e.subscribe,email:n?.email,onClose:c,onSuccess:s.props?.onSuccess}),s.type===o.MemberPopupPanelType.SubscribeEmail&&e.earnCredits&&(0,t.jsx)(Y,{copy:e.earnCredits.subscribe,email:n?.email,onClose:c,onSuccess:s.props?.onSuccess}),s.type===o.MemberPopupPanelType.Activate&&e.earnCredits&&(0,t.jsx)(Z,{copy:e.earnCredits.authCodeActivate,onClose:c,onSuccess:s.props?.onSuccess}),s.type===o.MemberPopupPanelType.RedeemCoupon&&s.props&&e.consumeCredits&&(0,t.jsx)($,{itemTitle:s.props.itemTitle,itemCredits:s.props.itemCredits,itemImage:s.props.itemImage,itemValue:s.props.itemValue,itemOff:s.props.itemOff,redeemId:s.props.redeemId,userId:s.props.userId,alpcConfig:s.props.alpcConfig,copy:e.consumeCredits.redeemModal,pointUnit:e.consumeCredits.pointUnit,onClose:c})]})]}),e.footer&&!V&&(0,t.jsx)("div",{className:"border-t border-[#dadce0] p-[16px]",children:(0,t.jsxs)("div",{className:"flex items-center justify-between gap-[16px]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-[4px]",children:[(0,t.jsx)("span",{className:"text-[14px] font-[700] text-[#080a0f]",children:e.footer.loginHint}),(0,t.jsx)("button",{className:"cursor-pointer text-[14px] font-[700] text-[#080a0f] underline",onClick:u,children:e.footer.loginLabel})]}),(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-[8px]",children:(0,t.jsx)("button",{className:(0,f.classNames)("cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]",v?"rounded-[4px]":"rounded-none"),onClick:a,children:e.footer.joinLabel})})]})})]}),(0,t.jsx)("button",{className:"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg",onClick:()=>N(l=>!l),"aria-label":e.triggerImg.alt??"Open member popup",children:(0,t.jsx)(I.Picture,{source:e.triggerImg.url,alt:e.triggerImg.alt??"",className:"size-[58px]"})})]})]})}function se({item:e,onAction:i,rounded:n}){const u={[o.MemberPopupActionType.OpenEarnCredits]:p.IconCredit,[o.MemberPopupActionType.OpenConsumeCredits]:p.IconBag,[o.MemberPopupActionType.OpenReferral]:p.IconReferral,[o.MemberPopupActionType.OpenSubscribe]:p.IconSubscription};return(0,t.jsxs)("div",{className:(0,f.classNames)("flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]",n?"rounded-[8px]":"rounded-none"),children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[(0,t.jsx)("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#1e2024]",children:e.title}),e.description&&(0,t.jsx)("p",{className:"text-[14px] font-[700] leading-[1.43] text-[#1e2024]",children:e.description})]}),(0,t.jsx)("div",{className:"flex flex-col gap-[16px]",children:e.links.map((a,x)=>{const C=u[a.type];return(0,t.jsxs)("div",{children:[x>0&&(0,t.jsx)("div",{className:"mb-[16px] h-px bg-[#dadce0]"}),(0,t.jsxs)("button",{className:"flex w-full cursor-pointer items-center gap-[12px]",onClick:()=>i(a.type,a.url),children:[C&&(0,t.jsx)(C,{className:"size-[24px] shrink-0"}),(0,t.jsx)("span",{className:"flex-1 text-left text-[14px] font-[700] text-[#1e2024]",children:a.label}),(0,t.jsx)(p.IconArrow,{className:"size-[16px] shrink-0"})]})]},x)})})]})}
-//# sourceMappingURL=MemberPopup.js.map

package/dist/cjs/components/memberPopup/MemberPopup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/memberPopup/MemberPopup.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPanelType,\n  type MemberPopupCopy,\n  type MemberPopupContextValue,\n  type MemberPopupItem,\n} from './type'\nimport { MemberPopupProvider } from './context/provider'\nimport { useMemberPopupContext } from './context/provider'\nimport { ViewStackContext, type ViewPayload } from './context/viewStack'\nimport { IconClose, IconArrow, IconCredit, IconBag, IconReferral, IconSwitch, IconSubscription } from './icons'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nconst EarnCredits = lazy(() => import('./panels/EarnCredits'))\nconst ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))\nconst Referral = lazy(() => import('./panels/Referral'))\nconst CompleteProfile = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst Subscribe = lazy(() => import('./panels/EarnCredits/SubscribePanel'))\nconst SubscribeEmail = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst Activate = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCoupon = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))\n\ntype MemberPopupProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  copy: MemberPopupCopy\n  bottomOffset?: string\n}\n\nexport function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {\n  return (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={bottomOffset} />\n    </MemberPopupProvider>\n  )\n}\n\ntype MemberPopupContentProps = {\n  copy: MemberPopupCopy\n  bottomOffset: string\n}\n\nfunction MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {\n  const { profile, openSignInPopup, openSignUpPopup } = useMemberPopupContext()\n  const { brand, storeDomain } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewStack, setViewStack] = useState<ViewPayload[]>([])\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n\n  const currentView = viewStack[viewStack.length - 1] ?? null\n\n  const pushView = useCallback((view: ViewPayload) => {\n    setViewStack(prev => [...prev, view])\n  }, [])\n\n  const popView = useCallback(() => {\n    setViewStack(prev => prev.slice(0, -1))\n  }, [])\n\n  function handleAction(type: MemberPopupActionType, url?: string) {\n    switch (type) {\n      case MemberPopupActionType.ExternalLink:\n        if (url) window.open(url, '_blank', 'noopener,noreferrer')\n        break\n      case MemberPopupActionType.OpenEarnCredits:\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        pushView({ type: MemberPopupPanelType.Subscribe })\n        break\n    }\n  }\n\n  function handleClose() {\n    setIsOpen(false)\n    setViewStack([])\n  }\n\n  return (\n    <ViewStackContext.Provider value={{ pushView, popView }}>\n      {isOpen && (\n        <div\n          className=\"fixed inset-0 z-[998]\"\n          onClick={handleClose}\n        />\n      )}\n      <div className=\"fixed right-0 z-[999] flex flex-col items-end pr-[16px]\" style={{ bottom: bottomOffset }}>\n        {isOpen && (\n          <div\n            className={cn('relative mb-[8px] flex w-[420px] max-w-[calc(100vw-32px)] min-h-[600px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] cmp-md:w-[358px] cmp-sm:w-[258px]', rounded ? 'rounded-[12px]' : 'rounded-none')}\n            onClick={e => e.stopPropagation()}\n          >\n            <div className=\"absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white\" />\n            <div className=\"flex items-center justify-between px-[16px] pb-[8px] pt-[16px]\">\n              <button\n                className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                onClick={popView}\n                aria-label=\"Back\"\n              >\n                <IconSwitch />\n              </button>\n              <button\n                className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                onClick={handleClose}\n                aria-label=\"Close\"\n              >\n                <IconClose />\n              </button>\n            </div>\n\n            <div\n              className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\"\n              style={{ maxHeight: 'min(calc(80vh - 118px), 606px)' }}\n            >\n              {currentView === null && (\n                <>\n                  {(copy.title || copy.subtitle) && (\n                    <div className=\"flex flex-col gap-[4px]\">\n                      {copy.title && (\n                        <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n                      )}\n                      {copy.subtitle && (\n                        <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n                      )}\n                    </div>\n                  )}\n                  {copy.list.map((item, i) => (\n                    <HomeCard key={i} item={item} onAction={handleAction} rounded={rounded} />\n                  ))}\n                </>\n              )}\n\n              {currentView !== null && (\n                <Suspense\n                  fallback={\n                    <div className=\"flex items-center justify-center py-[32px]\">\n                      <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n                    </div>\n                  }\n                >\n                  {currentView.type === MemberPopupPanelType.EarnCredits && copy.earnCredits && (\n                    <EarnCredits\n                      copy={copy.earnCredits}\n                      onClose={popView}\n                      isSubscribeSuccess={isSubscribeSuccess}\n                      isActivateSuccess={isActivateSuccess}\n                      isProfileCompleteSuccess={isProfileCompleteSuccess}\n                      onSubscribeSuccess={() => setIsSubscribeSuccess(true)}\n                      onActivateSuccess={() => setIsActivateSuccess(true)}\n                      onProfileCompleteSuccess={() => setIsProfileCompleteSuccess(true)}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                    <ConsumeCredits copy={copy.consumeCredits} onClose={popView} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                    <Referral copy={copy.referral} onClose={popView} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                    <CompleteProfile copy={copy.earnCredits.completeProfile} shopifyStoreDomain={storeDomain} onClose={popView} onSuccess={currentView.props?.onSuccess} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Subscribe && copy.subscribe && (\n                    <Subscribe copy={copy.subscribe} email={profile?.email} onClose={popView} onSuccess={currentView.props?.onSuccess} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                    <SubscribeEmail copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} onSuccess={currentView.props?.onSuccess} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                    <Activate copy={copy.earnCredits.authCodeActivate} onClose={popView} onSuccess={currentView.props?.onSuccess} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.RedeemCoupon && currentView.props && copy.consumeCredits && (\n                    <RedeemCoupon\n                      itemTitle={currentView.props.itemTitle}\n                      itemCredits={currentView.props.itemCredits}\n                      itemImage={currentView.props.itemImage}\n                      itemValue={currentView.props.itemValue}\n                      itemOff={currentView.props.itemOff}\n                      redeemId={currentView.props.redeemId}\n                      userId={currentView.props.userId}\n                      alpcConfig={currentView.props.alpcConfig}\n                      copy={copy.consumeCredits.redeemModal}\n                      pointUnit={copy.consumeCredits.pointUnit}\n                      onClose={popView}\n                    />\n                  )}\n                </Suspense>\n              )}\n            </div>\n\n            {copy.footer && !isLogin && (\n              <div className=\"border-t border-[#dadce0] p-[16px]\">\n                <div className=\"flex items-center justify-between gap-[16px]\">\n                  <div className=\"flex items-center gap-[4px]\">\n                    <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                    <button\n                      className=\"cursor-pointer text-[14px] font-[700] text-[#080a0f] underline\"\n                      onClick={openSignInPopup}\n                    >\n                      {copy.footer.loginLabel}\n                    </button>\n                  </div>\n                  <div className=\"flex shrink-0 items-center gap-[8px]\">\n                    <button\n                      className={cn('cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]', rounded ? 'rounded-[4px]' : 'rounded-none')}\n                      onClick={openSignUpPopup}\n                    >\n                      {copy.footer.joinLabel}\n                    </button>\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg\"\n          onClick={() => setIsOpen(prev => !prev)}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-[58px]\" />\n        </button>\n      </div>\n    </ViewStackContext.Provider>\n  )\n}\n\ntype HomeCardProps = {\n  item: MemberPopupItem\n  onAction: (type: MemberPopupActionType, url?: string) => void\n  rounded: boolean\n}\n\nfunction HomeCard({ item, onAction, rounded }: HomeCardProps) {\n  const ACTION_ICON: Partial<Record<MemberPopupActionType, typeof IconCredit>> = {\n    [MemberPopupActionType.OpenEarnCredits]: IconCredit,\n    [MemberPopupActionType.OpenConsumeCredits]: IconBag,\n    [MemberPopupActionType.OpenReferral]: IconReferral,\n    [MemberPopupActionType.OpenSubscribe]: IconSubscription,\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n      <div className=\"flex flex-col gap-[4px]\">\n        <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#1e2024]\">{item.title}</h3>\n        {item.description && <p className=\"text-[14px] font-[700] leading-[1.43] text-[#1e2024]\">{item.description}</p>}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {item.links.map((link, i) => {\n          const IconComponent = ACTION_ICON[link.type]\n          return (\n            <div key={i}>\n              {i > 0 && <div className=\"mb-[16px] h-px bg-[#dadce0]\" />}\n              <button\n                className=\"flex w-full cursor-pointer items-center gap-[12px]\"\n                onClick={() => onAction(link.type, link.url)}\n              >\n                {IconComponent && <IconComponent className=\"size-[24px] shrink-0\" />}\n                <span className=\"flex-1 text-left text-[14px] font-[700] text-[#1e2024]\">{link.label}</span>\n                <IconArrow className=\"size-[16px] shrink-0\" />\n              </button>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["MemberPopup_exports", "__export", "MemberPopup", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_type", "import_provider", "import_viewStack", "import_icons", "import_constants", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfile", "Subscribe", "SubscribeEmail", "Activate", "RedeemCoupon", "copy", "bottomOffset", "providerProps", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "storeDomain", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "isSubscribeSuccess", "setIsSubscribeSuccess", "isActivateSuccess", "setIsActivateSuccess", "isProfileCompleteSuccess", "setIsProfileCompleteSuccess", "currentView", "pushView", "view", "prev", "popView", "handleAction", "type", "url", "handleClose", "cn", "e", "item", "i", "HomeCard", "onAction", "ACTION_ICON", "link", "IconComponent"]
-}

package/dist/cjs/components/memberPopup/context/provider.d.ts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { type HeadlessConfig } from '@anker-in/lib';
-import type { EarnCreditsCopy, MemberPopupContextValue } from '../type';
-export declare const MemberPopupContext: import("react").Context<MemberPopupContextValue>;
-type MemberPopupProviderProps = MemberPopupContextValue & {
-    headlessConfig: HeadlessConfig;
-    earnCreditsCopy?: EarnCreditsCopy;
-};
-export declare function MemberPopupProvider({ children, headlessConfig, earnCreditsCopy, ...contextValue }: PropsWithChildren<MemberPopupProviderProps>): import("react/jsx-runtime").JSX.Element;
-export declare function useMemberPopupContext(): MemberPopupContextValue;
-export {};

package/dist/cjs/components/memberPopup/context/provider.js

@@ -1,2 +0,0 @@
-"use strict";var d=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(e,o)=>{for(var r in o)d(e,r,{get:o[r],enumerable:!0})},f=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of C(o))!l.call(e,t)&&t!==r&&d(e,t,{get:()=>o[t],enumerable:!(p=P(o,t))||p.enumerable});return e};var b=e=>f(d({},"__esModule",{value:!0}),e);var c={};m(c,{MemberPopupContext:()=>a,MemberPopupProvider:()=>v,useMemberPopupContext:()=>M});module.exports=b(c);var i=require("react/jsx-runtime"),n=require("react"),s=require("@anker-in/lib"),u=require("../../registration");const a=(0,n.createContext)({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""}});function v({children:e,headlessConfig:o,earnCreditsCopy:r,...p}){return(0,i.jsx)(s.HeadlessProvider,{headlessConfig:o,children:(0,i.jsx)(u.RegistrationProvider,{email:p.profile?.email,copy:{authCodeActivate:r?.authCodeActivate},children:(0,i.jsx)(a.Provider,{value:p,children:e})})})}function M(){const e=(0,n.useContext)(a);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}
-//# sourceMappingURL=provider.js.map

package/dist/cjs/components/memberPopup/context/provider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/memberPopup/context/provider.tsx"],
-  "sourcesContent": ["import { createContext, PropsWithChildren, useContext } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '@anker-in/lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupContextValue>({\n  profile: null,\n  isLoadingProfile: false,\n  creditInfo: undefined,\n  fetchCreditInfo: () => {},\n  openSignUpPopup: () => {},\n  openSignInPopup: () => {},\n  taskIdToTypeMapping: {},\n  alpcConfig: {\n    brand: '',\n    locale: '',\n    appName: '',\n  },\n})\n\ntype MemberPopupProviderProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  earnCreditsCopy?: EarnCreditsCopy\n}\n\nexport function MemberPopupProvider({\n  children,\n  headlessConfig,\n  earnCreditsCopy,\n  ...contextValue\n}: PropsWithChildren<MemberPopupProviderProps>) {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n      >\n        <MemberPopupContext.Provider value={contextValue}>\n          {children}\n        </MemberPopupContext.Provider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n\nexport function useMemberPopupContext() {\n  const context = useContext(MemberPopupContext)\n  if (!context) {\n    throw new Error('useMemberPopupContext must be used within a MemberPopupProvider')\n  }\n  return context\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,wBAAAC,EAAA,0BAAAC,IAAA,eAAAC,EAAAL,GAqCQ,IAAAM,EAAA,6BArCRC,EAA6D,iBAC7DC,EAAsD,yBACtDC,EAAqC,8BAG9B,MAAMP,KAAqB,iBAAuC,CACvE,QAAS,KACT,iBAAkB,GAClB,WAAY,OACZ,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,oBAAqB,CAAC,EACtB,WAAY,CACV,MAAO,GACP,OAAQ,GACR,QAAS,EACX,CACF,CAAC,EAOM,SAASC,EAAoB,CAClC,SAAAO,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,SACE,OAAC,oBAAiB,eAAgBF,EAChC,mBAAC,wBACC,MAAOE,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAE5D,mBAACV,EAAmB,SAAnB,CAA4B,MAAOW,EACjC,SAAAH,EACH,EACF,EACF,CAEJ,CAEO,SAASN,GAAwB,CACtC,MAAMU,KAAU,cAAWZ,CAAkB,EAC7C,GAAI,CAACY,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
-  "names": ["provider_exports", "__export", "MemberPopupContext", "MemberPopupProvider", "useMemberPopupContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_lib", "import_registration", "children", "headlessConfig", "earnCreditsCopy", "contextValue", "context"]
-}

package/dist/cjs/components/memberPopup/context/viewStack.d.ts

@@ -1,12 +0,0 @@
-import type { MemberPopupPanelType } from '../type';
-export type ViewPayload = {
-    type: MemberPopupPanelType;
-    props?: Record<string, any>;
-};
-type ViewStackContextValue = {
-    pushView: (view: ViewPayload) => void;
-    popView: () => void;
-};
-export declare const ViewStackContext: import("react").Context<ViewStackContextValue>;
-export declare function useViewStack(): ViewStackContextValue;
-export {};

package/dist/cjs/components/memberPopup/context/viewStack.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var a=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var p in e)a(t,p,{get:e[p],enumerable:!0})},y=(t,e,p,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of u(e))!w.call(t,o)&&o!==p&&a(t,o,{get:()=>e[o],enumerable:!(r=V(e,o))||r.enumerable});return t};var s=t=>y(a({},"__esModule",{value:!0}),t);var l={};c(l,{ViewStackContext:()=>n,useViewStack:()=>x});module.exports=s(l);var i=require("react");const n=(0,i.createContext)({pushView:()=>{},popView:()=>{}});function x(){return(0,i.useContext)(n)}
-//# sourceMappingURL=viewStack.js.map

package/dist/cjs/components/memberPopup/context/viewStack.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/memberPopup/context/viewStack.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { createContext, useContext, ReactNode } from 'react'\nimport type { MemberPopupPanelType } from '../type'\n\nexport type ViewPayload = {\n  type: MemberPopupPanelType\n  props?: Record<string, any>\n}\n\ntype ViewStackContextValue = {\n  pushView: (view: ViewPayload) => void\n  popView: () => void\n}\n\nexport const ViewStackContext = createContext<ViewStackContextValue>({\n  pushView: () => {},\n  popView: () => {},\n})\n\nexport function useViewStack() {\n  return useContext(ViewStackContext)\n}\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAqD,iBAa9C,MAAMH,KAAmB,iBAAqC,CACnE,SAAU,IAAM,CAAC,EACjB,QAAS,IAAM,CAAC,CAClB,CAAC,EAEM,SAASC,GAAe,CAC7B,SAAO,cAAWD,CAAgB,CACpC",
-  "names": ["viewStack_exports", "__export", "ViewStackContext", "useViewStack", "__toCommonJS", "import_react"]
-}

package/dist/cjs/components/memberPopup/icons.d.ts

@@ -1,27 +0,0 @@
-export declare function IconCredit({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconReferral({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconBag({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconArrow({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconSwitch({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconClose({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconLock({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconSubscription({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function IconOrders({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;