@alfadocs/ui-kit-debug 1.26.1 → 1.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ import { D as m } from "./dialog-UbKJCi1X.js";
5
5
  import { B as z } from "./button-nJaPh_HC.js";
6
6
  import { I as xe } from "./icon-button-DA2CAGHZ.js";
7
7
  import { C as Y } from "./checkbox-BuZ1u__2.js";
8
- import { a as Re } from "./whatsapp-button-CuFIHJzG.js";
8
+ import { a as Re } from "./whatsapp-button-Ai4YAVkl.js";
9
9
  import { S as Z } from "./select-Bi8zril7.js";
10
10
  import { S as be } from "./switch-OILsBLWo.js";
11
11
  import { A as _ } from "./alert-CiJT540z.js";
@@ -414,4 +414,4 @@ Me.displayName = "SignatureRequestModal";
414
414
  export {
415
415
  Me as S
416
416
  };
417
- //# sourceMappingURL=signature-request-CwlAmVLw.js.map
417
+ //# sourceMappingURL=signature-request-C-IsbkPf.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"signature-request-CwlAmVLw.js","sources":["../../node_modules/lucide-react/dist/esm/icons/tablet.mjs","../../node_modules/lucide-react/dist/esm/icons/user-plus.mjs","../../src/patterns/signature-request/signature-request.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 [\"rect\", { width: \"16\", height: \"20\", x: \"4\", y: \"2\", rx: \"2\", ry: \"2\", key: \"76otgf\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"18\", y2: \"18\", key: \"1dp563\" }]\n];\nconst Tablet = createLucideIcon(\"tablet\", __iconNode);\n\nexport { __iconNode, Tablet as default };\n//# sourceMappingURL=tablet.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: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }],\n [\"line\", { x1: \"19\", x2: \"19\", y1: \"8\", y2: \"14\", key: \"1bvyxn\" }],\n [\"line\", { x1: \"22\", x2: \"16\", y1: \"11\", y2: \"11\", key: \"1shjgl\" }]\n];\nconst UserPlus = createLucideIcon(\"user-plus\", __iconNode);\n\nexport { __iconNode, UserPlus as default };\n//# sourceMappingURL=user-plus.mjs.map\n","/**\n * SignatureRequestModal — the practice-side \"Documenti firmati\" modal that\n * dispatches a document-signature request: assign the operator who must\n * counter-sign (or leave the request unassigned) and how their request is\n * delivered (their system-defined default channel arrives pre-checked),\n * build the patient-side signer roster (up to `maxSigners`, each with their\n * own delivery channel and, for on-device signing, an OTP waiver), and send.\n *\n * Runtime pattern: real consuming apps mount this in production (surfaced via\n * `src/patterns/index.ts` and the `./patterns/signature-request` subpath).\n * The component owns the form state — re-seeded from the `initial*` props\n * every time `open` flips back to `true` — while the host owns `open`, the\n * option lists, and what happens on submit. Multiple on-device signers sign\n * sequentially in roster order — the execution side is the Signing pattern's\n * multi-signer flow; this modal only encodes the intents.\n */\nimport {\n forwardRef,\n useEffect,\n useRef,\n useState,\n type ComponentPropsWithoutRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n Mail,\n MessageSquare,\n PenLine,\n Plus,\n Tablet,\n UserPlus,\n X,\n} from 'lucide-react';\nimport { Dialog } from '../../components/dialog';\nimport { Button } from '../../components/button';\nimport { IconButton } from '../../components/icon-button';\nimport { Checkbox } from '../../components/checkbox';\nimport { WhatsAppGlyph } from '../../components/whatsapp-button';\nimport { Select } from '../../components/select';\nimport { Switch } from '../../components/switch';\nimport { Alert } from '../../components/alert';\nimport { InfoTip } from '../../components/info-tip';\nimport { Separator } from '../../components/separator';\nimport { Avatar } from '../../components/avatar';\n\n/** Delivery channel for one signer's signature request. */\nexport type SignatureChannel = 'sms' | 'email' | 'whatsapp' | 'on-device';\n\n/**\n * Delivery channel for the operator's counter-sign request. The default is\n * system defined — the assigned operator's own `defaultChannel` (e-mail or\n * SMS) arrives pre-checked; `'on-device'` is offerable only while a roster\n * signer also signs on this device.\n */\nexport type OperatorChannel = 'sms' | 'email' | 'on-device';\n\n/** One selectable person/role for the operator or signer selects. */\nexport interface SignerOption {\n value: string;\n label: string;\n /**\n * Delivery channels this person can actually receive. Omit (or pass an\n * empty list) to offer every channel. Hosts gate this from per-patient\n * capability flags — e.g. a patient with no mobile number drops `'sms'`\n * and `'whatsapp'`. Only meaningful for signer options, not operators.\n */\n availableChannels?: SignatureChannel[];\n /**\n * The delivery channel this operator's own settings resolve to — the\n * system-defined default, pre-checked when the operator is assigned.\n * Falls back to `'email'` when omitted. Only meaningful for operator\n * options, not signers.\n */\n defaultChannel?: 'sms' | 'email';\n}\n\n/** One patient-side signer row in the submission. */\nexport interface SignerRequest {\n signerId: string;\n channel: SignatureChannel;\n /** Only meaningful when `channel` is `'on-device'`. */\n skipOtp?: boolean;\n}\n\n/** Payload handed to `onRequestSignature`. */\nexport interface SignatureRequestSubmission {\n /** `null` when the counter-signing operator is left unassigned. */\n operatorId: string | null;\n /**\n * How the operator's counter-sign request is delivered. `null` while the\n * operator is unassigned. Defaults to the operator's own system-defined\n * channel unless explicitly changed in the modal.\n */\n operatorChannel: OperatorChannel | null;\n /** 1..N signers; on-device signers sign sequentially in this order. */\n signers: SignerRequest[];\n}\n\nexport interface SignatureRequestModalProps {\n /** Controlled open state. Reopening re-seeds the form from `initial*`. */\n open: boolean;\n /**\n * Fires when the dialog requests a state change (<kbd>Esc</kbd> or the\n * footer Close button). `false` is the dismiss signal — hosts typically\n * persist a \"dismissed this session\" flag there.\n */\n onOpenChange: (open: boolean) => void;\n /** Operators offered as the counter-signing signer. */\n operators: SignerOption[];\n /** Patient-side people/roles offered in each signer row. */\n signerOptions: SignerOption[];\n /** Enables the \"Assign to me\" shortcut targeting this operator. */\n currentOperatorId?: string;\n /** Offer an \"Assign later\" option in the operator select. Default `true`. */\n allowAssignLater?: boolean;\n /**\n * Preselected operator; `null` preselects \"Assign later\" (honoured only\n * while `allowAssignLater` — otherwise the first operator is seeded).\n */\n initialOperatorId?: string | null;\n /**\n * Preselected operator delivery channel. Defaults to the seeded operator's\n * system-defined `defaultChannel`. `'on-device'` is honoured only while a\n * seeded roster signer also signs on this device.\n */\n initialOperatorChannel?: OperatorChannel;\n /** Seed the signer roster. Defaults to the first option, on-device. */\n initialSigners?: SignerRequest[];\n /** Cap on roster size. Default `2`. */\n maxSigners?: number;\n /**\n * Whether an operator must counter-sign. `false` drops the operator\n * section entirely and submits `operatorId: null` — a host whose document\n * does not require a counter-signature must not be asked for one. Default\n * `true`.\n */\n requireOperator?: boolean;\n /**\n * Whether the patient side signs at all. `false` drops the signer roster\n * and submits an empty `signers` array — for documents only an operator\n * signs. Default `true`. Setting BOTH this and `requireOperator` to false\n * leaves nothing to request, so the primary action stays disabled.\n */\n requirePatient?: boolean;\n /** Disables all inputs and shows the primary action as loading. */\n busy?: boolean;\n /** Consumer-translated error shown above the footer (e.g. server failure). */\n error?: string;\n /** Override the dialog title. Defaults to the `ui.*` string. */\n title?: string;\n /** Override the dialog description. Defaults to the `ui.*` string. */\n description?: string;\n /** Receives the completed submission. The host closes via `onOpenChange`. */\n onRequestSignature: (submission: SignatureRequestSubmission) => void;\n /**\n * Extra attributes for the portaled dialog surface (e.g. `dir`/`lang`\n * when the host pins a locale below `<html>`, or a test id).\n */\n contentProps?: ComponentPropsWithoutRef<'div'>;\n}\n\nconst ASSIGN_LATER = '__assign-later__';\n\n/** Canonical channel display order; per-signer availability filters this. */\nconst CHANNEL_ORDER: SignatureChannel[] = [\n 'sms',\n 'email',\n 'whatsapp',\n 'on-device',\n];\n\n/** Internal roster row — `rowId` keys the DOM so editing a row's person\n * never remounts the row (which would drop keyboard focus). */\ninterface RosterRow extends SignerRequest {\n rowId: number;\n}\n\nfunction labelFor(options: SignerOption[], value: string): string {\n return options.find((option) => option.value === value)?.label ?? '';\n}\n\nexport const SignatureRequestModal = forwardRef<\n HTMLDivElement,\n SignatureRequestModalProps\n>(\n (\n {\n open,\n onOpenChange,\n operators,\n signerOptions,\n currentOperatorId,\n allowAssignLater = true,\n requireOperator = true,\n requirePatient = true,\n initialOperatorId,\n initialOperatorChannel,\n initialSigners,\n maxSigners = 2,\n busy = false,\n error,\n title,\n description,\n onRequestSignature,\n contentProps,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n\n const nextRowId = useRef(0);\n const addButtonRef = useRef<HTMLButtonElement>(null);\n\n // Channels a given signer can receive on — the person's `availableChannels`\n // filtered into canonical order; omitted/empty means every channel.\n const channelsFor = (signerId: string): SignatureChannel[] => {\n const allowed = signerOptions.find(\n (option) => option.value === signerId,\n )?.availableChannels;\n return allowed && allowed.length > 0\n ? CHANNEL_ORDER.filter((channel) => allowed.includes(channel))\n : CHANNEL_ORDER;\n };\n\n // First available channel for a signer, preferring `preferred` when offered.\n const resolveChannel = (\n signerId: string,\n preferred: SignatureChannel,\n ): SignatureChannel => {\n const available = channelsFor(signerId);\n return available.includes(preferred) ? preferred : available[0];\n };\n\n const seedOperator = () => {\n if (initialOperatorId === null) {\n return allowAssignLater\n ? ASSIGN_LATER\n : (operators[0]?.value ?? ASSIGN_LATER);\n }\n return (\n initialOperatorId ??\n operators[0]?.value ??\n (allowAssignLater ? ASSIGN_LATER : '')\n );\n };\n const seedRows = (): RosterRow[] => {\n const seed =\n initialSigners && initialSigners.length > 0\n ? initialSigners\n : signerOptions.length > 0\n ? [\n {\n signerId: signerOptions[0].value,\n channel: resolveChannel(signerOptions[0].value, 'on-device'),\n },\n ]\n : [];\n return seed.map((signer) => ({ ...signer, rowId: nextRowId.current++ }));\n };\n\n // System-defined default for one operator — the channel their own\n // settings resolve to.\n const operatorDefaultChannel = (operatorId: string): OperatorChannel =>\n operators.find((option) => option.value === operatorId)?.defaultChannel ??\n 'email';\n\n // Seed clamp: `'on-device'` is honoured only when the seeded roster\n // makes it available, so the option is never checked-and-disabled, not\n // even for a frame.\n const seedOperatorChannel = (\n operatorId: string,\n rows: RosterRow[],\n ): OperatorChannel => {\n if (initialOperatorChannel === 'on-device') {\n return rows.some((signer) => signer.channel === 'on-device')\n ? 'on-device'\n : operatorDefaultChannel(operatorId);\n }\n return initialOperatorChannel ?? operatorDefaultChannel(operatorId);\n };\n\n const [operator, setOperator] = useState<string>(seedOperator);\n const [signers, setSigners] = useState<RosterRow[]>(seedRows);\n const [operatorChannel, setOperatorChannel] = useState<OperatorChannel>(\n () => seedOperatorChannel(operator, signers),\n );\n // Feeds the sr-only live region announcing the automatic channel\n // fallback below; any explicit choice clears it.\n const [revertedTo, setRevertedTo] = useState<OperatorChannel | null>(null);\n\n // Re-seed the form whenever the host reopens the (still-mounted) modal,\n // so a previous request's choices never leak into the next one.\n const wasOpen = useRef(open);\n useEffect(() => {\n if (open && !wasOpen.current) {\n const nextOperator = seedOperator();\n const nextRows = seedRows();\n setOperator(nextOperator);\n setSigners(nextRows);\n setOperatorChannel(seedOperatorChannel(nextOperator, nextRows));\n setRevertedTo(null);\n }\n wasOpen.current = open;\n // The seeds intentionally read the render-time props on the rising\n // edge only — prop changes while open (or closed) don't reset input.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n // Operator on-device signing piggybacks on a patient handover: it is\n // offerable only while a roster signer signs on this device, and falls\n // back to the operator's system default the moment the last on-device\n // row leaves. The fallback is announced via the live region — the\n // trigger lives in the roster section, far from the checkbox it moves.\n const anySignerOnDevice = signers.some(\n (signer) => signer.channel === 'on-device',\n );\n useEffect(() => {\n if (operatorChannel === 'on-device' && !anySignerOnDevice) {\n const fallback = operatorDefaultChannel(operator);\n setOperatorChannel(fallback);\n setRevertedTo(fallback);\n }\n // `operatorDefaultChannel` reads the render-time `operators` prop.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [operatorChannel, anySignerOnDevice, operator]);\n\n const operatorSelectOptions = allowAssignLater\n ? [\n ...operators,\n { value: ASSIGN_LATER, label: t('signatureRequest.assignLater') },\n ]\n : operators;\n const isUnassigned = operator === ASSIGN_LATER;\n\n const channelMeta: Record<\n SignatureChannel,\n { label: string; icon: React.ReactNode }\n > = {\n sms: {\n label: t('signatureRequest.viaSms'),\n icon: <MessageSquare className=\"ds:size-4\" aria-hidden />,\n },\n email: {\n label: t('signatureRequest.viaEmail'),\n icon: <Mail className=\"ds:size-4\" aria-hidden />,\n },\n whatsapp: {\n label: t('signatureRequest.viaWhatsapp'),\n icon: <WhatsAppGlyph className=\"ds:size-4\" aria-hidden />,\n },\n 'on-device': {\n label: t('signatureRequest.onThisDevice'),\n icon: <Tablet className=\"ds:size-4\" aria-hidden />,\n },\n };\n\n // Operator delivery — same checkbox visuals as the signer rows, minus\n // WhatsApp. No \"system defined\" option: the operator's own default\n // (e-mail or SMS per their settings) arrives pre-checked instead.\n // On-device greys out while no patient signer signs on this device;\n // an InfoTip explains why.\n const operatorChannelOptions: Array<{\n value: OperatorChannel;\n label: string;\n icon: React.ReactNode;\n disabled?: boolean;\n hint?: string;\n }> = [\n { value: 'sms', ...channelMeta.sms },\n { value: 'email', ...channelMeta.email },\n {\n value: 'on-device',\n ...channelMeta['on-device'],\n disabled: !anySignerOnDevice,\n hint: anySignerOnDevice\n ? undefined\n : t('signatureRequest.onDeviceUnavailableHint'),\n },\n ];\n\n const chosenIds = signers.map((signer) => signer.signerId);\n const nextFreeOption = signerOptions.find(\n (option) => !chosenIds.includes(option.value),\n );\n const canAddSigner =\n !busy && signers.length < maxSigners && nextFreeOption !== undefined;\n\n const patchSigner = (rowId: number, patch: Partial<SignerRequest>) => {\n setSigners((current) =>\n current.map((signer) =>\n signer.rowId === rowId ? { ...signer, ...patch } : signer,\n ),\n );\n };\n\n const addSigner = () => {\n if (!nextFreeOption) return;\n setSigners((current) => [\n ...current,\n {\n signerId: nextFreeOption.value,\n channel: resolveChannel(nextFreeOption.value, 'sms'),\n rowId: nextRowId.current++,\n },\n ]);\n };\n\n const removeSigner = (rowId: number) => {\n // Move focus BEFORE the row (and the focused remove button) unmounts —\n // otherwise Radix's focus scope dumps focus on the dialog container.\n addButtonRef.current?.focus();\n setSigners((current) =>\n current.filter((signer) => signer.rowId !== rowId),\n );\n };\n\n const handleRequest = () => {\n onRequestSignature({\n operatorId: !requireOperator || isUnassigned ? null : operator,\n operatorChannel:\n !requireOperator || isUnassigned ? null : operatorChannel,\n signers: requirePatient\n ? signers.map(({ rowId: _rowId, ...signer }) => signer)\n : [],\n });\n };\n\n return (\n <div ref={ref} className=\"ds:contents\" data-component=\"signature-request\">\n <Dialog open={open} onOpenChange={onOpenChange}>\n <Dialog.Content size=\"lg\" hideCloseButton {...contentProps}>\n <Dialog.Header>\n <Dialog.Title>\n {title ?? t('signatureRequest.title')}\n </Dialog.Title>\n <Dialog.Description>\n {description ?? t('signatureRequest.noSignedVersions')}\n </Dialog.Description>\n </Dialog.Header>\n\n <Dialog.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n {requireOperator ? (\n <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <p className=\"type-eyebrow ds:text-start ds:text-[color:var(--muted-foreground)]\">\n {t('signatureRequest.operatorSection')}\n </p>\n {currentOperatorId !== undefined ? (\n <Button\n intent=\"primary\"\n size=\"sm\"\n startIcon={<UserPlus />}\n disabled={busy}\n onClick={() => {\n setOperator(currentOperatorId);\n setOperatorChannel(\n operatorDefaultChannel(currentOperatorId),\n );\n setRevertedTo(null);\n }}\n >\n {t('signatureRequest.assignToMe')}\n </Button>\n ) : null}\n </div>\n\n <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n {/* Mirrors the select value — decorative for AT. No name →\n Avatar's built-in placeholder-icon fallback. */}\n <Avatar\n aria-hidden=\"true\"\n name={\n isUnassigned ? undefined : labelFor(operators, operator)\n }\n size=\"sm\"\n />\n <div className=\"ds:min-w-0 ds:flex-1 ds:text-start\">\n <Select\n options={operatorSelectOptions}\n value={operator}\n onValueChange={(value) => {\n if (!value) return;\n setOperator(value);\n // A different operator brings their own system\n // default along.\n setOperatorChannel(\n value === ASSIGN_LATER\n ? 'email'\n : operatorDefaultChannel(value),\n );\n setRevertedTo(null);\n }}\n required\n disabled={busy}\n placeholder={t('signatureRequest.operatorPlaceholder')}\n aria-label={t('signatureRequest.operatorSection')}\n />\n </div>\n </div>\n\n {/* One channel for the operator too — same mutually exclusive\n checkbox visuals as the signer rows. Hidden while the\n request is unassigned: there is nobody to deliver to. */}\n {isUnassigned ? null : (\n <div\n role=\"group\"\n aria-label={t('signatureRequest.operatorChannelLabel')}\n className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n >\n {operatorChannelOptions.map((option) => (\n <span\n key={option.value}\n className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n >\n <Checkbox\n checked={operatorChannel === option.value}\n disabled={busy || option.disabled}\n onCheckedChange={(checked) => {\n if (checked !== true) return;\n setOperatorChannel(option.value);\n setRevertedTo(null);\n }}\n label={\n <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n <span\n aria-hidden=\"true\"\n className=\"ds:text-[var(--accent)]\"\n >\n {option.icon}\n </span>\n {option.label}\n </span>\n }\n />\n {/* Sibling of the checkbox, never inside its label —\n the tip is its own interactive control. The wider\n gap keeps the tip's touch hit-area off the label. */}\n {option.hint ? (\n <InfoTip size=\"sm\" content={option.hint} />\n ) : null}\n </span>\n ))}\n </div>\n )}\n\n {/* Announces the automatic on-device → default fallback: the\n trigger (the patient's channel change) sits in another\n section, so the moved checkmark alone is not enough. */}\n <span role=\"status\" className=\"ds:sr-only\">\n {revertedTo\n ? t('signatureRequest.operatorChannelReverted', {\n channel: channelMeta[revertedTo].label,\n })\n : null}\n </span>\n </section>\n ) : null}\n\n {/* The rule only separates two sections that are both there. */}\n {requireOperator && requirePatient ? (\n <Separator decorative />\n ) : null}\n\n {requirePatient ? (\n <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-start\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <p className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n {t('signatureRequest.signersSection')}\n </p>\n {/* Offered only when the roster holds more than one\n person. A patient with nobody else to sign for them saw\n a permanently greyed action — a promise the modal could\n never keep. With two or more it stays, greying (not\n hiding) once every seat is taken so the cap reads. */}\n {signerOptions.length > 1 ? (\n <Button\n ref={addButtonRef}\n intent=\"primary\"\n size=\"sm\"\n startIcon={<Plus />}\n disabled={!canAddSigner}\n onClick={addSigner}\n >\n {t('signatureRequest.addSigner')}\n </Button>\n ) : null}\n </div>\n\n {signers.map((signer) => {\n const rowOptions = signerOptions.filter(\n (option) =>\n option.value === signer.signerId ||\n !chosenIds.includes(option.value),\n );\n const rowLabel = labelFor(signerOptions, signer.signerId);\n const rowChannelOptions = channelsFor(signer.signerId).map(\n (channel) => ({\n value: channel,\n ...channelMeta[channel],\n }),\n );\n return (\n <div\n key={signer.rowId}\n role=\"group\"\n aria-label={rowLabel}\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n >\n <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n {/* Mirrors the select value — decorative for AT. */}\n <Avatar\n aria-hidden=\"true\"\n name={rowLabel}\n size=\"sm\"\n />\n <div className=\"ds:min-w-0 ds:flex-1\">\n <Select\n options={rowOptions}\n value={signer.signerId}\n onValueChange={(value) => {\n if (!value) return;\n const channel = resolveChannel(\n value,\n signer.channel,\n );\n patchSigner(signer.rowId, {\n signerId: value,\n channel,\n skipOtp:\n channel === 'on-device'\n ? signer.skipOtp\n : undefined,\n });\n }}\n required\n disabled={busy}\n placeholder={t(\n 'signatureRequest.signerPlaceholder',\n )}\n aria-label={t(\n 'signatureRequest.signerPlaceholder',\n )}\n />\n </div>\n {signers.length > 1 ? (\n <IconButton\n intent=\"ghost\"\n size=\"sm\"\n icon={<X />}\n disabled={busy}\n aria-label={t('signatureRequest.removeSigner')}\n onClick={() => removeSigner(signer.rowId)}\n />\n ) : null}\n </div>\n\n {/* One channel per signer — checkbox visuals, but the\n choice is mutually exclusive: checking a channel\n unchecks the others, and the active one can't be\n unchecked. */}\n <div\n role=\"group\"\n aria-label={t('signatureRequest.channelLabel')}\n className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n >\n {rowChannelOptions.map((option) => (\n <Checkbox\n key={option.value}\n checked={signer.channel === option.value}\n disabled={busy}\n onCheckedChange={(checked) =>\n checked === true &&\n patchSigner(signer.rowId, {\n channel: option.value,\n skipOtp: undefined,\n })\n }\n label={\n <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n <span\n aria-hidden=\"true\"\n className=\"ds:text-[var(--accent)]\"\n >\n {option.icon}\n </span>\n {option.label}\n </span>\n }\n />\n ))}\n </div>\n\n {signer.channel === 'on-device' ? (\n <div className=\"ds:ps-[var(--spacing-xl)]\">\n <Switch\n label={t('signatureRequest.noOtp')}\n checked={signer.skipOtp === true}\n disabled={busy}\n onCheckedChange={(checked) =>\n patchSigner(signer.rowId, { skipOtp: checked })\n }\n />\n </div>\n ) : null}\n </div>\n );\n })}\n </section>\n ) : null}\n\n {/* Dedicated alert area — one warning regardless of how many\n signers waive OTP, stacked with any submission error, all at\n the same full width as the operator hint. */}\n {signers.some(\n (signer) =>\n signer.channel === 'on-device' && signer.skipOtp === true,\n ) ? (\n <Alert variant=\"warning\">\n <Alert.Description>\n {t('signatureRequest.noOtpWarning')}\n </Alert.Description>\n </Alert>\n ) : null}\n {error ? (\n <Alert variant=\"error\">\n <Alert.Description>{error}</Alert.Description>\n </Alert>\n ) : null}\n </Dialog.Body>\n\n <Dialog.Footer>\n <Button\n intent=\"primary\"\n startIcon={<PenLine />}\n onClick={handleRequest}\n disabled={\n busy ||\n (requirePatient && signers.length === 0) ||\n (!requirePatient && !requireOperator)\n }\n loading={busy}\n >\n {t('signatureRequest.requestSignature')}\n </Button>\n <Dialog.Close asChild>\n <Button intent=\"outline\" disabled={busy}>\n {t('signatureRequest.close')}\n </Button>\n </Dialog.Close>\n </Dialog.Footer>\n </Dialog.Content>\n </Dialog>\n </div>\n );\n },\n);\nSignatureRequestModal.displayName = 'SignatureRequestModal';\n"],"names":["__iconNode","Tablet","createLucideIcon","UserPlus","ASSIGN_LATER","CHANNEL_ORDER","labelFor","options","value","_a","option","SignatureRequestModal","forwardRef","open","onOpenChange","operators","signerOptions","currentOperatorId","allowAssignLater","requireOperator","requirePatient","initialOperatorId","initialOperatorChannel","initialSigners","maxSigners","busy","error","title","description","onRequestSignature","contentProps","ref","t","useTranslation","nextRowId","useRef","addButtonRef","channelsFor","signerId","allowed","channel","resolveChannel","preferred","available","seedOperator","_b","seedRows","signer","operatorDefaultChannel","operatorId","seedOperatorChannel","rows","operator","setOperator","useState","signers","setSigners","operatorChannel","setOperatorChannel","revertedTo","setRevertedTo","wasOpen","useEffect","nextOperator","nextRows","anySignerOnDevice","fallback","operatorSelectOptions","isUnassigned","channelMeta","jsx","MessageSquare","Mail","WhatsAppGlyph","operatorChannelOptions","chosenIds","nextFreeOption","canAddSigner","patchSigner","rowId","patch","current","addSigner","removeSigner","handleRequest","_rowId","Dialog","jsxs","Button","Avatar","Select","Checkbox","checked","InfoTip","Separator","Plus","rowOptions","rowLabel","rowChannelOptions","IconButton","X","Switch","Alert","PenLine"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"signature-request-C-IsbkPf.js","sources":["../../node_modules/lucide-react/dist/esm/icons/tablet.mjs","../../node_modules/lucide-react/dist/esm/icons/user-plus.mjs","../../src/patterns/signature-request/signature-request.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 [\"rect\", { width: \"16\", height: \"20\", x: \"4\", y: \"2\", rx: \"2\", ry: \"2\", key: \"76otgf\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"18\", y2: \"18\", key: \"1dp563\" }]\n];\nconst Tablet = createLucideIcon(\"tablet\", __iconNode);\n\nexport { __iconNode, Tablet as default };\n//# sourceMappingURL=tablet.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: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }],\n [\"line\", { x1: \"19\", x2: \"19\", y1: \"8\", y2: \"14\", key: \"1bvyxn\" }],\n [\"line\", { x1: \"22\", x2: \"16\", y1: \"11\", y2: \"11\", key: \"1shjgl\" }]\n];\nconst UserPlus = createLucideIcon(\"user-plus\", __iconNode);\n\nexport { __iconNode, UserPlus as default };\n//# sourceMappingURL=user-plus.mjs.map\n","/**\n * SignatureRequestModal — the practice-side \"Documenti firmati\" modal that\n * dispatches a document-signature request: assign the operator who must\n * counter-sign (or leave the request unassigned) and how their request is\n * delivered (their system-defined default channel arrives pre-checked),\n * build the patient-side signer roster (up to `maxSigners`, each with their\n * own delivery channel and, for on-device signing, an OTP waiver), and send.\n *\n * Runtime pattern: real consuming apps mount this in production (surfaced via\n * `src/patterns/index.ts` and the `./patterns/signature-request` subpath).\n * The component owns the form state — re-seeded from the `initial*` props\n * every time `open` flips back to `true` — while the host owns `open`, the\n * option lists, and what happens on submit. Multiple on-device signers sign\n * sequentially in roster order — the execution side is the Signing pattern's\n * multi-signer flow; this modal only encodes the intents.\n */\nimport {\n forwardRef,\n useEffect,\n useRef,\n useState,\n type ComponentPropsWithoutRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n Mail,\n MessageSquare,\n PenLine,\n Plus,\n Tablet,\n UserPlus,\n X,\n} from 'lucide-react';\nimport { Dialog } from '../../components/dialog';\nimport { Button } from '../../components/button';\nimport { IconButton } from '../../components/icon-button';\nimport { Checkbox } from '../../components/checkbox';\nimport { WhatsAppGlyph } from '../../components/whatsapp-button';\nimport { Select } from '../../components/select';\nimport { Switch } from '../../components/switch';\nimport { Alert } from '../../components/alert';\nimport { InfoTip } from '../../components/info-tip';\nimport { Separator } from '../../components/separator';\nimport { Avatar } from '../../components/avatar';\n\n/** Delivery channel for one signer's signature request. */\nexport type SignatureChannel = 'sms' | 'email' | 'whatsapp' | 'on-device';\n\n/**\n * Delivery channel for the operator's counter-sign request. The default is\n * system defined — the assigned operator's own `defaultChannel` (e-mail or\n * SMS) arrives pre-checked; `'on-device'` is offerable only while a roster\n * signer also signs on this device.\n */\nexport type OperatorChannel = 'sms' | 'email' | 'on-device';\n\n/** One selectable person/role for the operator or signer selects. */\nexport interface SignerOption {\n value: string;\n label: string;\n /**\n * Delivery channels this person can actually receive. Omit (or pass an\n * empty list) to offer every channel. Hosts gate this from per-patient\n * capability flags — e.g. a patient with no mobile number drops `'sms'`\n * and `'whatsapp'`. Only meaningful for signer options, not operators.\n */\n availableChannels?: SignatureChannel[];\n /**\n * The delivery channel this operator's own settings resolve to — the\n * system-defined default, pre-checked when the operator is assigned.\n * Falls back to `'email'` when omitted. Only meaningful for operator\n * options, not signers.\n */\n defaultChannel?: 'sms' | 'email';\n}\n\n/** One patient-side signer row in the submission. */\nexport interface SignerRequest {\n signerId: string;\n channel: SignatureChannel;\n /** Only meaningful when `channel` is `'on-device'`. */\n skipOtp?: boolean;\n}\n\n/** Payload handed to `onRequestSignature`. */\nexport interface SignatureRequestSubmission {\n /** `null` when the counter-signing operator is left unassigned. */\n operatorId: string | null;\n /**\n * How the operator's counter-sign request is delivered. `null` while the\n * operator is unassigned. Defaults to the operator's own system-defined\n * channel unless explicitly changed in the modal.\n */\n operatorChannel: OperatorChannel | null;\n /** 1..N signers; on-device signers sign sequentially in this order. */\n signers: SignerRequest[];\n}\n\nexport interface SignatureRequestModalProps {\n /** Controlled open state. Reopening re-seeds the form from `initial*`. */\n open: boolean;\n /**\n * Fires when the dialog requests a state change (<kbd>Esc</kbd> or the\n * footer Close button). `false` is the dismiss signal — hosts typically\n * persist a \"dismissed this session\" flag there.\n */\n onOpenChange: (open: boolean) => void;\n /** Operators offered as the counter-signing signer. */\n operators: SignerOption[];\n /** Patient-side people/roles offered in each signer row. */\n signerOptions: SignerOption[];\n /** Enables the \"Assign to me\" shortcut targeting this operator. */\n currentOperatorId?: string;\n /** Offer an \"Assign later\" option in the operator select. Default `true`. */\n allowAssignLater?: boolean;\n /**\n * Preselected operator; `null` preselects \"Assign later\" (honoured only\n * while `allowAssignLater` — otherwise the first operator is seeded).\n */\n initialOperatorId?: string | null;\n /**\n * Preselected operator delivery channel. Defaults to the seeded operator's\n * system-defined `defaultChannel`. `'on-device'` is honoured only while a\n * seeded roster signer also signs on this device.\n */\n initialOperatorChannel?: OperatorChannel;\n /** Seed the signer roster. Defaults to the first option, on-device. */\n initialSigners?: SignerRequest[];\n /** Cap on roster size. Default `2`. */\n maxSigners?: number;\n /**\n * Whether an operator must counter-sign. `false` drops the operator\n * section entirely and submits `operatorId: null` — a host whose document\n * does not require a counter-signature must not be asked for one. Default\n * `true`.\n */\n requireOperator?: boolean;\n /**\n * Whether the patient side signs at all. `false` drops the signer roster\n * and submits an empty `signers` array — for documents only an operator\n * signs. Default `true`. Setting BOTH this and `requireOperator` to false\n * leaves nothing to request, so the primary action stays disabled.\n */\n requirePatient?: boolean;\n /** Disables all inputs and shows the primary action as loading. */\n busy?: boolean;\n /** Consumer-translated error shown above the footer (e.g. server failure). */\n error?: string;\n /** Override the dialog title. Defaults to the `ui.*` string. */\n title?: string;\n /** Override the dialog description. Defaults to the `ui.*` string. */\n description?: string;\n /** Receives the completed submission. The host closes via `onOpenChange`. */\n onRequestSignature: (submission: SignatureRequestSubmission) => void;\n /**\n * Extra attributes for the portaled dialog surface (e.g. `dir`/`lang`\n * when the host pins a locale below `<html>`, or a test id).\n */\n contentProps?: ComponentPropsWithoutRef<'div'>;\n}\n\nconst ASSIGN_LATER = '__assign-later__';\n\n/** Canonical channel display order; per-signer availability filters this. */\nconst CHANNEL_ORDER: SignatureChannel[] = [\n 'sms',\n 'email',\n 'whatsapp',\n 'on-device',\n];\n\n/** Internal roster row — `rowId` keys the DOM so editing a row's person\n * never remounts the row (which would drop keyboard focus). */\ninterface RosterRow extends SignerRequest {\n rowId: number;\n}\n\nfunction labelFor(options: SignerOption[], value: string): string {\n return options.find((option) => option.value === value)?.label ?? '';\n}\n\nexport const SignatureRequestModal = forwardRef<\n HTMLDivElement,\n SignatureRequestModalProps\n>(\n (\n {\n open,\n onOpenChange,\n operators,\n signerOptions,\n currentOperatorId,\n allowAssignLater = true,\n requireOperator = true,\n requirePatient = true,\n initialOperatorId,\n initialOperatorChannel,\n initialSigners,\n maxSigners = 2,\n busy = false,\n error,\n title,\n description,\n onRequestSignature,\n contentProps,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n\n const nextRowId = useRef(0);\n const addButtonRef = useRef<HTMLButtonElement>(null);\n\n // Channels a given signer can receive on — the person's `availableChannels`\n // filtered into canonical order; omitted/empty means every channel.\n const channelsFor = (signerId: string): SignatureChannel[] => {\n const allowed = signerOptions.find(\n (option) => option.value === signerId,\n )?.availableChannels;\n return allowed && allowed.length > 0\n ? CHANNEL_ORDER.filter((channel) => allowed.includes(channel))\n : CHANNEL_ORDER;\n };\n\n // First available channel for a signer, preferring `preferred` when offered.\n const resolveChannel = (\n signerId: string,\n preferred: SignatureChannel,\n ): SignatureChannel => {\n const available = channelsFor(signerId);\n return available.includes(preferred) ? preferred : available[0];\n };\n\n const seedOperator = () => {\n if (initialOperatorId === null) {\n return allowAssignLater\n ? ASSIGN_LATER\n : (operators[0]?.value ?? ASSIGN_LATER);\n }\n return (\n initialOperatorId ??\n operators[0]?.value ??\n (allowAssignLater ? ASSIGN_LATER : '')\n );\n };\n const seedRows = (): RosterRow[] => {\n const seed =\n initialSigners && initialSigners.length > 0\n ? initialSigners\n : signerOptions.length > 0\n ? [\n {\n signerId: signerOptions[0].value,\n channel: resolveChannel(signerOptions[0].value, 'on-device'),\n },\n ]\n : [];\n return seed.map((signer) => ({ ...signer, rowId: nextRowId.current++ }));\n };\n\n // System-defined default for one operator — the channel their own\n // settings resolve to.\n const operatorDefaultChannel = (operatorId: string): OperatorChannel =>\n operators.find((option) => option.value === operatorId)?.defaultChannel ??\n 'email';\n\n // Seed clamp: `'on-device'` is honoured only when the seeded roster\n // makes it available, so the option is never checked-and-disabled, not\n // even for a frame.\n const seedOperatorChannel = (\n operatorId: string,\n rows: RosterRow[],\n ): OperatorChannel => {\n if (initialOperatorChannel === 'on-device') {\n return rows.some((signer) => signer.channel === 'on-device')\n ? 'on-device'\n : operatorDefaultChannel(operatorId);\n }\n return initialOperatorChannel ?? operatorDefaultChannel(operatorId);\n };\n\n const [operator, setOperator] = useState<string>(seedOperator);\n const [signers, setSigners] = useState<RosterRow[]>(seedRows);\n const [operatorChannel, setOperatorChannel] = useState<OperatorChannel>(\n () => seedOperatorChannel(operator, signers),\n );\n // Feeds the sr-only live region announcing the automatic channel\n // fallback below; any explicit choice clears it.\n const [revertedTo, setRevertedTo] = useState<OperatorChannel | null>(null);\n\n // Re-seed the form whenever the host reopens the (still-mounted) modal,\n // so a previous request's choices never leak into the next one.\n const wasOpen = useRef(open);\n useEffect(() => {\n if (open && !wasOpen.current) {\n const nextOperator = seedOperator();\n const nextRows = seedRows();\n setOperator(nextOperator);\n setSigners(nextRows);\n setOperatorChannel(seedOperatorChannel(nextOperator, nextRows));\n setRevertedTo(null);\n }\n wasOpen.current = open;\n // The seeds intentionally read the render-time props on the rising\n // edge only — prop changes while open (or closed) don't reset input.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n // Operator on-device signing piggybacks on a patient handover: it is\n // offerable only while a roster signer signs on this device, and falls\n // back to the operator's system default the moment the last on-device\n // row leaves. The fallback is announced via the live region — the\n // trigger lives in the roster section, far from the checkbox it moves.\n const anySignerOnDevice = signers.some(\n (signer) => signer.channel === 'on-device',\n );\n useEffect(() => {\n if (operatorChannel === 'on-device' && !anySignerOnDevice) {\n const fallback = operatorDefaultChannel(operator);\n setOperatorChannel(fallback);\n setRevertedTo(fallback);\n }\n // `operatorDefaultChannel` reads the render-time `operators` prop.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [operatorChannel, anySignerOnDevice, operator]);\n\n const operatorSelectOptions = allowAssignLater\n ? [\n ...operators,\n { value: ASSIGN_LATER, label: t('signatureRequest.assignLater') },\n ]\n : operators;\n const isUnassigned = operator === ASSIGN_LATER;\n\n const channelMeta: Record<\n SignatureChannel,\n { label: string; icon: React.ReactNode }\n > = {\n sms: {\n label: t('signatureRequest.viaSms'),\n icon: <MessageSquare className=\"ds:size-4\" aria-hidden />,\n },\n email: {\n label: t('signatureRequest.viaEmail'),\n icon: <Mail className=\"ds:size-4\" aria-hidden />,\n },\n whatsapp: {\n label: t('signatureRequest.viaWhatsapp'),\n icon: <WhatsAppGlyph className=\"ds:size-4\" aria-hidden />,\n },\n 'on-device': {\n label: t('signatureRequest.onThisDevice'),\n icon: <Tablet className=\"ds:size-4\" aria-hidden />,\n },\n };\n\n // Operator delivery — same checkbox visuals as the signer rows, minus\n // WhatsApp. No \"system defined\" option: the operator's own default\n // (e-mail or SMS per their settings) arrives pre-checked instead.\n // On-device greys out while no patient signer signs on this device;\n // an InfoTip explains why.\n const operatorChannelOptions: Array<{\n value: OperatorChannel;\n label: string;\n icon: React.ReactNode;\n disabled?: boolean;\n hint?: string;\n }> = [\n { value: 'sms', ...channelMeta.sms },\n { value: 'email', ...channelMeta.email },\n {\n value: 'on-device',\n ...channelMeta['on-device'],\n disabled: !anySignerOnDevice,\n hint: anySignerOnDevice\n ? undefined\n : t('signatureRequest.onDeviceUnavailableHint'),\n },\n ];\n\n const chosenIds = signers.map((signer) => signer.signerId);\n const nextFreeOption = signerOptions.find(\n (option) => !chosenIds.includes(option.value),\n );\n const canAddSigner =\n !busy && signers.length < maxSigners && nextFreeOption !== undefined;\n\n const patchSigner = (rowId: number, patch: Partial<SignerRequest>) => {\n setSigners((current) =>\n current.map((signer) =>\n signer.rowId === rowId ? { ...signer, ...patch } : signer,\n ),\n );\n };\n\n const addSigner = () => {\n if (!nextFreeOption) return;\n setSigners((current) => [\n ...current,\n {\n signerId: nextFreeOption.value,\n channel: resolveChannel(nextFreeOption.value, 'sms'),\n rowId: nextRowId.current++,\n },\n ]);\n };\n\n const removeSigner = (rowId: number) => {\n // Move focus BEFORE the row (and the focused remove button) unmounts —\n // otherwise Radix's focus scope dumps focus on the dialog container.\n addButtonRef.current?.focus();\n setSigners((current) =>\n current.filter((signer) => signer.rowId !== rowId),\n );\n };\n\n const handleRequest = () => {\n onRequestSignature({\n operatorId: !requireOperator || isUnassigned ? null : operator,\n operatorChannel:\n !requireOperator || isUnassigned ? null : operatorChannel,\n signers: requirePatient\n ? signers.map(({ rowId: _rowId, ...signer }) => signer)\n : [],\n });\n };\n\n return (\n <div ref={ref} className=\"ds:contents\" data-component=\"signature-request\">\n <Dialog open={open} onOpenChange={onOpenChange}>\n <Dialog.Content size=\"lg\" hideCloseButton {...contentProps}>\n <Dialog.Header>\n <Dialog.Title>\n {title ?? t('signatureRequest.title')}\n </Dialog.Title>\n <Dialog.Description>\n {description ?? t('signatureRequest.noSignedVersions')}\n </Dialog.Description>\n </Dialog.Header>\n\n <Dialog.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n {requireOperator ? (\n <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <p className=\"type-eyebrow ds:text-start ds:text-[color:var(--muted-foreground)]\">\n {t('signatureRequest.operatorSection')}\n </p>\n {currentOperatorId !== undefined ? (\n <Button\n intent=\"primary\"\n size=\"sm\"\n startIcon={<UserPlus />}\n disabled={busy}\n onClick={() => {\n setOperator(currentOperatorId);\n setOperatorChannel(\n operatorDefaultChannel(currentOperatorId),\n );\n setRevertedTo(null);\n }}\n >\n {t('signatureRequest.assignToMe')}\n </Button>\n ) : null}\n </div>\n\n <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n {/* Mirrors the select value — decorative for AT. No name →\n Avatar's built-in placeholder-icon fallback. */}\n <Avatar\n aria-hidden=\"true\"\n name={\n isUnassigned ? undefined : labelFor(operators, operator)\n }\n size=\"sm\"\n />\n <div className=\"ds:min-w-0 ds:flex-1 ds:text-start\">\n <Select\n options={operatorSelectOptions}\n value={operator}\n onValueChange={(value) => {\n if (!value) return;\n setOperator(value);\n // A different operator brings their own system\n // default along.\n setOperatorChannel(\n value === ASSIGN_LATER\n ? 'email'\n : operatorDefaultChannel(value),\n );\n setRevertedTo(null);\n }}\n required\n disabled={busy}\n placeholder={t('signatureRequest.operatorPlaceholder')}\n aria-label={t('signatureRequest.operatorSection')}\n />\n </div>\n </div>\n\n {/* One channel for the operator too — same mutually exclusive\n checkbox visuals as the signer rows. Hidden while the\n request is unassigned: there is nobody to deliver to. */}\n {isUnassigned ? null : (\n <div\n role=\"group\"\n aria-label={t('signatureRequest.operatorChannelLabel')}\n className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n >\n {operatorChannelOptions.map((option) => (\n <span\n key={option.value}\n className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n >\n <Checkbox\n checked={operatorChannel === option.value}\n disabled={busy || option.disabled}\n onCheckedChange={(checked) => {\n if (checked !== true) return;\n setOperatorChannel(option.value);\n setRevertedTo(null);\n }}\n label={\n <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n <span\n aria-hidden=\"true\"\n className=\"ds:text-[var(--accent)]\"\n >\n {option.icon}\n </span>\n {option.label}\n </span>\n }\n />\n {/* Sibling of the checkbox, never inside its label —\n the tip is its own interactive control. The wider\n gap keeps the tip's touch hit-area off the label. */}\n {option.hint ? (\n <InfoTip size=\"sm\" content={option.hint} />\n ) : null}\n </span>\n ))}\n </div>\n )}\n\n {/* Announces the automatic on-device → default fallback: the\n trigger (the patient's channel change) sits in another\n section, so the moved checkmark alone is not enough. */}\n <span role=\"status\" className=\"ds:sr-only\">\n {revertedTo\n ? t('signatureRequest.operatorChannelReverted', {\n channel: channelMeta[revertedTo].label,\n })\n : null}\n </span>\n </section>\n ) : null}\n\n {/* The rule only separates two sections that are both there. */}\n {requireOperator && requirePatient ? (\n <Separator decorative />\n ) : null}\n\n {requirePatient ? (\n <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-start\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <p className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n {t('signatureRequest.signersSection')}\n </p>\n {/* Offered only when the roster holds more than one\n person. A patient with nobody else to sign for them saw\n a permanently greyed action — a promise the modal could\n never keep. With two or more it stays, greying (not\n hiding) once every seat is taken so the cap reads. */}\n {signerOptions.length > 1 ? (\n <Button\n ref={addButtonRef}\n intent=\"primary\"\n size=\"sm\"\n startIcon={<Plus />}\n disabled={!canAddSigner}\n onClick={addSigner}\n >\n {t('signatureRequest.addSigner')}\n </Button>\n ) : null}\n </div>\n\n {signers.map((signer) => {\n const rowOptions = signerOptions.filter(\n (option) =>\n option.value === signer.signerId ||\n !chosenIds.includes(option.value),\n );\n const rowLabel = labelFor(signerOptions, signer.signerId);\n const rowChannelOptions = channelsFor(signer.signerId).map(\n (channel) => ({\n value: channel,\n ...channelMeta[channel],\n }),\n );\n return (\n <div\n key={signer.rowId}\n role=\"group\"\n aria-label={rowLabel}\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n >\n <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n {/* Mirrors the select value — decorative for AT. */}\n <Avatar\n aria-hidden=\"true\"\n name={rowLabel}\n size=\"sm\"\n />\n <div className=\"ds:min-w-0 ds:flex-1\">\n <Select\n options={rowOptions}\n value={signer.signerId}\n onValueChange={(value) => {\n if (!value) return;\n const channel = resolveChannel(\n value,\n signer.channel,\n );\n patchSigner(signer.rowId, {\n signerId: value,\n channel,\n skipOtp:\n channel === 'on-device'\n ? signer.skipOtp\n : undefined,\n });\n }}\n required\n disabled={busy}\n placeholder={t(\n 'signatureRequest.signerPlaceholder',\n )}\n aria-label={t(\n 'signatureRequest.signerPlaceholder',\n )}\n />\n </div>\n {signers.length > 1 ? (\n <IconButton\n intent=\"ghost\"\n size=\"sm\"\n icon={<X />}\n disabled={busy}\n aria-label={t('signatureRequest.removeSigner')}\n onClick={() => removeSigner(signer.rowId)}\n />\n ) : null}\n </div>\n\n {/* One channel per signer — checkbox visuals, but the\n choice is mutually exclusive: checking a channel\n unchecks the others, and the active one can't be\n unchecked. */}\n <div\n role=\"group\"\n aria-label={t('signatureRequest.channelLabel')}\n className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n >\n {rowChannelOptions.map((option) => (\n <Checkbox\n key={option.value}\n checked={signer.channel === option.value}\n disabled={busy}\n onCheckedChange={(checked) =>\n checked === true &&\n patchSigner(signer.rowId, {\n channel: option.value,\n skipOtp: undefined,\n })\n }\n label={\n <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n <span\n aria-hidden=\"true\"\n className=\"ds:text-[var(--accent)]\"\n >\n {option.icon}\n </span>\n {option.label}\n </span>\n }\n />\n ))}\n </div>\n\n {signer.channel === 'on-device' ? (\n <div className=\"ds:ps-[var(--spacing-xl)]\">\n <Switch\n label={t('signatureRequest.noOtp')}\n checked={signer.skipOtp === true}\n disabled={busy}\n onCheckedChange={(checked) =>\n patchSigner(signer.rowId, { skipOtp: checked })\n }\n />\n </div>\n ) : null}\n </div>\n );\n })}\n </section>\n ) : null}\n\n {/* Dedicated alert area — one warning regardless of how many\n signers waive OTP, stacked with any submission error, all at\n the same full width as the operator hint. */}\n {signers.some(\n (signer) =>\n signer.channel === 'on-device' && signer.skipOtp === true,\n ) ? (\n <Alert variant=\"warning\">\n <Alert.Description>\n {t('signatureRequest.noOtpWarning')}\n </Alert.Description>\n </Alert>\n ) : null}\n {error ? (\n <Alert variant=\"error\">\n <Alert.Description>{error}</Alert.Description>\n </Alert>\n ) : null}\n </Dialog.Body>\n\n <Dialog.Footer>\n <Button\n intent=\"primary\"\n startIcon={<PenLine />}\n onClick={handleRequest}\n disabled={\n busy ||\n (requirePatient && signers.length === 0) ||\n (!requirePatient && !requireOperator)\n }\n loading={busy}\n >\n {t('signatureRequest.requestSignature')}\n </Button>\n <Dialog.Close asChild>\n <Button intent=\"outline\" disabled={busy}>\n {t('signatureRequest.close')}\n </Button>\n </Dialog.Close>\n </Dialog.Footer>\n </Dialog.Content>\n </Dialog>\n </div>\n );\n },\n);\nSignatureRequestModal.displayName = 'SignatureRequestModal';\n"],"names":["__iconNode","Tablet","createLucideIcon","UserPlus","ASSIGN_LATER","CHANNEL_ORDER","labelFor","options","value","_a","option","SignatureRequestModal","forwardRef","open","onOpenChange","operators","signerOptions","currentOperatorId","allowAssignLater","requireOperator","requirePatient","initialOperatorId","initialOperatorChannel","initialSigners","maxSigners","busy","error","title","description","onRequestSignature","contentProps","ref","t","useTranslation","nextRowId","useRef","addButtonRef","channelsFor","signerId","allowed","channel","resolveChannel","preferred","available","seedOperator","_b","seedRows","signer","operatorDefaultChannel","operatorId","seedOperatorChannel","rows","operator","setOperator","useState","signers","setSigners","operatorChannel","setOperatorChannel","revertedTo","setRevertedTo","wasOpen","useEffect","nextOperator","nextRows","anySignerOnDevice","fallback","operatorSelectOptions","isUnassigned","channelMeta","jsx","MessageSquare","Mail","WhatsAppGlyph","operatorChannelOptions","chosenIds","nextFreeOption","canAddSigner","patchSigner","rowId","patch","current","addSigner","removeSigner","handleRequest","_rowId","Dialog","jsxs","Button","Avatar","Select","Checkbox","checked","InfoTip","Separator","Plus","rowOptions","rowLabel","rowChannelOptions","IconButton","X","Switch","Alert","PenLine"],"mappings":"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","x_google_ignoreList":[0,1]}
@@ -1,8 +1,8 @@
1
1
  import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as _, useMemo as A } from "react";
3
- import { c as m } from "./index-D2ZczOXr.js";
4
- import { useTranslation as j } from "react-i18next";
5
- function u({
2
+ import { forwardRef as B, useMemo as A } from "react";
3
+ import { c as p } from "./index-D2ZczOXr.js";
4
+ import { useTranslation as C } from "react-i18next";
5
+ function h({
6
6
  className: a
7
7
  }) {
8
8
  return /* @__PURE__ */ r(
@@ -17,7 +17,7 @@ function u({
17
17
  }
18
18
  );
19
19
  }
20
- const k = m(
20
+ const j = p(
21
21
  [
22
22
  // `position` is provided by `positionVariants` below — `static`
23
23
  // sets `ds:relative` (so the pseudo-element touch-target anchors),
@@ -119,7 +119,7 @@ const k = m(
119
119
  size: "md"
120
120
  }
121
121
  }
122
- ), C = m("", {
122
+ ), k = p("", {
123
123
  variants: {
124
124
  position: {
125
125
  // `relative` so the `::before` pseudo touch-target (defined in
@@ -137,36 +137,92 @@ const k = m(
137
137
  }
138
138
  },
139
139
  defaultVariants: { position: "static" }
140
- });
141
- function B(a, n) {
140
+ }), N = p("", {
141
+ variants: {
142
+ collapseLabelBelow: {
143
+ sm: "ds:max-sm:gap-0 ds:max-sm:p-0 ds:max-sm:min-h-0 ds:max-sm:rounded-full ds:max-sm:shadow-[var(--shadow-lg)]",
144
+ md: "ds:max-md:gap-0 ds:max-md:p-0 ds:max-md:min-h-0 ds:max-md:rounded-full ds:max-md:shadow-[var(--shadow-lg)]"
145
+ },
146
+ size: {
147
+ sm: "",
148
+ md: "",
149
+ lg: ""
150
+ }
151
+ },
152
+ compoundVariants: [
153
+ // Mirrors the `fab` size ladder above. The `sm` circle keeps the
154
+ // pseudo touch-target the `pill sm` compound already paints below
155
+ // the `sm:` breakpoint, so 40px still hits 44/48px on a phone.
156
+ {
157
+ collapseLabelBelow: "sm",
158
+ size: "sm",
159
+ class: "ds:max-sm:h-10 ds:max-sm:w-10 ds:max-sm:[&_svg]:size-5"
160
+ },
161
+ {
162
+ collapseLabelBelow: "sm",
163
+ size: "md",
164
+ class: "ds:max-sm:h-14 ds:max-sm:w-14 ds:max-sm:[&_svg]:size-7"
165
+ },
166
+ {
167
+ collapseLabelBelow: "sm",
168
+ size: "lg",
169
+ class: "ds:max-sm:h-16 ds:max-sm:w-16 ds:max-sm:[&_svg]:size-8"
170
+ },
171
+ // The `pill sm` pseudo touch-target only paints below `sm:`, so a
172
+ // 40px circle collapsed at `md` would sit under the target minimum
173
+ // between the two breakpoints. Size that one circle to the minimum
174
+ // itself (44px, 48px in the accessible themes) instead.
175
+ {
176
+ collapseLabelBelow: "md",
177
+ size: "sm",
178
+ class: "ds:max-md:h-[var(--min-target-size)] ds:max-md:w-[var(--min-target-size)] ds:max-md:[&_svg]:size-5"
179
+ },
180
+ {
181
+ collapseLabelBelow: "md",
182
+ size: "md",
183
+ class: "ds:max-md:h-14 ds:max-md:w-14 ds:max-md:[&_svg]:size-7"
184
+ },
185
+ {
186
+ collapseLabelBelow: "md",
187
+ size: "lg",
188
+ class: "ds:max-md:h-16 ds:max-md:w-16 ds:max-md:[&_svg]:size-8"
189
+ }
190
+ ]
191
+ }), V = {
192
+ sm: "ds:max-sm:sr-only",
193
+ md: "ds:max-md:sr-only"
194
+ };
195
+ function $(a, o) {
142
196
  const s = a.replace(/\D/g, "");
143
197
  if (s.length === 0)
144
198
  return null;
145
- const d = `https://wa.me/${s}`;
146
- return n ? `${d}?text=${encodeURIComponent(n)}` : d;
199
+ const l = `https://wa.me/${s}`;
200
+ return o ? `${l}?text=${encodeURIComponent(o)}` : l;
147
201
  }
148
- const L = _(
202
+ const T = B(
149
203
  ({
150
204
  phoneNumber: a,
151
- message: n,
205
+ message: o,
152
206
  variant: s = "pill",
153
- size: d = "md",
154
- position: h,
155
- label: g,
207
+ size: l = "md",
208
+ position: u,
209
+ label: x,
156
210
  tone: w = "standard",
157
- className: x,
211
+ collapseLabelBelow: z,
212
+ className: _,
158
213
  ...i
159
- }, z) => {
160
- const { t: p } = j(), f = A(
161
- () => B(a, n),
162
- [a, n]
163
- ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), y = [
164
- k({ variant: s, size: d }),
165
- C({ position: h }),
166
- x
167
- ].filter(Boolean).join(" "), o = f === null, v = {
168
- ref: z,
169
- ...o ? {} : {
214
+ }, y) => {
215
+ const { t: v } = C(), f = A(
216
+ () => $(a, o),
217
+ [a, o]
218
+ ), e = x ?? v(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), n = s === "pill" ? z : void 0, L = [
219
+ j({ variant: s, size: l }),
220
+ k({ position: u }),
221
+ n ? N({ collapseLabelBelow: n, size: l }) : "",
222
+ _
223
+ ].filter(Boolean).join(" "), t = f === null, b = {
224
+ ref: y,
225
+ ...t ? {} : {
170
226
  href: f,
171
227
  target: "_blank",
172
228
  rel: "noopener noreferrer"
@@ -178,39 +234,40 @@ const L = _(
178
234
  /* `tabIndex` too: an <a> without href is not focusable, and
179
235
  `aria-disabled` presupposes something focus CAN reach — otherwise
180
236
  the reason the control is disabled never reaches a keyboard. */
181
- ...o ? { role: "link", tabIndex: 0 } : {},
182
- "aria-disabled": o ? !0 : void 0,
237
+ ...t ? { role: "link", tabIndex: 0 } : {},
238
+ "aria-disabled": t ? !0 : void 0,
183
239
  "data-component": "whatsapp-button",
184
240
  "data-variant": s,
185
- onClick: (l) => {
186
- var b;
187
- o && l.preventDefault(), (b = i.onClick) == null || b.call(i, l);
241
+ "data-collapse-label-below": n,
242
+ onClick: (m) => {
243
+ var g;
244
+ t && m.preventDefault(), (g = i.onClick) == null || g.call(i, m);
188
245
  },
189
- className: y
190
- }, t = o ? null : p("link.opensInNewTab", "Opens in a new tab");
246
+ className: L
247
+ }, d = t ? null : v("link.opensInNewTab", "Opens in a new tab");
191
248
  if (s === "fab") {
192
- const l = typeof e == "string" ? t ? `${e} — ${t}` : e : void 0;
193
- return /* @__PURE__ */ c("a", { ...i, ...v, "aria-label": l, children: [
194
- /* @__PURE__ */ r(u, {}),
249
+ const m = typeof e == "string" ? d ? `${e} — ${d}` : e : void 0;
250
+ return /* @__PURE__ */ c("a", { ...i, ...b, "aria-label": m, children: [
251
+ /* @__PURE__ */ r(h, {}),
195
252
  typeof e != "string" ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
196
253
  e,
197
- t ? ` — ${t}` : null
254
+ d ? ` — ${d}` : null
198
255
  ] }) : null
199
256
  ] });
200
257
  }
201
- return /* @__PURE__ */ c("a", { ...i, ...v, children: [
202
- /* @__PURE__ */ r(u, {}),
203
- /* @__PURE__ */ r("span", { children: e }),
204
- t ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
258
+ return /* @__PURE__ */ c("a", { ...i, ...b, children: [
259
+ /* @__PURE__ */ r(h, {}),
260
+ /* @__PURE__ */ r("span", { className: n ? V[n] : void 0, children: e }),
261
+ d ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
205
262
  " — ",
206
- t
263
+ d
207
264
  ] }) : null
208
265
  ] });
209
266
  }
210
267
  );
211
- L.displayName = "WhatsAppButton";
268
+ T.displayName = "WhatsAppButton";
212
269
  export {
213
- L as W,
214
- u as a
270
+ T as W,
271
+ h as a
215
272
  };
216
- //# sourceMappingURL=whatsapp-button-CuFIHJzG.js.map
273
+ //# sourceMappingURL=whatsapp-button-Ai4YAVkl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"whatsapp-button-Ai4YAVkl.js","sources":["../../src/components/whatsapp-button/whatsapp-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* WhatsAppButton — kit-tokened Click-to-Chat affordance. */\n/* */\n/* Replaces the booking website's loose green-circle-with-caption */\n/* combo (see HTP screenshot in the rebrand discussion) with a single */\n/* well-anchored affordance. Two variants: */\n/* */\n/* - `pill` — inline rounded button, brand green + white glyph + */\n/* label. Drops anywhere in card / header chrome. */\n/* - `fab` — circular floating action button, glyph only, */\n/* persistently anchored in the page corner. Carries an */\n/* `aria-label` so the SR announcement is \"Open WhatsApp */\n/* chat\" without rendering a loose visible caption. */\n/* */\n/* WhatsApp brand guidance requires the canonical #25D366 surface and */\n/* the official phone-bubble glyph — those live in `--brand-whatsapp` */\n/* tokens (added under `src/tokens/index.css`) so all four themes can */\n/* shift the green for accessible contrast without bleeding the brand */\n/* requirement into component code. */\n/* ------------------------------------------------------------------ */\n\nimport {\n forwardRef,\n useMemo,\n type AnchorHTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* WhatsApp glyph */\n/* */\n/* Inlined SVG — no external icon dep. The path matches WhatsApp's */\n/* official brand mark (speech bubble + phone). `currentColor` lets */\n/* the kit's `--brand-whatsapp-foreground` paint the glyph from a */\n/* single CVA class, so accessible-theme shifts apply without code. */\n/* ------------------------------------------------------------------ */\n\nexport function WhatsAppGlyph({\n className,\n}: {\n className?: string;\n}): ReactNode {\n return (\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\" />\n </svg>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n [\n // `position` is provided by `positionVariants` below — `static`\n // sets `ds:relative` (so the pseudo-element touch-target anchors),\n // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`\n // off the base avoids the cascade conflict that made `position:\n // relative` win against `position: fixed` in the compiled CSS\n // (booking-website was patching with `style={{position:'fixed'}}`).\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:font-medium',\n // The pill can shrink, so an unpinned glyph would squash horizontally\n // while its height held, distorting the brand mark.\n 'ds:[&_svg]:shrink-0',\n 'ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]',\n 'ds:hover:bg-[var(--brand-whatsapp-hover)]',\n 'ds:active:opacity-90',\n 'ds:transition-[background-color,box-shadow,opacity]',\n 'ds:duration-[var(--animation-duration)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto\n // through theme cascade) — NOT `--brand-whatsapp`. Painting the\n // ring brand-green on a brand-green surface makes it invisible.\n 'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n // Under Windows High Contrast Mode the bg + shadow are stripped;\n // repaint a solid border + swap the focus ring to CanvasText so\n // the affordance stays identifiable.\n 'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n 'ds:motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n variant: {\n // Pill — inline rounded button. Visible label is the brand\n // affordance text; glyph sits leading.\n //\n // No `whitespace-nowrap`: with it the pill's min-content width was\n // the whole label on one line, so a long label outgrew the viewport\n // and spilled off screen. Wrapping lets shrink-to-fit cap the pill.\n // `text-center` centres the wrapped line, the block padding keeps it\n // off the rounded edges, and `overflow-wrap` breaks a compound word\n // (German especially) that would otherwise still be too wide.\n pill: [\n 'ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]',\n 'ds:text-center ds:py-[var(--spacing-2xs)]',\n 'ds:[overflow-wrap:anywhere]',\n ].join(' '),\n // FAB — circular floating action button. Glyph only; the\n // label resolves into `aria-label`.\n fab: [\n 'ds:rounded-full ds:shadow-[var(--shadow-lg)]',\n 'ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]',\n ].join(' '),\n },\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n },\n compoundVariants: [\n {\n variant: 'pill',\n size: 'sm',\n class:\n 'ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-9 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n },\n {\n variant: 'pill',\n size: 'md',\n class:\n 'ds:min-h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n },\n {\n variant: 'pill',\n size: 'lg',\n class:\n 'ds:min-h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n },\n // FAB — fixed square dimensions; the `sm` case mirrors the\n // FloatingActionButton's pseudo-target expansion below the\n // `sm:` breakpoint so a 40px circle still hits 44/48 px on\n // mobile.\n {\n variant: 'fab',\n size: 'sm',\n class:\n 'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n },\n {\n variant: 'fab',\n size: 'md',\n class: 'ds:h-14 ds:w-14 ds:[&_svg]:size-7',\n },\n {\n variant: 'fab',\n size: 'lg',\n class: 'ds:h-16 ds:w-16 ds:[&_svg]:size-8',\n },\n ],\n defaultVariants: {\n variant: 'pill',\n size: 'md',\n },\n },\n);\n\nconst positionVariants = cva('', {\n variants: {\n position: {\n // `relative` so the `::before` pseudo touch-target (defined in\n // the `pill sm` / `fab sm` compound variants) anchors to the\n // button's box. The fixed-positioning variants below don't need\n // this — `position: fixed` is itself a positioning context for\n // descendants and pseudo-elements.\n static: 'ds:relative',\n // Only ONE inset is set, so the cap must reserve the opposite gutter\n // itself — otherwise a long label pins to its inset edge and spills\n // off the other one. The arbitrary-PROPERTY form is load-bearing:\n // `max-inline-size-[…]` is not a utility and emits nothing.\n 'bottom-end':\n 'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)] ds:[max-inline-size:calc(100%_-_(var(--spacing-lg)_*_2))]',\n 'bottom-start':\n 'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)] ds:[max-inline-size:calc(100%_-_(var(--spacing-lg)_*_2))]',\n },\n },\n defaultVariants: { position: 'static' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Collapse — pill on wide viewports, glyph-only circle on narrow ones */\n/* */\n/* The booking site wants the pill with its question copy on desktop */\n/* and just the glyph on a phone. Doing it in CSS (`max-sm:` / */\n/* `max-md:`) instead of a JS media query means the server render and */\n/* the first paint already agree, so there is no flash of the wrong */\n/* shape. Below the breakpoint the root takes the `fab` chrome of the */\n/* same size and the label drops to `sr-only`, so the accessible name */\n/* is unchanged. Tailwind needs literal class strings, hence one entry */\n/* per breakpoint × size rather than a template. */\n/* ------------------------------------------------------------------ */\n\nconst collapseVariants = cva('', {\n variants: {\n collapseLabelBelow: {\n sm: 'ds:max-sm:gap-0 ds:max-sm:p-0 ds:max-sm:min-h-0 ds:max-sm:rounded-full ds:max-sm:shadow-[var(--shadow-lg)]',\n md: 'ds:max-md:gap-0 ds:max-md:p-0 ds:max-md:min-h-0 ds:max-md:rounded-full ds:max-md:shadow-[var(--shadow-lg)]',\n },\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n },\n compoundVariants: [\n // Mirrors the `fab` size ladder above. The `sm` circle keeps the\n // pseudo touch-target the `pill sm` compound already paints below\n // the `sm:` breakpoint, so 40px still hits 44/48px on a phone.\n {\n collapseLabelBelow: 'sm',\n size: 'sm',\n class: 'ds:max-sm:h-10 ds:max-sm:w-10 ds:max-sm:[&_svg]:size-5',\n },\n {\n collapseLabelBelow: 'sm',\n size: 'md',\n class: 'ds:max-sm:h-14 ds:max-sm:w-14 ds:max-sm:[&_svg]:size-7',\n },\n {\n collapseLabelBelow: 'sm',\n size: 'lg',\n class: 'ds:max-sm:h-16 ds:max-sm:w-16 ds:max-sm:[&_svg]:size-8',\n },\n // The `pill sm` pseudo touch-target only paints below `sm:`, so a\n // 40px circle collapsed at `md` would sit under the target minimum\n // between the two breakpoints. Size that one circle to the minimum\n // itself (44px, 48px in the accessible themes) instead.\n {\n collapseLabelBelow: 'md',\n size: 'sm',\n class:\n 'ds:max-md:h-[var(--min-target-size)] ds:max-md:w-[var(--min-target-size)] ds:max-md:[&_svg]:size-5',\n },\n {\n collapseLabelBelow: 'md',\n size: 'md',\n class: 'ds:max-md:h-14 ds:max-md:w-14 ds:max-md:[&_svg]:size-7',\n },\n {\n collapseLabelBelow: 'md',\n size: 'lg',\n class: 'ds:max-md:h-16 ds:max-md:w-16 ds:max-md:[&_svg]:size-8',\n },\n ],\n});\n\nconst collapsedLabelClass = {\n sm: 'ds:max-sm:sr-only',\n md: 'ds:max-md:sr-only',\n} as const;\n\n/* ------------------------------------------------------------------ */\n/* URL builder */\n/* ------------------------------------------------------------------ */\n\n/**\n * Build a `wa.me` deep-link from an E.164 phone number and an\n * optional prefilled message. The number is stripped to digits — the\n * `wa.me` host requires digits only (no `+`, no separators).\n *\n * Returns `null` (not an empty `wa.me/` URL) when the input contains\n * no digits — the caller is then responsible for rendering a disabled\n * affordance rather than shipping a broken link. In dev a `console.warn`\n * fires so the typo is visible during development.\n */\nfunction buildWaMeUrl(phoneNumber: string, message?: string): string | null {\n const digits = phoneNumber.replace(/\\D/g, '');\n if (digits.length === 0) {\n if (\n typeof import.meta !== 'undefined' &&\n typeof import.meta.env !== 'undefined' &&\n import.meta.env.DEV === true\n ) {\n console.warn(\n `[WhatsAppButton] phoneNumber \"${phoneNumber}\" contains no digits — ` +\n `the affordance will render disabled. Pass an E.164 number ` +\n `(e.g. \"+393331234567\") to fix.`,\n );\n }\n return null;\n }\n const base = `https://wa.me/${digits}`;\n if (!message) return base;\n return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props */\n/* ------------------------------------------------------------------ */\n\nexport interface WhatsAppButtonProps\n extends\n Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>,\n VariantProps<typeof rootVariants>,\n VariantProps<typeof positionVariants> {\n /**\n * Phone number to chat to. E.164 format is recommended\n * (e.g. `+393331234567`). Any non-digit characters are stripped\n * before the URL is built — `wa.me` requires digits only.\n */\n phoneNumber: string;\n /**\n * Optional prefilled message. The receiver sees this in their\n * compose box. Keep it short and human — long pasted text is the\n * single most common reason consumers drop the affordance.\n */\n message?: string;\n /**\n * Override the visible / accessible label. Defaults to\n * `t('whatsApp.label')` (or `t('whatsApp.questionPrompt')` when\n * `tone=\"question\"`) for the pill variant, and\n * `t('whatsApp.fabLabel')` for the FAB.\n */\n label?: ReactNode;\n /**\n * Copy tone for the pill variant.\n * - `standard` (default) — brief \"Chat on WhatsApp\" affordance.\n * - `question` — invitational \"Have questions? Chat on WhatsApp\"\n * copy. Routes through `t('whatsApp.questionPrompt')`. Use on\n * public-facing surfaces (booking pages, marketing) where the\n * button is the only prompt encouraging engagement.\n *\n * Ignored for `variant=\"fab\"` — the floating action button is\n * glyph-only and its `aria-label` stays concise via `fabLabel`.\n */\n tone?: 'standard' | 'question';\n /**\n * Pill only. Below the named Tailwind breakpoint the pill becomes a\n * glyph-only circle (the `fab` chrome of the same `size`) and the\n * label moves to screen-reader-only text, so the accessible name is\n * unchanged. Pure CSS, so server render and first paint agree.\n * Use it where the pill's copy earns its space on desktop but would\n * crowd a phone: the booking site's practice page passes `\"sm\"`.\n *\n * Ignored for `variant=\"fab\"`, which is glyph-only already.\n */\n collapseLabelBelow?: 'sm' | 'md';\n}\n\n/* ------------------------------------------------------------------ */\n/* WhatsAppButton */\n/* ------------------------------------------------------------------ */\n\nexport const WhatsAppButton = forwardRef<\n HTMLAnchorElement,\n WhatsAppButtonProps\n>(\n (\n {\n phoneNumber,\n message,\n variant = 'pill',\n size = 'md',\n position,\n label,\n tone = 'standard',\n collapseLabelBelow,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const href = useMemo(\n () => buildWaMeUrl(phoneNumber, message),\n [phoneNumber, message],\n );\n // Default-label cascade:\n // FAB → `whatsApp.fabLabel` (always concise)\n // pill, tone=question → `whatsApp.questionPrompt` (invitational)\n // pill, tone=standard → `whatsApp.label` (default)\n // Consumer's `label` prop overrides any of the above.\n const defaultLabelKey =\n variant === 'fab'\n ? 'whatsApp.fabLabel'\n : tone === 'question'\n ? 'whatsApp.questionPrompt'\n : 'whatsApp.label';\n const resolvedLabel = label ?? t(defaultLabelKey);\n\n const collapse = variant === 'pill' ? collapseLabelBelow : undefined;\n const composedClassName = [\n rootVariants({ variant, size }),\n positionVariants({ position }),\n collapse ? collapseVariants({ collapseLabelBelow: collapse, size }) : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n // When the input has no digits, render an `aria-disabled` anchor\n // with the same chrome but no `href` — assistive tech announces the\n // disabled state and click does nothing. `buildWaMeUrl` already\n // emitted a dev-mode warning above. `target` / `rel` are stripped\n // too because they're meaningless without `href`.\n const isDisabled = href === null;\n const commonAnchorProps = {\n ref,\n ...(isDisabled\n ? {}\n : {\n href: href as string,\n target: '_blank' as const,\n rel: 'noopener noreferrer' as const,\n }),\n /* An <a> without href has NO implicit role, and `aria-disabled` is\n prohibited on a roleless element (axe aria-prohibited-attr). Give\n the disabled anchor an explicit link role so the state is legal\n and assistive tech still announces it. */\n /* `tabIndex` too: an <a> without href is not focusable, and\n `aria-disabled` presupposes something focus CAN reach — otherwise\n the reason the control is disabled never reaches a keyboard. */\n ...(isDisabled ? { role: 'link' as const, tabIndex: 0 } : {}),\n 'aria-disabled': isDisabled ? true : undefined,\n 'data-component': 'whatsapp-button' as const,\n 'data-variant': variant,\n 'data-collapse-label-below': collapse,\n onClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n if (isDisabled) event.preventDefault();\n rest.onClick?.(event);\n },\n className: composedClassName,\n };\n\n // Screen-reader cue for the new-tab behaviour. WCAG 3.2.5 / G201:\n // user-initiated link openings to a new context should be\n // announced. Reused `link.opensInNewTab` from the kit's `ui` ns —\n // single source of truth across every external-link affordance.\n const opensInNewTabSrText = isDisabled\n ? null\n : t('link.opensInNewTab', 'Opens in a new tab');\n\n if (variant === 'fab') {\n // FAB — circular, glyph-only. The accessible name lives on the\n // anchor's `aria-label` (resolved label). No visible caption,\n // which is exactly what the redesign fixes vs. the legacy\n // green-circle-with-loose-text affordance.\n const fabAriaLabel =\n typeof resolvedLabel === 'string'\n ? opensInNewTabSrText\n ? `${resolvedLabel} — ${opensInNewTabSrText}`\n : resolvedLabel\n : undefined;\n return (\n <a {...rest} {...commonAnchorProps} aria-label={fabAriaLabel}>\n <WhatsAppGlyph />\n {typeof resolvedLabel !== 'string' ? (\n <span className=\"ds:sr-only\">\n {resolvedLabel}\n {opensInNewTabSrText ? ` — ${opensInNewTabSrText}` : null}\n </span>\n ) : null}\n </a>\n );\n }\n\n return (\n <a {...rest} {...commonAnchorProps}>\n <WhatsAppGlyph />\n <span className={collapse ? collapsedLabelClass[collapse] : undefined}>\n {resolvedLabel}\n </span>\n {opensInNewTabSrText ? (\n <span className=\"ds:sr-only\"> — {opensInNewTabSrText}</span>\n ) : null}\n </a>\n );\n },\n);\nWhatsAppButton.displayName = 'WhatsAppButton';\n"],"names":["WhatsAppGlyph","className","jsx","rootVariants","cva","positionVariants","collapseVariants","collapsedLabelClass","buildWaMeUrl","phoneNumber","message","digits","base","WhatsAppButton","forwardRef","variant","size","position","label","tone","collapseLabelBelow","rest","ref","t","useTranslation","href","useMemo","resolvedLabel","collapse","composedClassName","isDisabled","commonAnchorProps","event","_a","opensInNewTabSrText","fabAriaLabel","jsxs"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "packageVersion": "1.26.1",
3
+ "packageVersion": "1.27.0",
4
4
  "components": [
5
5
  {
6
6
  "kind": "component",
@@ -1,4 +1,4 @@
1
- import { W as t, a as s } from "../../_chunks/whatsapp-button-CuFIHJzG.js";
1
+ import { W as t, a as s } from "../../_chunks/whatsapp-button-Ai4YAVkl.js";
2
2
  export {
3
3
  t as WhatsAppButton,
4
4
  s as WhatsAppGlyph
@@ -42,6 +42,17 @@ export interface WhatsAppButtonProps extends Omit<AnchorHTMLAttributes<HTMLAncho
42
42
  * glyph-only and its `aria-label` stays concise via `fabLabel`.
43
43
  */
44
44
  tone?: 'standard' | 'question';
45
+ /**
46
+ * Pill only. Below the named Tailwind breakpoint the pill becomes a
47
+ * glyph-only circle (the `fab` chrome of the same `size`) and the
48
+ * label moves to screen-reader-only text, so the accessible name is
49
+ * unchanged. Pure CSS, so server render and first paint agree.
50
+ * Use it where the pill's copy earns its space on desktop but would
51
+ * crowd a phone: the booking site's practice page passes `"sm"`.
52
+ *
53
+ * Ignored for `variant="fab"`, which is glyph-only already.
54
+ */
55
+ collapseLabelBelow?: 'sm' | 'md';
45
56
  }
46
57
  export declare const WhatsAppButton: import("react").ForwardRefExoticComponent<WhatsAppButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
47
58
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"whatsapp-button.d.ts","sourceRoot":"","sources":["../../../src/components/whatsapp-button/whatsapp-button.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,wBAAgB,aAAa,CAAC,EAC5B,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,SAAS,CAYZ;AAMD,QAAA,MAAM,YAAY;;;8EA0GjB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAoBpB,CAAC;AAyCH,MAAM,WAAW,mBACf,SACE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EAClE,YAAY,CAAC,OAAO,YAAY,CAAC,EACjC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AAMD,eAAO,MAAM,cAAc,mHAuH1B,CAAC"}
1
+ {"version":3,"file":"whatsapp-button.d.ts","sourceRoot":"","sources":["../../../src/components/whatsapp-button/whatsapp-button.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,wBAAgB,aAAa,CAAC,EAC5B,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,SAAS,CAYZ;AAMD,QAAA,MAAM,YAAY;;;8EA0GjB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAoBpB,CAAC;AAiHH,MAAM,WAAW,mBACf,SACE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EAClE,YAAY,CAAC,OAAO,YAAY,CAAC,EACjC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAClC;AAMD,eAAO,MAAM,cAAc,mHA6H1B,CAAC"}
package/dist/index.js CHANGED
@@ -219,14 +219,14 @@ import { T as Rg, t as _g, r as bg } from "./_chunks/tooth-scheme-C9jssOmy.js";
219
219
  import { C as Dg, a as hg, b as Og, c as Fg, d as Lg, e as Mg, F as yg, f as kg, g as Bg, h as Gg, I as vg, P as Hg, i as wg, S as Ug, j as Vg, k as Wg, l as Kg, m as Yg, n as Xg, T as qg, o as zg, p as jg, q as Qg, r as Jg, s as Zg, t as $g, u as aS, v as eS, w as sS, x as rS, y as oS, z as tS, A as nS, B as iS, D as pS, E as mS, G as lS, H as dS, J as AS, K as cS, L as fS, M as gS, N as SS, O as CS, Q as TS, R as xS, U as uS, V as PS, W as IS, X as ES, Y as RS, Z as _S, _ as bS, $ as NS } from "./_chunks/tooth-data-DR8Kdnup.js";
220
220
  import { C as hS, D as OS, T as FS, t as LS, a as MS } from "./_chunks/tooth-finding-palette-vqC-D2Ye.js";
221
221
  import { T as kS } from "./_chunks/transaction-chip-DJCstquX.js";
222
- import { W as GS, a as vS } from "./_chunks/whatsapp-button-CuFIHJzG.js";
222
+ import { W as GS, a as vS } from "./_chunks/whatsapp-button-Ai4YAVkl.js";
223
223
  import { C as wS, W as US, a as VS, b as WS, c as KS, i as YS, l as XS, m as qS, r as zS, w as jS, d as QS, e as JS, f as ZS } from "./_chunks/workflow-map-dNzJjBWG.js";
224
224
  import { A as aC, a as eC, b as sC, c as rC } from "./_chunks/alia-sidebar-BWcWZivN.js";
225
225
  import { A as tC, a as nC, L as iC, P as pC, S as mC, T as lC, b as dC, c as AC, d as cC, e as fC, f as gC, g as SC, h as CC, i as TC, j as xC, k as uC, l as PC, m as IC, n as EC, o as RC, p as _C, r as bC, q as NC, s as DC, t as hC, u as OC } from "./_chunks/anamnesis-summary-rows-DwjqZgR5.js";
226
- import { C as LC, a as MC, b as yC, D as kC, c as BC, S as GC, V as vC, W as HC, d as wC, i as UC, m as VC, r as WC, u as KC, e as YC, f as XC } from "./_chunks/calendar-workspace-DWW5ZtQ0.js";
226
+ import { C as LC, a as MC, b as yC, D as kC, c as BC, S as GC, V as vC, W as HC, d as wC, i as UC, m as VC, r as WC, u as KC, e as YC, f as XC } from "./_chunks/calendar-workspace-Cs4hNB40.js";
227
227
  import { C as zC, M as jC, P as QC } from "./_chunks/marketplace-app-shell-C4AjQmvz.js";
228
228
  import { P as ZC } from "./_chunks/payment-automation-upsell-DwQW2fRp.js";
229
- import { S as aT } from "./_chunks/signature-request-CwlAmVLw.js";
229
+ import { S as aT } from "./_chunks/signature-request-C-IsbkPf.js";
230
230
  import { D as sT, d as rT } from "./_chunks/dependent-selector-cJlJFAKD.js";
231
231
  import { D as tT, d as nT } from "./_chunks/document-preview-CDb-n_W7.js";
232
232
  import { D as pT, d as mT } from "./_chunks/document-scanner-C5Vrbu21.js";
@@ -1,4 +1,4 @@
1
- import { C as s, a as r, b as E, D as P, c as t, S, V as A, W as C, d, i as o, m as D, r as i, u as n, e as W, f as _ } from "../../_chunks/calendar-workspace-DWW5ZtQ0.js";
1
+ import { C as s, a as r, b as E, D as P, c as t, S, V as A, W as C, d, i as o, m as D, r as i, u as n, e as W, f as _ } from "../../_chunks/calendar-workspace-Cs4hNB40.js";
2
2
  export {
3
3
  s as CALENDAR_PREFERENCE_KEYS,
4
4
  r as CalendarDataProvider,
@@ -1,4 +1,4 @@
1
- import { S as o } from "../../_chunks/signature-request-CwlAmVLw.js";
1
+ import { S as o } from "../../_chunks/signature-request-C-IsbkPf.js";
2
2
  export {
3
3
  o as SignatureRequestModal
4
4
  };