@anker-in/campaign-ui 0.5.0 → 0.5.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/memberPopup/MemberPopup.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useEffect } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\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 CompleteProfilePanel = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribePanel = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmailPanel = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst ActivatePanel = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCouponPanel = 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  const [isVisible, setIsVisible] = useState(false)\n\n  useEffect(() => {\n    const config = copy.pageConfig\n    if (!config) {\n      setIsVisible(true)\n      return\n    }\n    const pathname = window.location.pathname\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        setIsVisible(matches)\n        break\n      case MemberPopupPageScope.Exclude:\n        setIsVisible(!matches)\n        break\n      default:\n        setIsVisible(true)\n    }\n  }, [copy.pageConfig])\n\n  return isVisible ? (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={bottomOffset} />\n    </MemberPopupProvider>\n  ) : null\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 } = 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\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  const MEMBER_POPUP_INFO = 'Member Floating Window'\n\n  function trackLpButton(position: string, buttonName: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position,\n        button_name: buttonName,\n        info: MEMBER_POPUP_INFO,\n      },\n    })\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        trackLpButton('home', 'earn_credits')\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        trackLpButton('home', 'consume_credits')\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        trackLpButton('home', 'referral')\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        trackLpButton('home', 'subscribe')\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 && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div className=\"relative mr-[12px] md:mr-[12px] md:mb-[12px]\" onClick={e => e.stopPropagation()}>\n            <div className=\"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white\" />\n            <div\n              className={cn(\n                '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:w-[calc(100vw-32px)] md:max-w-[400px]',\n                rounded ? 'rounded-[12px]' : 'rounded-none'\n              )}\n              style={{ maxHeight: 'min(80vh, 606px)' }}\n            >\n              <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n                {currentView !== null && (\n                  <button\n                    className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                    onClick={popView}\n                    aria-label=\"Back\"\n                  >\n                    <IconSwitch />\n                  </button>\n                )}\n                <button\n                  className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={() => {\n                    trackLpButton('floating_button', 'close')\n                    handleClose()\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <IconClose />\n                </button>\n              </div>\n\n              <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\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 copy={copy.earnCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                      <ConsumeCredits copy={copy.consumeCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                      <Referral copy={copy.referral} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                      <CompleteProfilePanel copy={copy.earnCredits.completeProfile} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                      <ActivitiesSubscribePanel copy={copy.activitiesSubscribe} email={profile?.email} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                      <SubscribeEmailPanel copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                      <ActivatePanel copy={copy.earnCredits.authCodeActivate} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                      currentView.props &&\n                      copy.consumeCredits && (\n                        <RedeemCouponPanel\n                          item={currentView.props as any}\n                          copy={copy.consumeCredits}\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=\"inline gap-[4px]\">\n                      <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                      <button\n                        className=\"cursor-pointer ml-[4px] text-[14px] font-bold 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(\n                          'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                          rounded ? 'rounded-[4px]' : 'rounded-none'\n                        )}\n                        onClick={openSignUpPopup}\n                      >\n                        {copy.footer.joinLabel}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => {\n            const next = !isOpen\n            trackLpButton('floating_button', next ? 'open' : 'close')\n            setIsOpen(next)\n          }}\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": ["Fragment", "jsx", "jsxs", "lazy", "Suspense", "useState", "useCallback", "useEffect", "Picture", "gaTrack", "useHeadlessContext", "cn", "MemberPopupActionType", "MemberPopupPageScope", "MemberPopupPanelType", "MemberPopupProvider", "useMemberPopupContext", "ViewStackContext", "IconClose", "IconArrow", "IconCredit", "IconBag", "IconReferral", "IconSwitch", "IconSubscription", "ROUNDED_BRANDS", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfilePanel", "ActivitiesSubscribePanel", "SubscribeEmailPanel", "ActivatePanel", "RedeemCouponPanel", "MemberPopup", "copy", "bottomOffset", "providerProps", "isVisible", "setIsVisible", "config", "pathname", "matches", "page", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "currentView", "pushView", "view", "prev", "popView", "MEMBER_POPUP_INFO", "trackLpButton", "position", "buttonName", "handleAction", "type", "url", "handleClose", "e", "item", "i", "HomeCard", "next", "onAction", "ACTION_ICON", "link", "IconComponent"]
+  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useEffect, type CSSProperties } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\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 CompleteProfilePanel = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribePanel = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmailPanel = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst ActivatePanel = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCouponPanel = 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  const [isVisible, setIsVisible] = useState(false)\n  const effectiveBottomOffset = copy.bottomOffset ?? bottomOffset\n\n  useEffect(() => {\n    const config = copy.pageConfig\n    if (!config) {\n      setIsVisible(true)\n      return\n    }\n    const pathname = window.location.pathname\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        setIsVisible(matches)\n        break\n      case MemberPopupPageScope.Exclude:\n        setIsVisible(!matches)\n        break\n      default:\n        setIsVisible(true)\n    }\n  }, [copy.pageConfig])\n\n  return isVisible ? (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={effectiveBottomOffset} />\n    </MemberPopupProvider>\n  ) : null\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 } = 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\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  const MEMBER_POPUP_INFO = 'Member Floating Window'\n\n  function trackLpButton(position: string, buttonName: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position,\n        button_name: buttonName,\n        info: MEMBER_POPUP_INFO,\n      },\n    })\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        trackLpButton('home', 'earn_credits')\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        trackLpButton('home', 'consume_credits')\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        trackLpButton('home', 'referral')\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        trackLpButton('home', 'subscribe')\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 && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div className=\"relative mr-[12px] md:mr-[12px] md:mb-[12px]\" onClick={e => e.stopPropagation()}>\n            <div className=\"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white\" />\n            <div\n              className={cn(\n                '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:w-[calc(100vw-32px)] md:max-w-[400px]',\n                rounded ? 'rounded-[12px]' : 'rounded-none'\n              )}\n              style={{ maxHeight: 'min(80vh, 606px)' }}\n            >\n              <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n                {currentView !== null && (\n                  <button\n                    className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                    onClick={popView}\n                    aria-label=\"Back\"\n                  >\n                    <IconSwitch />\n                  </button>\n                )}\n                <button\n                  className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={() => {\n                    trackLpButton('floating_button', 'close')\n                    handleClose()\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <IconClose />\n                </button>\n              </div>\n\n              <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\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 copy={copy.earnCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                      <ConsumeCredits copy={copy.consumeCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                      <Referral copy={copy.referral} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                      <CompleteProfilePanel copy={copy.earnCredits.completeProfile} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                      <ActivitiesSubscribePanel copy={copy.activitiesSubscribe} email={profile?.email} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                      <SubscribeEmailPanel copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                      <ActivatePanel copy={copy.earnCredits.authCodeActivate} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                      currentView.props &&\n                      copy.consumeCredits && (\n                        <RedeemCouponPanel\n                          item={currentView.props as any}\n                          copy={copy.consumeCredits}\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=\"inline gap-[4px]\">\n                      <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                      <button\n                        className=\"cursor-pointer ml-[4px] text-[14px] font-bold 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(\n                          'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                          rounded ? 'rounded-[4px]' : 'rounded-none'\n                        )}\n                        onClick={openSignUpPopup}\n                      >\n                        {copy.footer.joinLabel}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => {\n            const next = !isOpen\n            trackLpButton('floating_button', next ? 'open' : 'close')\n            setIsOpen(next)\n          }}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <div\n            className=\"size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]\"\n            style={\n              {\n                '--member-popup-pc-icon-size': copy.pcIconSize ?? '58px',\n                '--member-popup-mobile-icon-size': copy.mobileIconSize ?? copy.pcIconSize ?? '58px',\n              } as CSSProperties\n            }\n          >\n            <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-full\" />\n          </div>\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": ["Fragment", "jsx", "jsxs", "lazy", "Suspense", "useState", "useCallback", "useEffect", "Picture", "gaTrack", "useHeadlessContext", "cn", "MemberPopupActionType", "MemberPopupPageScope", "MemberPopupPanelType", "MemberPopupProvider", "useMemberPopupContext", "ViewStackContext", "IconClose", "IconArrow", "IconCredit", "IconBag", "IconReferral", "IconSwitch", "IconSubscription", "ROUNDED_BRANDS", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfilePanel", "ActivitiesSubscribePanel", "SubscribeEmailPanel", "ActivatePanel", "RedeemCouponPanel", "MemberPopup", "copy", "bottomOffset", "providerProps", "isVisible", "setIsVisible", "effectiveBottomOffset", "config", "pathname", "matches", "page", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "currentView", "pushView", "view", "prev", "popView", "MEMBER_POPUP_INFO", "trackLpButton", "position", "buttonName", "handleAction", "type", "url", "handleClose", "e", "item", "i", "HomeCard", "next", "onAction", "ACTION_ICON", "link", "IconComponent"]
 }

package/dist/esm/components/memberPopup/type.d.ts

@@ -75,6 +75,12 @@ export type MemberPopupCopy = {
     referral?: ReferralCopy;
     /** 页面覆盖范围配置，默认全局展示 */
     pageConfig?: MemberPopupPageConfig;
+    /** 悬浮窗距离底部的距离，设置后优先于组件 bottomOffset prop（默认 '24px'） */
+    bottomOffset?: string;
+    /** 触发按钮图标尺寸（PC 端，默认 '58px'） */
+    pcIconSize?: string;
+    /** 触发按钮图标尺寸（移动端，默认 '58px'） */
+    mobileIconSize?: string;
 };
 export type EarnCreditsCopy = {
     title?: string;

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  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    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  policyDefaultChecked?: boolean\n  successTips?: string\n  subscribedLabel?: 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  balanceLabel?: string\n  comingSoonLabel?: string\n  creditUnit?: string\n  off?: string\n  giftCard?: string\n  imageMapping?: {\n    [key in ConsumeCreditsItemType]?: { url: string }\n  }\n  list: ConsumeCreditsItem[]\n  redeemModal: RedeemCouponModalCopy\n  creditsPage?: { label: string; url: string; redeemListSectionId?: 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  off?: 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  copyLabel?: string\n  copiedLabel?: 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  pageHandle?: string\n}\n\nexport type MemberPopupInternalContextValue = MemberPopupContextValue & {\n  isSubscribeSuccess: boolean\n  setIsSubscribeSuccess: (v: boolean) => void\n  isActivateSuccess: boolean\n  setIsActivateSuccess: (v: boolean) => void\n  isProfileCompleteSuccess: boolean\n  setIsProfileCompleteSuccess: (v: boolean) => void\n}\n"],
+  "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  /** \u60AC\u6D6E\u7A97\u8DDD\u79BB\u5E95\u90E8\u7684\u8DDD\u79BB\uFF0C\u8BBE\u7F6E\u540E\u4F18\u5148\u4E8E\u7EC4\u4EF6 bottomOffset prop\uFF08\u9ED8\u8BA4 '24px'\uFF09 */\n  bottomOffset?: string\n  /** \u89E6\u53D1\u6309\u94AE\u56FE\u6807\u5C3A\u5BF8\uFF08PC \u7AEF\uFF0C\u9ED8\u8BA4 '58px'\uFF09 */\n  pcIconSize?: string\n  /** \u89E6\u53D1\u6309\u94AE\u56FE\u6807\u5C3A\u5BF8\uFF08\u79FB\u52A8\u7AEF\uFF0C\u9ED8\u8BA4 '58px'\uFF09 */\n  mobileIconSize?: string\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    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  policyDefaultChecked?: boolean\n  successTips?: string\n  subscribedLabel?: 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  balanceLabel?: string\n  comingSoonLabel?: string\n  creditUnit?: string\n  off?: string\n  giftCard?: string\n  imageMapping?: {\n    [key in ConsumeCreditsItemType]?: { url: string }\n  }\n  list: ConsumeCreditsItem[]\n  redeemModal: RedeemCouponModalCopy\n  creditsPage?: { label: string; url: string; redeemListSectionId?: 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  off?: 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  copyLabel?: string\n  copiedLabel?: 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  pageHandle?: string\n}\n\nexport type MemberPopupInternalContextValue = MemberPopupContextValue & {\n  isSubscribeSuccess: boolean\n  setIsSubscribeSuccess: (v: boolean) => void\n  isActivateSuccess: boolean\n  setIsActivateSuccess: (v: boolean) => void\n  isProfileCompleteSuccess: boolean\n  setIsProfileCompleteSuccess: (v: boolean) => void\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/dist/esm/templates/Credits.js

@@ -1,2 +1,2 @@
-import{Fragment as y,jsx as o,jsxs as P}from"react/jsx-runtime";import{classNames as h,HeadlessProvider as T}from"@anker-in/lib";import{useEffect as M,useRef as w}from"react";import{RegistrationProvider as B}from"../components/registration/context/provider";import{CreditsProvider as b,useCreditsContext as I}from"../components/credits/context/provider";import{CreditsBanner as G}from"../components/credits/creditsBanner";import{CreditsInfoCard as R}from"../components/credits/creditsInfoCard";import{CreditsBenefits as L}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as A}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as S}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as D}from"../components/credits/creditsRedeemList";import{CreditsGoGift as N}from"../components/credits/creditsGoGift";import{CreditsCash as F}from"../components/credits/creditsCash";import{CreditsMemberPrice as q}from"../components/credits/creditsMemberPrice";import{CreditsFaq as x}from"../components/credits/creditsFaq";import{CreditsNavigation as O}from"../components/credits/creditsNavigation";import U from"../components/credits/modal/ActivitiesModal";import W from"../components/credits/modal/RewardsModal";import{ComponentKey as r}from"./Credits.types";const E=({headlessConfig:a,pageConfig:s,userContext:m})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:p,openActivitiesModal:n,setOpenActivitiesModal:C,pageCommon:d}=I(),c=w(!1);return M(()=>{if(c.current||typeof window>"u")return;const i=new URLSearchParams(window.location.search).get("section");if(!i)return;const u=56,l=(f=0)=>{const g=document.getElementById(i);if(g){c.current=!0;const v=g.getBoundingClientRect().top+window.pageYOffset-u;window.scrollTo({top:v,behavior:"smooth"})}else f<10&&setTimeout(()=>l(f+1),300)};l()},[]),P(y,{children:[s.components[r.Navigation]&&o(O,{copy:s.components[r.Navigation]}),o("div",{className:h("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===r.Navigation)return null;const i=s.components?.[e];return i?P(y,{children:[e===r.Banner&&o(G,{copy:i,id:e}),e===r.InfoCard&&m?.profile&&o(R,{copy:i,id:e}),e===r.Benefits&&o(L,{copy:i,id:e}),e===r.WaysToGetCredits&&o(A,{copy:i,id:e,classNames:a.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),e===r.AnkersolixTask&&o(S,{copy:i,id:e}),e===r.RedeemList&&o(D,{copy:i,id:e}),e===r.GoGift&&o(N,{copy:i,id:e}),e===r.SpendCreditsLikeCash&&o(F,{copy:i,id:e}),e===r.MemberPrice&&o(q,{copy:i,id:e}),e===r.Faqs&&o(x,{copy:i,id:e}),e!==r.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),d?.activitiesModal&&o(U,{isOpen:n,data:d.activitiesModal,onClose:()=>C(!1)}),d?.rewardsModal&&o(W,{isOpen:t,data:d.rewardsModal,onClose:()=>p(!1)})]})},se=({headlessConfig:a,siteConfig:s,creditsConfig:m,userContext:t,pageConfig:p,registrationContext:n,gtm:C,cartConfig:d})=>o(T,{headlessConfig:a,children:o(B,{copy:s.registrationsSettings,email:t?.profile?.email,children:o(b,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:n.openSignInPopup,openSignUpPopup:n.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:C,pageCommon:p.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:m?.alpcBrand,cartConfig:d,apiBaseUrl:t?.apiBaseUrl,children:o(E,{headlessConfig:a,pageConfig:p,userContext:t})})})});export{se as CreditsTemplate};
+import{Fragment as u,jsx as o,jsxs as g}from"react/jsx-runtime";import{classNames as h,HeadlessProvider as T}from"@anker-in/lib";import{useEffect as M,useRef as w}from"react";import{RegistrationProvider as B}from"../components/registration/context/provider";import{CreditsProvider as b,useCreditsContext as I}from"../components/credits/context/provider";import{CreditsBanner as G}from"../components/credits/creditsBanner";import{CreditsInfoCard as R}from"../components/credits/creditsInfoCard";import{CreditsBenefits as L}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as A}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as S}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as D}from"../components/credits/creditsRedeemList";import{CreditsGoGift as N}from"../components/credits/creditsGoGift";import{CreditsCash as F}from"../components/credits/creditsCash";import{CreditsMemberPrice as q}from"../components/credits/creditsMemberPrice";import{CreditsFaq as x}from"../components/credits/creditsFaq";import{CreditsNavigation as O}from"../components/credits/creditsNavigation";import U from"../components/credits/modal/ActivitiesModal";import W from"../components/credits/modal/RewardsModal";import{ComponentKey as i}from"./Credits.types";const E=({headlessConfig:d,pageConfig:s,userContext:p})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:n,openActivitiesModal:m,setOpenActivitiesModal:C,pageCommon:a}=I(),c=w(!1);return M(()=>{if(c.current||typeof window>"u")return;const r=new URLSearchParams(window.location.search).get("section");if(!r)return;const P=56,l=(f=0)=>{const y=document.getElementById(r);if(y){c.current=!0;const v=y.getBoundingClientRect().top+window.pageYOffset-P;window.scrollTo({top:v,behavior:"smooth"})}else f<10&&setTimeout(()=>l(f+1),300)};l()},[]),g(u,{children:[s.components[i.Navigation]&&o(O,{copy:s.components[i.Navigation]}),o("div",{className:h("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===i.Navigation)return null;const r=s.components?.[e];return r?g(u,{children:[e===i.Banner&&o(G,{copy:r,id:e}),e===i.InfoCard&&p?.profile&&o(R,{copy:r,id:e}),e===i.Benefits&&o(L,{copy:r,id:e}),e===i.WaysToGetCredits&&o(A,{copy:r,id:e,classNames:d.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),e===i.AnkersolixTask&&o(S,{copy:r,id:e}),e===i.RedeemList&&o(D,{copy:r,id:e}),e===i.GoGift&&o(N,{copy:r,id:e}),e===i.SpendCreditsLikeCash&&o(F,{copy:r,id:e}),e===i.MemberPrice&&o(q,{copy:r,id:e}),e===i.Faqs&&o(x,{copy:r,id:e}),e!==i.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),a?.activitiesModal&&o(U,{isOpen:m,data:a.activitiesModal,onClose:()=>C(!1)}),a?.rewardsModal&&o(W,{isOpen:t,data:a.rewardsModal,onClose:()=>n(!1)})]})},se=({headlessConfig:d,siteConfig:s,creditsConfig:p,userContext:t,pageConfig:n,registrationContext:m,gtm:C,cartConfig:a})=>o(T,{headlessConfig:d,children:o(B,{copy:s.registrationsSettings,email:t?.profile?.email,children:o(b,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:C,pageCommon:n.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:p?.alpcBrand,alpcCountry:p?.alpcCountry,cartConfig:a,apiBaseUrl:t?.apiBaseUrl,children:o(E,{headlessConfig:d,pageConfig:n,userContext:t})})})});export{se as CreditsTemplate};
 //# sourceMappingURL=Credits.js.map

package/dist/esm/templates/Credits.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.tsx"],
-  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { useEffect, useRef } from 'react'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\n\n  return (\n    <>\n      {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n      {pageConfig.components[ComponentKey.Navigation] && (\n        <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n      )}\n      <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n        {pageConfig.order.map(key => {\n          // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n          if (key === ComponentKey.Navigation) return null\n          const componentCopy = pageConfig.components?.[key]\n          if (!componentCopy) return null\n          return (\n            <>\n              {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n              {key === ComponentKey.InfoCard && userContext?.profile && (\n                <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n              )}\n              {key === ComponentKey.Benefits && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\n              {key === ComponentKey.WaysToGetCredits && (\n                <CreditsWaysToGetCredits\n                  copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                  id={key}\n                  classNames={\n                    headlessConfig.brand === 'anker'\n                      ? {\n                        subtitle: 'text-white',\n                        equalCreditsText:\n                          'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                      }\n                      : {\n                        subtitle: 'text-[#D1D1D1]',\n                        equalCreditsText: 'text-[#F6EAD0]',\n                      }\n                  }\n                />\n              )}\n              {key === ComponentKey.AnkersolixTask && (\n                <CreditsAnkersolixTask copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\n              {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n              {key !== ComponentKey.Banner && (\n                <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n              )}\n            </>\n          )\n        })}\n      </div>\n\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { useEffect, useRef } from 'react'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\n\n  return (\n    <>\n      {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n      {pageConfig.components[ComponentKey.Navigation] && (\n        <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n      )}\n      <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n        {pageConfig.order.map(key => {\n          // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n          if (key === ComponentKey.Navigation) return null\n          const componentCopy = pageConfig.components?.[key]\n          if (!componentCopy) return null\n          return (\n            <>\n              {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n              {key === ComponentKey.InfoCard && userContext?.profile && (\n                <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n              )}\n              {key === ComponentKey.Benefits && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\n              {key === ComponentKey.WaysToGetCredits && (\n                <CreditsWaysToGetCredits\n                  copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                  id={key}\n                  classNames={\n                    headlessConfig.brand === 'anker'\n                      ? {\n                        subtitle: 'text-white',\n                        equalCreditsText:\n                          'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                      }\n                      : {\n                        subtitle: 'text-[#D1D1D1]',\n                        equalCreditsText: 'text-[#F6EAD0]',\n                      }\n                  }\n                />\n              )}\n              {key === ComponentKey.AnkersolixTask && (\n                <CreditsAnkersolixTask copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\n              {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n              {key !== ComponentKey.Banner && (\n                <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n              )}\n            </>\n          )\n        })}\n      </div>\n\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          alpcCountry={creditsConfig?.alpcCountry}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "classNames", "HeadlessProvider", "useEffect", "useRef", "RegistrationProvider", "CreditsProvider", "useCreditsContext", "CreditsBanner", "CreditsInfoCard", "CreditsBenefits", "CreditsWaysToGetCredits", "CreditsAnkersolixTask", "CreditsRedeemList", "CreditsGoGift", "CreditsCash", "CreditsMemberPrice", "CreditsFaq", "CreditsNavigation", "ActivitiesModal", "RewardsModal", "ComponentKey", "CreditsContent", "headlessConfig", "pageConfig", "userContext", "openMyRewardsModal", "setOpenMyRewardsModal", "openActivitiesModal", "setOpenActivitiesModal", "pageCommon", "hasScrolled", "section", "navHeight", "tryScroll", "attempts", "el", "top", "key", "componentCopy", "CreditsTemplate", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }

package/dist/esm/templates/Credits.types.d.ts

@@ -39,6 +39,7 @@ export type CreditsTemplateProps = {
     };
     creditsConfig?: {
         alpcBrand?: string;
+        alpcCountry?: string;
     };
     pageConfig: {
         order: ComponentKey[];

package/dist/esm/templates/Credits.types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.types.ts"],
-  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n    apiBaseUrl?: string\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
+  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n    alpcCountry?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n    apiBaseUrl?: string\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
   "mappings": "AAgCO,IAAKA,OACVA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,SAAW,kBACXA,EAAA,SAAW,kBACXA,EAAA,iBAAmB,0BACnBA,EAAA,eAAiB,wBACjBA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,qBAAuB,cACvBA,EAAA,YAAc,qBACdA,EAAA,KAAO,aAXGA,OAAA",
   "names": ["ComponentKey"]
 }

package/package.json

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

package/src/components/credits/context/const.ts

@@ -87,6 +87,7 @@ export enum AlpcErrorCode {
 export const ALPC_COUNTRY_MAP = new Map<string, string>([
   ['eu-en', 'eu'],
   ['eu-de', 'de'],
+  ['eu-fr', 'fr'],
 ])
 
 export enum ApprovalStatus {

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

@@ -15,7 +15,7 @@ function useMyRewards({
   pageSize: number
   consumeType?: AlpcConsumeType
 }) {
-  const { profile, alpcBrand } = useCreditsContext()
+  const { profile, alpcBrand, alpcCountry } = useCreditsContext()
   const { brand: headlessBrand, locale, appName } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
 
@@ -34,7 +34,7 @@ function useMyRewards({
     url: `/v1/credit/log/coupon`,
     initData: {
       brand: brand,
-      country: ALPC_COUNTRY_MAP.get(locale) || locale,
+      country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,
       app_name: appName,
     },
   })

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

@@ -13,7 +13,7 @@ type RedeemCouponResponse = {
 }
 
 export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {
-  const { alpcBrand } = useCreditsContext()
+  const { alpcBrand, alpcCountry } = useCreditsContext()
   const { locale, appName, brand: headlessBrand } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
 
@@ -28,7 +28,7 @@ export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponR
       url: `/v1/credit/redeem/coupon`,
       initData: {
         brand,
-        country: ALPC_COUNTRY_MAP.get(locale) || locale,
+        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,
         app_name: appName,
       },
     },

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

@@ -12,7 +12,7 @@ type RedeemGoGiftResponse = {
 }
 
 export const useRedeemGoGift = (mutationOptions: UseMutationConfig<RedeemGoGiftResponse> = {}) => {
-  const { alpcBrand } = useCreditsContext()
+  const { alpcBrand, alpcCountry } = useCreditsContext()
   const { locale, appName, brand: headlessBrand } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
 
@@ -27,7 +27,7 @@ export const useRedeemGoGift = (mutationOptions: UseMutationConfig<RedeemGoGiftR
       url: `/v1/credit/redeem/gogift`,
       initData: {
         brand,
-        country: ALPC_COUNTRY_MAP.get(locale) || locale,
+        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,
         app_name: appName,
       },
     },

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

@@ -11,7 +11,7 @@ type RedeemProductResponse = {
 }
 
 export const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {
-  const { alpcBrand } = useCreditsContext()
+  const { alpcBrand, alpcCountry } = useCreditsContext()
   const { storeDomain, locale, appName, brand: headlessBrand } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
 
@@ -27,7 +27,7 @@ export const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProduc
       initData: {
         quantity: 1,
         brand,
-        country: (ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),
+        country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),
         domain: storeDomain,
         app_name: appName,
       },

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

@@ -8,7 +8,7 @@ import { useHeadlessContext } from '@anker-in/lib'
 
 function useRedeemableList(props?: { consumeType: AlpcConsumeType }) {
   let locale = '' as string
-  const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()
+  const { profile, isLoadingProfile, alpcBrand, alpcCountry } = useCreditsContext()
   const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
 
@@ -30,7 +30,7 @@ function useRedeemableList(props?: { consumeType: AlpcConsumeType }) {
       brand,
       page: 1,
       page_size: 999,
-      country: (ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),
+      country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),
     },
   })
 

package/src/components/credits/context/provider.tsx

@@ -22,6 +22,7 @@ type Context = {
   pageCommon: CreditsPageCommon
   memberPriceDiscount?: FunctionMemberPriceConfig[]
   alpcBrand?: string
+  alpcCountry?: string
   cartConfig?: {
     addToCart: (params: {
       variantList: Array<{
@@ -57,6 +58,7 @@ export const CreditsContext = createContext<Context>({
   pageCommon: {},
   memberPriceDiscount: undefined,
   alpcBrand: undefined,
+  alpcCountry: undefined,
   cartConfig: undefined,
   openMyRewardsModal: false,
   setOpenMyRewardsModal: () => {},
@@ -81,6 +83,7 @@ export function CreditsProvider({
   pageCommon,
   memberPriceDiscount,
   alpcBrand,
+  alpcCountry,
   cartConfig,
   apiBaseUrl,
 }: PropsWithChildren<Omit<Context, 'openMyRewardsModal' | 'setOpenMyRewardsModal' | 'openActivitiesModal' | 'setOpenActivitiesModal'>>) {
@@ -104,6 +107,7 @@ export function CreditsProvider({
         pageCommon,
         memberPriceDiscount,
         alpcBrand,
+        alpcCountry,
         cartConfig,
         apiBaseUrl,
         openMyRewardsModal,

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

@@ -12,7 +12,7 @@ import { AddressFormProps } from './type'
 import { ROUNDED_BRANDS } from '../../../../constants'
 
 export const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {
-  const { profile, customer } = useCreditsContext()
+  const { profile, customer, alpcCountry } = useCreditsContext()
   const { locale, brand } = useHeadlessContext()
   const rounded = ROUNDED_BRANDS.includes(brand)
   const [address, setAddress] = useState<Record<string, any>>()
@@ -45,7 +45,7 @@ export const AddressForm = ({ countries, countriesLoading, form, validate, error
         zip: customer?.defaultAddress.zip,
       }
     } else {
-      let defaultCountry = ALPC_COUNTRY_MAP.get(locale) || locale
+      let defaultCountry = alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale
       if (defaultCountry === 'UK') {
         defaultCountry = 'GB'
       }
@@ -57,7 +57,7 @@ export const AddressForm = ({ countries, countriesLoading, form, validate, error
         country: defaultCountry,
       }
     }
-  }, [customer, profile?.email, locale])
+  }, [customer, profile?.email, locale, alpcCountry])
 
   useEffect(() => {
     const defaultAddress = getDefaultAddress()

package/src/components/memberPopup/MemberPopup.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { lazy, Suspense, useState, useCallback, useEffect } from 'react'
+import { lazy, Suspense, useState, useCallback, useEffect, type CSSProperties } from 'react'
 import { Picture } from '@anker-in/headless-ui'
 import { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'
 import {
@@ -34,6 +34,7 @@ type MemberPopupProps = MemberPopupContextValue & {
 
 export function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {
   const [isVisible, setIsVisible] = useState(false)
+  const effectiveBottomOffset = copy.bottomOffset ?? bottomOffset
 
   useEffect(() => {
     const config = copy.pageConfig
@@ -57,7 +58,7 @@ export function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: M
 
   return isVisible ? (
     <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>
-      <MemberPopupContent copy={copy} bottomOffset={bottomOffset} />
+      <MemberPopupContent copy={copy} bottomOffset={effectiveBottomOffset} />
     </MemberPopupProvider>
   ) : null
 }
@@ -267,7 +268,17 @@ function MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {
           }}
           aria-label={copy.triggerImg.alt ?? 'Open member popup'}
         >
-          <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className="size-[58px]" />
+          <div
+            className="size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]"
+            style={
+              {
+                '--member-popup-pc-icon-size': copy.pcIconSize ?? '58px',
+                '--member-popup-mobile-icon-size': copy.mobileIconSize ?? copy.pcIconSize ?? '58px',
+              } as CSSProperties
+            }
+          >
+            <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className="size-full" />
+          </div>
         </button>
       </div>
     </ViewStackContext.Provider>

package/src/components/memberPopup/type.ts

@@ -89,6 +89,12 @@ export type MemberPopupCopy = {
   referral?: ReferralCopy
   /** 页面覆盖范围配置，默认全局展示 */
   pageConfig?: MemberPopupPageConfig
+  /** 悬浮窗距离底部的距离，设置后优先于组件 bottomOffset prop（默认 '24px'） */
+  bottomOffset?: string
+  /** 触发按钮图标尺寸（PC 端，默认 '58px'） */
+  pcIconSize?: string
+  /** 触发按钮图标尺寸（移动端，默认 '58px'） */
+  mobileIconSize?: string
 }
 
 // ─── EarnCredits Copy ────────────────────────────────

package/src/templates/Credits.tsx

@@ -166,6 +166,7 @@ export const CreditsTemplate = ({
           pageCommon={pageConfig.common}
           memberPriceDiscount={siteConfig.memberPriceDiscount}
           alpcBrand={creditsConfig?.alpcBrand}
+          alpcCountry={creditsConfig?.alpcCountry}
           cartConfig={cartConfig}
           apiBaseUrl={userContext?.apiBaseUrl}
         >

package/src/templates/Credits.types.ts

@@ -55,6 +55,7 @@ export type CreditsTemplateProps = {
   }
   creditsConfig?: {
     alpcBrand?: string
+    alpcCountry?: string
   }
   pageConfig: {
     order: ComponentKey[]