@anker-in/campaign-ui 0.5.0-beta.4 → 0.5.0-beta.5

package/dist/esm/components/memberPopup/type.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/memberPopup/type.ts"],
-  "sourcesContent": ["import type { AuthCodeActivateCopy } from '../registration/authCodeActivate/type'\nimport type { CreditInfoResponse } from '../credits/context/response'\nimport type { DTC_TASK_TYPE } from '../credits/context/const'\n\nexport type { AuthCodeActivateCopy }\n\n// \u2500\u2500\u2500 \u9762\u677F\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupPanelType {\n  EarnCredits = 'EARN_CREDITS',\n  ConsumeCredits = 'CONSUME_CREDITS',\n  Referral = 'REFERRAL',\n  CompleteProfile = 'COMPLETE_PROFILE',\n  Subscribe = 'SUBSCRIBE',\n  SubscribeEmail = 'SUBSCRIBE_EMAIL',\n  RedeemCoupon = 'REDEEM_COUPON',\n  Activate = 'ACTIVATE',\n}\n\n// \u2500\u2500\u2500 item action \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupActionType {\n  ExternalLink = 'EXTERNAL_LINK',\n  OpenEarnCredits = 'OPEN_EARN_CREDITS',\n  OpenConsumeCredits = 'OPEN_CONSUME_CREDITS',\n  OpenReferral = 'OPEN_REFERRAL',\n  OpenSubscribe = 'OPEN_SUBSCRIBE',\n}\n\n// \u2500\u2500\u2500 EarnCredits \u4EFB\u52A1\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum EarnCreditsTaskType {\n  Activate = 'activate',\n  CompleteProfile = 'completeProfile',\n  Subscribe = 'subscribe',\n  Shop = 'shop',\n}\n\n// \u2500\u2500\u2500 ConsumeCredits item \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum ConsumeCreditsItemType {\n  Coupon = 'COUPON',\n  RedeemAndBuy = 'REDEEM_AND_BUY',\n}\n\n// \u2500\u2500\u2500 \u901A\u7528 link\uFF08\u7EDF\u4E00\u4E00\u79CD\u7C7B\u578B\uFF09 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupLink = {\n  type: MemberPopupActionType\n  label: string\n  url?: string // \u4EC5 ExternalLink \u65F6\u4F7F\u7528\n}\n\n// \u2500\u2500\u2500 list item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupItem = {\n  title: string\n  description?: string\n  links: MemberPopupLink[]\n}\n\n// \u2500\u2500 \u4E3B\u7EC4\u4EF6 Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupPageScope {\n  /** \u5168\u5C40\u5C55\u793A */\n  Global = 'GLOBAL',\n  /** \u4EC5\u5728\u7279\u5B9A\u9875\u9762\u5C55\u793A */\n  Include = 'INCLUDE',\n  /** \u5728\u7279\u5B9A\u9875\u9762\u4E0D\u5C55\u793A */\n  Exclude = 'EXCLUDE',\n}\n\nexport type MemberPopupPageConfig = {\n  scope: MemberPopupPageScope\n  /** \u9875\u9762\u8DEF\u5F84\u5217\u8868\uFF0C\u652F\u6301\u7CBE\u786E\u5339\u914D\u548C\u524D\u7F00\u5339\u914D\uFF08\u5982 \"/products\" \u4F1A\u5339\u914D \"/products/xxx\"\uFF09 */\n  pages: string[]\n}\n\nexport type MemberPopupCopy = {\n  triggerImg: { url: string; alt?: string }\n  title?: string\n  subtitle?: string\n  list: MemberPopupItem[]\n  footer?: {\n    loginHint: string\n    loginLabel: string\n    joinLabel: string\n    shopLabel: string\n    shopUrl?: string\n  }\n  subscribe?: SubscribeModalCopy\n  earnCredits?: EarnCreditsCopy\n  consumeCredits?: ConsumeCreditsopy\n  referral?: ReferralCopy\n  /** \u9875\u9762\u8986\u76D6\u8303\u56F4\u914D\u7F6E\uFF0C\u9ED8\u8BA4\u5168\u5C40\u5C55\u793A */\n  pageConfig?: MemberPopupPageConfig\n}\n\n// \u2500\u2500\u2500 EarnCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type EarnCreditsCopy = {\n  title?: string\n  subtitle?: string\n  balanceLabel?: string\n  comingSoonLabel?: string\n  creditUnit?: string\n  joinNow: string\n  completed: string\n  activate: string\n  completeProfileLabel: string\n  subscribeLabel: string\n  shopNow: string\n  goShopLink?: string\n  list: {\n    id: EarnCreditsTaskType\n    title: string\n    description: string\n    credits?: string\n  }[]\n  // \u5B50\u5F39\u7A97\u6587\u6848\n  authCodeActivate: AuthCodeActivateCopy\n  completeProfile: CompleteProfileCopy\n  subscribe: SubscribeModalCopy\n}\n\nexport type CompleteProfileCopy = {\n  title: string\n  subtitle?: string\n  firstName: string\n  lastName: string\n  email: string\n  phone: string\n  birthday: string\n  country: string\n  save: string\n  cancel: string\n  edit: string\n  required: string\n}\n\nexport type SubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n  buttonLabel?: string\n  single_brand_subscribe?: boolean\n  genre?: string\n  sub_brand_type?: string\n}\n\n// \u2500\u2500\u2500 ConsumeCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ConsumeCreditsopy = {\n  title?: string\n  subtitle?: string\n  soldOut: string\n  unlockRewards: string\n  btnRedeem: string\n  insufficientCredits?: string\n  pointUnit?: string\n  off?: string\n  imageMapping?: {\n    [key in ConsumeCreditsItemType]?: { url: string }\n  }\n  list: ConsumeCreditsItem[]\n  redeemModal: RedeemCouponModalCopy\n  creditsPage?: { label: string; url: string }\n}\n\nexport type ConsumeCreditsItem = {\n  redeemId: string | number\n  title: string\n  description?: string\n  image: { url: string; alt?: string }\n  type: ConsumeCreditsItemType\n  product?: { handle: string; sku: string }\n  price?: number\n  value?: string\n  rules?: string[]\n}\n\nexport type RedeemCouponModalCopy = {\n  confirmTitle: string\n  confirmButton: string\n  commonError: string\n  redeemLimitError: string\n  inventoryNotEnough: string\n  creditsNotEnough: string\n  crossSiteError: string\n  successTitle: string\n  successDesc: string\n  successButton: string\n  successButtonUrl?: string\n}\n\n// \u2500\u2500\u2500 Referral Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ReferralCopy = {\n  title?: string\n  description?: string\n  cashAvailableLabel: string\n  cashPendingLabel: string\n  creditUnit?: string\n  referralLinksLabel?: string\n  referralLinkBaseUrl?: string\n  copyLabel?: string\n  copiedLabel?: string\n  howToTitle?: string\n  howToDescription?: string\n  learnMoreLabel?: string\n  learnMoreUrl?: string\n  image?: { url: string; alt?: string }\n  ctaButton: string\n  ctaUrl?: string\n  loginTitle?: string\n  loginDescription?: string\n  loginCtaLabel?: string\n}\n\n// \u2500\u2500\u2500 Provider Context \u7C7B\u578B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type AlpcConfig = {\n  brand: string\n  locale: string\n  appName: string\n  apiBaseUrl?: string\n}\n\nexport type MemberPopupContextValue = {\n  profile: any\n  isLoadingProfile: boolean\n  creditInfo?: CreditInfoResponse\n  fetchCreditInfo: (userId: string) => void\n  openSignUpPopup: () => void\n  openSignInPopup: () => void\n  taskIdToTypeMapping?: Record<string, DTC_TASK_TYPE>\n  alpcConfig: AlpcConfig\n}\n"],
-  "mappings": "AAOO,IAAKA,OACVA,EAAA,YAAc,eACdA,EAAA,eAAiB,kBACjBA,EAAA,SAAW,WACXA,EAAA,gBAAkB,mBAClBA,EAAA,UAAY,YACZA,EAAA,eAAiB,kBACjBA,EAAA,aAAe,gBACfA,EAAA,SAAW,WARDA,OAAA,IAYAC,OACVA,EAAA,aAAe,gBACfA,EAAA,gBAAkB,oBAClBA,EAAA,mBAAqB,uBACrBA,EAAA,aAAe,gBACfA,EAAA,cAAgB,iBALNA,OAAA,IASAC,OACVA,EAAA,SAAW,WACXA,EAAA,gBAAkB,kBAClBA,EAAA,UAAY,YACZA,EAAA,KAAO,OAJGA,OAAA,IAQAC,OACVA,EAAA,OAAS,SACTA,EAAA,aAAe,iBAFLA,OAAA,IAoBAC,OAEVA,EAAA,OAAS,SAETA,EAAA,QAAU,UAEVA,EAAA,QAAU,UANAA,OAAA",
+  "sourcesContent": ["import type { AuthCodeActivateCopy } from '../registration/authCodeActivate/type'\nimport type { CreditInfoResponse } from '../credits/context/response'\nimport type { DTC_TASK_TYPE } from '../credits/context/const'\n\nexport type { AuthCodeActivateCopy }\n\n// \u2500\u2500\u2500 \u9762\u677F\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupPanelType {\n  EarnCredits = 'EARN_CREDITS',\n  ConsumeCredits = 'CONSUME_CREDITS',\n  Referral = 'REFERRAL',\n  CompleteProfile = 'COMPLETE_PROFILE',\n  Subscribe = 'SUBSCRIBE',\n  SubscribeEmail = 'SUBSCRIBE_EMAIL',\n  RedeemCoupon = 'REDEEM_COUPON',\n  Activate = 'ACTIVATE',\n}\n\n// \u2500\u2500\u2500 item action \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupActionType {\n  ExternalLink = 'EXTERNAL_LINK',\n  OpenEarnCredits = 'OPEN_EARN_CREDITS',\n  OpenConsumeCredits = 'OPEN_CONSUME_CREDITS',\n  OpenReferral = 'OPEN_REFERRAL',\n  OpenSubscribe = 'OPEN_SUBSCRIBE',\n}\n\n// \u2500\u2500\u2500 EarnCredits \u4EFB\u52A1\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum EarnCreditsTaskType {\n  Activate = 'activate',\n  CompleteProfile = 'completeProfile',\n  Subscribe = 'subscribe',\n  Shop = 'shop',\n}\n\n// \u2500\u2500\u2500 ConsumeCredits item \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum ConsumeCreditsItemType {\n  Coupon = 'COUPON',\n  RedeemAndBuy = 'REDEEM_AND_BUY',\n  GiftCard = 'GIFT_CARD',\n  Product = 'PRODUCT',\n}\n\n// \u2500\u2500\u2500 \u901A\u7528 link\uFF08\u7EDF\u4E00\u4E00\u79CD\u7C7B\u578B\uFF09 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupLink = {\n  type: MemberPopupActionType\n  label: string\n  url?: string // \u4EC5 ExternalLink \u65F6\u4F7F\u7528\n}\n\n// \u2500\u2500\u2500 list item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupItem = {\n  title: string\n  description?: string\n  links: MemberPopupLink[]\n}\n\n// \u2500\u2500 \u4E3B\u7EC4\u4EF6 Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupPageScope {\n  /** \u5168\u5C40\u5C55\u793A */\n  Global = 'GLOBAL',\n  /** \u4EC5\u5728\u7279\u5B9A\u9875\u9762\u5C55\u793A */\n  Include = 'INCLUDE',\n  /** \u5728\u7279\u5B9A\u9875\u9762\u4E0D\u5C55\u793A */\n  Exclude = 'EXCLUDE',\n}\n\nexport type MemberPopupPageConfig = {\n  scope: MemberPopupPageScope\n  /** \u9875\u9762\u8DEF\u5F84\u5217\u8868\uFF0C\u652F\u6301\u7CBE\u786E\u5339\u914D\u548C\u524D\u7F00\u5339\u914D\uFF08\u5982 \"/products\" \u4F1A\u5339\u914D \"/products/xxx\"\uFF09 */\n  pages: string[]\n}\n\nexport type MemberPopupCopy = {\n  triggerImg: { url: string; alt?: string }\n  title?: string\n  subtitle?: string\n  list: MemberPopupItem[]\n  footer?: {\n    loginHint: string\n    loginLabel: string\n    joinLabel: string\n    shopLabel: string\n    shopUrl?: string\n  }\n  activitiesSubscribe?: SubscribeModalCopy\n  earnCredits?: EarnCreditsCopy\n  consumeCredits?: ConsumeCreditsopy\n  referral?: ReferralCopy\n  /** \u9875\u9762\u8986\u76D6\u8303\u56F4\u914D\u7F6E\uFF0C\u9ED8\u8BA4\u5168\u5C40\u5C55\u793A */\n  pageConfig?: MemberPopupPageConfig\n}\n\n// \u2500\u2500\u2500 EarnCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type EarnCreditsCopy = {\n  title?: string\n  subtitle?: string\n  balanceLabel?: string\n  comingSoonLabel?: string\n  creditUnit?: string\n  joinNow: string\n  completed: string\n  activate: string\n  completeProfileLabel: string\n  subscribeLabel: string\n  shopNow: string\n  goShopLink?: string\n  list: {\n    id: EarnCreditsTaskType\n    title: string\n    description: string\n    credits?: string\n  }[]\n  // \u5B50\u5F39\u7A97\u6587\u6848\n  authCodeActivate: AuthCodeActivateCopy\n  completeProfile: CompleteProfileCopy\n  subscribe: SubscribeModalCopy\n}\n\nexport type CompleteProfileCopy = {\n  title: string\n  subtitle?: string\n  firstName: string\n  lastName: string\n  email: string\n  phone: string\n  birthday: string\n  country: string\n  save: string\n  cancel: string\n  edit: string\n  required: string\n}\n\nexport type SubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n  buttonLabel?: string\n  single_brand_subscribe?: boolean\n  genre?: string\n  sub_brand_type?: string\n  promo?: {\n    title?: string\n    description?: string\n    learnMoreLabel?: string\n    learnMoreUrl?: string\n    image?: { url: string; alt?: string }\n  }\n}\n\n// \u2500\u2500\u2500 ConsumeCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ConsumeCreditsopy = {\n  title?: string\n  subtitle?: string\n  soldOut: string\n  unlockRewards: string\n  btnRedeem: string\n  insufficientCredits?: string\n  pointUnit?: string\n  off?: string\n  imageMapping?: {\n    [key in ConsumeCreditsItemType]?: { url: string }\n  }\n  list: ConsumeCreditsItem[]\n  redeemModal: RedeemCouponModalCopy\n  creditsPage?: { label: string; url: string }\n}\n\nexport type ConsumeCreditsItem = {\n  redeemId: string | number\n  title: string\n  description?: string\n  image: { url: string; alt?: string }\n  type: ConsumeCreditsItemType\n  product?: { handle: string; sku: string }\n  price?: number\n  value?: string\n  rules?: string[]\n}\n\nexport type RedeemCouponModalCopy = {\n  confirmTitle: string\n  confirmButton: string\n  commonError: string\n  redeemLimitError: string\n  inventoryNotEnough: string\n  creditsNotEnough: string\n  crossSiteError: string\n  successTitle: string\n  successDesc: string\n  successButton: string\n  successButtonUrl?: string\n}\n\n// \u2500\u2500\u2500 Referral Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ReferralCopy = {\n  title?: string\n  description?: string\n  cashAvailableLabel: string\n  cashPendingLabel: string\n  creditUnit?: string\n  referralLinksLabel?: string\n  referralLinkBaseUrl?: string\n  copyLabel?: string\n  copiedLabel?: string\n  howToTitle?: string\n  howToDescription?: string\n  learnMoreLabel?: string\n  learnMoreUrl?: string\n  image?: { url: string; alt?: string }\n  ctaButton: string\n  ctaUrl?: string\n  loginTitle?: string\n  loginDescription?: string\n  loginCtaLabel?: string\n}\n\n// \u2500\u2500\u2500 Provider Context \u7C7B\u578B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type AlpcConfig = {\n  brand: string\n  locale: string\n  appName: string\n  apiBaseUrl?: string\n}\n\nexport type MemberPopupContextValue = {\n  profile: any\n  isLoadingProfile: boolean\n  creditInfo?: CreditInfoResponse\n  fetchCreditInfo: (userId: string) => void\n  openSignUpPopup: () => void\n  openSignInPopup: () => void\n  taskIdToTypeMapping?: Record<string, DTC_TASK_TYPE>\n  alpcConfig: AlpcConfig\n}\n"],
+  "mappings": "AAOO,IAAKA,OACVA,EAAA,YAAc,eACdA,EAAA,eAAiB,kBACjBA,EAAA,SAAW,WACXA,EAAA,gBAAkB,mBAClBA,EAAA,UAAY,YACZA,EAAA,eAAiB,kBACjBA,EAAA,aAAe,gBACfA,EAAA,SAAW,WARDA,OAAA,IAYAC,OACVA,EAAA,aAAe,gBACfA,EAAA,gBAAkB,oBAClBA,EAAA,mBAAqB,uBACrBA,EAAA,aAAe,gBACfA,EAAA,cAAgB,iBALNA,OAAA,IASAC,OACVA,EAAA,SAAW,WACXA,EAAA,gBAAkB,kBAClBA,EAAA,UAAY,YACZA,EAAA,KAAO,OAJGA,OAAA,IAQAC,OACVA,EAAA,OAAS,SACTA,EAAA,aAAe,iBACfA,EAAA,SAAW,YACXA,EAAA,QAAU,UAJAA,OAAA,IAsBAC,OAEVA,EAAA,OAAS,SAETA,EAAA,QAAU,UAEVA,EAAA,QAAU,UANAA,OAAA",
   "names": ["MemberPopupPanelType", "MemberPopupActionType", "EarnCreditsTaskType", "ConsumeCreditsItemType", "MemberPopupPageScope"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.5.0-beta.04",
+  "version": "0.5.0-beta.05",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

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

@@ -20,8 +20,7 @@ function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
         })
         const res: any = await response.json()
 
-        // 新接口直接返回国家数组 [{ id, name, code }]
-        let shipsToCountries: ShippingCountry[] = res?.data || res || []
+        let shipsToCountries: ShippingCountry[] = res?.data?.data || []
 
         // 字母顺序排序
         shipsToCountries = shipsToCountries.sort((a, b) => {

package/src/components/memberPopup/MemberPopup.tsx

@@ -21,7 +21,7 @@ const EarnCredits = lazy(() => import('./panels/EarnCredits'))
 const ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))
 const Referral = lazy(() => import('./panels/Referral'))
 const CompleteProfile = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))
-const Subscribe = lazy(() => import('./panels/EarnCredits/SubscribePanel'))
+const ActivitiesSubscribe = lazy(() => import('./panels/ActivitiesSubscribePanel'))
 const SubscribeEmail = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))
 const Activate = lazy(() => import('./panels/EarnCredits/ActivatePanel'))
 const RedeemCoupon = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))
@@ -55,6 +55,7 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
   const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)
   const [isActivateSuccess, setIsActivateSuccess] = useState(false)
   const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)
+  const [isSubscribeFormHidden, setIsSubscribeFormHidden] = useState(false)
 
   const currentView = viewStack[viewStack.length - 1] ?? null
 
@@ -106,21 +107,26 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
   function handleClose() {
     setIsOpen(false)
     setViewStack([])
+    setIsSubscribeFormHidden(false)
   }
 
   return (
     <ViewStackContext.Provider value={{ pushView, popView }}>
       {isOpen && <div className="fixed inset-0 z-[998]" onClick={handleClose} />}
-      <div className="fixed right-0 z-[999] flex flex-col items-end pr-[16px]" style={{ bottom: bottomOffset }}>
+      <div
+        className="fixed right-0 z-[999] flex flex-row items-end pr-[16px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0"
+        style={{ bottom: bottomOffset }}
+      >
         {isOpen && (
           <div
             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]',
+              'relative mr-[8px] flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:mr-0 md:mb-[8px] md:mx-[16px] md:w-[calc(100vw-32px)] md:max-w-[400px]',
               rounded ? 'rounded-[12px]' : 'rounded-none'
             )}
+            style={{ maxHeight: 'min(80vh, 606px)' }}
             onClick={e => e.stopPropagation()}
           >
-            <div className="absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white" />
+            <div className="absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white md:bottom-[-8px] md:left-auto md:right-[29px] md:top-auto md:border-x-8 md:border-b-transparent md:border-t-white" />
             <div className="flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]">
               {currentView !== null && (
                 <button
@@ -140,10 +146,7 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
               </button>
             </div>
 
-            <div
-              className="flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]"
-              style={{ maxHeight: 'min(calc(80vh - 118px), 606px)' }}
-            >
+            <div className="flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]">
               {currentView === null && (
                 <>
                   {(copy.title || copy.subtitle) && (
@@ -196,12 +199,13 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
                       onSuccess={currentView.props?.onSuccess}
                     />
                   )}
-                  {currentView.type === MemberPopupPanelType.Subscribe && copy.subscribe && (
-                    <Subscribe
-                      copy={copy.subscribe}
+                  {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (
+                    <ActivitiesSubscribe
+                      copy={copy.activitiesSubscribe}
                       email={profile?.email}
-                      onClose={popView}
                       onSuccess={currentView.props?.onSuccess}
+                      hideForm={isSubscribeFormHidden}
+                      onHideForm={() => setIsSubscribeFormHidden(true)}
                     />
                   )}
                   {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (
@@ -270,7 +274,7 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
         )}
 
         <button
-          className="flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg"
+          className="flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]"
           onClick={() => setIsOpen(prev => !prev)}
           aria-label={copy.triggerImg.alt ?? 'Open member popup'}
         >

package/src/components/memberPopup/panels/ActivitiesSubscribePanel.tsx

@@ -0,0 +1,198 @@
+import { useCallback, useEffect, useState } from 'react'
+import { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'
+import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import Cookies from 'js-cookie'
+import { parse } from 'query-string'
+import { emailValidate } from '../../credits/context/utils'
+import { useMemberPopupContext } from '../context/provider'
+import type { SubscribeModalCopy } from '../type'
+import { ROUNDED_BRANDS } from '../../../constants'
+
+type Props = {
+  onSuccess?: () => void
+  copy: SubscribeModalCopy
+  email?: string
+  hideForm: boolean
+  onHideForm: () => void
+}
+
+function getAdCookie() {
+  if (typeof window === 'undefined') return { register_source: '' }
+  const { search, href } = window.location
+  const query = parse(search)
+  return {
+    fbuy_ref_code: Cookies.get('fbuy_ref_code'),
+    ref: Cookies.get('ref_ads'),
+    inviter_code: query.ic ?? query.inviter_code ?? Cookies.get('inviter_code'),
+    register_source: query.redirect ?? Cookies.get('reg_source') ?? href,
+  }
+}
+
+async function getRecaptchaToken(sitekey: string): Promise<string> {
+  if (typeof window === 'undefined' || !window?.grecaptcha?.execute) return ''
+  if (!sitekey) return ''
+  try {
+    return await window.grecaptcha.execute(sitekey, { action: 'activity' })
+  } catch {
+    return ''
+  }
+}
+
+export default function ActivitiesSubscribeModal({
+  onSuccess,
+  copy,
+  email: initialEmail,
+  hideForm,
+  onHideForm,
+}: Props) {
+  const { alpcConfig } = useMemberPopupContext()
+  const { locale } = alpcConfig
+  const { brand: headlessBrand, storeDomain, recaptchaSitekey } = useHeadlessContext()
+  const rounded = ROUNDED_BRANDS.includes(headlessBrand)
+  const [policy, setPolicy] = useState(false)
+  const [email, setEmail] = useState(initialEmail ?? '')
+  const [errorMessage, setErrorMessage] = useState('')
+  const [successMessage, setSuccessMessage] = useState('')
+  const [loading, setLoading] = useState(false)
+
+  useEffect(() => {
+    if (initialEmail) setEmail(initialEmail)
+  }, [initialEmail])
+
+  const handleSubmit = useCallback(async () => {
+    setErrorMessage('')
+    if (!email) return setErrorMessage('Please fill in your email')
+    if (!emailValidate(email)) return setErrorMessage('Invalid email address')
+    if (!policy) return setErrorMessage('Please agree to the policy')
+
+    setLoading(true)
+    const { register_source } = getAdCookie()
+    const recaptchaToken = await getRecaptchaToken(recaptchaSitekey || '')
+    try {
+      const response = await fetch('/api/multipass/rainbowbridge/activities', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'current-language': locale,
+          'X-Recaptcha-Token': recaptchaToken,
+        },
+        body: JSON.stringify({
+          email,
+          register_source,
+          shopify_domain: storeDomain,
+          single_brand_subscribe: copy.single_brand_subscribe ?? true,
+          genre: copy.genre ?? copy.dealsType ?? '',
+          sub_brand_type: copy.sub_brand_type ?? '',
+        }),
+      })
+      const result = await response.json()
+      if (!result.errors) {
+        setSuccessMessage(copy.successTips ?? 'Subscribed successfully!')
+        onSuccess?.()
+        setTimeout(() => {
+          onHideForm()
+          setSuccessMessage('')
+        }, 3000)
+      } else {
+        setErrorMessage(result.errors ?? 'Error occurred')
+      }
+    } catch {
+      setErrorMessage('Network error')
+    } finally {
+      setLoading(false)
+    }
+  }, [email, policy, locale, storeDomain, copy, onSuccess, onHideForm])
+
+  return (
+    <div className="flex flex-col gap-[16px] text-center">
+      {!hideForm && (
+        <>
+          <Text className="text-[22px] font-bold" html={copy.title} />
+          {copy.desc && <Text className="text-left text-[16px] font-semibold text-[#1f2021]" html={copy.desc} />}
+          <div
+            className={cn(
+              'flex h-[52px] w-full overflow-hidden md:flex-col md:h-auto md:gap-[16px]',
+              rounded ? 'rounded-[2px]' : 'rounded-none'
+            )}
+          >
+            <input
+              className={cn(
+                'h-[46px] w-full border px-[14px] text-[16px] outline-none placeholder:text-[#999]',
+                errorMessage ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',
+                rounded ? 'rounded-[4px]' : 'rounded-none'
+              )}
+              placeholder={copy.placeholder}
+              value={email}
+              onChange={e => {
+                setErrorMessage('')
+                setEmail(e.target.value.trim())
+              }}
+            />
+            <Button
+              variant="primary"
+              loading={loading}
+              className={cn(
+                '!h-full !min-w-0 !px-[24px] md:!h-[46px]',
+                rounded ? '!rounded-l-none !rounded-r-[2px] md:!rounded-[2px]' : '!rounded-none'
+              )}
+              onClick={handleSubmit}
+            >
+              {copy.buttonLabel ?? 'Subscribe'}
+            </Button>
+          </div>
+          <div className="flex w-full items-start gap-[8px]">
+            <Checkbox checked={policy} onCheckedChange={() => setPolicy(v => !v)} className="border-[#1d1d1f]" />
+            <label
+              className="text-left text-[14px] font-semibold text-[#777] [&_a]:underline"
+              dangerouslySetInnerHTML={{ __html: copy.policy ?? '' }}
+            />
+          </div>
+          {errorMessage && (
+            <div className="text-left text-[16px] font-semibold text-[#f84d4f]">
+              <Text html={errorMessage} />
+            </div>
+          )}
+          <div className="text-left text-[16px] font-semibold text-[#52c41a]">
+            <Text html={successMessage} />
+          </div>
+        </>
+      )}
+
+      {copy.promo && (
+        <div className="flex flex-col text-left">
+          <div className="flex flex-col gap-[8px]">
+            {copy.promo?.title && (
+              <h3 className="text-[20px] font-[700] leading-[1.2] text-[#080a0f]">{copy.promo?.title}</h3>
+            )}
+            {copy.promo.description && (
+              <p className="text-[14px] leading-[1.5] text-[#1e2024]">{copy.promo.description}</p>
+            )}
+            {copy.promo.learnMoreLabel && copy.promo.learnMoreUrl && (
+              <a
+                href={copy.promo.learnMoreUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline"
+              >
+                {copy.promo.learnMoreLabel}
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                  <path
+                    d="M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z"
+                    fill="#080A0F"
+                  />
+                </svg>
+              </a>
+            )}
+          </div>
+          {copy.promo.image?.url && (
+            <Picture
+              source={copy.promo.image.url}
+              alt={copy.promo.image.alt ?? ''}
+              className={cn('h-[100px] mt-[8px] w-full object-cover', rounded ? 'rounded-[8px]' : 'rounded-none')}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  )
+}

package/src/components/memberPopup/panels/ConsumeCredits/index.tsx

@@ -56,10 +56,14 @@ function ConsumeCredits({ copy, onClose }: Props) {
 
         let product
         let variant
-        if (item.type === ConsumeCreditsItemType.RedeemAndBuy && item.product) {
+        if (
+          (item.type === ConsumeCreditsItemType.RedeemAndBuy ||
+            item.type === ConsumeCreditsItemType.Product) &&
+          item.product
+        ) {
           product = products?.find((p: any) => p.handle === item.product!.handle)
           variant = product?.variants?.find((v: any) => v.sku === item.product!.sku) ?? product?.variants?.[0]
-          if (!product || !variant) return null
+          if (item.type === ConsumeCreditsItemType.RedeemAndBuy && (!product || !variant)) return null
         }
 
         return { ...item, alpcData, insufficient, soldOut, product, variant }
@@ -74,6 +78,12 @@ function ConsumeCredits({ copy, onClose }: Props) {
   }
 
   function isDisabled(item: (typeof list)[number]) {
+    if (
+      item.type === ConsumeCreditsItemType.GiftCard ||
+      item.type === ConsumeCreditsItemType.Product
+    ) {
+      return item.insufficient
+    }
     return item.soldOut || item.insufficient
   }
 
@@ -82,6 +92,19 @@ function ConsumeCredits({ copy, onClose }: Props) {
       openSignUpPopup()
       return
     }
+    if (!profile?.activated) {
+      pushView({ type: MemberPopupPanelType.Activate })
+      return
+    }
+    if (
+      item.type === ConsumeCreditsItemType.GiftCard ||
+      item.type === ConsumeCreditsItemType.Product
+    ) {
+      if (copy.creditsPage?.url) {
+        window.open(copy.creditsPage.url, '_blank', 'noopener,noreferrer')
+      }
+      return
+    }
     if (item.type === ConsumeCreditsItemType.Coupon) {
       pushView({
         type: MemberPopupPanelType.RedeemCoupon,
@@ -136,17 +159,18 @@ function ConsumeCredits({ copy, onClose }: Props) {
           </div>
         ) : (
           <div className="flex flex-col">
-          {list.map((item, idx) => (
+          {list.map((item, idx) => {
+            const hasProduct = !!item.product
+            return (
             <div key={idx} className="relative py-[16px]">
               {idx > 0 && <div className="absolute inset-x-0 top-0 h-px bg-[#dadce0]" />}
               <div className="flex items-center gap-[12px]">
                 {(() => {
-                  const isRedeemAndBuy = item.type === ConsumeCreditsItemType.RedeemAndBuy
                   const mappedImgUrl = copy.imageMapping?.[item.type]?.url
-                  const imgUrl = isRedeemAndBuy
+                  const imgUrl = hasProduct
                     ? (item.variant?.image?.url ?? item.product?.images?.[0]?.url ?? item.image?.url)
                     : (mappedImgUrl ?? item.image?.url)
-                  const imgAlt = isRedeemAndBuy
+                  const imgAlt = hasProduct
                     ? (item.variant?.image?.altText ?? item.product?.images?.[0]?.alt ?? item.image?.alt ?? '')
                     : (item.image?.alt ?? '')
                   if (!imgUrl) return null
@@ -156,9 +180,9 @@ function ConsumeCredits({ copy, onClose }: Props) {
                         source={imgUrl}
                         alt={imgAlt}
                         className="flex size-full items-center justify-center"
-                        imgClassName={isRedeemAndBuy ? 'object-cover' : 'h-full w-auto object-contain'}
+                        imgClassName={hasProduct ? 'object-cover' : 'h-full w-auto object-contain'}
                       />
-                      {!isRedeemAndBuy && item.value && (
+                      {!hasProduct && item.value && (
                         <div className="absolute bottom-[20px] left-[4px] text-[14px] font-[800] leading-none text-white">
                           {item.value} {copy.off}
                         </div>
@@ -168,12 +192,12 @@ function ConsumeCredits({ copy, onClose }: Props) {
                 })()}
                 <div className="min-w-0 flex-1">
                   <div className="text-[16px] font-[700] text-[#1e2024] line-clamp-2">
-                    {item.type === ConsumeCreditsItemType.RedeemAndBuy && item.product?.title
+                    {hasProduct && item.product?.title
                       ? item.product.title
                       : item.title}
                   </div>
                   <div className="mt-[4px] text-[14px] text-[#666]">
-                    {item.type === ConsumeCreditsItemType.RedeemAndBuy && item.price != null
+                    {hasProduct && item.price != null
                       ? `${numberFormat(item.alpcData.consume_credits)} ${copy.pointUnit ?? ''} + $${Number(item.price).toFixed(2)}`
                       : `${numberFormat(item.alpcData.consume_credits)} ${copy.pointUnit ?? ''}`}
                   </div>
@@ -188,17 +212,18 @@ function ConsumeCredits({ copy, onClose }: Props) {
                     {getButtonLabel(item)}
                   </Button>
                   {item.insufficient && (
-                    <div className="pointer-events-none absolute left-[48px] top-full mt-[10px] hidden -translate-x-1/2 group-hover:block">
-                      <div className="relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow md:px-[10px] md:py-[8px]">
+                    <div className="pointer-events-none absolute right-0 top-full z-[100] mt-[10px] hidden w-[200px] group-hover:block">
+                      <div className="relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow">
                         <p className="text-pretty tracking-[-0.02em] text-[14px]">{copy.insufficientCredits}</p>
-                        <div className="absolute -top-[8px] left-[48px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]" />
+                        <div className="absolute -top-[8px] right-[20px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]" />
                       </div>
                     </div>
                   )}
                 </div>
               </div>
             </div>
-          ))}
+            )
+          })}
         </div>
         )}