@anker-in/headless-ui 1.3.63 → 1.3.65

package/dist/esm/biz-components/ModalRegisterSubscribe/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ModalRegisterSubscribe/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, Button, Input, Checkbox, Heading, Text, Picture, Link } from '../../components/index.js'\n\nexport interface HeroImage {\n  url: string\n  alt?: string\n}\n\nexport interface BenefitItem {\n  text: string\n}\n\nexport type SocialLoginType = 'google' | 'apple' | 'facebook'\n\nconst EMAIL_PATTERN = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nexport interface ModalRegisterSubscribeProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  heroImage?: HeroImage\n  heroImageMobile?: HeroImage\n  heroTitle?: string\n  rightsDetailsLabel?: string\n  onRightsDetails?: () => void\n  benefitsSectionLabel?: string\n  benefits?: BenefitItem[]\n  formTitle?: string\n  termsDefaultChecked?: boolean\n  newsletterDefaultChecked?: boolean\n  registerLabel?: string\n  passwordLoginLabel?: string\n  socialLogins?: SocialLoginType[]\n  onRegister?: (email: string, termsAccepted: boolean, newsletterAccepted: boolean) => void\n  onPasswordLogin?: () => void\n}\n\nconst VerticalDivider = () => (\n  <svg width=\"1\" height=\"16\" viewBox=\"0 0 1 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"0.5\" y1=\"0\" x2=\"0.5\" y2=\"16\" stroke=\"#DADCE0\" />\n  </svg>\n)\n\nconst GoogleIcon = () => (\n  <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill=\"#4285F4\"\n      d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\"\n    />\n    <path\n      fill=\"#34A853\"\n      d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n    />\n    <path\n      fill=\"#FBBC05\"\n      d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n    />\n    <path\n      fill=\"#EA4335\"\n      d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n    />\n  </svg>\n)\n\nconst AppleIcon = () => (\n  <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\">\n    <path\n      fill=\"currentColor\"\n      d=\"M16.365 12.408c.023 2.468 2.161 3.29 2.185 3.301-.018.058-.341 1.17-1.122 2.32-.675.993-1.375 1.982-2.478 2.002-1.084.02-1.433-.644-2.674-.644-1.24 0-1.629.624-2.654.664-1.067.04-1.88-1.07-2.56-2.059-1.39-2.01-2.452-5.68-1.027-8.155.707-1.23 1.973-2.01 3.347-2.03 1.045-.02 2.032.704 2.674.704.641 0 1.846-.87 3.112-.742.53.022 2.018.214 2.974 1.613-.077.048-1.776 1.035-1.757 3.026ZM14.972 4.858c.566-.686.947-1.64.843-2.59-.815.033-1.8.543-2.384 1.229-.525.606-.986 1.576-.862 2.507.908.07 1.838-.462 2.403-1.146Z\"\n    />\n  </svg>\n)\n\nconst FacebookIcon = () => (\n  <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\n      fill=\"#1877F2\"\n    />\n  </svg>\n)\n\nconst SOCIAL_LOGIN_META: Record<SocialLoginType, { label: string; icon: React.ReactNode }> = {\n  google: {\n    label: 'Google',\n    icon: <GoogleIcon />,\n  },\n  apple: {\n    label: 'Apple',\n    icon: <AppleIcon />,\n  },\n  facebook: {\n    label: 'Facebook',\n    icon: <FacebookIcon />,\n  },\n}\n\nconst ModalRightsDetails = ({\n  open,\n  onOpenChange,\n  title,\n  benefits,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: string\n  benefits?: string[]\n}) => (\n  <Dialog open={open} onOpenChange={onOpenChange}>\n    <DialogContent\n      className=\"modal-rights-details-root tablet:max-w-[358px] !z-[1002] flex max-h-[80vh] w-full max-w-[calc(100vw_-_32px)] flex-col !gap-0 overflow-hidden rounded-[12px] !border-none bg-white !p-0 drop-shadow-[0px_2px_4px_rgba(0,0,0,0.12)]\"\n      overlayClassName=\"!z-[1002] bg-black/60\"\n    >\n      <div className=\"rounded-[8px] px-[16px] pb-[24px] pt-[16px] backdrop-blur-sm\">\n        {title && <Text as=\"p\" size={3} html={title} className=\"text-info-primary mb-2\" />}\n        {benefits && benefits.length > 0 && (\n          <ul className=\"flex flex-col gap-[4px]\">\n            {benefits.map((b, i) => (\n              <li key={i} className=\"ml-[21px] list-disc\">\n                <Text as=\"span\" size={3} html={b} className=\"text-info-tertiary\" />\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </DialogContent>\n  </Dialog>\n)\n\nconst ModalRegisterSubscribe = ({\n  open,\n  onOpenChange,\n  heroImage,\n  heroImageMobile,\n  heroTitle,\n  rightsDetailsLabel,\n  onRightsDetails,\n  benefitsSectionLabel,\n  benefits,\n  formTitle,\n  copy,\n  termsDefaultChecked,\n  newsletterDefaultChecked,\n  registerLabel,\n  passwordLoginLabel,\n  socialLogins,\n  onRegister,\n  onPasswordLogin,\n}: ModalRegisterSubscribeProps & { copy?: Record<string, any> }) => {\n  const emailLabel = copy?.emailLabel\n  const emailPlaceholder = copy?.emailPlaceholder\n  const emailEmptyErrorLabel = copy?.emailEmptyErrorLabel\n  const emailInvalidErrorLabel = copy?.emailInvalidErrorLabel\n  const termsLabel = copy?.termsLabel\n  const termsRequiredErrorLabel = copy?.termsRequiredErrorLabel\n  const newsletterLabel = copy?.newsletterLabel\n  const [email, setEmail] = React.useState('')\n  const [emailError, setEmailError] = React.useState('')\n  const [termsAccepted, setTermsAccepted] = React.useState(!!termsDefaultChecked)\n  const [newsletterAccepted, setNewsletterAccepted] = React.useState(!!newsletterDefaultChecked)\n  const [showTermsError, setShowTermsError] = React.useState(false)\n  const [showRightsDetails, setShowRightsDetails] = React.useState(false)\n  const socialLoginItems = socialLogins?.map(type => ({\n    id: type,\n    ...SOCIAL_LOGIN_META[type],\n  }))\n\n  const formSection = (\n    <div className=\"modal-register-subscribe-form tablet:p-8 tablet:pt-12 flex h-full flex-col justify-between gap-6 p-6 pt-8\">\n      <div className=\"tablet:gap-8 flex flex-col gap-6\">\n        {formTitle && (\n          <Heading\n            as=\"h3\"\n            size={2}\n            html={formTitle}\n            className=\"modal-register-subscribe-form-title text-info-primary tablet:text-[24px] text-[20px]\"\n          />\n        )}\n\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"flex flex-col gap-2\">\n            {emailLabel && (\n              <Text\n                as=\"label\"\n                size={3}\n                html={emailLabel}\n                className=\"modal-register-subscribe-email-label text-info-primary tablet:text-[16px] text-[14px] [&_a]:underline\"\n              />\n            )}\n            <Input\n              type=\"email\"\n              placeholder={emailPlaceholder}\n              value={email}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setEmail(e.target.value)\n                setEmailError('')\n              }}\n              className=\"modal-register-subscribe-email-input tablet:h-[52px] border-lines-1 tablet:rounded-box-small tablet:px-4 h-[48px] bg-white px-3 font-[700] placeholder:font-[700]\"\n            />\n            {emailError && (\n              <Text as=\"p\" size={3} className=\"text-error-0\">\n                {emailError}\n              </Text>\n            )}\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            {termsLabel && (\n              <div className=\"flex items-start gap-2\">\n                <Checkbox\n                  id=\"modal-register-terms\"\n                  checked={termsAccepted}\n                  onCheckedChange={(v: boolean | 'indeterminate') => {\n                    setTermsAccepted(!!v)\n                    setShowTermsError(false)\n                  }}\n                  size=\"base\"\n                  className=\"mt-0.5 shrink-0\"\n                />\n                <Text\n                  as=\"label\"\n                  htmlFor=\"modal-register-terms\"\n                  size={3}\n                  html={termsLabel}\n                  className=\"modal-register-subscribe-terms-label text-info-tertiary tablet:text-[16px] cursor-pointer text-[14px] [&_a]:underline\"\n                />\n              </div>\n            )}\n            {showTermsError && termsRequiredErrorLabel && (\n              <Text as=\"p\" size={3} className=\"text-error-0\">\n                {termsRequiredErrorLabel}\n              </Text>\n            )}\n            {newsletterLabel && (\n              <div className=\"flex items-start gap-2\">\n                <Checkbox\n                  id=\"modal-register-newsletter\"\n                  checked={newsletterAccepted}\n                  onCheckedChange={(v: boolean | 'indeterminate') => setNewsletterAccepted(!!v)}\n                  size=\"base\"\n                  className=\"mt-0.5 shrink-0\"\n                />\n                <Text\n                  as=\"label\"\n                  htmlFor=\"modal-register-newsletter\"\n                  size={3}\n                  html={newsletterLabel}\n                  className=\"modal-register-subscribe-newsletter-label text-info-tertiary tablet:text-[16px] cursor-pointer text-[14px] [&_a]:underline\"\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col items-center gap-4\">\n          {registerLabel && (\n            <Button\n              onClick={() => {\n                const trimmedEmail = email.trim()\n\n                if (!trimmedEmail) {\n                  setEmailError(emailEmptyErrorLabel || '')\n                } else if (!EMAIL_PATTERN.test(trimmedEmail)) {\n                  setEmailError(emailInvalidErrorLabel || '')\n                } else {\n                  setEmailError('')\n                }\n\n                if (!!termsLabel && !termsAccepted) {\n                  setShowTermsError(true)\n                } else {\n                  setShowTermsError(false)\n                }\n\n                if (!trimmedEmail || !EMAIL_PATTERN.test(trimmedEmail) || (!!termsLabel && !termsAccepted)) {\n                  return\n                }\n\n                onRegister?.(trimmedEmail, termsAccepted, newsletterAccepted)\n              }}\n              className=\"modal-register-subscribe-register-btn tablet:text-[16px] w-full text-[14px]\"\n            >\n              {registerLabel}\n            </Button>\n          )}\n\n          {passwordLoginLabel && (\n            <Link\n              onClick={onPasswordLogin}\n              className=\"modal-register-subscribe-password-login tablet:text-[16px] text-[14px]\"\n            >\n              {passwordLoginLabel}\n            </Link>\n          )}\n        </div>\n\n        {socialLoginItems && socialLoginItems.length > 0 && (\n          <div className=\"modal-register-subscribe-social flex items-center justify-center gap-4\">\n            {socialLoginItems.map((social, idx) => (\n              <React.Fragment key={social.id}>\n                {idx > 0 && <VerticalDivider />}\n                <div className=\"modal-register-subscribe-social-btn rounded-box-small flex items-center gap-2\">\n                  <span className=\"desktop:size-6 size-5 shrink-0\">{social.icon}</span>\n                  <Text\n                    as=\"span\"\n                    size={3}\n                    html={social.label}\n                    className=\"text-info-primary desktop::text-[16px] text-[14px] [&_a]:underline\"\n                  />\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n\n  const finalHeroImageMobile = heroImageMobile ?? heroImage\n\n  return (\n    <>\n      <Dialog open={open} onOpenChange={onOpenChange}>\n        <DialogContent\n          className=\"modal-register-subscribe-root tablet:!rounded-box tablet:!top-1/2 tablet:!left-1/2 tablet:!bottom-auto tablet:!right-auto tablet:!-translate-x-1/2 tablet:!-translate-y-1/2 rounded-t-box !inset-x-0 !bottom-0 !top-auto flex max-h-[90vh] w-full !translate-x-0 !translate-y-0 flex-col !gap-0 overflow-hidden rounded-b-none !border-none !p-0\"\n          style={{ maxWidth: 896 }}\n          overlayClassName=\"bg-black/60\"\n        >\n          {/* \u624B\u673A\u7AEF */}\n          <div className=\"modal-register-subscribe-inner tablet:hidden flex size-full min-h-0 flex-col bg-white\">\n            <div className=\"modal-register-subscribe-hero relative h-[310px] w-full shrink-0 overflow-hidden bg-[rgba(200,215,240,0.4)]\">\n              {finalHeroImageMobile?.url && (\n                <div className=\"pointer-events-none absolute inset-0\">\n                  <Picture\n                    source={finalHeroImageMobile.url}\n                    alt={finalHeroImageMobile.alt || ''}\n                    className=\"absolute w-[99%]\"\n                    imgClassName=\"w-full h-full object-cover\"\n                  />\n                  <div className=\"absolute inset-0 bg-[rgba(121,160,223,0.2)]\" />\n                </div>\n              )}\n\n              <div className=\"relative z-10 flex flex-col gap-1 px-[24px] pb-[16px] pr-[44px] pt-[44px]\">\n                {heroTitle && (\n                  <Heading\n                    as=\"h2\"\n                    size={2}\n                    html={heroTitle}\n                    className=\"modal-register-subscribe-hero-heading text-info-primary text-[20px]\"\n                  />\n                )}\n                {rightsDetailsLabel && (\n                  <Link\n                    onClick={() => {\n                      onRightsDetails?.()\n                      setShowRightsDetails(true)\n                    }}\n                    className=\"modal-register-subscribe-rights-details text-info-primary w-fit text-[14px] underline\"\n                  >\n                    {rightsDetailsLabel}\n                  </Link>\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto\">{formSection}</div>\n          </div>\n          {/* pc \u7AEF */}\n          <div className=\"modal-register-subscribe-inner tablet:flex hidden h-[640px] min-h-0 w-full flex-row bg-white\">\n            <div className=\"modal-register-subscribe-left tablet:w-[448px] relative flex shrink-0 flex-col justify-between overflow-hidden px-4 pb-4 pt-12\">\n              {heroImage?.url && (\n                <div className=\"pointer-events-none absolute inset-0\">\n                  <Picture\n                    source={heroImage.url}\n                    alt={heroImage.alt || ''}\n                    className=\"absolute left-0 size-full\"\n                    imgClassName=\"w-full h-full object-cover\"\n                  />\n                  <div className=\"absolute inset-0 bg-[rgba(121,160,223,0.2)]\" />\n                </div>\n              )}\n\n              <div className=\"modal-register-subscribe-hero-title relative px-4\">\n                {heroTitle && (\n                  <Heading\n                    as=\"h2\"\n                    size={2}\n                    html={heroTitle}\n                    className=\"modal-register-subscribe-hero-heading text-info-primary desktop:text-[24px]\"\n                  />\n                )}\n              </div>\n\n              <div className=\"modal-register-subscribe-benefits rounded-box-small relative flex flex-col gap-2 bg-white/90 p-6 backdrop-blur-sm\">\n                {benefitsSectionLabel && (\n                  <Text\n                    as=\"p\"\n                    size={3}\n                    html={benefitsSectionLabel}\n                    className=\"modal-register-subscribe-benefits-label text-info-primary [&_a]:underline\"\n                  />\n                )}\n                {benefits && benefits.length > 0 && (\n                  <ul className=\"flex flex-col gap-1\">\n                    {benefits.map((item, idx) => (\n                      <li key={idx} className=\"modal-register-subscribe-benefit-item ml-6 list-disc\">\n                        <Text as=\"span\" size={3} html={item.text} className=\"text-info-tertiary [&_a]:underline\" />\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            </div>\n\n            <div className=\"modal-register-subscribe-right flex min-w-0 flex-1 flex-col overflow-y-auto\">\n              {formSection}\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n\n      <ModalRightsDetails\n        open={showRightsDetails}\n        onOpenChange={setShowRightsDetails}\n        title={benefitsSectionLabel}\n        benefits={benefits?.map(b => b.text)}\n      />\n    </>\n  )\n}\n\nModalRegisterSubscribe.displayName = 'ModalRegisterSubscribe'\nexport default ModalRegisterSubscribe\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "Dialog", "DialogContent", "Button", "Input", "Checkbox", "Heading", "Text", "Picture", "Link", "EMAIL_PATTERN", "VerticalDivider", "GoogleIcon", "AppleIcon", "FacebookIcon", "SOCIAL_LOGIN_META", "ModalRightsDetails", "open", "onOpenChange", "title", "benefits", "b", "i", "ModalRegisterSubscribe", "heroImage", "heroImageMobile", "heroTitle", "rightsDetailsLabel", "onRightsDetails", "benefitsSectionLabel", "formTitle", "copy", "termsDefaultChecked", "newsletterDefaultChecked", "registerLabel", "passwordLoginLabel", "socialLogins", "onRegister", "onPasswordLogin", "emailLabel", "emailPlaceholder", "emailEmptyErrorLabel", "emailInvalidErrorLabel", "termsLabel", "termsRequiredErrorLabel", "newsletterLabel", "email", "setEmail", "emailError", "setEmailError", "termsAccepted", "setTermsAccepted", "newsletterAccepted", "setNewsletterAccepted", "showTermsError", "setShowTermsError", "showRightsDetails", "setShowRightsDetails", "socialLoginItems", "type", "formSection", "e", "v", "trimmedEmail", "social", "idx", "finalHeroImageMobile", "item", "ModalRegisterSubscribe_default"]
-}

package/dist/esm/biz-components/ModalSmsSubscribe/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ModalSmsSubscribe/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, Button, Input, Heading, Text, Link } from '../../components/index.js'\n\nexport interface SmsBenefitItem {\n  id: string\n  text: string\n}\n\nconst PHONE_PATTERN = /^\\+?[\\d\\s\\-()]{7,20}$/\n\nexport interface ModalSmsSubscribeProps {\n  /** \u63A7\u5236\u5F39\u7A97\u6253\u5F00\u72B6\u6001 */\n  open: boolean\n  /** \u5F39\u7A97\u72B6\u6001\u6539\u53D8\u65F6\u7684\u56DE\u8C03 */\n  onOpenChange: (open: boolean) => void\n  /** \u5F39\u7A97\u6807\u9898 */\n  title?: string\n  /** \u6743\u76CA\u5217\u8868\u6587\u6848 */\n  benefits?: SmsBenefitItem[]\n  /** \u4E3B\u6309\u94AE\u6587\u6848 */\n  primaryLabel?: string\n  /** \u4E3B\u6309\u94AE\u8DF3\u8F6C URL */\n  primaryUrl?: string\n  /** \u6B21\u6309\u94AE\u6587\u6848 */\n  secondaryLabel?: string\n  /** \u6B21\u6309\u94AE\u8DF3\u8F6C URL */\n  secondaryUrl?: string\n  /** \u5E95\u90E8\u6CD5\u5F8B\u6761\u6B3E\u58F0\u660E\u6587\u6848 */\n  legalText?: string\n  /** \u6FC0\u6D3B\u6309\u94AE\u70B9\u51FB\u56DE\u8C03 */\n  onActivate?: (phone: string) => void\n  /** \u6B21\u6309\u94AE\u70B9\u51FB\u56DE\u8C03 */\n  onSecondary?: () => void\n}\n\nconst ModalSmsSubscribe = ({\n  open,\n  onOpenChange,\n  title,\n  benefits,\n  copy,\n  primaryLabel,\n  primaryUrl,\n  secondaryLabel,\n  secondaryUrl,\n  legalText,\n  onActivate,\n  onSecondary,\n}: ModalSmsSubscribeProps & { copy?: Record<string, any> }) => {\n  const phoneLabel = copy?.phoneLabel\n  const phonePlaceholder = copy?.phonePlaceholder\n  const phoneEmptyError = copy?.phoneEmptyError\n  const phoneInvalidError = copy?.phoneInvalidError\n  const [phone, setPhone] = React.useState('')\n  const [phoneError, setPhoneError] = React.useState('')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"modal-sms-subscribe-root tablet:!top-1/2 tablet:!left-1/2 tablet:!bottom-auto tablet:!right-auto tablet:!-translate-x-1/2 tablet:!-translate-y-1/2 tablet:!rounded-box tablet:max-w-[480px] rounded-t-box !inset-x-0 !bottom-0 !top-auto flex max-h-[90vh] w-full !translate-x-0 !translate-y-0 flex-col !gap-0 overflow-hidden rounded-b-none !border-none !bg-white !p-0\">\n        <div className=\"modal-sms-subscribe-inner flex min-h-0 w-full flex-col overflow-y-auto bg-white\">\n          <div className=\"modal-sms-subscribe-body tablet:px-8 tablet:pb-8 tablet:gap-8 tablet:pt-12 flex flex-col gap-6 px-6 pb-6 pt-4\">\n            <div className=\"flex flex-col gap-1\">\n              {title && (\n                <Heading\n                  as=\"h2\"\n                  size={2}\n                  html={title}\n                  className=\"modal-sms-subscribe-title text-info-primary tablet:text-[24px]\"\n                />\n              )}\n              {benefits && benefits.length > 0 && (\n                <ul className=\"flex flex-col gap-1\">\n                  {benefits.map(b => (\n                    <li key={b.id} className=\"modal-sms-subscribe-benefit ml-6 list-disc\">\n                      <Text\n                        as=\"span\"\n                        size={3}\n                        html={b.text}\n                        className=\"text-info-primary tablet:text-[16px] text-[14px] [&_a]:underline\"\n                      />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n\n            <div className=\"flex flex-col gap-2\">\n              {phoneLabel && (\n                <Text\n                  as=\"label\"\n                  size={3}\n                  html={phoneLabel}\n                  className=\"modal-sms-subscribe-phone-label text-info-primary tablet:text-[16px] text-[14px] [&_a]:underline\"\n                />\n              )}\n              <Input\n                type=\"tel\"\n                placeholder={phonePlaceholder}\n                value={phone}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                  setPhone(e.target.value)\n                  setPhoneError('')\n                }}\n                className=\"modal-sms-subscribe-phone-input border-lines-default placeholder:text-info-tertiary rounded-box-small h-[54px] bg-white px-4 placeholder:font-[700]\"\n              />\n              {phoneError && (\n                <Text as=\"p\" size={3} className=\"text-error-0\">\n                  {phoneError}\n                </Text>\n              )}\n            </div>\n\n            <div className=\"flex flex-col items-center gap-4\">\n              {primaryLabel &&\n                (primaryUrl ? (\n                  <Button as=\"a\" href={primaryUrl} className=\"modal-sms-subscribe-activate-btn w-full\">\n                    {primaryLabel}\n                  </Button>\n                ) : (\n                  <Button\n                    onClick={() => {\n                      const trimmedPhone = phone.trim()\n\n                      if (!trimmedPhone) {\n                        setPhoneError(phoneEmptyError || '')\n                      } else if (!PHONE_PATTERN.test(trimmedPhone)) {\n                        setPhoneError(phoneInvalidError || '')\n                      } else {\n                        setPhoneError('')\n                      }\n\n                      if (!trimmedPhone || !PHONE_PATTERN.test(trimmedPhone)) {\n                        return\n                      }\n\n                      onActivate?.(trimmedPhone)\n                      onOpenChange(false)\n                    }}\n                    className=\"modal-sms-subscribe-activate-btn w-full\"\n                  >\n                    {primaryLabel}\n                  </Button>\n                ))}\n              {secondaryLabel &&\n                (secondaryUrl ? (\n                  <Link href={secondaryUrl} className=\"modal-sms-subscribe-secondary-btn text-info-primary\">\n                    {secondaryLabel}\n                  </Link>\n                ) : (\n                  <Link\n                    onClick={() => {\n                      onSecondary?.()\n                      onOpenChange(false)\n                    }}\n                    className=\"modal-sms-subscribe-secondary-btn text-info-primary tablet:text-[16px] text-[14px]\"\n                  >\n                    {secondaryLabel}\n                  </Link>\n                ))}\n              {legalText && (\n                <Text\n                  as=\"p\"\n                  size={2}\n                  align=\"center\"\n                  html={legalText}\n                  className=\"modal-sms-subscribe-legal text-info-tertiary tablet:text-[14px] text-[12px] [&_a]:underline\"\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nModalSmsSubscribe.displayName = 'ModalSmsSubscribe'\n\nexport default ModalSmsSubscribe\n"],
-  "mappings": "aA+DY,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBA7DZ,UAAYC,MAAW,QACvB,OAAS,UAAAC,EAAQ,iBAAAC,EAAe,UAAAC,EAAQ,SAAAC,EAAO,WAAAC,EAAS,QAAAC,EAAM,QAAAC,MAAY,4BAO1E,MAAMC,EAAgB,wBA2BhBC,EAAoB,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,CACF,IAA+D,CAC7D,MAAMC,EAAaR,GAAM,WACnBS,EAAmBT,GAAM,iBACzBU,EAAkBV,GAAM,gBACxBW,EAAoBX,GAAM,kBAC1B,CAACY,EAAOC,CAAQ,EAAI3B,EAAM,SAAS,EAAE,EACrC,CAAC4B,EAAYC,CAAa,EAAI7B,EAAM,SAAS,EAAE,EAErD,OACEF,EAACG,EAAA,CAAO,KAAMS,EAAM,aAAcC,EAChC,SAAAb,EAACI,EAAA,CAAc,UAAU,6WACvB,SAAAJ,EAAC,OAAI,UAAU,kFACb,SAAAC,EAAC,OAAI,UAAU,gHACb,UAAAA,EAAC,OAAI,UAAU,sBACZ,UAAAa,GACCd,EAACO,EAAA,CACC,GAAG,KACH,KAAM,EACN,KAAMO,EACN,UAAU,iEACZ,EAEDC,GAAYA,EAAS,OAAS,GAC7Bf,EAAC,MAAG,UAAU,sBACX,SAAAe,EAAS,IAAIiB,GACZhC,EAAC,MAAc,UAAU,6CACvB,SAAAA,EAACQ,EAAA,CACC,GAAG,OACH,KAAM,EACN,KAAMwB,EAAE,KACR,UAAU,mEACZ,GANOA,EAAE,EAOX,CACD,EACH,GAEJ,EAEA/B,EAAC,OAAI,UAAU,sBACZ,UAAAuB,GACCxB,EAACQ,EAAA,CACC,GAAG,QACH,KAAM,EACN,KAAMgB,EACN,UAAU,mGACZ,EAEFxB,EAACM,EAAA,CACC,KAAK,MACL,YAAamB,EACb,MAAOG,EACP,SAAWK,GAA2C,CACpDJ,EAASI,EAAE,OAAO,KAAK,EACvBF,EAAc,EAAE,CAClB,EACA,UAAU,sJACZ,EACCD,GACC9B,EAACQ,EAAA,CAAK,GAAG,IAAI,KAAM,EAAG,UAAU,eAC7B,SAAAsB,EACH,GAEJ,EAEA7B,EAAC,OAAI,UAAU,mCACZ,UAAAgB,IACEC,EACClB,EAACK,EAAA,CAAO,GAAG,IAAI,KAAMa,EAAY,UAAU,0CACxC,SAAAD,EACH,EAEAjB,EAACK,EAAA,CACC,QAAS,IAAM,CACb,MAAM6B,EAAeN,EAAM,KAAK,EAE3BM,EAEOxB,EAAc,KAAKwB,CAAY,EAGzCH,EAAc,EAAE,EAFhBA,EAAcJ,GAAqB,EAAE,EAFrCI,EAAcL,GAAmB,EAAE,EAOjC,GAACQ,GAAgB,CAACxB,EAAc,KAAKwB,CAAY,KAIrDZ,IAAaY,CAAY,EACzBrB,EAAa,EAAK,EACpB,EACA,UAAU,0CAET,SAAAI,EACH,GAEHE,IACEC,EACCpB,EAACS,EAAA,CAAK,KAAMW,EAAc,UAAU,sDACjC,SAAAD,EACH,EAEAnB,EAACS,EAAA,CACC,QAAS,IAAM,CACbc,IAAc,EACdV,EAAa,EAAK,CACpB,EACA,UAAU,qFAET,SAAAM,EACH,GAEHE,GACCrB,EAACQ,EAAA,CACC,GAAG,IACH,KAAM,EACN,MAAM,SACN,KAAMa,EACN,UAAU,8FACZ,GAEJ,GACF,EACF,EACF,EACF,CAEJ,EAEAV,EAAkB,YAAc,oBAEhC,IAAOwB,EAAQxB",
-  "names": ["jsx", "jsxs", "React", "Dialog", "DialogContent", "Button", "Input", "Heading", "Text", "Link", "PHONE_PATTERN", "ModalSmsSubscribe", "open", "onOpenChange", "title", "benefits", "copy", "primaryLabel", "primaryUrl", "secondaryLabel", "secondaryUrl", "legalText", "onActivate", "onSecondary", "phoneLabel", "phonePlaceholder", "phoneEmptyError", "phoneInvalidError", "phone", "setPhone", "phoneError", "setPhoneError", "b", "e", "trimmedPhone", "ModalSmsSubscribe_default"]
-}

package/dist/esm/biz-components/ModalSubscribeConfirm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ModalSubscribeConfirm/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, Button, Heading, Text, Picture } from '../../components/index.js'\n\nexport interface ModalSubscribeConfirmProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  icon?: {\n    url: string\n  }\n  title?: string\n  description?: string\n  cancelLabel?: string\n  cancelUrl?: string\n  confirmLabel?: string\n  confirmUrl?: string\n  onCancel?: () => void\n  onConfirm?: () => void\n}\n\nconst ModalSubscribeConfirm = ({\n  open,\n  onOpenChange,\n  icon,\n  title,\n  description,\n  cancelLabel,\n  cancelUrl,\n  confirmLabel,\n  confirmUrl,\n  onCancel,\n  onConfirm,\n}: ModalSubscribeConfirmProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"modal-subscribe-confirm-root rounded-box tablet:max-w-[480px] flex max-h-[80dvh] w-full max-w-[calc(100vw_-_32px)] flex-col !gap-0 overflow-hidden !border-none !p-0\">\n        <div className=\"modal-subscribe-confirm-inner flex min-h-0 w-full flex-col overflow-y-auto bg-white\">\n          <div className=\"modal-subscribe-confirm-body tablet:p-8 tablet:pt-12 tablet:gap-8 flex flex-col gap-6 px-6 pb-6 pt-4\">\n            <div className=\"tablet:gap-8 flex flex-col gap-6\">\n              {(icon || title) && (\n                <div className=\"modal-subscribe-confirm-headline flex items-start gap-2\">\n                  {icon && icon.url && (\n                    <span className=\"modal-subscribe-confirm-icon flex size-6 shrink-0 items-center justify-center\">\n                      <Picture\n                        source={icon.url}\n                        alt=\"\"\n                        className=\"size-full\"\n                        imgClassName=\"w-full h-full object-contain\"\n                      />\n                    </span>\n                  )}\n                  {title && (\n                    <Heading\n                      as=\"h3\"\n                      size={2}\n                      html={title}\n                      className=\"modal-subscribe-confirm-title text-info-primary tablet:text-[24px] text-pretty text-[20px]\"\n                    />\n                  )}\n                </div>\n              )}\n\n              {description && (\n                <ul className=\"modal-subscribe-confirm-description list-outside list-disc pl-6\">\n                  <li className=\"pl-2\">\n                    <Text\n                      as=\"span\"\n                      size={4}\n                      html={description}\n                      className=\"modal-subscribe-confirm-desc-text text-info-primary tablet:text-[18px] text-[14px] [&_a]:underline\"\n                    />\n                  </li>\n                </ul>\n              )}\n            </div>\n\n            <div className=\"modal-subscribe-confirm-actions tablet:gap-4 flex items-center gap-3\">\n              {cancelLabel &&\n                (cancelUrl ? (\n                  <Button\n                    as=\"a\"\n                    href={cancelUrl}\n                    variant=\"secondary\"\n                    className=\"modal-subscribe-confirm-cancel-btn flex-1\"\n                  >\n                    {cancelLabel}\n                  </Button>\n                ) : (\n                  <Button\n                    onClick={() => {\n                      onCancel?.()\n                      onOpenChange(false)\n                    }}\n                    variant=\"secondary\"\n                    className=\"modal-subscribe-confirm-cancel-btn flex-1\"\n                  >\n                    {cancelLabel}\n                  </Button>\n                ))}\n              {confirmLabel &&\n                (confirmUrl ? (\n                  <Button as=\"a\" href={confirmUrl} className=\"modal-subscribe-confirm-confirm-btn flex-1\">\n                    {confirmLabel}\n                  </Button>\n                ) : (\n                  <Button\n                    onClick={() => {\n                      onConfirm?.()\n                      onOpenChange(false)\n                    }}\n                    className=\"modal-subscribe-confirm-confirm-btn flex-1\"\n                  >\n                    {confirmLabel}\n                  </Button>\n                ))}\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nModalSubscribeConfirm.displayName = 'ModalSubscribeConfirm'\n\nexport default ModalSubscribeConfirm\n"],
-  "mappings": "aAyCgB,OAGM,OAAAA,EAHN,QAAAC,MAAA,oBAvChB,MAAuB,QACvB,OAAS,UAAAC,EAAQ,iBAAAC,EAAe,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,EAAM,WAAAC,MAAe,4BAkBtE,MAAMC,EAAwB,CAAC,CAC7B,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAEInB,EAACE,EAAA,CAAO,KAAMO,EAAM,aAAcC,EAChC,SAAAV,EAACG,EAAA,CAAc,UAAU,uKACvB,SAAAH,EAAC,OAAI,UAAU,sFACb,SAAAC,EAAC,OAAI,UAAU,uGACb,UAAAA,EAAC,OAAI,UAAU,mCACX,WAAAU,GAAQC,IACRX,EAAC,OAAI,UAAU,0DACZ,UAAAU,GAAQA,EAAK,KACZX,EAAC,QAAK,UAAU,gFACd,SAAAA,EAACO,EAAA,CACC,OAAQI,EAAK,IACb,IAAI,GACJ,UAAU,YACV,aAAa,+BACf,EACF,EAEDC,GACCZ,EAACK,EAAA,CACC,GAAG,KACH,KAAM,EACN,KAAMO,EACN,UAAU,6FACZ,GAEJ,EAGDC,GACCb,EAAC,MAAG,UAAU,kEACZ,SAAAA,EAAC,MAAG,UAAU,OACZ,SAAAA,EAACM,EAAA,CACC,GAAG,OACH,KAAM,EACN,KAAMO,EACN,UAAU,qGACZ,EACF,EACF,GAEJ,EAEAZ,EAAC,OAAI,UAAU,uEACZ,UAAAa,IACEC,EACCf,EAACI,EAAA,CACC,GAAG,IACH,KAAMW,EACN,QAAQ,YACR,UAAU,4CAET,SAAAD,EACH,EAEAd,EAACI,EAAA,CACC,QAAS,IAAM,CACbc,IAAW,EACXR,EAAa,EAAK,CACpB,EACA,QAAQ,YACR,UAAU,4CAET,SAAAI,EACH,GAEHE,IACEC,EACCjB,EAACI,EAAA,CAAO,GAAG,IAAI,KAAMa,EAAY,UAAU,6CACxC,SAAAD,EACH,EAEAhB,EAACI,EAAA,CACC,QAAS,IAAM,CACbe,IAAY,EACZT,EAAa,EAAK,CACpB,EACA,UAAU,6CAET,SAAAM,EACH,IAEN,GACF,EACF,EACF,EACF,EAIJR,EAAsB,YAAc,wBAEpC,IAAOY,EAAQZ",
-  "names": ["jsx", "jsxs", "Dialog", "DialogContent", "Button", "Heading", "Text", "Picture", "ModalSubscribeConfirm", "open", "onOpenChange", "icon", "title", "description", "cancelLabel", "cancelUrl", "confirmLabel", "confirmUrl", "onCancel", "onConfirm", "ModalSubscribeConfirm_default"]
-}

package/dist/esm/biz-components/ModalVerify/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ModalVerify/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, Button, Heading, Text, Link, OtpInput } from '../../components/index.js'\n\nexport interface VerifyHintItem {\n  id: string\n  text: string\n}\n\nexport interface ModalVerifyProps {\n  /** \u63A7\u5236\u5F39\u7A97\u6253\u5F00\u72B6\u6001 */\n  open: boolean\n  /** \u5F39\u7A97\u72B6\u6001\u6539\u53D8\u65F6\u7684\u56DE\u8C03 */\n  onOpenChange: (open: boolean) => void\n  /** \u5F39\u7A97\u6807\u9898 */\n  title?: string\n  /** \u5F39\u7A97\u63CF\u8FF0\u6587\u6848 */\n  description?: string\n  /** \u9A8C\u8BC1\u7801\u957F\u5EA6 */\n  codeLength?: number\n  /** \u63D0\u793A\u6587\u6848\u5217\u8868 */\n  hints?: VerifyHintItem[]\n  /** \u63D0\u4EA4\u6309\u94AE\u6587\u6848 */\n  primaryLabel?: string\n  /** \u63D0\u4EA4\u6210\u529F\u540E\u7684\u8DF3\u8F6C URL */\n  primaryUrl?: string\n  /** \u63D0\u4EA4\u9A8C\u8BC1\u7801\u56DE\u8C03 */\n  onSubmit?: (code: string) => void\n  /** \u91CD\u65B0\u53D1\u9001\u9A8C\u8BC1\u7801\u56DE\u8C03 */\n  onResend?: () => void\n}\n\nconst ModalVerify = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  copy,\n  codeLength = 6,\n  hints,\n  primaryLabel,\n  primaryUrl,\n  onSubmit,\n  onResend,\n}: ModalVerifyProps & { copy?: Record<string, any> }) => {\n  const codeLabel = copy?.codeLabel\n  const resendPrompt = copy?.resendPrompt\n  const resendLabel = copy?.resendLabel\n  const footerNote = copy?.footerNote\n  const codeEmptyError = copy?.codeEmptyError\n  const codeInvalidError = copy?.codeInvalidError\n  const [code, setCode] = React.useState('')\n  const [codeError, setCodeError] = React.useState('')\n  const isCodeValid = code.length === codeLength\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"modal-verify-root tablet:max-w-[480px] rounded-box flex max-h-[80vh] w-full max-w-[calc(100vw_-_32px)] flex-col !gap-0 overflow-hidden !border-none !p-0\">\n        <div className=\"modal-verify-inner flex min-h-0 w-full flex-col overflow-y-auto bg-white\">\n          <div className=\"modal-verify-body tablet:px-8 tablet:pb-8 tablet:gap-8 tablet:pt-12 flex flex-col gap-4 px-6 pb-6 pt-4\">\n            <div className=\"flex flex-col gap-1\">\n              {title && (\n                <Heading as=\"h2\" size={2} html={title} className=\"modal-verify-title text-info-primary text-pretty\" />\n              )}\n              {description && (\n                <Text\n                  as=\"p\"\n                  size={3}\n                  html={description}\n                  className=\"modal-verify-description text-info-primary [&_a]:underline\"\n                />\n              )}\n            </div>\n\n            <div className=\"flex flex-col gap-2\">\n              {codeLabel && (\n                <Text\n                  as=\"label\"\n                  size={3}\n                  html={codeLabel}\n                  className=\"modal-verify-code-label text-info-primary [&_a]:underline\"\n                />\n              )}\n              <OtpInput\n                length={codeLength}\n                value={code}\n                onChange={(v: string) => {\n                  setCode(v)\n                  setCodeError('')\n                }}\n                className=\"modal-verify-otp\"\n              />\n              {codeError && (\n                <Text as=\"p\" size={3} className=\"text-error-0\">\n                  {codeError}\n                </Text>\n              )}\n            </div>\n\n            <div className=\"flex flex-col gap-2\">\n              {hints && hints.length > 0 && (\n                <ul className=\"flex flex-col gap-0\">\n                  {hints.map(hint => (\n                    <li key={hint.id} className=\"modal-verify-hint ml-6 list-disc\">\n                      <Text as=\"span\" size={3} html={hint.text} className=\"text-info-tertiary [&_a]:underline\" />\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {(resendPrompt || resendLabel) && (\n                <div className=\"modal-verify-resend tablet:gap-2 flex flex-wrap items-center gap-0\">\n                  {resendPrompt && (\n                    <Text\n                      as=\"span\"\n                      size={3}\n                      html={resendPrompt}\n                      className=\"text-info-primary whitespace-nowrap text-nowrap [&_a]:underline\"\n                    />\n                  )}\n                  {resendLabel && (\n                    <Link onClick={onResend} className=\"modal-verify-resend-btn text-[#005D8E]\">\n                      {resendLabel}\n                    </Link>\n                  )}\n                </div>\n              )}\n            </div>\n\n            <div className=\"flex flex-col items-center gap-4\">\n              {primaryLabel &&\n                (primaryUrl ? (\n                  <Button\n                    as=\"a\"\n                    href={isCodeValid ? primaryUrl : undefined}\n                    onClick={() => {\n                      if (isCodeValid) {\n                        setCodeError('')\n                        onSubmit?.(code)\n                      }\n                    }}\n                    disabled={!isCodeValid}\n                    className=\"modal-verify-submit-btn w-full\"\n                  >\n                    {primaryLabel}\n                  </Button>\n                ) : (\n                  <Button\n                    onClick={() => {\n                      if (!isCodeValid) {\n                        return\n                      }\n                      setCodeError('')\n                      onSubmit?.(code)\n                      onOpenChange(false)\n                    }}\n                    disabled={!isCodeValid}\n                    className=\"modal-verify-submit-btn w-full\"\n                  >\n                    {primaryLabel}\n                  </Button>\n                ))}\n              {footerNote && (\n                <Text\n                  as=\"p\"\n                  size={3}\n                  align=\"center\"\n                  html={footerNote}\n                  className=\"modal-verify-footer-note text-info-tertiary [&_a]:underline\"\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nModalVerify.displayName = 'ModalVerify'\n\nexport default ModalVerify\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "Dialog", "DialogContent", "Button", "Heading", "Text", "Link", "OtpInput", "ModalVerify", "open", "onOpenChange", "title", "description", "copy", "codeLength", "hints", "primaryLabel", "primaryUrl", "onSubmit", "onResend", "codeLabel", "resendPrompt", "resendLabel", "footerNote", "codeEmptyError", "codeInvalidError", "code", "setCode", "codeError", "setCodeError", "isCodeValid", "v", "hint", "ModalVerify_default"]
-}

package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect, useRef } from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport MultiLayoutGraphicBlockCarouselImpl from './MultiLayoutGraphicBlockCarousel.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport Title from '../Title/index.js'\nimport { cn, spaceToHyphen, getLocalizedPath } from '../../helpers/utils.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { isVideo } from '../../shared/mimeType.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { gaTrack } from '../../shared/track.js'\n\nconst componentType = 'image'\nconst componentName = 'p1_banner'\n\nconst ItemBlock = ({\n  data: item,\n  configuration,\n  jIndex,\n  spanType,\n  title: titleProp,\n  onSecondaryButtonClick,\n  onPrimaryButtonClick,\n}: {\n  data: Item\n  configuration?: any\n  jIndex?: number\n  spanType?: string\n  title?: string\n  onSecondaryButtonClick?: (data: Item) => void\n  onPrimaryButtonClick?: (data: Item) => void\n}) => {\n  const [isMobile, setIsMobile] = useState<boolean>(false)\n  const mediaQuery = useMediaQuery({ query: '(max-width: 768px)' })\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleAspect = () => {\n    if (spanType) {\n      switch (spanType) {\n        case 'full':\n          return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n        case 'half':\n          return 'tablet:aspect-w-[704] tablet:aspect-h-[480] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]'\n        case 'one-third':\n          return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n        default:\n          return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n      }\n    } else {\n      switch (configuration?.num) {\n        case 1:\n          return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n        case 2:\n          return 'tablet:aspect-w-[704] tablet:aspect-h-[480] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]'\n        case 3:\n          return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n        default:\n          return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n      }\n    }\n  }\n\n  useExposure(ref, {\n    componentType: componentType,\n    componentName: componentName,\n    position: jIndex,\n    componentTitle: item.title,\n    componentDescription: item.description,\n    navigation: configuration?.activeTab,\n  })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const {\n    theme = 'light',\n    title,\n    description,\n    imageUrl,\n    primaryButton,\n    secondaryButton,\n    imageMobileUrl,\n    blockLink,\n    video,\n    youtubeId,\n    isYouTube,\n    id,\n  } = item\n  const lgButtonSize = 'lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]'\n\n  return (\n    <div\n      className={cn(\n        'item-wrapper cursor-pointer',\n        'text-info-primary group relative box-border w-full overflow-hidden',\n        handleAspect(),\n        {\n          'rounded-box': true,\n          'aiui-dark': theme === 'dark',\n          'h-[400px]': isMobile,\n        },\n        `text-info-primary`\n      )}\n      ref={ref}\n    >\n      {(blockLink || secondaryButton.link) && (\n        <a\n          className=\"absolute inset-0 z-10\"\n          href={trackUrlRef(\n            getLocalizedPath(blockLink || secondaryButton.link || '', configuration?.locale || 'us'),\n            `${componentType}_${componentName}`\n          )}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${description}`}\n          data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n      )}\n      <div className=\"absolute inset-0\">\n        {isVideo(imageUrl?.mimeType) ? (\n          <video autoPlay muted playsInline loop className=\"tablet:block hidden size-full overflow-hidden object-cover\">\n            <source src={imageUrl?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={imageUrl?.url}\n            alt={imageUrl?.alt || ''}\n            className=\"tablet:block hidden h-full overflow-hidden\"\n            imgClassName=\"h-full transition-all duration-300 group-hover:scale-105 object-cover\"\n            style={{ aspectRatio: `${imageUrl?.width}/${imageUrl?.height}` }}\n          />\n        )}\n        {isVideo(imageMobileUrl?.mimeType) ? (\n          <video autoPlay muted playsInline loop className=\"tablet:hidden block size-full overflow-hidden object-cover\">\n            <source src={imageMobileUrl?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={imageMobileUrl?.url || imageUrl?.url}\n            alt={imageMobileUrl?.alt || imageUrl?.alt || ''}\n            className=\"tablet:hidden block h-full overflow-hidden\"\n            imgClassName=\"h-full transition-all duration-300 object-cover\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          'pointer-events-none absolute inset-0 z-20 flex flex-col',\n          spanType === 'full' ? 'laptop:justify-center justify-end' : 'justify-end'\n        )}\n      >\n        <div className=\"laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-auto flex w-fit flex-col gap-6 p-4\">\n          <div className=\"flex flex-col gap-1\">\n            <Heading size={3} as=\"h3\" className=\"item-title\" html={title} />\n            <Heading\n              as=\"h4\"\n              className=\"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]\"\n              html={description}\n            />\n          </div>\n          <div className=\"lg-desktop:gap-3 flex gap-2\">\n            {secondaryButton && secondaryButton.text && (\n              <Button\n                aria-label={title ?? description}\n                className={cn(lgButtonSize, 'link-left')}\n                variant=\"secondary\"\n                as=\"a\"\n                data-track={`${id}-link-left`}\n                onClick={() => {\n                  onSecondaryButtonClick?.(item)\n                }}\n                href={trackUrlRef(\n                  getLocalizedPath(secondaryButton.link || '', configuration?.locale || 'us'),\n                  `${componentType}_${componentName}`\n                )}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${description}#${secondaryButton.text}`}\n                data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n              >\n                {secondaryButton.text}\n                <span className=\"sr-only\">{title ?? description}</span>\n              </Button>\n            )}\n            {primaryButton && primaryButton.text && (\n              <Button\n                aria-label={title ?? description}\n                className={cn(lgButtonSize, 'link-right')}\n                variant=\"primary\"\n                data-track={`${id}-link-right`}\n                as=\"a\"\n                onClick={() => {\n                  onPrimaryButtonClick?.(item)\n                }}\n                href={trackUrlRef(\n                  getLocalizedPath(primaryButton.link || '', configuration?.locale || 'us'),\n                  `${componentType}_${componentName}`\n                )}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${description}#${primaryButton.text}`}\n                data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n        </div>\n        {(video?.url || youtubeId) && (\n          <div className=\"laptop:bottom-6 laptop:right-6 pointer-events-auto absolute bottom-4 right-4\">\n            <button\n              onClick={() => {\n                configuration?.onVideoPlayBtnClick?.(\n                  isYouTube && youtubeId ? youtubeId : video?.url || youtubeId,\n                  isYouTube\n                )\n              }}\n              className=\"laptop:size-12 flex size-8 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75\"\n            >\n              <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { data, className, onSecondaryButtonClick, onPrimaryButtonClick, ...rest } = props\n  const { sectionTitle, groupByTab = false, items = [], carousel } = data\n  const [visible, setVisible] = useState<boolean>(false)\n  const [videoUrl, setVideoUrl] = useState<string>('')\n  const [youTubeId, setYouTubeId] = useState<string>('')\n  const { locale = 'us' } = useAiuiContext()\n\n  const getSpan = (width: 'full' | 'half' | 'one-third') => {\n    switch (width) {\n      case 'full':\n        return 12\n      case 'half':\n        return 6\n      case 'one-third':\n        return 4\n    }\n  }\n\n  const tabNames = items\n    .map(item => item.tabName)\n    .filter(Boolean)\n    .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n  const handleVideoPlayBtnClick = (url: string, isYouTube: boolean) => {\n    setVisible(true)\n    if (isYouTube) {\n      setYouTubeId?.(url || '')\n    } else {\n      setVideoUrl?.(url || '')\n    }\n  }\n  const handleTabNumber = (num: Number, flag?: boolean) => {\n    switch (num) {\n      case 1:\n        return 1\n      case 2:\n        return 2\n      default:\n        return flag ? 2.3 : 3\n    }\n  }\n\n  const tabItemsMaps = tabNames\n    .map(tabName => ({\n      tabName,\n      items: items.filter(item => item.tabName === tabName),\n    }))\n    .reduce(\n      (acc, cur) => {\n        acc[cur.tabName] = cur.items\n        return acc\n      },\n      {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n    )\n\n  // Carousel mode early return \u2014 MUST be after all hooks (React rules of hooks)\n  if (data.mode === 'carousel' && items.length > 0) {\n    return (\n      <MultiLayoutGraphicBlockCarouselImpl\n        data={data}\n        onPrimaryButtonClick={onPrimaryButtonClick}\n        onSecondaryButtonClick={onSecondaryButtonClick}\n        className={className}\n        ref={ref as React.Ref<HTMLElement>}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MultiLayoutGraphicBlock\"\n      ref={ref}\n      {...rest}\n      className={cn('multiLayoutGraphicBlock', 'text-info-primary', className)}\n    >\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n      {groupByTab ? (\n        <Tabs align=\"left\" defaultValue={spaceToHyphen(tabNames[0]!)}>\n          <TabsList>\n            {tabNames.map((tabName, index) => (\n              <TabsTrigger\n                key={index}\n                value={spaceToHyphen(tabName!)}\n                onClick={() => {\n                  gaTrack({\n                    event: 'ga4Event',\n                    event_name: 'component_click',\n                    event_parameters: {\n                      page_group: 'Home Page',\n                      component_type: componentType,\n                      component_name: componentName,\n                      component_title: sectionTitle,\n                      component_position: 1,\n                      navigation: tabName,\n                      button_name: tabName,\n                    },\n                  })\n                }}\n              >\n                {tabName}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabNames.map((tabName, index) => (\n            <TabsContent key={index} value={spaceToHyphen(tabName!)} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n              <>\n                <SwiperBox\n                  className=\"!overflow-visible\"\n                  id={'MultiLayoutGraphicBlock1'}\n                  data={{\n                    list: tabItemsMaps?.[tabName] || [],\n                    configuration: {\n                      isTab: groupByTab,\n                      activeTab: tabName,\n                      title: sectionTitle,\n                      num: tabItemsMaps?.[tabName]?.length || 0,\n                      locale,\n                      onVideoPlayBtnClick: handleVideoPlayBtnClick,\n                      onSecondaryButtonClick,\n                      onPrimaryButtonClick,\n                    },\n                  }}\n                  Slide={ItemBlock}\n                  breakpoints={{\n                    0: {\n                      spaceBetween: 12,\n                      freeMode: false,\n                      slidesPerView: 1,\n                    },\n                    374: {\n                      spaceBetween: 12,\n                      freeMode: false,\n                      slidesPerView: 1.2,\n                    },\n                    768: {\n                      spaceBetween: 16,\n                      freeMode: false,\n                      slidesPerView: handleTabNumber(tabItemsMaps?.[tabName]?.length || 0, true),\n                    },\n                    1024: {\n                      spaceBetween: 16,\n                      freeMode: false,\n                      slidesPerView: handleTabNumber(tabItemsMaps?.[tabName]?.length || 0),\n                    },\n                  }}\n                />\n                {carousel && carousel?.items.length > 0 ? (\n                  <SwiperBox\n                    className=\"!overflow-visible\"\n                    id={'MultiLayoutGraphicBlock2'}\n                    data={{\n                      list: carousel?.items || [],\n                      configuration: {\n                        isTab: groupByTab,\n                        locale,\n                        onVideoPlayBtnClick: handleVideoPlayBtnClick,\n                        title: sectionTitle,\n                        onSecondaryButtonClick,\n                        onPrimaryButtonClick,\n                      },\n                    }}\n                    Slide={ItemBlock}\n                    breakpoints={{\n                      0: {\n                        spaceBetween: 12,\n                        freeMode: false,\n                        slidesPerView: 1,\n                      },\n                      374: {\n                        spaceBetween: 12,\n                        freeMode: false,\n                        slidesPerView: 1.2,\n                      },\n                      768: {\n                        spaceBetween: 16,\n                        freeMode: false,\n                        slidesPerView: 2.3,\n                      },\n                      1024: {\n                        spaceBetween: 16,\n                        freeMode: false,\n                        slidesPerView: 3.1,\n                      },\n                      1440: {\n                        spaceBetween: 16,\n                        freeMode: false,\n                        slidesPerView: 4,\n                      },\n                    }}\n                  />\n                ) : null}\n              </>\n            </TabsContent>\n          ))}\n        </Tabs>\n      ) : (\n        <>\n          <Grid className=\"w-full\">\n            {items.map((item, index) => {\n              return (\n                <GridItem\n                  key={`${item?.title || ''}${index}`}\n                  span={getSpan(item.width ?? 'full')}\n                  className=\"laptop:block hidden\"\n                >\n                  <ItemBlock\n                    data={item}\n                    configuration={{\n                      locale,\n                      onVideoPlayBtnClick: handleVideoPlayBtnClick,\n                      title: sectionTitle,\n                    }}\n                    jIndex={index}\n                    spanType={item.width}\n                    onSecondaryButtonClick={onSecondaryButtonClick}\n                    onPrimaryButtonClick={onPrimaryButtonClick}\n                  />\n                </GridItem>\n              )\n            })}\n            {items.map((item, index) => (\n              <GridItem key={`${item?.title || ''}${index}`} span={getSpan('full')} className=\"laptop:hidden block\">\n                <ItemBlock\n                  data={item}\n                  configuration={{\n                    locale,\n                    onVideoPlayBtnClick: handleVideoPlayBtnClick,\n                    title: sectionTitle,\n                  }}\n                  jIndex={index}\n                  spanType={'full'}\n                  onSecondaryButtonClick={onSecondaryButtonClick}\n                  onPrimaryButtonClick={onPrimaryButtonClick}\n                />\n              </GridItem>\n            ))}\n          </Grid>\n          {carousel && carousel?.items.length > 0 ? (\n            <SwiperBox\n              className=\"!overflow-visible\"\n              id={'MultiLayoutGraphicBlock3'}\n              data={{\n                list: carousel?.items || [],\n                configuration: {\n                  locale,\n                  onVideoPlayBtnClick: handleVideoPlayBtnClick,\n                  title: sectionTitle,\n                  onSecondaryButtonClick,\n                  onPrimaryButtonClick,\n                },\n              }}\n              Slide={ItemBlock}\n              breakpoints={{\n                0: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1,\n                },\n                374: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1.2,\n                },\n                768: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 2.3,\n                },\n                1024: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 3.1,\n                },\n                1440: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 4,\n                },\n              }}\n            />\n          ) : null}\n        </>\n      )}\n      {visible && (\n        <VideoModal\n          visible={visible}\n          youTubeId={youTubeId}\n          videoUrl={videoUrl}\n          onCloseModal={() => setVisible(false)}\n        />\n      )}\n    </section>\n  )\n})\n\nMultiLayoutGraphicBlock.displayName = 'MultiLayoutGraphicBlock'\n\nexport default withLayout(MultiLayoutGraphicBlock, {\n  container: { desktopSpan: 12, mobileSpan: 12 },\n})\nexport type { MultiLayoutGraphicBlockProps }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useState", "useEffect", "useRef", "useMediaQuery", "MultiLayoutGraphicBlockCarouselImpl", "withLayout", "Picture", "Button", "Heading", "VideoModal", "Grid", "GridItem", "Title", "cn", "spaceToHyphen", "getLocalizedPath", "SwiperBox", "isVideo", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "useExposure", "trackUrlRef", "useAiuiContext", "gaTrack", "componentType", "componentName", "ItemBlock", "item", "configuration", "jIndex", "spanType", "titleProp", "onSecondaryButtonClick", "onPrimaryButtonClick", "isMobile", "setIsMobile", "mediaQuery", "ref", "handleAspect", "theme", "title", "description", "imageUrl", "primaryButton", "secondaryButton", "imageMobileUrl", "blockLink", "video", "youtubeId", "isYouTube", "id", "lgButtonSize", "MultiLayoutGraphicBlock", "props", "data", "className", "rest", "sectionTitle", "groupByTab", "items", "carousel", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "locale", "getSpan", "width", "tabNames", "index", "arr", "handleVideoPlayBtnClick", "url", "handleTabNumber", "num", "flag", "tabItemsMaps", "tabName", "acc", "cur", "MultiLayoutGraphicBlock_default"]
-}

package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlockCarousel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlockCarousel.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useCallback, useState, useEffect } from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, Pagination, Autoplay } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { cn, getLocalizedPath } from '../../helpers/index.js'\nimport Title from '../Title/index.js'\nimport { Button, Heading, Picture } from '../../components/index.js'\nimport { Text } from '../../components/text.js'\nimport { isVideo } from '../../shared/mimeType.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport type { MultiLayoutGraphicBlockProps } from './types.js'\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\n\n// \u2500\u2500 Arrow icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst ChevronLeft = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M23 13L16 20L23 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M17 13L24 20L17 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n// \u2500\u2500 Size \u2192 aspect-ratio mapping (aligned with grid full-width) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// \u53C2\u8003 MultiLayoutGraphicBlock.tsx handleAspect() \u4E2D spanType='full' \u7684\u6BD4\u4F8B\n// mobile: h-400px \u56FA\u5B9A\u9AD8\u5EA6\uFF0Ctablet+: aspect-ratio \u5BF9\u9F50 grid full-width\n\nconst sizeClasses: Record<string, string> = {\n  sm: 'tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]',\n  base: 'tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]',\n  lg: 'tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]',\n}\n\n// \u2500\u2500 Props \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ninterface MultiLayoutGraphicBlockCarouselProps extends React.HTMLAttributes<HTMLElement> {\n  data: MultiLayoutGraphicBlockProps['data']\n  onSecondaryButtonClick?: () => void\n  onPrimaryButtonClick?: () => void\n}\n\n/**\n * MultiLayoutGraphicBlockCarousel \u2014 full-width banner carousel for MultiLayoutGraphicBlock.\n *\n * Architecture:\n *  - slidesPerView=1, loop=true, each Item occupies full-width slide\n *  - Arrow buttons: tablet+ visible, hover/focus-within show (matches SecondaryBannerCarousel)\n *  - Dots: banner-dot class, active=bg-info-primary w-8 h-2, inactive=bg-info-quaternary size-2\n *  - Video pause/play on slide change\n *  - No withLayout wrapper (carousel is inner implementation)\n */\nconst MultiLayoutGraphicBlockCarousel = React.forwardRef<HTMLElement, MultiLayoutGraphicBlockCarouselProps>(\n  ({ data, className, onSecondaryButtonClick, onPrimaryButtonClick, ...rest }, ref) => {\n    const items = data.items || []\n    const carousel = data.carouselConfig\n\n    const showArrowControls = (carousel?.showArrows ?? true) && items.length > 1\n    const showDots = carousel?.showDots ?? true\n    const autoplaySeconds = carousel?.autoplaySeconds\n    const size = carousel?.size ?? 'base'\n\n    const swiperRef = useRef<SwiperType | null>(null)\n    const [activeIndex, setActiveIndex] = useState(0)\n    const [paginationEl, setPaginationEl] = useState<HTMLDivElement | null>(null)\n\n    // Slide container refs for imperative video pause via querySelectorAll\n    const slideContainerRefs = useRef<React.RefObject<HTMLDivElement>[]>(\n      items.map(() => React.createRef<HTMLDivElement>())\n    )\n\n    // paginationEl \u6302\u8F7D\u540E\u91CD\u65B0\u7ED1\u5B9A Swiper pagination\n    // \u89E3\u51B3 next/dynamic + ssr:false \u73AF\u5883\u4E0B Swiper \u521D\u59CB\u5316\u65F6 paginationEl \u5C1A\u4E3A null \u7684\u65F6\u5E8F\u95EE\u9898\n    useEffect(() => {\n      const swiper = swiperRef.current\n      if (!swiper || !paginationEl) return\n      if (swiper.pagination) {\n        swiper.pagination.el = paginationEl\n        swiper.pagination.init()\n        swiper.pagination.render()\n        swiper.pagination.update()\n      }\n    }, [paginationEl])\n\n    const activeTheme = items[activeIndex]?.theme ?? 'light'\n    const isDark = activeTheme === 'dark'\n\n    useEffect(() => {\n      const handleVisibilityChange = () => {\n        const swiper = swiperRef.current\n        if (!swiper) return\n\n        if (document.visibilityState === 'hidden') {\n          swiper.autoplay?.stop()\n        } else {\n          swiper.autoplay?.start()\n          const currentIndex = swiper.realIndex ?? 0\n          slideContainerRefs.current.forEach((cRef, i) => {\n            if (!cRef.current) return\n            cRef.current.querySelectorAll('video').forEach(v => {\n              if (i !== currentIndex) v.pause()\n            })\n          })\n        }\n      }\n      document.addEventListener('visibilitychange', handleVisibilityChange)\n      return () => document.removeEventListener('visibilitychange', handleVisibilityChange)\n    }, [])\n\n    const swiperModules =\n      autoplaySeconds != null && autoplaySeconds > 0 ? [Navigation, Pagination, Autoplay] : [Navigation, Pagination]\n    const autoplayConfig =\n      autoplaySeconds != null && autoplaySeconds > 0\n        ? { delay: Math.max(autoplaySeconds * 1000, 3000), disableOnInteraction: false }\n        : false\n\n    const handleSlideChange = useCallback((swiper: SwiperType) => {\n      const newIndex = swiper.realIndex\n      slideContainerRefs.current.forEach((cRef, i) => {\n        if (i !== newIndex && cRef.current) {\n          cRef.current.querySelectorAll('video').forEach(v => {\n            v.pause()\n            v.currentTime = 0\n          })\n        }\n      })\n      const activeContainer = slideContainerRefs.current[newIndex]\n      if (activeContainer?.current) {\n        activeContainer.current.querySelectorAll('video').forEach(v => {\n          if (v.paused) {\n            const p = v.play()\n            p?.catch(() => {})\n          }\n        })\n      }\n      setActiveIndex(newIndex)\n    }, [])\n\n    const { locale } = useAiuiContext()\n    const currentSizeClasses = sizeClasses[size] ?? sizeClasses.base\n    const { sectionTitle } = data\n\n    return (\n      <section\n        ref={ref}\n        className={cn(\n          'multilayout-graphic-block-carousel group relative w-full',\n          'laptop:overflow-hidden',\n          'laptop:block flex flex-col',\n          className\n        )}\n        {...rest}\n      >\n        {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n        <div\n          className={cn('laptop:mb-0 relative mb-5 shrink-0', currentSizeClasses, {\n            'aiui-dark': isDark,\n          })}\n        >\n          <Swiper\n            className=\"tablet:h-full h-[400px]\"\n            onSwiper={s => (swiperRef.current = s)}\n            onSlideChange={handleSlideChange}\n            modules={swiperModules}\n            slidesPerView={1}\n            loop={true}\n            initialSlide={0}\n            allowTouchMove={true}\n            autoplay={autoplayConfig}\n            pagination={\n              showDots\n                ? {\n                    clickable: true,\n                    el: paginationEl,\n                    renderBullet: (_index: number, className: string) =>\n                      `<span class=\"${className} banner-dot\"></span>`,\n                  }\n                : false\n            }\n          >\n            {items.map((item, index) => (\n              <SwiperSlide key={index} className=\"h-full\">\n                <div\n                  ref={slideContainerRefs.current[index]}\n                  className={cn('item-wrapper text-info-primary relative size-full overflow-hidden', {\n                    'aiui-dark': item.theme === 'dark',\n                    'rounded-box': true,\n                  })}\n                >\n                  {/* Block link overlay */}\n                  {(item.blockLink || item.secondaryButton?.link) && (\n                    <a\n                      className=\"absolute inset-0 z-10\"\n                      href={getLocalizedPath(item.blockLink || item.secondaryButton?.link || '', locale || 'us')}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  )}\n\n                  {/* Background media */}\n                  <div className=\"absolute inset-0\">\n                    {isVideo(item.imageUrl?.mimeType) ? (\n                      <video\n                        autoPlay\n                        muted\n                        playsInline\n                        loop\n                        className=\"tablet:block hidden size-full overflow-hidden object-cover\"\n                      >\n                        <source src={item.imageUrl?.url} type=\"video/mp4\" />\n                      </video>\n                    ) : (\n                      <Picture\n                        source={item.imageUrl?.url}\n                        alt={item.imageUrl?.alt || ''}\n                        className=\"tablet:block hidden h-full overflow-hidden\"\n                        imgClassName=\"h-full transition-all duration-300 group-hover:scale-105 object-cover\"\n                      />\n                    )}\n                    {isVideo(item.imageMobileUrl?.mimeType) ? (\n                      <video\n                        autoPlay\n                        muted\n                        playsInline\n                        loop\n                        className=\"tablet:hidden block size-full overflow-hidden object-cover\"\n                      >\n                        <source src={item.imageMobileUrl?.url} type=\"video/mp4\" />\n                      </video>\n                    ) : (\n                      <Picture\n                        source={item.imageMobileUrl?.url || item.imageUrl?.url}\n                        alt={item.imageMobileUrl?.alt || item.imageUrl?.alt || ''}\n                        className=\"tablet:hidden block h-full overflow-hidden\"\n                        imgClassName=\"h-full object-cover\"\n                      />\n                    )}\n                  </div>\n\n                  {/* Text content */}\n                  <div className=\"laptop:justify-center pointer-events-none absolute inset-0 z-20 flex flex-col justify-end\">\n                    <div className=\"laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-auto flex w-fit flex-col gap-6 p-4\">\n                      <div className=\"flex flex-col gap-1\">\n                        <Heading size={3} as=\"h3\" className=\"item-title\" html={item.title} />\n                        <Text\n                          className=\"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1 text-[14px]\"\n                          html={item.description}\n                        />\n                      </div>\n                      <div className=\"lg-desktop:gap-3 flex gap-2\">\n                        {item.secondaryButton?.text && (\n                          <Button\n                            aria-label={item.title ?? item.description}\n                            className=\"link-left\"\n                            variant=\"secondary\"\n                            as=\"a\"\n                            href={getLocalizedPath(item.secondaryButton.link || '', locale || 'us')}\n                            onClick={onSecondaryButtonClick}\n                          >\n                            {item.secondaryButton.text}\n                            <span className=\"sr-only\">{item.title ?? item.description}</span>\n                          </Button>\n                        )}\n                        {item.primaryButton?.text && (\n                          <Button\n                            aria-label={item.title ?? item.description}\n                            className=\"link-right\"\n                            variant=\"primary\"\n                            as=\"a\"\n                            href={getLocalizedPath(item.primaryButton.link || '', locale || 'us')}\n                            onClick={onPrimaryButtonClick}\n                          >\n                            {item.primaryButton.text}\n                            <span className=\"sr-only\">{item.title ?? item.description}</span>\n                          </Button>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n\n          {/* Arrow navigation */}\n          {showArrowControls && (\n            <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4\">\n              <button\n                type=\"button\"\n                className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n                onClick={() => swiperRef.current?.slidePrev()}\n                aria-label=\"Previous slide\"\n              >\n                <ChevronLeft />\n              </button>\n              <button\n                type=\"button\"\n                className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n                onClick={() => swiperRef.current?.slideNext()}\n                aria-label=\"Next slide\"\n              >\n                <ChevronRight />\n              </button>\n            </div>\n          )}\n        </div>\n\n        {/* Pagination dots \u2014 outside aiui-dark wrapper to avoid theme-dependent colors */}\n        {showDots && (\n          <div\n            ref={setPaginationEl}\n            className={cn(\n              'multilayout-carousel-pagination swiper-pagination',\n              '[&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary',\n              '[&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8',\n              '[&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2',\n              '[&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out',\n              '[&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100',\n              'absolute !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2',\n              'laptop:!bottom-4 lg-desktop:!bottom-6 !bottom-0'\n            )}\n          />\n        )}\n      </section>\n    )\n  }\n)\n\nMultiLayoutGraphicBlockCarousel.displayName = 'MultiLayoutGraphicBlockCarousel'\n\nexport default MultiLayoutGraphicBlockCarousel\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useRef", "useCallback", "useState", "useEffect", "Swiper", "SwiperSlide", "Navigation", "Pagination", "Autoplay", "cn", "getLocalizedPath", "Title", "Button", "Heading", "Picture", "Text", "isVideo", "useAiuiContext", "ChevronLeft", "ChevronRight", "sizeClasses", "MultiLayoutGraphicBlockCarousel", "data", "className", "onSecondaryButtonClick", "onPrimaryButtonClick", "rest", "ref", "items", "carousel", "showArrowControls", "showDots", "autoplaySeconds", "size", "swiperRef", "activeIndex", "setActiveIndex", "paginationEl", "setPaginationEl", "slideContainerRefs", "swiper", "isDark", "handleVisibilityChange", "currentIndex", "cRef", "i", "v", "swiperModules", "autoplayConfig", "handleSlideChange", "newIndex", "activeContainer", "locale", "currentSizeClasses", "sectionTitle", "s", "_index", "item", "index", "MultiLayoutGraphicBlockCarousel_default"]
-}

package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/index.tsx"],
-  "sourcesContent": ["export { default } from './MultiLayoutGraphicBlock.js'\nexport type { MultiLayoutGraphicBlockProps } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/NavigationSearch/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/NavigationSearch/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem, Badge } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useNavContext } from '../HeaderNavigation/NavProvider.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n  return !(\n    target.metafields?.global?.HideSearch ||\n    target.metafields?.seo?.hidden ||\n    target.metafields?.seo?.setting?.noindex\n  )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n  ({ data, onSearch, onClose, searchResult, isSearching, keywords, className, ...rest }, ref) => {\n    const { locale = 'us', copyWriting } = useAiuiContext()\n\n    const [searchValue, setSearchValue] = useState('')\n    const [isComposing, setIsComposing] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    // \u81EA\u52A8\u805A\u7126\u5230\u8F93\u5165\u6846\uFF08\u963B\u6B62\u6EDA\u52A8\u884C\u4E3A\uFF09\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true })\n      }\n    }, [])\n\n    const debouncedFunction = debounce((value: string) => {\n      onSearch(value)\n    }, 300)\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && !isComposing) {\n          window.open(getLocalizedPath(`${data?.moreLink}?q=${searchValue.toLowerCase()}`, locale), '_self')\n        }\n      },\n      [isComposing, searchValue, locale, data?.moreLink]\n    )\n\n    const searchKeywords = useMemo(() => {\n      if (Array.isArray(keywords) && keywords?.length) {\n        return keywords.map((keyword: any) => keyword.search_term)\n      }\n      if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n        return data?.popularWords.map((word: any) => word.popularWord)\n      }\n      return []\n    }, [keywords, data?.popularWords])\n\n    const getLink = useCallback(\n      (item: any) => {\n        const type = item.__typename || item.type\n        switch (type) {\n          case 'Product':\n            return getLocalizedPath(`/products${item.path}?q=${searchValue.toLowerCase()}`, locale)\n          case 'Article':\n            return getLocalizedPath(\n              `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`,\n              locale\n            )\n          default:\n            break\n        }\n      },\n      [searchValue, locale]\n    )\n\n    const searchStatus = useMemo(() => {\n      if (!searchValue) {\n        // \u6CA1\u6709\u641C\u7D22\u503C\n        return SearchStatus.Default\n      } else if (searchResult?.totalCount) {\n        // \u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Predict\n      } else if (!isSearching) {\n        // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Empty\n      }\n    }, [searchResult?.totalCount, searchValue, isSearching])\n\n    return (\n      <Container childClassName=\"!bg-white\" {...rest} className={cn('relative', className)} ref={ref}>\n        <style>\n          {`\n            .navigation-search-component input:-webkit-autofill,\n            .navigation-search-component input:-webkit-autofill:hover,\n            .navigation-search-component input:-webkit-autofill:focus {\n              -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n              -webkit-text-fill-color: #000 !important;\n              transition: background-color 9999s ease-in-out 0s !important;\n              caret-color: #000;\n            }\n          `}\n        </style>\n        <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black\">\n          <input\n            ref={inputRef}\n            value={searchValue}\n            onCompositionStart={() => setIsComposing(true)}\n            onCompositionEnd={() => setIsComposing(false)}\n            onKeyDown={handleKeyDown}\n            onChange={e => {\n              setSearchValue(e.target.value)\n              if (e.target.value) {\n                debouncedFunction(e.target.value)\n              }\n            }}\n            type=\"text\"\n            className=\"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none placeholder:text-[#4A4C56] focus-visible:!outline-none\"\n            placeholder={data?.placeholder}\n          />\n          <div className=\"flex items-center gap-3\">\n            <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n            <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n            <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n          </div>\n        </div>\n        <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n          {searchStatus === SearchStatus.Predict ? (\n            <>\n              <div>\n                <div className=\"flex items-center gap-1\">\n                  <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                  {searchResult?.items?.length > 6 && (\n                    <Button\n                      as=\"a\"\n                      iconClassName=\"size-4\"\n                      href={getLocalizedPath(`${data?.moreLink}?q=${searchValue.toLowerCase()}`, locale)}\n                      className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n                      variant=\"link\"\n                    >\n                      {data?.moreText}\n                    </Button>\n                  )}\n                </div>\n                <div className=\"mt-2 flex flex-col\">\n                  {searchResult?.items\n                    ?.filter((item: any) => canSearch(item))\n                    .slice(0, 6)\n                    ?.map((item: any) => (\n                      <Link\n                        className=\"rounded-sidebar-shelf w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n                        href={getLink(item)}\n                        key={item.id}\n                      >\n                        <Text\n                          html={highlightSearchWord(item.title, searchValue)}\n                          className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n                        />\n                      </Link>\n                    ))}\n                </div>\n              </div>\n              <div key=\"predict-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={getLocalizedPath(data?.advertisingLink, locale)}>\n                      <div className=\"rounded-sidebar-shelf relative\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {searchResult?.items\n                    ?.filter((item: any) => item.type.toLowerCase() === 'product')\n                    .slice(0, data?.advertisingBgImg?.url ? 7 : 8)\n                    ?.map((item: any) => {\n                      const variant = item?.variants?.[0]\n                      const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n                      const productName = item?.title || item?.name\n                      const productDesc = item?.description\n                      const productBadge = item?.badge || ''\n                      const listingLink = getLocalizedPath(\n                        `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`,\n                        locale\n                      )\n                      return (\n                        <SearchProduct\n                          productImage={productImage}\n                          productName={productName}\n                          productDesc={productDesc}\n                          productBadge={productBadge}\n                          listingLink={listingLink}\n                          key={item.id}\n                        />\n                      )\n                    })}\n                </div>\n              </div>\n            </>\n          ) : (\n            <>\n              {searchStatus === SearchStatus.Empty && (\n                <Text\n                  html={data?.noResultText}\n                  as=\"p\"\n                  className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                />\n              )}\n              <div>\n                <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2\">\n                  <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n                  {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n                    <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n                      {data?.popularPages?.map((item: any) => (\n                        <GridItem\n                          key={item?.id}\n                          className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n                        >\n                          <a\n                            href={getLocalizedPath(`${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`, locale)}\n                            className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n                          >\n                            {item?.popularPage}\n                          </a>\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  )}\n                </div>\n              </div>\n              <div key=\"empty-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={getLocalizedPath(data?.advertisingLink, locale)}>\n                      <div className=\"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {data?.hotProducts?.slice(0, data?.advertisingBgImg?.url ? 7 : 8)?.map((item: any) => {\n                    const productDesc = item?.custom_description\n                    const productBadge = item?.badge || ''\n                    const listingLink = getLocalizedPath(\n                      `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`,\n                      locale\n                    )\n                    return (\n                      <SearchProduct\n                        productImage={item?.image}\n                        productName={item?.name}\n                        productDesc={productDesc}\n                        productBadge={productBadge}\n                        listingLink={listingLink}\n                        key={item.shopify_id || item.id}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n  productImage,\n  productName,\n  productDesc,\n  productBadge,\n  className,\n  listingLink,\n}: {\n  productImage: string\n  productName: string\n  productDesc: string\n  productBadge: string\n  className?: string\n  listingLink: string\n}) => {\n  const { componentOverrides } = useNavContext()\n  const badgeVariant = componentOverrides?.badge?.variant\n  return (\n    <Link href={listingLink} className=\"block no-underline hover:text-current\">\n      <div\n        className={cn(\n          'rounded-sidebar-shelf flex shrink-0 gap-4 overflow-hidden bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500',\n          className\n        )}\n      >\n        <div className=\"shrink-0\">\n          <img\n            src={productImage}\n            loading=\"lazy\"\n            alt={productName}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\" h-[24px] \">\n            {productBadge && (\n              <Badge size=\"sm\" variant={badgeVariant} className=\"mb-1\">\n                {productBadge}\n              </Badge>\n            )}\n          </div>\n          <div>\n            <Text\n              className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n              html={productName}\n            />\n            {productDesc && (\n              <Text\n                as=\"p\"\n                html={productDesc}\n                className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n  return (\n    <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n      {keywords?.map((keyword: any, index) => (\n        <a\n          href={getLocalizedPath(`${data?.moreLink}?q=${keyword?.toLowerCase()}`, locale)}\n          key={index}\n          className=\"rounded-sidebar-shelf laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n        >\n          {keyword}\n        </a>\n      ))}\n    </div>\n  )\n}\n\nexport default withLayout(NavigationSearch)\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "Picture", "Text", "Button", "Container", "Link", "Heading", "Grid", "GridItem", "Badge", "SearchIcon", "CloseIcon", "forwardRef", "useCallback", "useMemo", "useState", "useEffect", "useRef", "useAiuiContext", "useNavContext", "getLocalizedPath", "withLayout", "SearchStatus", "debounce", "cn", "atobID", "highlightSearchWord", "canSearch", "target", "NavigationSearch", "data", "onSearch", "onClose", "searchResult", "isSearching", "keywords", "className", "rest", "ref", "locale", "copyWriting", "searchValue", "setSearchValue", "isComposing", "setIsComposing", "inputRef", "debouncedFunction", "value", "handleKeyDown", "searchKeywords", "keyword", "word", "getLink", "item", "searchStatus", "variant", "productImage", "productName", "productDesc", "productBadge", "listingLink", "SearchProduct", "SearchKeyword", "componentOverrides", "badgeVariant", "index", "NavigationSearch_default"]
-}

package/dist/esm/biz-components/NavigationSearch/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/NavigationSearch/types.ts"],
-  "sourcesContent": ["export interface NavigationSearchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  data: any\n  onSearch: (value: string) => void\n  onClose: () => void\n  keywords?: {\n    search_term: string\n    search_date: string\n    shopify_domain: string\n    counts: number\n  }[]\n  searchResult: any\n  isSearching?: boolean\n  className?: string\n}\n\nexport enum SearchStatus {\n  Default = 'default',\n  Predict = 'predict',\n  Empty = 'empty',\n}\n"],
-  "mappings": "AAeO,IAAKA,OACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,MAAQ,QAHEA,OAAA",
-  "names": ["SearchStatus"]
-}

package/dist/esm/biz-components/NotifyMeDialog/NotifyMeDialog.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/NotifyMeDialog/NotifyMeDialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useCallback, useEffect, useState } from 'react'\nimport {\n  Button,\n  Text,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  Input,\n  Checkbox,\n  Heading,\n} from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport type { NotifyMeDialogProps } from './types.js'\nimport * as React from 'react'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { gaTrack } from '../../shared/track.js'\n\nconst componentType = 'copy'\nconst componentName = 'NotifyMeDialog'\n\ntype EmailState = 'idle' | 'error-empty' | 'error-format'\ntype SubmitState = 'idle' | 'loading' | 'success' | 'error-submit'\n\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nconst NotifyMeDialog = ({\n  open,\n  onOpenChange,\n  copy,\n  classNames,\n  checkboxes = [],\n  subscriptionMeta,\n  onSubmit,\n}: NotifyMeDialogProps) => {\n  const {\n    title,\n    subTitle,\n    emailLabel = 'Email address',\n    emailPlaceholder = 'your@email.com',\n    submitBtnText = 'Notify Me',\n    errorEmpty,\n    errorInvalidEmail,\n    errorCheckboxRequired,\n    errorSubmit = 'Something went wrong. Please try again.',\n    errorSubmitDetail,\n    successTitle,\n    successDesc,\n    successBtnText,\n  } = copy\n\n  const notifyMeDialogRef = React.useRef<HTMLDivElement>(null)\n  const { trackingData } = useAiuiContext()\n  useExposure(notifyMeDialogRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subTitle,\n  })\n\n  const [email, setEmail] = useState('')\n  const [checkedStates, setCheckedStates] = useState<boolean[]>(() => checkboxes.map(() => false))\n  const [emailState, setEmailState] = useState<EmailState>('idle')\n  const [checkboxErrors, setCheckboxErrors] = useState<boolean[]>(() => checkboxes.map(() => false))\n  const [submitState, setSubmitState] = useState<SubmitState>('idle')\n  const [errorCode, setErrorCode] = useState<string | null>(null)\n\n  // \u6839\u636E\u9519\u8BEF\u7801\u5339\u914D\u5BF9\u5E94\u6587\u6848\uFF0C\u672A\u5339\u914D\u5230\u5219\u56DE\u9000\u5230 errorSubmit\n  const resolvedErrorMessage = errorCode\n    ? (errorSubmitDetail?.find(d => d.code === errorCode)?.message ?? errorSubmit)\n    : errorSubmit\n\n  // \u662F\u5426\u53EF\u4EE5\u70B9\u51FB\u63D0\u4EA4\uFF08loading/success \u65F6\u7981\u7528\uFF09\n  const canSubmit = submitState !== 'loading' && submitState !== 'success'\n\n  // checkbox \u72B6\u6001\u53D8\u5316\n  const updateCheckedState = useCallback(\n    (index: number) => {\n      // checkbox \u70B9\u51FB\u57CB\u70B9\n      const cb = checkboxes[index]\n      if (cb) {\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'component_click',\n          event_parameters: {\n            page_group: trackingData.pageGroup || 'Home Page',\n            component_type: componentType,\n            component_name: componentName,\n            button_name: cb.label,\n            component_title: title,\n            component_description: subTitle || '',\n          },\n        })\n      }\n\n      setCheckedStates(prev => {\n        const next = [...prev]\n        next[index] = !next[index]\n        return next\n      })\n      // \u6E05\u9664\u5F53\u524D checkbox \u7684\u9519\u8BEF\u72B6\u6001\n      setCheckboxErrors(prev => {\n        const next = [...prev]\n        next[index] = false\n        return next\n      })\n      // \u6E05\u9664\u90AE\u7BB1\u9519\u8BEF\u548C\u63D0\u4EA4\u9519\u8BEF\n      if (emailState !== 'idle') setEmailState('idle')\n      if (submitState === 'error-submit') {\n        setSubmitState('idle')\n        setErrorCode(null)\n      }\n    },\n    [emailState, submitState]\n  )\n\n  // \u90AE\u7BB1\u8F93\u5165\u53D8\u5316\n  const handleEmailChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setEmail(e.target.value)\n      if (emailState !== 'idle') setEmailState('idle')\n      setCheckboxErrors(prev => (prev.some(Boolean) ? prev.map(() => false) : prev))\n      if (submitState === 'error-submit') {\n        setSubmitState('idle')\n        setErrorCode(null)\n      }\n    },\n    [emailState, submitState]\n  )\n\n  /**\n   * \u5BA2\u6237\u7AEF onSubmit \u8C03\u7528\u793A\u4F8B\n   *\n   * \u63A5\u53E3\u5931\u8D25\u65F6\u9700 throw { code } \u4EE5\u4FBF\u7EC4\u4EF6\u6309 errorSubmitDetail \u5339\u914D\u5BF9\u5E94\u63D0\u793A\u6587\u6848\uFF0C\n   * code \u4E3A number \u7C7B\u578B\u65F6\u7EC4\u4EF6\u4F1A\u81EA\u52A8\u8F6C\u4E3A string \u8FDB\u884C\u5339\u914D\u3002\n   *\n   * @example\n   * const handleNotifyMeSubmit = useCallback(\n   *   async (params) => {\n   *     const { email, checkedItems, meta } = params\n   *     const res = await fetch('/api/multipass/shopifyservices/product_arrival_notices', {\n   *       method: 'POST',\n   *       headers: {\n   *         'Content-Type': 'application/json',\n   *         'current-language': locale,\n   *       },\n   *       body: JSON.stringify({\n   *         email,\n   *         locale,\n   *         sku: variant.sku,\n   *         shop: shop.primaryDomain?.host,\n   *       }),\n   *     })\n   *     if (res.ok) {\n   *       if (checkedItems?.some?.((item) => item.checked && item.checkbox_id === 'subscribe')) {\n   *         subscribe({ email, dealsType: 'outStockNotify_subscribe_emails' })\n   *       }\n   *     } else {\n   *       throw { code: res.status }\n   *     }\n   *   },\n   *   [locale, variant.sku, shop.primaryDomain?.host, subscribe],\n   * )\n   */\n  // \u70B9\u51FB\u63D0\u4EA4\n  const handleSubmit = useCallback(async () => {\n    // \u70B9\u51FB\u63D0\u4EA4\u57CB\u70B9\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'component_click',\n      event_parameters: {\n        page_group: trackingData.pageGroup || 'Home Page',\n        component_type: componentType,\n        component_name: componentName,\n        button_name: submitBtnText,\n        component_title: title,\n        component_description: subTitle || '',\n      },\n    })\n\n    let hasError = false\n\n    // \u6821\u9A8C\u90AE\u7BB1\u975E\u7A7A\n    if (!email.trim()) {\n      setEmailState('error-empty')\n      hasError = true\n    } else if (!EMAIL_REGEX.test(email.trim())) {\n      setEmailState('error-format')\n      hasError = true\n    } else {\n      setEmailState('idle')\n    }\n\n    // \u6821\u9A8C required checkbox\n    const newCheckboxErrors = checkboxes.map((cb, i) => {\n      if (cb.label && cb.required && !checkedStates[i]) {\n        hasError = true\n        return true\n      }\n      return false\n    })\n    setCheckboxErrors(newCheckboxErrors)\n\n    if (hasError) return\n\n    setSubmitState('loading')\n    try {\n      const checkedItems = checkboxes\n        .map((cb, i) =>\n          cb.checkbox_id !== undefined ? { checkbox_id: cb.checkbox_id!, checked: checkedStates[i] } : null\n        )\n        .filter((item): item is { checkbox_id: string; checked: boolean } => item !== null)\n      await onSubmit({ email: email.trim(), checkedItems, meta: subscriptionMeta })\n      setSubmitState('success')\n    } catch (err: unknown) {\n      const code =\n        err && typeof err === 'object' && 'code' in err ? String((err as Record<string, unknown>).code) : null\n      setErrorCode(code)\n      setSubmitState('error-submit')\n    }\n  }, [email, checkboxes, checkedStates, subscriptionMeta, onSubmit])\n\n  // error-submit 3s \u540E\u81EA\u52A8\u6D88\u5931\n  useEffect(() => {\n    if (submitState !== 'error-submit') return\n    const timer = setTimeout(() => {\n      setSubmitState('idle')\n      setErrorCode(null)\n    }, 3000)\n    return () => clearTimeout(timer)\n  }, [submitState])\n\n  // \u5173\u95ED\u5F39\u7A97\u65F6\u91CD\u7F6E\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        setEmail('')\n        setCheckedStates(checkboxes.map(() => false))\n        setEmailState('idle')\n        setCheckboxErrors(checkboxes.map(() => false))\n        setSubmitState('idle')\n        setErrorCode(null)\n      }\n      onOpenChange(isOpen)\n    },\n    [checkboxes, onOpenChange]\n  )\n\n  const hasCheckboxes = checkboxes.some(cb => cb.label)\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange}>\n      <DialogContent\n        ref={notifyMeDialogRef}\n        aria-describedby=\"notify-me-content\"\n        className={cn(\n          'laptop:max-w-[480px] laptop:[&_.dialog-close-icon]:size-6 laptop:gap-8 rounded-box laptop:p-8 max-h-[90vh] w-[calc(100%-32px)] gap-6 overflow-y-auto bg-white p-6 [&_.dialog-close-icon]:size-5',\n          classNames?.root\n        )}\n      >\n        {submitState !== 'success' && (\n          <DialogHeader className={cn(classNames?.header)}>\n            <DialogTitle>\n              <Heading as=\"h2\" size={2} className={cn('text-info-primary text-center font-bold', classNames?.title)}>\n                {title}\n              </Heading>\n            </DialogTitle>\n            {subTitle && (\n              <DialogDescription asChild>\n                <Text\n                  as=\"p\"\n                  className={cn('text-info-primary laptop:text-base mt-1 text-center text-sm', classNames?.subTitle)}\n                >\n                  {subTitle}\n                </Text>\n              </DialogDescription>\n            )}\n          </DialogHeader>\n        )}\n\n        {submitState === 'success' ? (\n          <div className={cn('flex flex-col items-center text-center', classNames?.successText)}>\n            {/* \u6210\u529F\u56FE\u6807 */}\n            <div className=\"flex size-20 items-center justify-center\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\n                <circle cx=\"40\" cy=\"40\" r=\"35\" fill=\"#30D158\" />\n                <path\n                  d=\"M23.3333 38.3333L36.6666 50L56.6666 30\"\n                  stroke=\"white\"\n                  strokeWidth=\"6.66667\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              </svg>\n            </div>\n            <div className=\"mt-4\">\n              {/* \u6807\u9898 */}\n              <Heading as=\"h3\" size={2} className=\"text-info-primary font-bold\">\n                {successTitle}\n              </Heading>\n              {/* \u526F\u6587\u6848 */}\n              {successDesc && (\n                <Text as=\"p\" className=\"text-info-primary laptop:text-base mt-1 text-sm\">\n                  {successDesc}\n                </Text>\n              )}\n            </div>\n            {/* \u786E\u8BA4\u6309\u94AE */}\n            {successBtnText && (\n              <Button\n                variant=\"primary\"\n                size=\"lg\"\n                onClick={() => onOpenChange(false)}\n                className=\"laptop:mt-8 mt-6 w-full\"\n              >\n                {successBtnText}\n              </Button>\n            )}\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-4\">\n            {/* \u90AE\u7BB1\u8F93\u5165\u6846 */}\n            <div className={classNames?.emailInput}>\n              <Text\n                as=\"label\"\n                htmlFor=\"notify-me-email\"\n                className=\"text-info-primary laptop:text-base mb-2 block text-sm\"\n              >\n                {emailLabel}\n              </Text>\n              <Input\n                id=\"notify-me-email\"\n                type=\"email\"\n                placeholder={emailPlaceholder}\n                value={email}\n                onChange={handleEmailChange}\n                disabled={submitState === 'loading'}\n                className={cn(\n                  'placeholder:text-info-tertiary text-info-primary laptop:h-[54px] laptop:text-base laptop:p-4 border-lines-1 h-[44px] w-full bg-white p-3 text-sm font-bold placeholder:font-bold focus-visible:!outline-none',\n                  emailState !== 'idle' && 'border-error-0'\n                )}\n              />\n              {emailState === 'error-empty' && (\n                <Text as=\"p\" className=\"text-error-0 laptop:text-base mt-2 text-sm\">\n                  {errorEmpty}\n                </Text>\n              )}\n              {emailState === 'error-format' && (\n                <Text as=\"p\" className=\"text-error-0 laptop:text-base mt-2 text-sm\">\n                  {errorInvalidEmail}\n                </Text>\n              )}\n            </div>\n\n            {/* Checkboxes \u5217\u8868 */}\n            {hasCheckboxes && (\n              <div className={cn('laptop:gap-4 flex flex-col gap-2', classNames?.checkboxes)}>\n                {checkboxes.map((cb, i) => {\n                  if (!cb.label) return null\n                  return (\n                    <div key={i}>\n                      <label\n                        className={cn(\n                          'text-info-tertiary flex cursor-pointer items-start gap-2',\n                          classNames?.checkboxItem\n                        )}\n                      >\n                        <Checkbox\n                          checked={checkedStates[i]}\n                          onCheckedChange={() => updateCheckedState(i)}\n                          data-headless-type-name={`${componentType}#${componentName}`}\n                          data-headless-title-desc-button={`''#''#${cb.label}`}\n                          data-headless-nav-position={`''#1`}\n                          disabled={submitState === 'loading'}\n                          className=\"border-info-secondary data-[state=checked]:bg-info-secondary mt-0.5 shrink-0\"\n                        />\n                        <Text\n                          as=\"span\"\n                          className=\"text-info-tertiary laptop:text-base [&_a]:text-brand-0 text-sm leading-snug [&_a]:underline\"\n                          html={cb.label}\n                        />\n                      </label>\n                      {checkboxErrors[i] && (\n                        <Text as=\"p\" className=\"text-error-0 laptop:text-base mt-2 text-sm\">\n                          {errorCheckboxRequired}\n                        </Text>\n                      )}\n                    </div>\n                  )\n                })}\n              </div>\n            )}\n\n            {/* \u63D0\u4EA4\u6309\u94AE */}\n            <Button\n              variant=\"primary\"\n              size=\"lg\"\n              loading={submitState === 'loading'}\n              disabled={!canSubmit}\n              onClick={handleSubmit}\n              className={cn('w-full', classNames?.submitBtn)}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`''#''#${submitBtnText}`}\n              data-headless-nav-position={`''#1`}\n            >\n              {submitBtnText}\n            </Button>\n\n            {/* \u63D0\u4EA4\u9519\u8BEF\uFF08\u5F39\u7A97\u6700\u5E95\u90E8\uFF09 */}\n            {submitState === 'error-submit' && (\n              <Text as=\"p\" className={cn('text-error-0 laptop:text-base text-sm', classNames?.errorText)}>\n                {resolvedErrorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nNotifyMeDialog.displayName = 'NotifyMeDialog'\n\nexport default NotifyMeDialog\nexport type { NotifyMeDialogProps }\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Text", "Dialog", "DialogContent", "DialogHeader", "DialogTitle", "DialogDescription", "Input", "Checkbox", "Heading", "cn", "React", "useExposure", "useAiuiContext", "gaTrack", "componentType", "componentName", "EMAIL_REGEX", "NotifyMeDialog", "open", "onOpenChange", "copy", "classNames", "checkboxes", "subscriptionMeta", "onSubmit", "title", "subTitle", "emailLabel", "emailPlaceholder", "submitBtnText", "errorEmpty", "errorInvalidEmail", "errorCheckboxRequired", "errorSubmit", "errorSubmitDetail", "successTitle", "successDesc", "successBtnText", "notifyMeDialogRef", "trackingData", "email", "setEmail", "checkedStates", "setCheckedStates", "emailState", "setEmailState", "checkboxErrors", "setCheckboxErrors", "submitState", "setSubmitState", "errorCode", "setErrorCode", "resolvedErrorMessage", "d", "canSubmit", "updateCheckedState", "index", "cb", "prev", "next", "handleEmailChange", "handleSubmit", "hasError", "newCheckboxErrors", "i", "checkedItems", "item", "err", "code", "timer", "handleOpenChange", "isOpen", "hasCheckboxes", "NotifyMeDialog_default"]
-}

package/dist/esm/biz-components/NotifyMeDialog/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/NotifyMeDialog/index.tsx"],
-  "sourcesContent": ["export { default as NotifyMeDialog } from './NotifyMeDialog.js'\nexport type {\n  NotifyMeDialogProps,\n  NotifyMeDialogCopy,\n  NotifyMeDialogSemanticName,\n  CheckboxConfig,\n  ErrorDetail,\n  SubscribeFormData,\n  SubscriptionMeta,\n} from './types.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAiC",
-  "names": ["default"]
-}

package/dist/esm/biz-components/NotifyMeDialog/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/ProductCompare/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductCompare/index.tsx"],
-  "sourcesContent": ["import { useEffect, useRef, useState } from 'react'\nimport { Heading, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport type { Media, Theme } from '../../types/props.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nfunction LazyMedia({ children, offset = 800 }: { children: React.ReactNode; offset?: number }) {\n  const [loaded, setLoaded] = useState(false)\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(([entry]) => entry.isIntersecting && setLoaded(true), {\n      rootMargin: `${offset}px`,\n    })\n    ref.current && observer.observe(ref.current)\n    return () => observer.disconnect()\n  }, [offset])\n\n  return (\n    <div ref={ref} className=\"size-full\">\n      {loaded && children}\n    </div>\n  )\n}\n\nfunction MediaElement({ media, poster, className }: { media?: Media; poster?: Media; className?: string }) {\n  if (!media?.url) return null\n\n  const isVideo = media.mimeType?.startsWith('video/')\n\n  if (isVideo) {\n    return (\n      <video\n        src={media.url}\n        playsInline\n        autoPlay\n        muted\n        loop\n        poster={poster?.url || ''}\n        preload=\"metadata\"\n        disablePictureInPicture\n        disableRemotePlayback\n        className={className}\n        width={media.width}\n        height={media.height}\n      />\n    )\n  }\n\n  return <img src={media.url} alt={media.alt || ''} className={className} width={media.width} height={media.height} />\n}\n\nexport interface ProductItemData {\n  /** \u4EA7\u54C1\u6807\u7B7E\u6587\u672C */\n  text?: string\n  /** \u684C\u9762\u7AEF\u5A92\u4F53\uFF08\u89C6\u9891\u6216\u56FE\u7247\uFF09 */\n  media?: Media\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53\uFF08\u89C6\u9891\u6216\u56FE\u7247\uFF09 */\n  mobMedia?: Media\n  /** \u684C\u9762\u7AEF\u5C01\u9762\u56FE\uFF08\u4EC5\u7528\u4E8E\u89C6\u9891\uFF09 */\n  poster?: Media\n  /** \u79FB\u52A8\u7AEF\u5C01\u9762\u56FE\uFF08\u4EC5\u7528\u4E8E\u89C6\u9891\uFF09 */\n  mobPoster?: Media\n}\n\n/** \u6807\u9898\u7C7B\u578B */\nexport type TitleType = 'selling-point' | 'primary' | 'secondary'\n\n/** \u6587\u672C\u5BF9\u9F50\u65B9\u5F0F */\nexport type TextAlign = 'left' | 'center'\n\n/** \u56FE\u7247\u5BBD\u5EA6\u6BD4\u4F8B\uFF082\u5F20\u56FE\u7247\u65F6\uFF09 */\nexport type TwoImageRatio = '2:3' | '1:1'\n\n/** \u56FE\u7247\u5BBD\u5EA6\u6BD4\u4F8B\uFF083\u5F20\u56FE\u7247\u65F6\uFF09 */\nexport type ThreeImageRatio = '1:1:1'\n\nexport interface ProductCompareProps extends React.HTMLAttributes<HTMLElement> {\n  /** \u7EC4\u4EF6\u6570\u636E */\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title?: string\n    /** \u6807\u9898\u7C7B\u578B\uFF1Aselling-point\uFF08\u5356\u70B9\uFF09\u3001primary\uFF08\u4E00\u7EA7\u6807\u9898\uFF09\u3001secondary\uFF08\u4E8C\u7EA7\u6807\u9898\uFF09 */\n    titleType?: TitleType\n    /** \u6807\u9898\u56FE\u6807\uFF08\u4EC5\u5F53 titleType \u4E3A selling-point \u65F6\u6709\u6548\uFF09 */\n    titleIcon?: Media\n    /** \u526F\u6807\u9898 */\n    subtitle?: string\n    /** \u526F\u6807\u9898\u4E0B\u65B9\u7684\u56FE\u7247 */\n    subtitleImage?: Media\n    /** \u6587\u672C\u5BF9\u9F50\u65B9\u5F0F\uFF1Aleft\uFF08\u5DE6\u5BF9\u9F50\uFF09\u3001center\uFF08\u5C45\u4E2D\uFF09 */\n    textAlign?: TextAlign\n    /** \u4EA7\u54C1\u5217\u8868\uFF08\u652F\u63012-3\u4E2A\u4EA7\u54C1\uFF09 */\n    products?: ProductItemData[]\n    /** 2\u5F20\u56FE\u7247\u65F6\u7684\u5BBD\u5EA6\u6BD4\u4F8B */\n    twoImageRatio?: TwoImageRatio\n    /** 3\u5F20\u56FE\u7247\u65F6\u7684\u5BBD\u5EA6\u6BD4\u4F8B */\n    threeImageRatio?: ThreeImageRatio\n    /** \u4E3B\u9898\uFF1Alight \u6216 dark */\n    theme?: Theme\n  }\n}\n\n/**\n * \u6839\u636E\u4EA7\u54C1\u6570\u91CF\u548C\u6BD4\u4F8B\u83B7\u53D6\u5E03\u5C40\u7C7B\u540D\n */\nfunction getProductLayoutClasses(index: number, totalProducts: number, twoImageRatio?: TwoImageRatio): string {\n  if (totalProducts === 2) {\n    if (twoImageRatio === '1:1') {\n      return 'laptop:flex-[1]'\n    }\n    // \u9ED8\u8BA4 2:3 \u6BD4\u4F8B\n    return index === 0 ? 'laptop:flex-[2]' : 'laptop:flex-[3]'\n  }\n\n  if (totalProducts === 3) {\n    // 1:1:1 \u6BD4\u4F8B\n    return 'laptop:flex-[1]'\n  }\n\n  return 'laptop:flex-[1]'\n}\n\nfunction ProductCompare({ data, className, ...rest }: ProductCompareProps) {\n  const {\n    title,\n    titleType = 'primary',\n    titleIcon,\n    subtitle,\n    subtitleImage,\n    textAlign = 'left',\n    products = [],\n    twoImageRatio = '2:3',\n    threeImageRatio = '1:1:1',\n    theme = 'light',\n  } = data\n\n  // \u6587\u672C\u5BF9\u9F50\u7C7B\u540D\n  const alignClasses = textAlign === 'center' ? 'text-center' : 'text-left laptop:text-left'\n\n  // \u6839\u636E\u6807\u9898\u7C7B\u578B\u786E\u5B9A Heading size \u548C\u6837\u5F0F\n  const getTitleSize = () => {\n    if (titleType === 'secondary') return 3\n    return 4\n  }\n\n  // \u6E32\u67D3\u6807\u9898\n  const renderTitle = () => {\n    if (!title) return null\n\n    // \u5356\u70B9\u6807\u9898\uFF08\u5305\u542B\u56FE\u6807\uFF09\n    if (titleType === 'selling-point' && titleIcon) {\n      return (\n        <div\n          className={cn(\n            'product-compare-title-wrapper flex items-center gap-[8px]',\n            alignClasses === 'text-center' ? 'justify-center' : ''\n          )}\n        >\n          <img\n            src={titleIcon.url}\n            alt={titleIcon.alt || ''}\n            className=\"product-compare-title-icon laptop:size-[32px] size-[24px]\"\n          />\n          <Heading\n            as=\"h2\"\n            size={getTitleSize()}\n            html={title}\n            className=\"product-compare-title\"\n            style={{ color: '#00BEFA' }}\n          />\n        </div>\n      )\n    }\n\n    // \u666E\u901A\u6807\u9898\n    return <Heading as=\"h2\" size={getTitleSize()} html={title} className={cn('product-compare-title', alignClasses)} />\n  }\n\n  return (\n    <section\n      {...rest}\n      className={cn('product-compare text-info-primary', className, {\n        'aiui-dark': theme === 'dark',\n      })}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      {renderTitle()}\n\n      {/* \u526F\u6807\u9898 */}\n      {subtitle && (\n        <Text\n          as=\"p\"\n          size={2}\n          html={subtitle}\n          className={cn(\n            'product-compare-subtitle tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]',\n            alignClasses\n          )}\n        />\n      )}\n\n      {/* \u526F\u6807\u9898\u4E0B\u65B9\u56FE\u7247 */}\n      {subtitleImage && (\n        <div\n          className={cn(\n            'product-compare-subtitle-image laptop:mt-[24px] mt-[16px]',\n            alignClasses === 'text-center' ? 'flex justify-center' : ''\n          )}\n        >\n          <img\n            src={subtitleImage.url}\n            alt={subtitleImage.alt || ''}\n            className=\"max-w-full\"\n            width={subtitleImage.width}\n            height={subtitleImage.height}\n          />\n        </div>\n      )}\n\n      {/* \u4EA7\u54C1\u5BF9\u6BD4\u5361\u7247\u5BB9\u5668 */}\n      <div className=\"product-compare-container tablet:flex-row tablet:flex-nowrap laptop:mt-[32px] mt-[24px] flex w-full flex-col items-stretch gap-[16px]\">\n        {products.map((product, index) => {\n          const isLastProduct = index === products.length - 1\n          const layoutClasses = getProductLayoutClasses(index, products.length, twoImageRatio)\n\n          // \u6807\u7B7E\u6837\u5F0F\uFF1A\u6700\u540E\u4E00\u4E2A\u4EA7\u54C1\u7528 bg-brand-0\uFF0C\u5176\u4ED6\u7528 rgba(0,0,0,0.2)\n          const labelBgClass = isLastProduct ? 'bg-brand-0' : 'bg-[rgba(0,0,0,0.2)]'\n\n          return (\n            <div\n              key={index}\n              className={cn('product-compare-item rounded-box relative shrink overflow-hidden', layoutClasses, {\n                'order-2 tablet:order-1': index === 0 && products.length === 2,\n                'order-1 tablet:order-2': index === 1 && products.length === 2,\n              })}\n            >\n              {/* \u4EA7\u54C1\u6807\u7B7E */}\n              {product.text && (\n                <div\n                  className={cn(\n                    'product-compare-label rounded-btn laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px] text-badge-foreground absolute left-[16px] top-[16px] z-10 px-[20px] pb-[10px] pt-[11px] font-bold',\n                    labelBgClass\n                  )}\n                >\n                  <Heading as=\"h6\" className=\"font-bold\" size={1}>\n                    {product.text}\n                  </Heading>\n                </div>\n              )}\n\n              {/* \u4EA7\u54C1\u5A92\u4F53 */}\n              <LazyMedia offset={1500}>\n                <MediaElement\n                  media={product.media}\n                  poster={product.poster}\n                  className=\"product-compare-media laptop:block hidden size-full object-cover\"\n                />\n                <MediaElement\n                  media={product.mobMedia ? product.mobMedia : product.media}\n                  poster={product.mobPoster ? product.mobPoster : product.poster}\n                  className=\"product-compare-media-mobile laptop:hidden block w-full\"\n                />\n              </LazyMedia>\n            </div>\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nexport default withLayout(ProductCompare)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useEffect", "useRef", "useState", "Heading", "Text", "cn", "withLayout", "LazyMedia", "children", "offset", "loaded", "setLoaded", "ref", "observer", "entry", "MediaElement", "media", "poster", "className", "getProductLayoutClasses", "index", "totalProducts", "twoImageRatio", "ProductCompare", "data", "rest", "title", "titleType", "titleIcon", "subtitle", "subtitleImage", "textAlign", "products", "threeImageRatio", "theme", "alignClasses", "getTitleSize", "renderTitle", "product", "isLastProduct", "layoutClasses", "labelBgClass", "ProductCompare_default"]
-}

package/dist/esm/biz-components/ProductHero/ProductHero.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductHero/ProductHero.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Heading, Button, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { ProductHeroProps } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'product_hero'\n\nconst ProductHero = React.forwardRef<HTMLDivElement, ProductHeroProps>(({ data, className }, ref) => {\n  const { title, subtitle, ctaText, poster, mobPoster, ctaLink, theme = 'light' } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"ProductHero\"\n      className={cn(\n        'product-hero text-info-primary tablet:flex-row tablet:gap-[16px] lg-desktop:gap-[64px] flex w-full flex-col items-center justify-between gap-[32px]',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      <div className=\"product-hero__content tablet:basis-[42%] laptop:basis-[36%] flex w-full flex-col items-start gap-[24px]\">\n        <div className=\"product-hero__text\">\n          <Heading as={'h3'} size={4} html={title} className=\"product-hero__title\" />\n          <Heading\n            as={'h4'}\n            size={2}\n            html={subtitle}\n            className=\"product-hero__subtitle product-hero__subtitle--desktop laptop:mt-[12px] laptop:block desktop:mt-[16px] mt-[4px] hidden\"\n          />\n          <Text\n            as={'p'}\n            size={2}\n            html={subtitle}\n            className=\"product-hero__subtitle product-hero__subtitle--mobile laptop:mt-[12px] laptop:hidden desktop:mt-[16px] mt-[4px] block\"\n          />\n        </div>\n        {ctaText && (\n          <a href={ctaLink} className=\"product-hero__cta-link\">\n            <Button className=\"product-hero__cta-button w-fit\">{ctaText}</Button>\n          </a>\n        )}\n      </div>\n      <Picture\n        className=\"product-hero__image tablet:aspect-[824/640] tablet:basis-[58%] laptop:basis-[64%] rounded-box aspect-[358/360] shrink\"\n        source={`${poster?.url}, ${mobPoster?.url} 768`}\n        imgClassName=\"h-full object-cover\"\n      />\n    </section>\n  )\n})\n\nProductHero.displayName = 'ProductHero'\n\nexport default withLayout(ProductHero)\n"],
-  "mappings": "aAsCQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBArCR,OAAOC,GAAS,UAAAC,EAAQ,uBAAAC,MAA2B,QACnD,OAAS,WAAAC,EAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,4BAC/C,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,eAAAC,MAAmB,6BAG5B,MAAMC,EAAgB,QAChBC,EAAgB,eAEhBC,EAAcZ,EAAM,WAA6C,CAAC,CAAE,KAAAa,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACnG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAQ,OAAQ,EAAIT,EAE5EU,EAAStB,EAAuB,IAAI,EAE1C,OAAAQ,EAAYc,EAAQ,CAClB,cAAAb,EACA,cAAAC,EACA,eAAgBK,EAChB,qBAAsBC,CACxB,CAAC,EAEDf,EAAoBa,EAAK,IAAMQ,EAAO,OAAyB,EAG7DxB,EAAC,WACC,IAAKwB,EACL,uBAAqB,cACrB,UAAWhB,EACT,sJACA,CACE,YAAae,IAAU,MACzB,EACAR,CACF,EAEA,UAAAf,EAAC,OAAI,UAAU,0GACb,UAAAA,EAAC,OAAI,UAAU,qBACb,UAAAD,EAACK,EAAA,CAAQ,GAAI,KAAM,KAAM,EAAG,KAAMa,EAAO,UAAU,sBAAsB,EACzElB,EAACK,EAAA,CACC,GAAI,KACJ,KAAM,EACN,KAAMc,EACN,UAAU,yHACZ,EACAnB,EAACQ,EAAA,CACC,GAAI,IACJ,KAAM,EACN,KAAMW,EACN,UAAU,wHACZ,GACF,EACCC,GACCpB,EAAC,KAAE,KAAMuB,EAAS,UAAU,yBAC1B,SAAAvB,EAACM,EAAA,CAAO,UAAU,iCAAkC,SAAAc,EAAQ,EAC9D,GAEJ,EACApB,EAACO,EAAA,CACC,UAAU,wHACV,OAAQ,GAAGc,GAAQ,GAAG,KAAKC,GAAW,GAAG,OACzC,aAAa,sBACf,GACF,CAEJ,CAAC,EAEDR,EAAY,YAAc,cAE1B,IAAOY,EAAQhB,EAAWI,CAAW",
-  "names": ["jsx", "jsxs", "React", "useRef", "useImperativeHandle", "Heading", "Button", "Picture", "Text", "cn", "withLayout", "useExposure", "componentType", "componentName", "ProductHero", "data", "className", "ref", "title", "subtitle", "ctaText", "poster", "mobPoster", "ctaLink", "theme", "boxRef", "ProductHero_default"]
-}

package/dist/esm/biz-components/ProductHero/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductHero/index.ts"],
-  "sourcesContent": ["export { default } from './ProductHero.js'\nexport type { ProductHeroProps } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/ProductHero/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}