@alfadocs/ui-kit-debug 0.85.0 → 0.87.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/lucide-react/dist/esm/icons/arrow-right.mjs","../node_modules/lucide-react/dist/esm/icons/repeat.mjs","../src/patterns/payment-automation-upsell/payment-automation-upsell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"m12 5 7 7-7 7\", key: \"xquz4c\" }]\n];\nconst ArrowRight = createLucideIcon(\"arrow-right\", __iconNode);\n\nexport { __iconNode, ArrowRight as default };\n//# sourceMappingURL=arrow-right.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m17 2 4 4-4 4\", key: \"nntrym\" }],\n  [\"path\", { d: \"M3 11v-1a4 4 0 0 1 4-4h14\", key: \"84bu3i\" }],\n  [\"path\", { d: \"m7 22-4-4 4-4\", key: \"1wqhfi\" }],\n  [\"path\", { d: \"M21 13v1a4 4 0 0 1-4 4H3\", key: \"1rx37r\" }]\n];\nconst Repeat = createLucideIcon(\"repeat\", __iconNode);\n\nexport { __iconNode, Repeat as default };\n//# sourceMappingURL=repeat.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Payment Automation Upsell — PLG surface for the payment-request index  */\n/* when the Payment Automation (PAU) module is NOT enabled.               */\n/*                                                                        */\n/* Replaces the old dead-end \"module disabled\" page with a value preview  */\n/* + role-aware call to action. Ships as a RUNTIME pattern (an importable */\n/* component) so the platform mounts it directly instead of hand-rolling  */\n/* markup — see src/patterns/README.md § \"Exception — runtime patterns\".  */\n/*                                                                        */\n/* Copy is consumer-owned: every user-visible string arrives pre-         */\n/* translated via props (the host app localises through its own i18n),    */\n/* mirroring MarketplaceAppShell. The kit owns the design, not the words. */\n/* Marketing-serif display heading is the DS-owner-sanctioned PAU         */\n/* exception (CLAUDE.md constraint 10 / 06-i18n § Font Requirements).     */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  ArrowRight,\n  CalendarClock,\n  CircleCheck,\n  Clock,\n  CreditCard,\n  Lock,\n  ReceiptEuro,\n  RefreshCw,\n  Repeat,\n  Send,\n  ShieldCheck,\n  TriangleAlert,\n} from 'lucide-react';\n\nimport { Alert } from '../../components/alert';\nimport { Badge } from '../../components/badge';\nimport { BenefitCard } from '../../components/benefit-card';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { List } from '../../components/list';\nimport { Stat } from '../../components/stat';\n\n/** Who is viewing the surface — drives which CTA is shown. */\nexport type PaymentAutomationUpsellRole = 'owner' | 'member';\n\n/** Status of a mock payment request in the preview. */\nexport type PaymentAutomationUpsellRequestStatus =\n  | 'paid'\n  | 'authorized'\n  | 'pending'\n  | 'overdue';\n\nexport interface PaymentAutomationUpsellStep {\n  id: string;\n  /** Pre-translated step title. */\n  title: string;\n  /** Pre-translated step body. */\n  description: string;\n  /** Optional icon override; a sensible default is chosen per position. */\n  icon?: ReactNode;\n}\n\nexport interface PaymentAutomationUpsellFeature {\n  id: string;\n  /** Pre-translated single line of the \"what's included\" checklist. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellMetric {\n  id: string;\n  /** Headline value, already formatted/localised, e.g. \"3×\" or \"−75%\". */\n  value: string;\n  /** Pre-translated caption under the value. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellPreviewRow {\n  id: string;\n  /** Pre-translated row title, e.g. \"Richiesta RDP-2026-0042\". */\n  title: string;\n  /** Optional pre-translated secondary line (plan / date). Never real PHI. */\n  meta?: string;\n  /** Amount in minor units (cents); formatted with `locale` + `currency`. */\n  amountCents: number;\n  /** Drives the status badge colour + icon. */\n  status: PaymentAutomationUpsellRequestStatus;\n  /** Pre-translated status label shown in the badge. */\n  statusLabel: string;\n}\n\nexport interface PaymentAutomationUpsellLabels {\n  /** Small eyebrow above the headline — usually the module name. */\n  eyebrow?: string;\n  /** Serif display headline. */\n  title: string;\n  /** One- or two-sentence supporting subtitle. */\n  subtitle: string;\n  /** Heading for the \"how it works\" step column. */\n  howItWorksHeading: string;\n  /** Heading for the mock preview. */\n  previewHeading: string;\n  /** Optional small caption flagging the preview as illustrative. */\n  previewCaption?: string;\n  /** Title of the right-hand call-to-action card. */\n  ctaCardTitle: string;\n  /** Optional pitch line under the CTA card title. */\n  ctaCardSubtitle?: string;\n  /** Optional heading above the feature checklist. */\n  featuresHeading?: string;\n  /** Optional price / plan note, e.g. \"Incluso nel piano Premium\". */\n  priceNote?: string;\n  /** Owner primary CTA label. */\n  activateLabel: string;\n  /** Member: notice title explaining they cannot self-activate. */\n  memberNoticeTitle?: string;\n  /** Member: notice body. */\n  memberNoticeDescription?: string;\n  /** Member CTA label. */\n  notifyAdminLabel?: string;\n}\n\nexport interface PaymentAutomationUpsellProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Who is viewing. Owners can self-activate; members ask an admin. Default `owner`. */\n  role?: PaymentAutomationUpsellRole;\n  /** All user-visible copy — pre-translated by the host app. */\n  labels: PaymentAutomationUpsellLabels;\n  /** \"How it works\" steps, rendered as numbered BenefitCards. */\n  steps: PaymentAutomationUpsellStep[];\n  /** \"What's included\" checklist. */\n  features: PaymentAutomationUpsellFeature[];\n  /** Optional proof metrics shown in the CTA card. */\n  metrics?: PaymentAutomationUpsellMetric[];\n  /** Mock payment-request rows for the preview. */\n  previewRows: PaymentAutomationUpsellPreviewRow[];\n  /** BCP-47 locale used for currency formatting. Default `it-IT`. */\n  locale?: string;\n  /** ISO-4217 currency for the preview amounts. Default `EUR`. */\n  currency?: string;\n  /** Owner CTA handler — host navigates to the activation / upgrade flow. */\n  onActivate?: () => void;\n  /** Member CTA handler — host notifies the practice owner / admin. */\n  onNotifyAdmin?: () => void;\n}\n\n/* Marketing serif is the DS-owner-sanctioned PAU exception; body/UI stays sans. */\nconst HEADLINE_CLASS = [\n  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif display heading (constraint 10)\n  'ds:[font-family:var(--font-serif)] ds:italic ds:font-semibold ds:leading-tight',\n  'ds:text-[color:var(--primary)]',\n].join(' ');\n\nconst DEFAULT_STEP_ICONS: ReactNode[] = [\n  <CalendarClock aria-hidden=\"true\" className=\"ds:size-5\" key=\"0\" />,\n  <CreditCard aria-hidden=\"true\" className=\"ds:size-5\" key=\"1\" />,\n  <RefreshCw aria-hidden=\"true\" className=\"ds:size-5\" key=\"2\" />,\n  <Repeat aria-hidden=\"true\" className=\"ds:size-5\" key=\"3\" />,\n];\n\n/* Brand-only accent rotation. The BenefitCard `auto`/`blue`+ wheel pairs each\n   hue with the next (blue→green, green→red), so anything past `magenta` bleeds\n   into semantic colours. Cap to the three brand hues and wrap. */\nconst STEP_ACCENTS = ['violet', 'purple', 'magenta'] as const;\n\nconst STATUS_META: Record<\n  PaymentAutomationUpsellRequestStatus,\n  { variant: 'success' | 'info' | 'warning' | 'error'; icon: ReactNode }\n> = {\n  paid: {\n    variant: 'success',\n    icon: <CircleCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  authorized: {\n    variant: 'info',\n    icon: <ShieldCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  pending: {\n    variant: 'warning',\n    icon: <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  overdue: {\n    variant: 'error',\n    icon: <TriangleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n};\n\nexport const PaymentAutomationUpsell = forwardRef<\n  HTMLElement,\n  PaymentAutomationUpsellProps\n>(\n  (\n    {\n      role = 'owner',\n      labels,\n      steps,\n      features,\n      metrics,\n      previewRows,\n      locale = 'it-IT',\n      currency = 'EUR',\n      onActivate,\n      onNotifyAdmin,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const howHeadingId = useId();\n    const previewHeadingId = useId();\n    const ctaTitleId = useId();\n    const featuresHeadingId = useId();\n\n    const money = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    });\n\n    const stepColumns = Math.min(Math.max(steps.length, 1), 4) as 1 | 2 | 3 | 4;\n\n    // Split the \"what's included\" checklist into two balanced columns so the\n    // full-width card reads as a filled panel rather than a left-hugging strip.\n    const featureMid = Math.ceil(features.length / 2);\n    const featureColumns = [\n      features.slice(0, featureMid),\n      features.slice(featureMid),\n    ].filter((column) => column.length > 0);\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"payment-automation-upsell\"\n        aria-labelledby={headingId}\n        className={[\n          'ds:mx-auto ds:flex ds:w-full ds:max-w-[80rem] ds:flex-col ds:gap-[var(--spacing-lg)]',\n          'ds:text-[color:var(--foreground)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {/* Hero — pure value proposition, no action. */}\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]\">\n            <div className=\"ds:flex ds:max-w-prose ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {labels.eyebrow ? (\n                <span className=\"type-eyebrow ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--accent)]\">\n                  <CreditCard aria-hidden=\"true\" className=\"ds:size-4\" />\n                  {labels.eyebrow}\n                </span>\n              ) : null}\n              <h1\n                id={headingId}\n                className={`${HEADLINE_CLASS} ds:text-[length:var(--font-size-4xl)]`}\n              >\n                {labels.title}\n              </h1>\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.subtitle}\n              </p>\n            </div>\n            <CreditCard\n              aria-hidden=\"true\"\n              className=\"ds:pointer-events-none ds:hidden ds:size-28 ds:shrink-0 ds:text-[color:var(--accent)] ds:opacity-15 ds:lg:block\"\n            />\n          </Card.Body>\n        </Card>\n\n        {/* How it works — the flow, as numbered steps. */}\n        <section\n          aria-labelledby={howHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n        >\n          <h2 id={howHeadingId} className=\"type-title-section\">\n            {labels.howItWorksHeading}\n          </h2>\n          <BenefitCard.Row columns={stepColumns}>\n            {steps.map((step, index) => (\n              <BenefitCard\n                key={step.id}\n                step={index + 1}\n                accent={STEP_ACCENTS[index % STEP_ACCENTS.length]}\n                icon={\n                  step.icon ??\n                  DEFAULT_STEP_ICONS[index % DEFAULT_STEP_ICONS.length]\n                }\n                title={step.title}\n              >\n                {step.description}\n              </BenefitCard>\n            ))}\n          </BenefitCard.Row>\n        </section>\n\n        {/* Preview — an illustrative peek at the generated requests. */}\n        <section\n          aria-labelledby={previewHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n        >\n          <div className=\"ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <h2 id={previewHeadingId} className=\"type-title-section\">\n              {labels.previewHeading}\n            </h2>\n            {labels.previewCaption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {labels.previewCaption}\n              </span>\n            ) : null}\n          </div>\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:p-[var(--spacing-lg)]\">\n              <List\n                divider=\"spaced\"\n                density=\"relaxed\"\n                aria-labelledby={previewHeadingId}\n              >\n                {previewRows.map((row) => {\n                  const status = STATUS_META[row.status];\n                  return (\n                    <List.Item\n                      key={row.id}\n                      title={row.title}\n                      description={row.meta}\n                      leading={\n                        <span className=\"ds:flex ds:size-10 ds:items-center ds:justify-center ds:rounded-full ds:bg-[color:var(--muted)] ds:text-[color:var(--accent)]\">\n                          <ReceiptEuro\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5\"\n                          />\n                        </span>\n                      }\n                      trailing={\n                        <span className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]\">\n                          <span className=\"type-metric ds:text-[color:var(--foreground)] ds:[--type-metric-size:var(--font-size-xl)]\">\n                            {money.format(row.amountCents / 100)}\n                          </span>\n                          <Badge\n                            variant={status.variant}\n                            size=\"sm\"\n                            leading={status.icon}\n                          >\n                            {row.statusLabel}\n                          </Badge>\n                        </span>\n                      }\n                    />\n                  );\n                })}\n              </List>\n            </Card.Body>\n          </Card>\n        </section>\n\n        {/* Conversion — proof metrics + what's included + the CTA. */}\n        <section\n          aria-labelledby={ctaTitleId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <h2 id={ctaTitleId} className=\"type-title-section\">\n              {labels.ctaCardTitle}\n            </h2>\n            {labels.ctaCardSubtitle ? (\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.ctaCardSubtitle}\n              </p>\n            ) : null}\n          </div>\n\n          {metrics && metrics.length > 0 ? (\n            <div className=\"ds:grid ds:gap-[var(--spacing-md)] ds:[grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))]\">\n              {metrics.map((metric) => (\n                <Stat\n                  key={metric.id}\n                  label={metric.label}\n                  value={metric.value}\n                  variant=\"elevated\"\n                  size=\"lg\"\n                  intent=\"primary\"\n                  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif KPI numerals (constraint 10)\n                  className=\"ds:[--type-metric-family:var(--font-serif)]\"\n                />\n              ))}\n            </div>\n          ) : null}\n\n          {/* What's included — full-width card, two balanced columns. */}\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]\">\n              {labels.featuresHeading ? (\n                <span\n                  id={featuresHeadingId}\n                  className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\"\n                >\n                  {labels.featuresHeading}\n                </span>\n              ) : null}\n              <div className=\"ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                {featureColumns.map((column, columnIndex) => (\n                  <List\n                    key={columnIndex}\n                    divider=\"spaced\"\n                    density=\"default\"\n                    aria-labelledby={\n                      labels.featuresHeading ? featuresHeadingId : ctaTitleId\n                    }\n                  >\n                    {column.map((feature) => (\n                      <List.Item\n                        key={feature.id}\n                        title={feature.label}\n                        leading={\n                          <CircleCheck\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5 ds:text-[color:var(--success)]\"\n                          />\n                        }\n                      />\n                    ))}\n                  </List>\n                ))}\n              </div>\n            </Card.Body>\n          </Card>\n\n          {/* CTA — centred + width-capped so the button never stretches full-bleed. */}\n          <div className=\"ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            {role === 'member' ? (\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                {labels.memberNoticeTitle || labels.memberNoticeDescription ? (\n                  <Alert\n                    variant=\"info\"\n                    live=\"off\"\n                    icon={<Lock aria-hidden=\"true\" className=\"ds:size-4\" />}\n                  >\n                    {labels.memberNoticeTitle ? (\n                      <Alert.Title as=\"p\">\n                        {labels.memberNoticeTitle}\n                      </Alert.Title>\n                    ) : null}\n                    {labels.memberNoticeDescription ? (\n                      <Alert.Description>\n                        {labels.memberNoticeDescription}\n                      </Alert.Description>\n                    ) : null}\n                  </Alert>\n                ) : null}\n                <Button\n                  intent=\"secondary\"\n                  size=\"lg\"\n                  startIcon={<Send />}\n                  flipIconInRtl\n                  onClick={onNotifyAdmin}\n                  className=\"ds:w-full\"\n                >\n                  {labels.notifyAdminLabel ?? labels.activateLabel}\n                </Button>\n              </div>\n            ) : (\n              <Button\n                intent=\"primary\"\n                size=\"lg\"\n                endIcon={<ArrowRight />}\n                flipIconInRtl\n                onClick={onActivate}\n                className=\"ds:w-full\"\n              >\n                {labels.activateLabel}\n              </Button>\n            )}\n\n            {labels.priceNote ? (\n              <p className=\"type-meta ds:text-center ds:text-[color:var(--muted-foreground)]\">\n                {labels.priceNote}\n              </p>\n            ) : null}\n          </div>\n        </section>\n      </section>\n    );\n  },\n);\n\nPaymentAutomationUpsell.displayName = 'PaymentAutomationUpsell';\n"],"names":["__iconNode","ArrowRight","createLucideIcon","Repeat","HEADLINE_CLASS","DEFAULT_STEP_ICONS","CalendarClock","CreditCard","RefreshCw","STEP_ACCENTS","STATUS_META","jsx","CircleCheck","ShieldCheck","Clock","TriangleAlert","PaymentAutomationUpsell","forwardRef","role","labels","steps","features","metrics","previewRows","locale","currency","onActivate","onNotifyAdmin","className","rest","ref","headingId","useId","howHeadingId","previewHeadingId","ctaTitleId","featuresHeadingId","money","stepColumns","featureMid","featureColumns","column","jsxs","Card","BenefitCard","step","index","List","row","status","ReceiptEuro","Badge","metric","Stat","columnIndex","feature","Alert","Lock","Button","Send"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"index.js","sources":["../node_modules/lucide-react/dist/esm/icons/arrow-right.mjs","../node_modules/lucide-react/dist/esm/icons/repeat.mjs","../src/patterns/payment-automation-upsell/payment-automation-upsell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"m12 5 7 7-7 7\", key: \"xquz4c\" }]\n];\nconst ArrowRight = createLucideIcon(\"arrow-right\", __iconNode);\n\nexport { __iconNode, ArrowRight as default };\n//# sourceMappingURL=arrow-right.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m17 2 4 4-4 4\", key: \"nntrym\" }],\n  [\"path\", { d: \"M3 11v-1a4 4 0 0 1 4-4h14\", key: \"84bu3i\" }],\n  [\"path\", { d: \"m7 22-4-4 4-4\", key: \"1wqhfi\" }],\n  [\"path\", { d: \"M21 13v1a4 4 0 0 1-4 4H3\", key: \"1rx37r\" }]\n];\nconst Repeat = createLucideIcon(\"repeat\", __iconNode);\n\nexport { __iconNode, Repeat as default };\n//# sourceMappingURL=repeat.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Payment Automation Upsell — PLG surface for the payment-request index  */\n/* when the Payment Automation (PAU) module is NOT enabled.               */\n/*                                                                        */\n/* Replaces the old dead-end \"module disabled\" page with a value preview  */\n/* + role-aware call to action. Ships as a RUNTIME pattern (an importable */\n/* component) so the platform mounts it directly instead of hand-rolling  */\n/* markup — see src/patterns/README.md § \"Exception — runtime patterns\".  */\n/*                                                                        */\n/* Copy is consumer-owned: every user-visible string arrives pre-         */\n/* translated via props (the host app localises through its own i18n),    */\n/* mirroring MarketplaceAppShell. The kit owns the design, not the words. */\n/* Marketing-serif display heading is the DS-owner-sanctioned PAU         */\n/* exception (CLAUDE.md constraint 10 / 06-i18n § Font Requirements).     */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  ArrowRight,\n  CalendarClock,\n  CircleCheck,\n  Clock,\n  CreditCard,\n  Lock,\n  ReceiptEuro,\n  RefreshCw,\n  Repeat,\n  Send,\n  ShieldCheck,\n  TriangleAlert,\n} from 'lucide-react';\n\nimport { Alert } from '../../components/alert';\nimport { Badge } from '../../components/badge';\nimport { BenefitCard } from '../../components/benefit-card';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { List } from '../../components/list';\nimport { Stat } from '../../components/stat';\n\n/** Who is viewing the surface — drives which CTA is shown. */\nexport type PaymentAutomationUpsellRole = 'owner' | 'member';\n\n/** Status of a mock payment request in the preview. */\nexport type PaymentAutomationUpsellRequestStatus =\n  | 'paid'\n  | 'authorized'\n  | 'pending'\n  | 'overdue';\n\nexport interface PaymentAutomationUpsellStep {\n  id: string;\n  /** Pre-translated step title. */\n  title: string;\n  /** Pre-translated step body. */\n  description: string;\n  /** Optional icon override; a sensible default is chosen per position. */\n  icon?: ReactNode;\n}\n\nexport interface PaymentAutomationUpsellFeature {\n  id: string;\n  /** Pre-translated single line of the \"what's included\" checklist. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellMetric {\n  id: string;\n  /** Headline value, already formatted/localised, e.g. \"3×\" or \"−75%\". */\n  value: string;\n  /** Pre-translated caption under the value. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellPreviewRow {\n  id: string;\n  /** Pre-translated row title, e.g. \"Richiesta RDP-2026-0042\". */\n  title: string;\n  /** Optional pre-translated secondary line (plan / date). Never real PHI. */\n  meta?: string;\n  /** Amount in minor units (cents); formatted with `locale` + `currency`. */\n  amountCents: number;\n  /** Drives the status badge colour + icon. */\n  status: PaymentAutomationUpsellRequestStatus;\n  /** Pre-translated status label shown in the badge. */\n  statusLabel: string;\n}\n\nexport interface PaymentAutomationUpsellLabels {\n  /** Small eyebrow above the headline — usually the module name. */\n  eyebrow?: string;\n  /** Serif display headline. */\n  title: string;\n  /** One- or two-sentence supporting subtitle. */\n  subtitle: string;\n  /** Heading for the \"how it works\" step column. */\n  howItWorksHeading: string;\n  /** Heading for the mock preview. */\n  previewHeading: string;\n  /** Optional small caption flagging the preview as illustrative. */\n  previewCaption?: string;\n  /** Title of the right-hand call-to-action card. */\n  ctaCardTitle: string;\n  /** Optional pitch line under the CTA card title. */\n  ctaCardSubtitle?: string;\n  /** Optional heading above the feature checklist. */\n  featuresHeading?: string;\n  /** Optional price / plan note, e.g. \"Incluso nel piano Premium\". */\n  priceNote?: string;\n  /** Owner primary CTA label. */\n  activateLabel: string;\n  /** Member: notice title explaining they cannot self-activate. */\n  memberNoticeTitle?: string;\n  /** Member: notice body. */\n  memberNoticeDescription?: string;\n  /** Member CTA label. */\n  notifyAdminLabel?: string;\n}\n\nexport interface PaymentAutomationUpsellProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Who is viewing. Owners can self-activate; members ask an admin. Default `owner`. */\n  role?: PaymentAutomationUpsellRole;\n  /** All user-visible copy — pre-translated by the host app. */\n  labels: PaymentAutomationUpsellLabels;\n  /** \"How it works\" steps, rendered as numbered BenefitCards. */\n  steps: PaymentAutomationUpsellStep[];\n  /** \"What's included\" checklist. */\n  features: PaymentAutomationUpsellFeature[];\n  /** Optional proof metrics shown in the CTA card. */\n  metrics?: PaymentAutomationUpsellMetric[];\n  /** Mock payment-request rows for the preview. */\n  previewRows: PaymentAutomationUpsellPreviewRow[];\n  /** BCP-47 locale used for currency formatting. Default `it-IT`. */\n  locale?: string;\n  /** ISO-4217 currency for the preview amounts. Default `EUR`. */\n  currency?: string;\n  /** Owner CTA handler — host navigates to the activation / upgrade flow. */\n  onActivate?: () => void;\n  /** Member CTA handler — host notifies the practice owner / admin. */\n  onNotifyAdmin?: () => void;\n}\n\n/* Marketing serif is the DS-owner-sanctioned PAU exception; body/UI stays sans. */\nconst HEADLINE_CLASS = [\n  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif display heading (constraint 10)\n  'ds:[font-family:var(--font-serif)] ds:italic ds:font-semibold ds:leading-tight',\n  'ds:text-[color:var(--primary)]',\n].join(' ');\n\nconst DEFAULT_STEP_ICONS: ReactNode[] = [\n  <CalendarClock aria-hidden=\"true\" className=\"ds:size-5\" key=\"0\" />,\n  <CreditCard aria-hidden=\"true\" className=\"ds:size-5\" key=\"1\" />,\n  <RefreshCw aria-hidden=\"true\" className=\"ds:size-5\" key=\"2\" />,\n  <Repeat aria-hidden=\"true\" className=\"ds:size-5\" key=\"3\" />,\n];\n\n/* Brand-only accent rotation. The BenefitCard `auto`/`blue`+ wheel pairs each\n   hue with the next (blue→green, green→red), so anything past `magenta` bleeds\n   into semantic colours. Cap to the three brand hues and wrap. */\nconst STEP_ACCENTS = ['violet', 'purple', 'magenta'] as const;\n\nconst STATUS_META: Record<\n  PaymentAutomationUpsellRequestStatus,\n  { variant: 'success' | 'info' | 'warning' | 'error'; icon: ReactNode }\n> = {\n  paid: {\n    variant: 'success',\n    icon: <CircleCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  authorized: {\n    variant: 'info',\n    icon: <ShieldCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  pending: {\n    variant: 'warning',\n    icon: <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  overdue: {\n    variant: 'error',\n    icon: <TriangleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n};\n\nexport const PaymentAutomationUpsell = forwardRef<\n  HTMLElement,\n  PaymentAutomationUpsellProps\n>(\n  (\n    {\n      role = 'owner',\n      labels,\n      steps,\n      features,\n      metrics,\n      previewRows,\n      locale = 'it-IT',\n      currency = 'EUR',\n      onActivate,\n      onNotifyAdmin,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const howHeadingId = useId();\n    const previewHeadingId = useId();\n    const ctaTitleId = useId();\n    const featuresHeadingId = useId();\n\n    const money = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    });\n\n    const stepColumns = Math.min(Math.max(steps.length, 1), 4) as 1 | 2 | 3 | 4;\n\n    // Split the \"what's included\" checklist into two balanced columns so the\n    // full-width card reads as a filled panel rather than a left-hugging strip.\n    const featureMid = Math.ceil(features.length / 2);\n    const featureColumns = [\n      features.slice(0, featureMid),\n      features.slice(featureMid),\n    ].filter((column) => column.length > 0);\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"payment-automation-upsell\"\n        aria-labelledby={headingId}\n        className={[\n          'ds:mx-auto ds:flex ds:w-full ds:max-w-[80rem] ds:flex-col ds:gap-[var(--spacing-lg)]',\n          'ds:text-[color:var(--foreground)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {/* Hero — pure value proposition, no action. */}\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]\">\n            <div className=\"ds:flex ds:max-w-prose ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {labels.eyebrow ? (\n                <span className=\"type-eyebrow ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--accent)]\">\n                  <CreditCard aria-hidden=\"true\" className=\"ds:size-4\" />\n                  {labels.eyebrow}\n                </span>\n              ) : null}\n              <h1\n                id={headingId}\n                className={`${HEADLINE_CLASS} ds:text-[length:var(--font-size-4xl)]`}\n              >\n                {labels.title}\n              </h1>\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.subtitle}\n              </p>\n            </div>\n            <CreditCard\n              aria-hidden=\"true\"\n              className=\"ds:pointer-events-none ds:hidden ds:size-28 ds:shrink-0 ds:text-[color:var(--accent)] ds:opacity-15 ds:lg:block\"\n            />\n          </Card.Body>\n        </Card>\n\n        {/* How it works — the flow, as numbered steps. */}\n        <section\n          aria-labelledby={howHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n        >\n          <h2 id={howHeadingId} className=\"type-title-section\">\n            {labels.howItWorksHeading}\n          </h2>\n          <BenefitCard.Row columns={stepColumns}>\n            {steps.map((step, index) => (\n              <BenefitCard\n                key={step.id}\n                step={index + 1}\n                accent={STEP_ACCENTS[index % STEP_ACCENTS.length]}\n                icon={\n                  step.icon ??\n                  DEFAULT_STEP_ICONS[index % DEFAULT_STEP_ICONS.length]\n                }\n                title={step.title}\n              >\n                {step.description}\n              </BenefitCard>\n            ))}\n          </BenefitCard.Row>\n        </section>\n\n        {/* Preview — an illustrative peek at the generated requests. */}\n        <section\n          aria-labelledby={previewHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n        >\n          <div className=\"ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <h2 id={previewHeadingId} className=\"type-title-section\">\n              {labels.previewHeading}\n            </h2>\n            {labels.previewCaption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {labels.previewCaption}\n              </span>\n            ) : null}\n          </div>\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:p-[var(--spacing-lg)]\">\n              <List\n                divider=\"spaced\"\n                density=\"relaxed\"\n                aria-labelledby={previewHeadingId}\n              >\n                {previewRows.map((row) => {\n                  const status = STATUS_META[row.status];\n                  return (\n                    <List.Item\n                      key={row.id}\n                      title={row.title}\n                      description={row.meta}\n                      leading={\n                        <span className=\"ds:flex ds:size-10 ds:items-center ds:justify-center ds:rounded-full ds:bg-[color:var(--muted)] ds:text-[color:var(--accent)]\">\n                          <ReceiptEuro\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5\"\n                          />\n                        </span>\n                      }\n                      trailing={\n                        <span className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]\">\n                          <span className=\"type-metric ds:text-[color:var(--foreground)] ds:[--type-metric-size:var(--font-size-xl)]\">\n                            {money.format(row.amountCents / 100)}\n                          </span>\n                          <Badge\n                            variant={status.variant}\n                            size=\"sm\"\n                            leading={status.icon}\n                          >\n                            {row.statusLabel}\n                          </Badge>\n                        </span>\n                      }\n                    />\n                  );\n                })}\n              </List>\n            </Card.Body>\n          </Card>\n        </section>\n\n        {/* Conversion — proof metrics + what's included + the CTA. */}\n        <section\n          aria-labelledby={ctaTitleId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <h2 id={ctaTitleId} className=\"type-title-section\">\n              {labels.ctaCardTitle}\n            </h2>\n            {labels.ctaCardSubtitle ? (\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.ctaCardSubtitle}\n              </p>\n            ) : null}\n          </div>\n\n          {metrics && metrics.length > 0 ? (\n            <div className=\"ds:grid ds:gap-[var(--spacing-md)] ds:[grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))]\">\n              {metrics.map((metric) => (\n                <Stat\n                  key={metric.id}\n                  label={metric.label}\n                  value={metric.value}\n                  variant=\"elevated\"\n                  size=\"lg\"\n                  intent=\"primary\"\n                  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif KPI numerals (constraint 10)\n                  className=\"ds:[--type-metric-family:var(--font-serif)]\"\n                />\n              ))}\n            </div>\n          ) : null}\n\n          {/* What's included — full-width card, two balanced columns. */}\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]\">\n              {labels.featuresHeading ? (\n                <span\n                  id={featuresHeadingId}\n                  className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\"\n                >\n                  {labels.featuresHeading}\n                </span>\n              ) : null}\n              <div className=\"ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                {featureColumns.map((column, columnIndex) => (\n                  <List\n                    key={columnIndex}\n                    divider=\"spaced\"\n                    density=\"default\"\n                    aria-labelledby={\n                      labels.featuresHeading ? featuresHeadingId : ctaTitleId\n                    }\n                  >\n                    {column.map((feature) => (\n                      <List.Item\n                        key={feature.id}\n                        title={feature.label}\n                        leading={\n                          <CircleCheck\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5 ds:text-[color:var(--success)]\"\n                          />\n                        }\n                      />\n                    ))}\n                  </List>\n                ))}\n              </div>\n            </Card.Body>\n          </Card>\n\n          {/* CTA — centred + width-capped so the button never stretches full-bleed. */}\n          <div className=\"ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            {role === 'member' ? (\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                {labels.memberNoticeTitle || labels.memberNoticeDescription ? (\n                  <Alert\n                    variant=\"info\"\n                    live=\"off\"\n                    icon={<Lock aria-hidden=\"true\" className=\"ds:size-4\" />}\n                  >\n                    {labels.memberNoticeTitle ? (\n                      <Alert.Title as=\"p\">\n                        {labels.memberNoticeTitle}\n                      </Alert.Title>\n                    ) : null}\n                    {labels.memberNoticeDescription ? (\n                      <Alert.Description>\n                        {labels.memberNoticeDescription}\n                      </Alert.Description>\n                    ) : null}\n                  </Alert>\n                ) : null}\n                <Button\n                  intent=\"secondary\"\n                  size=\"lg\"\n                  startIcon={<Send />}\n                  flipIconInRtl\n                  onClick={onNotifyAdmin}\n                  className=\"ds:w-full\"\n                >\n                  {labels.notifyAdminLabel ?? labels.activateLabel}\n                </Button>\n              </div>\n            ) : (\n              <Button\n                intent=\"primary\"\n                size=\"lg\"\n                endIcon={<ArrowRight />}\n                flipIconInRtl\n                onClick={onActivate}\n                className=\"ds:w-full\"\n              >\n                {labels.activateLabel}\n              </Button>\n            )}\n\n            {labels.priceNote ? (\n              <p className=\"type-meta ds:text-center ds:text-[color:var(--muted-foreground)]\">\n                {labels.priceNote}\n              </p>\n            ) : null}\n          </div>\n        </section>\n      </section>\n    );\n  },\n);\n\nPaymentAutomationUpsell.displayName = 'PaymentAutomationUpsell';\n"],"names":["__iconNode","ArrowRight","createLucideIcon","Repeat","HEADLINE_CLASS","DEFAULT_STEP_ICONS","CalendarClock","CreditCard","RefreshCw","STEP_ACCENTS","STATUS_META","jsx","CircleCheck","ShieldCheck","Clock","TriangleAlert","PaymentAutomationUpsell","forwardRef","role","labels","steps","features","metrics","previewRows","locale","currency","onActivate","onNotifyAdmin","className","rest","ref","headingId","useId","howHeadingId","previewHeadingId","ctaTitleId","featuresHeadingId","money","stepColumns","featureMid","featureColumns","column","jsxs","Card","BenefitCard","step","index","List","row","status","ReceiptEuro","Badge","metric","Stat","columnIndex","feature","Alert","Lock","Button","Send"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,GACMC,IAAaC,EAAiB,eAAeF,CAAU;ACb7D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,4BAA4B,KAAK,SAAQ,CAAE;AAC3D,GACMG,IAASD,EAAiB,UAAUF,CAAU,GCmI9CI,IAAiB;AAAA;AAAA,EAErB;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAkC;AAAA,oBACrCC,GAAA,EAAc,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC/DC,GAAA,EAAW,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC5DC,GAAA,EAAU,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC3DL,GAAA,EAAO,eAAY,QAAO,WAAU,eAAgB,GAAI;AAC3D,GAKMM,IAAe,CAAC,UAAU,UAAU,SAAS,GAE7CC,KAGF;AAAA,EACF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM,gBAAAC,EAACC,GAAA,EAAY,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAEhE,YAAY;AAAA,IACV,SAAS;AAAA,IACT,MAAM,gBAAAD,EAACE,GAAA,EAAY,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAEhE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,gBAAAF,EAACG,GAAA,EAAM,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAE1D,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,gBAAAH,EAACI,GAAA,EAAc,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAEpE,GAEaC,KAA0BC;AAAA,EAIrC,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYC,EAAA,GACZC,IAAeD,EAAA,GACfE,IAAmBF,EAAA,GACnBG,IAAaH,EAAA,GACbI,IAAoBJ,EAAA,GAEpBK,IAAQ,IAAI,KAAK,aAAab,GAAQ;AAAA,MAC1C,OAAO;AAAA,MACP,UAAAC;AAAA,IAAA,CACD,GAEKa,IAAc,KAAK,IAAI,KAAK,IAAIlB,EAAM,QAAQ,CAAC,GAAG,CAAC,GAInDmB,IAAa,KAAK,KAAKlB,EAAS,SAAS,CAAC,GAC1CmB,IAAiB;AAAA,MACrBnB,EAAS,MAAM,GAAGkB,CAAU;AAAA,MAC5BlB,EAAS,MAAMkB,CAAU;AAAA,IAAA,EACzB,OAAO,CAACE,MAAWA,EAAO,SAAS,CAAC;AAEtC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,kBAAe;AAAA,QACf,mBAAiBC;AAAA,QACjB,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACAH,KAAa;AAAA,QAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGC;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAlB,EAACgC,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAAD,EAACC,EAAK,MAAL,EAAU,WAAU,uKACnB,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,cAAAvB,EAAO,UACN,gBAAAuB,EAAC,QAAA,EAAK,WAAU,yGACd,UAAA;AAAA,gBAAA,gBAAA/B,EAACJ,GAAA,EAAW,eAAY,QAAO,WAAU,aAAY;AAAA,gBACpDY,EAAO;AAAA,cAAA,EAAA,CACV,IACE;AAAA,cACJ,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIoB;AAAA,kBACJ,WAAW,GAAG3B,CAAc;AAAA,kBAE3B,UAAAe,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEV,gBAAAR,EAAC,KAAA,EAAE,WAAU,qDACV,YAAO,SAAA,CACV;AAAA,YAAA,GACF;AAAA,YACA,gBAAAA;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACF,EAAA,CACF;AAAA,UAGA,gBAAAmC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBT;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAtB,EAAC,QAAG,IAAIsB,GAAc,WAAU,sBAC7B,YAAO,mBACV;AAAA,gBACA,gBAAAtB,EAACiC,EAAY,KAAZ,EAAgB,SAASN,GACvB,UAAAlB,EAAM,IAAI,CAACyB,GAAMC,MAChB,gBAAAnC;AAAA,kBAACiC;AAAA,kBAAA;AAAA,oBAEC,MAAME,IAAQ;AAAA,oBACd,QAAQrC,EAAaqC,IAAQrC,EAAa,MAAM;AAAA,oBAChD,MACEoC,EAAK,QACLxC,EAAmByC,IAAQzC,EAAmB,MAAM;AAAA,oBAEtD,OAAOwC,EAAK;AAAA,oBAEX,UAAAA,EAAK;AAAA,kBAAA;AAAA,kBATDA,EAAK;AAAA,gBAAA,CAWb,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIF,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBR;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,kBAAA,gBAAA/B,EAAC,QAAG,IAAIuB,GAAkB,WAAU,sBACjC,YAAO,gBACV;AAAA,kBACCf,EAAO,iBACN,gBAAAR,EAAC,QAAA,EAAK,WAAU,wDACb,UAAAQ,EAAO,gBACV,IACE;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAR,EAACgC,KAAK,SAAQ,YACZ,4BAACA,EAAK,MAAL,EAAU,WAAU,4BACnB,UAAA,gBAAAhC;AAAA,kBAACoC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,mBAAiBb;AAAA,oBAEhB,UAAAX,EAAY,IAAI,CAACyB,MAAQ;AACxB,4BAAMC,IAASvC,GAAYsC,EAAI,MAAM;AACrC,6BACE,gBAAArC;AAAA,wBAACoC,EAAK;AAAA,wBAAL;AAAA,0BAEC,OAAOC,EAAI;AAAA,0BACX,aAAaA,EAAI;AAAA,0BACjB,SACE,gBAAArC,EAAC,QAAA,EAAK,WAAU,iIACd,UAAA,gBAAAA;AAAA,4BAACuC;AAAA,4BAAA;AAAA,8BACC,eAAY;AAAA,8BACZ,WAAU;AAAA,4BAAA;AAAA,0BAAA,GAEd;AAAA,0BAEF,UACE,gBAAAR,EAAC,QAAA,EAAK,WAAU,gEACd,UAAA;AAAA,4BAAA,gBAAA/B,EAAC,QAAA,EAAK,WAAU,6FACb,UAAA0B,EAAM,OAAOW,EAAI,cAAc,GAAG,EAAA,CACrC;AAAA,4BACA,gBAAArC;AAAA,8BAACwC;AAAA,8BAAA;AAAA,gCACC,SAASF,EAAO;AAAA,gCAChB,MAAK;AAAA,gCACL,SAASA,EAAO;AAAA,gCAEf,UAAAD,EAAI;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACP,EAAA,CACF;AAAA,wBAAA;AAAA,wBAvBGA,EAAI;AAAA,sBAAA;AAAA,oBA2Bf,CAAC;AAAA,kBAAA;AAAA,gBAAA,GAEL,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIF,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBP;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,kBAAA,gBAAA/B,EAAC,QAAG,IAAIwB,GAAY,WAAU,sBAC3B,YAAO,cACV;AAAA,kBACChB,EAAO,kBACN,gBAAAR,EAAC,KAAA,EAAE,WAAU,qDACV,UAAAQ,EAAO,iBACV,IACE;AAAA,gBAAA,GACN;AAAA,gBAECG,KAAWA,EAAQ,SAAS,IAC3B,gBAAAX,EAAC,OAAA,EAAI,WAAU,oGACZ,UAAAW,EAAQ,IAAI,CAAC8B,MACZ,gBAAAzC;AAAA,kBAAC0C;AAAA,kBAAA;AAAA,oBAEC,OAAOD,EAAO;AAAA,oBACd,OAAOA,EAAO;AAAA,oBACd,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,QAAO;AAAA,oBAEP,WAAU;AAAA,kBAAA;AAAA,kBAPLA,EAAO;AAAA,gBAAA,CASf,GACH,IACE;AAAA,gBAGJ,gBAAAzC,EAACgC,KAAK,SAAQ,YACZ,4BAACA,EAAK,MAAL,EAAU,WAAU,2EAClB,UAAA;AAAA,kBAAAxB,EAAO,kBACN,gBAAAR;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,IAAIyB;AAAA,sBACJ,WAAU;AAAA,sBAET,UAAAjB,EAAO;AAAA,oBAAA;AAAA,kBAAA,IAER;AAAA,kBACJ,gBAAAR,EAAC,SAAI,WAAU,wFACZ,YAAe,IAAI,CAAC8B,GAAQa,MAC3B,gBAAA3C;AAAA,oBAACoC;AAAA,oBAAA;AAAA,sBAEC,SAAQ;AAAA,sBACR,SAAQ;AAAA,sBACR,mBACE5B,EAAO,kBAAkBiB,IAAoBD;AAAA,sBAG9C,UAAAM,EAAO,IAAI,CAACc,MACX,gBAAA5C;AAAA,wBAACoC,EAAK;AAAA,wBAAL;AAAA,0BAEC,OAAOQ,EAAQ;AAAA,0BACf,SACE,gBAAA5C;AAAA,4BAACC;AAAA,4BAAA;AAAA,8BACC,eAAY;AAAA,8BACZ,WAAU;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACZ;AAAA,wBANG2C,EAAQ;AAAA,sBAAA,CAShB;AAAA,oBAAA;AAAA,oBAlBID;AAAA,kBAAA,CAoBR,EAAA,CACH;AAAA,gBAAA,EAAA,CACF,EAAA,CACF;AAAA,gBAGA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,wFACZ,UAAA;AAAA,kBAAAxB,MAAS,WACR,gBAAAwB,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,oBAAAvB,EAAO,qBAAqBA,EAAO,0BAClC,gBAAAuB;AAAA,sBAACc;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,MAAM,gBAAA7C,EAAC8C,GAAA,EAAK,eAAY,QAAO,WAAU,aAAY;AAAA,wBAEpD,UAAA;AAAA,0BAAAtC,EAAO,sCACLqC,EAAM,OAAN,EAAY,IAAG,KACb,UAAArC,EAAO,kBAAA,CACV,IACE;AAAA,0BACHA,EAAO,0BACN,gBAAAR,EAAC6C,EAAM,aAAN,EACE,UAAArC,EAAO,yBACV,IACE;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA,IAEJ;AAAA,oBACJ,gBAAAR;AAAA,sBAAC+C;AAAA,sBAAA;AAAA,wBACC,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,6BAAYC,GAAA,EAAK;AAAA,wBACjB,eAAa;AAAA,wBACb,SAAShC;AAAA,wBACT,WAAU;AAAA,wBAET,UAAAR,EAAO,oBAAoBA,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACrC,EAAA,CACF,IAEA,gBAAAR;AAAA,oBAAC+C;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,2BAAUzD,GAAA,EAAW;AAAA,sBACrB,eAAa;AAAA,sBACb,SAASyB;AAAA,sBACT,WAAU;AAAA,sBAET,UAAAP,EAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIXA,EAAO,YACN,gBAAAR,EAAC,KAAA,EAAE,WAAU,oEACV,UAAAQ,EAAO,WACV,IACE;AAAA,gBAAA,EAAA,CACN;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAH,GAAwB,cAAc;","x_google_ignoreList":[0,1]}

package/dist/locales/ar.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "مزيد من المعلومات"
+  },
   "opticalPrescription": {
     "ariaLabel": "وصفة النظارات",
     "metaLabel": "تفاصيل الوصفة",

package/dist/locales/de.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Weitere Informationen"
+  },
   "opticalPrescription": {
     "ariaLabel": "Brillenrezept",
     "metaLabel": "Rezeptdetails",

package/dist/locales/el.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Περισσότερες πληροφορίες"
+  },
   "opticalPrescription": {
     "ariaLabel": "Συνταγή γυαλιών",
     "metaLabel": "Στοιχεία συνταγής",

package/dist/locales/en.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "More information"
+  },
   "opticalPrescription": {
     "ariaLabel": "Glasses prescription",
     "metaLabel": "Prescription details",

package/dist/locales/es.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Más información"
+  },
   "opticalPrescription": {
     "ariaLabel": "Prescripción de gafas",
     "metaLabel": "Detalles de la prescripción",

package/dist/locales/fr.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Plus d'informations"
+  },
   "opticalPrescription": {
     "ariaLabel": "Prescription de lunettes",
     "metaLabel": "Détails de la prescription",

package/dist/locales/hi.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "अधिक जानकारी"
+  },
   "opticalPrescription": {
     "ariaLabel": "चश्मे का नुस्खा",
     "metaLabel": "नुस्खे का विवरण",

package/dist/locales/it.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Maggiori informazioni"
+  },
   "opticalPrescription": {
     "ariaLabel": "Prescrizione per occhiali",
     "metaLabel": "Dettagli prescrizione",

package/dist/locales/ja.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "詳細情報"
+  },
   "opticalPrescription": {
     "ariaLabel": "眼鏡処方",
     "metaLabel": "処方の詳細",

package/dist/locales/nl.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Meer informatie"
+  },
   "opticalPrescription": {
     "ariaLabel": "Brilrecept",
     "metaLabel": "Receptgegevens",

package/dist/locales/pl.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Więcej informacji"
+  },
   "opticalPrescription": {
     "ariaLabel": "Recepta na okulary",
     "metaLabel": "Szczegóły recepty",

package/dist/locales/pt.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Mais informações"
+  },
   "opticalPrescription": {
     "ariaLabel": "Prescrição de óculos",
     "metaLabel": "Detalhes da prescrição",

package/dist/locales/ro.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Mai multe informații"
+  },
   "opticalPrescription": {
     "ariaLabel": "Rețetă pentru ochelari",
     "metaLabel": "Detalii rețetă",

package/dist/locales/ru.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Дополнительная информация"
+  },
   "opticalPrescription": {
     "ariaLabel": "Рецепт на очки",
     "metaLabel": "Сведения о рецепте",

package/dist/locales/sq.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Më shumë informacion"
+  },
   "opticalPrescription": {
     "ariaLabel": "Recetë për syze",
     "metaLabel": "Detajet e recetës",

package/dist/locales/sv.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Mer information"
+  },
   "opticalPrescription": {
     "ariaLabel": "Glasögonrecept",
     "metaLabel": "Receptuppgifter",

package/dist/locales/tr.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "Daha fazla bilgi"
+  },
   "opticalPrescription": {
     "ariaLabel": "Gözlük reçetesi",
     "metaLabel": "Reçete ayrıntıları",

package/dist/locales/zh.json

@@ -1,4 +1,7 @@
 {
+  "infoTip": {
+    "triggerLabel": "更多信息"
+  },
   "opticalPrescription": {
     "ariaLabel": "眼镜处方",
     "metaLabel": "处方详情",