@alfadocs/ui-kit-debug 1.64.0 → 1.65.0

package/dist/_chunks/{treatment-receipt-BdJ36vNP.js → treatment-receipt-Cpm8tqQN.js}

@@ -3,7 +3,7 @@ import { forwardRef as R, useRef as j } from "react";
 import { c as g } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
 import { B as f } from "./badge-BUk4RjTS.js";
-import { M as u } from "./money-CeClE1nH.js";
+import { M as u } from "./money-Tsczpjfz.js";
 import { C as z, S as h } from "./skeleton-B1KTdJ4N.js";
 import { T as S } from "./tag-DOZGz0fT.js";
 const v = "type-label ds:text-[color:var(--muted-foreground)]", x = g(
@@ -157,4 +157,4 @@ E.displayName = "TreatmentReceipt";
 export {
   E as T
 };
-//# sourceMappingURL=treatment-receipt-BdJ36vNP.js.map
+//# sourceMappingURL=treatment-receipt-Cpm8tqQN.js.map

package/dist/_chunks/{treatment-receipt-BdJ36vNP.js.map → treatment-receipt-Cpm8tqQN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"treatment-receipt-BdJ36vNP.js","sources":["../../src/components/treatment-receipt/treatment-receipt.tsx"],"sourcesContent":["import { forwardRef, useRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge } from '../badge/badge';\nimport { Money } from '../money/money';\nimport { CONTENT_ENTER_CLASS, Skeleton } from '../skeleton/skeleton';\nimport { Tag } from '../tag/tag';\n\n/* -------------------------------------------------------------------- */\n/* TreatmentReceipt                                                      */\n/*                                                                        */\n/* The treatments scheduled for ONE appointment, set as a receipt: a line */\n/* per treatment, the money in a single inline-end column, and a total    */\n/* beneath the rule.                                                      */\n/*                                                                        */\n/* Three rules the layout depends on, each a real branch in the data:     */\n/*                                                                        */\n/* - The total shows ONLY when every line is priced. `priceCents` is      */\n/*   optional because prices are withheld from viewers without the        */\n/*   permission, and summing what is visible states a confident, wrong    */\n/*   figure.                                                              */\n/* - It is labelled as the APPOINTMENT's total, never a bare \"Total\": a   */\n/*   plan can run to many treatments and only some are scheduled here.    */\n/* - The tooth element is DATA, not decoration, so it stays a chip.       */\n/*                                                                        */\n/* Read-only. It exists because the shape was being rebuilt from Tag,     */\n/* Money and Badge per surface, and the total rule was the part dropped.  */\n/* -------------------------------------------------------------------- */\n\nconst MUTED = 'type-label ds:text-[color:var(--muted-foreground)]';\n\nconst lineVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n    'ds:py-[var(--spacing-xs)]',\n    // Dashed between lines, like a printed receipt; the last line hands the\n    // solid rule over to the total below it.\n    'ds:border-b ds:border-dashed ds:border-[color:var(--border)]',\n    'ds:last:border-b-0',\n  ].join(' '),\n);\n\nconst totalVariants = cva(\n  [\n    'ds:mt-[var(--spacing-xs)] ds:flex ds:items-baseline ds:justify-between',\n    'ds:gap-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nexport interface TreatmentReceiptLine {\n  /** Stable key for the line. */\n  id: string;\n  /** Treatment name, as the price list prints it. */\n  name: string;\n  /** Price-list code, shown muted after the name. */\n  code?: string;\n  /** Dental elements as the platform prints them (\"36, 37\"). */\n  elementsLabel?: string;\n  /** Plan phases this line belongs to. */\n  phases?: string[];\n  /** The treatment has been carried out. */\n  done?: boolean;\n  /** The treatment has been invoiced. */\n  billed?: boolean;\n  /** Minor units. Absent means prices are withheld from this viewer. */\n  priceCents?: number;\n}\n\nexport interface TreatmentReceiptProps extends HTMLAttributes<HTMLDivElement> {\n  lines: TreatmentReceiptLine[];\n  /** BCP 47 locale for the amounts. Defaults to Money's own default. */\n  locale?: string;\n  /** ISO 4217 code. Defaults to Money's own default. */\n  currency?: string;\n  /**\n   * The treatments are being read. With no `lines` yet it shows placeholder\n   * receipt lines and no total. With lines already on screen (a refresh) it\n   * keeps them and only sets `aria-busy`.\n   */\n  loading?: boolean;\n  /** Placeholder lines shown while `loading`. Default `2`. */\n  loadingLines?: number;\n  /** Label of the total row. Defaults to the kit's \"Total for this appointment\". */\n  totalLabel?: string;\n}\n\nexport const TreatmentReceipt = forwardRef<\n  HTMLDivElement,\n  TreatmentReceiptProps\n>(\n  (\n    {\n      lines,\n      locale,\n      currency,\n      totalLabel,\n      loading = false,\n      loadingLines = 2,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    /* Settle in only when this content REPLACES a skeleton. Content that was\n       simply there from the start must not fade: it would read as invisible\n       for one animation to any test or reader that looks at once. */\n    const followedLoading = useRef(false);\n    if (loading) followedLoading.current = true;\n    const enterClass = followedLoading.current ? CONTENT_ENTER_CLASS : '';\n\n    const everyLinePriced =\n      lines.length > 0 && lines.every((line) => line.priceCents !== undefined);\n    const totalCents = lines.reduce(\n      (sum, line) => sum + (line.priceCents ?? 0),\n      0,\n    );\n\n    // First read only: a refresh keeps the lines it has and marks them busy.\n    if (loading && lines.length === 0) {\n      return (\n        <div\n          {...rest}\n          ref={ref}\n          data-component=\"treatment-receipt\"\n          data-loading=\"\"\n          aria-busy=\"true\"\n          className={['ds:flex ds:flex-col', className]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <ul\n            aria-hidden=\"true\"\n            className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0\"\n          >\n            {Array.from({ length: Math.max(1, loadingLines) }, (_, index) => (\n              <li key={index} className={lineVariants()}>\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                  <Skeleton\n                    variant=\"text\"\n                    size=\"sm\"\n                    stagger={index * 2}\n                    width={index % 2 === 0 ? '60%' : '40%'}\n                  />\n                  <Skeleton\n                    variant=\"text\"\n                    size=\"sm\"\n                    stagger={index * 2 + 1}\n                    width=\"var(--spacing-2xl)\"\n                    className=\"ds:ms-auto ds:shrink-0\"\n                  />\n                </div>\n              </li>\n            ))}\n          </ul>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"treatment-receipt\"\n        aria-busy={loading || undefined}\n        className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        <ul\n          className={`ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0 ${enterClass}`.trim()}\n        >\n          {lines.map((line) => {\n            const phases = line.phases ?? [];\n            const hasSubLine = phases.length > 0 || line.done || line.billed;\n            return (\n              <li\n                key={line.id}\n                data-treatment-receipt-line=\"\"\n                className={lineVariants()}\n              >\n                <div className=\"ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]\">\n                  <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm\">\n                    {line.name}\n                    {line.code ? (\n                      <span className={`${MUTED} ds:tabular-nums`}>\n                        {line.code}\n                      </span>\n                    ) : null}\n                    {line.elementsLabel ? (\n                      <Tag\n                        size=\"sm\"\n                        variant=\"info\"\n                        label={line.elementsLabel}\n                      />\n                    ) : null}\n                  </span>\n                  {line.priceCents !== undefined ? (\n                    <Money\n                      value={line.priceCents}\n                      locale={locale}\n                      currency={currency}\n                      decimals=\"muted\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : null}\n                </div>\n                {hasSubLine ? (\n                  <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                    {phases.length > 0 ? (\n                      <span className={MUTED}>\n                        {t('treatmentReceipt.phases', {\n                          phases: phases.join(', '),\n                        })}\n                      </span>\n                    ) : null}\n                    {line.done ? (\n                      <Badge variant=\"success\" size=\"sm\" withDot>\n                        {t('treatmentReceipt.done')}\n                      </Badge>\n                    ) : null}\n                    {line.billed ? (\n                      <Badge variant=\"neutral\" size=\"sm\">\n                        {t('treatmentReceipt.billed')}\n                      </Badge>\n                    ) : null}\n                  </div>\n                ) : null}\n              </li>\n            );\n          })}\n        </ul>\n        {everyLinePriced ? (\n          <div data-treatment-receipt-total=\"\" className={totalVariants()}>\n            <span className=\"type-body-sm ds:font-medium\">\n              {totalLabel ?? t('treatmentReceipt.total')}\n            </span>\n            <Money\n              value={totalCents}\n              locale={locale}\n              currency={currency}\n              decimals=\"muted\"\n              className=\"ds:font-semibold\"\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nTreatmentReceipt.displayName = 'TreatmentReceipt';\n"],"names":["MUTED","lineVariants","cva","totalVariants","TreatmentReceipt","forwardRef","lines","locale","currency","totalLabel","loading","loadingLines","className","rest","ref","t","useTranslation","followedLoading","useRef","enterClass","CONTENT_ENTER_CLASS","everyLinePriced","line","totalCents","sum","jsx","_","index","jsxs","Skeleton","phases","hasSubLine","Tag","Money","Badge"],"mappings":"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"}
+{"version":3,"file":"treatment-receipt-Cpm8tqQN.js","sources":["../../src/components/treatment-receipt/treatment-receipt.tsx"],"sourcesContent":["import { forwardRef, useRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge } from '../badge/badge';\nimport { Money } from '../money/money';\nimport { CONTENT_ENTER_CLASS, Skeleton } from '../skeleton/skeleton';\nimport { Tag } from '../tag/tag';\n\n/* -------------------------------------------------------------------- */\n/* TreatmentReceipt                                                      */\n/*                                                                        */\n/* The treatments scheduled for ONE appointment, set as a receipt: a line */\n/* per treatment, the money in a single inline-end column, and a total    */\n/* beneath the rule.                                                      */\n/*                                                                        */\n/* Three rules the layout depends on, each a real branch in the data:     */\n/*                                                                        */\n/* - The total shows ONLY when every line is priced. `priceCents` is      */\n/*   optional because prices are withheld from viewers without the        */\n/*   permission, and summing what is visible states a confident, wrong    */\n/*   figure.                                                              */\n/* - It is labelled as the APPOINTMENT's total, never a bare \"Total\": a   */\n/*   plan can run to many treatments and only some are scheduled here.    */\n/* - The tooth element is DATA, not decoration, so it stays a chip.       */\n/*                                                                        */\n/* Read-only. It exists because the shape was being rebuilt from Tag,     */\n/* Money and Badge per surface, and the total rule was the part dropped.  */\n/* -------------------------------------------------------------------- */\n\nconst MUTED = 'type-label ds:text-[color:var(--muted-foreground)]';\n\nconst lineVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n    'ds:py-[var(--spacing-xs)]',\n    // Dashed between lines, like a printed receipt; the last line hands the\n    // solid rule over to the total below it.\n    'ds:border-b ds:border-dashed ds:border-[color:var(--border)]',\n    'ds:last:border-b-0',\n  ].join(' '),\n);\n\nconst totalVariants = cva(\n  [\n    'ds:mt-[var(--spacing-xs)] ds:flex ds:items-baseline ds:justify-between',\n    'ds:gap-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nexport interface TreatmentReceiptLine {\n  /** Stable key for the line. */\n  id: string;\n  /** Treatment name, as the price list prints it. */\n  name: string;\n  /** Price-list code, shown muted after the name. */\n  code?: string;\n  /** Dental elements as the platform prints them (\"36, 37\"). */\n  elementsLabel?: string;\n  /** Plan phases this line belongs to. */\n  phases?: string[];\n  /** The treatment has been carried out. */\n  done?: boolean;\n  /** The treatment has been invoiced. */\n  billed?: boolean;\n  /** Minor units. Absent means prices are withheld from this viewer. */\n  priceCents?: number;\n}\n\nexport interface TreatmentReceiptProps extends HTMLAttributes<HTMLDivElement> {\n  lines: TreatmentReceiptLine[];\n  /** BCP 47 locale for the amounts. Defaults to Money's own default. */\n  locale?: string;\n  /** ISO 4217 code. Defaults to Money's own default. */\n  currency?: string;\n  /**\n   * The treatments are being read. With no `lines` yet it shows placeholder\n   * receipt lines and no total. With lines already on screen (a refresh) it\n   * keeps them and only sets `aria-busy`.\n   */\n  loading?: boolean;\n  /** Placeholder lines shown while `loading`. Default `2`. */\n  loadingLines?: number;\n  /** Label of the total row. Defaults to the kit's \"Total for this appointment\". */\n  totalLabel?: string;\n}\n\nexport const TreatmentReceipt = forwardRef<\n  HTMLDivElement,\n  TreatmentReceiptProps\n>(\n  (\n    {\n      lines,\n      locale,\n      currency,\n      totalLabel,\n      loading = false,\n      loadingLines = 2,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    /* Settle in only when this content REPLACES a skeleton. Content that was\n       simply there from the start must not fade: it would read as invisible\n       for one animation to any test or reader that looks at once. */\n    const followedLoading = useRef(false);\n    if (loading) followedLoading.current = true;\n    const enterClass = followedLoading.current ? CONTENT_ENTER_CLASS : '';\n\n    const everyLinePriced =\n      lines.length > 0 && lines.every((line) => line.priceCents !== undefined);\n    const totalCents = lines.reduce(\n      (sum, line) => sum + (line.priceCents ?? 0),\n      0,\n    );\n\n    // First read only: a refresh keeps the lines it has and marks them busy.\n    if (loading && lines.length === 0) {\n      return (\n        <div\n          {...rest}\n          ref={ref}\n          data-component=\"treatment-receipt\"\n          data-loading=\"\"\n          aria-busy=\"true\"\n          className={['ds:flex ds:flex-col', className]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <ul\n            aria-hidden=\"true\"\n            className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0\"\n          >\n            {Array.from({ length: Math.max(1, loadingLines) }, (_, index) => (\n              <li key={index} className={lineVariants()}>\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                  <Skeleton\n                    variant=\"text\"\n                    size=\"sm\"\n                    stagger={index * 2}\n                    width={index % 2 === 0 ? '60%' : '40%'}\n                  />\n                  <Skeleton\n                    variant=\"text\"\n                    size=\"sm\"\n                    stagger={index * 2 + 1}\n                    width=\"var(--spacing-2xl)\"\n                    className=\"ds:ms-auto ds:shrink-0\"\n                  />\n                </div>\n              </li>\n            ))}\n          </ul>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"treatment-receipt\"\n        aria-busy={loading || undefined}\n        className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        <ul\n          className={`ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0 ${enterClass}`.trim()}\n        >\n          {lines.map((line) => {\n            const phases = line.phases ?? [];\n            const hasSubLine = phases.length > 0 || line.done || line.billed;\n            return (\n              <li\n                key={line.id}\n                data-treatment-receipt-line=\"\"\n                className={lineVariants()}\n              >\n                <div className=\"ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]\">\n                  <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm\">\n                    {line.name}\n                    {line.code ? (\n                      <span className={`${MUTED} ds:tabular-nums`}>\n                        {line.code}\n                      </span>\n                    ) : null}\n                    {line.elementsLabel ? (\n                      <Tag\n                        size=\"sm\"\n                        variant=\"info\"\n                        label={line.elementsLabel}\n                      />\n                    ) : null}\n                  </span>\n                  {line.priceCents !== undefined ? (\n                    <Money\n                      value={line.priceCents}\n                      locale={locale}\n                      currency={currency}\n                      decimals=\"muted\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : null}\n                </div>\n                {hasSubLine ? (\n                  <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                    {phases.length > 0 ? (\n                      <span className={MUTED}>\n                        {t('treatmentReceipt.phases', {\n                          phases: phases.join(', '),\n                        })}\n                      </span>\n                    ) : null}\n                    {line.done ? (\n                      <Badge variant=\"success\" size=\"sm\" withDot>\n                        {t('treatmentReceipt.done')}\n                      </Badge>\n                    ) : null}\n                    {line.billed ? (\n                      <Badge variant=\"neutral\" size=\"sm\">\n                        {t('treatmentReceipt.billed')}\n                      </Badge>\n                    ) : null}\n                  </div>\n                ) : null}\n              </li>\n            );\n          })}\n        </ul>\n        {everyLinePriced ? (\n          <div data-treatment-receipt-total=\"\" className={totalVariants()}>\n            <span className=\"type-body-sm ds:font-medium\">\n              {totalLabel ?? t('treatmentReceipt.total')}\n            </span>\n            <Money\n              value={totalCents}\n              locale={locale}\n              currency={currency}\n              decimals=\"muted\"\n              className=\"ds:font-semibold\"\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nTreatmentReceipt.displayName = 'TreatmentReceipt';\n"],"names":["MUTED","lineVariants","cva","totalVariants","TreatmentReceipt","forwardRef","lines","locale","currency","totalLabel","loading","loadingLines","className","rest","ref","t","useTranslation","followedLoading","useRef","enterClass","CONTENT_ENTER_CLASS","everyLinePriced","line","totalCents","sum","jsx","_","index","jsxs","Skeleton","phases","hasSubLine","Tag","Money","Badge"],"mappings":"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"}

package/dist/_chunks/{use-appointment-details-read-D6Gb_OuN.js → use-appointment-details-read-B-FEWbQM.js}

@@ -13,15 +13,15 @@ import { I as Lt } from "./icon-button-C_1TgRiK.js";
 import { B as tn } from "./button-group-DCOJhvm3.js";
 import { D as Oe } from "./dropdown-menu-D1we7oAY.js";
 import { E as zt } from "./editable-description-ChGNdYY8.js";
-import { N as Xe } from "./note-timeline-CwxPQ2Ak.js";
+import { N as Xe } from "./note-timeline-DDqNU46n.js";
 import { P as Ot } from "./panel-header-BJkaUwnl.js";
 import { P as Ge } from "./panel-subview-yP4qIbKS.js";
-import { P as _t } from "./patient-summary-card-cmqjIXMk.js";
+import { P as _t } from "./patient-summary-card-CuDLo8MP.js";
 import { S as ne } from "./section-card-D5nWiTcK.js";
 import { C as nn, S as ue } from "./skeleton-B1KTdJ4N.js";
 import { T as an } from "./text-area-COMVJ1yE.js";
 import { T as sn } from "./tooltip-uEBdD1-5.js";
-import { T as Bt } from "./treatment-receipt-BdJ36vNP.js";
+import { T as Bt } from "./treatment-receipt-Cpm8tqQN.js";
 import { a as Nt } from "./whatsapp-button-DV9JFmtq.js";
 import { a as Ft, W as on } from "./workflow-status-Dc_CyEz5.js";
 import { u as ot, a as At, i as rn } from "./appointment-workflow-status-DMjuIK90.js";
@@ -53,7 +53,7 @@ import { P as vn } from "./phone-FceYcIFQ.js";
 import { M as yn } from "./mail-BqXVF2zH.js";
 import { M as bn } from "./map-pin-BaY37-Km.js";
 import { C as kn } from "./calendar-days-BGWklvE-.js";
-import { H as wn } from "./patient-field-row-C8ymfffP.js";
+import { H as wn } from "./patient-field-row-CBXhlfGD.js";
 import { A as It } from "./armchair-BaLDW6Hz.js";
 import { B as xn } from "./building-2-D33bLCWL.js";
 import { N as Nn } from "./notebook-pen-CO7HoM-W.js";
@@ -2195,4 +2195,4 @@ export {
   Kn as s,
   _s as u
 };
-//# sourceMappingURL=use-appointment-details-read-D6Gb_OuN.js.map
+//# sourceMappingURL=use-appointment-details-read-B-FEWbQM.js.map