@1money/component-ui 0.0.67-alpha.1 → 0.0.67

package/es/business/Dialog/TransactionDialog/presets.d.ts

@@ -0,0 +1,89 @@
+import type { ReactNode } from 'react';
+import type { IconName } from "../../../components/Icons";
+/** Default copy for the optional help row. */
+export interface TransactionDialogPresetHelp {
+    /** Muted prompt text. */
+    promptText?: ReactNode;
+    /** Trailing brand-colored action text. */
+    actionText?: ReactNode;
+}
+/**
+ * Pre-canned config for a transaction-status scenario. A preset fills the
+ * dialog's illustration, title, description, close icon, the primary action
+ * label, and the help row; the consumer wires the handlers and supplies the
+ * dynamic `details` rows. Any explicit prop overrides the preset.
+ */
+export interface TransactionDialogPresetCopy {
+    /** Left-aligned 74px illustration. */
+    illustration: IconName;
+    /** Dialog heading. */
+    title: ReactNode;
+    /** Supporting copy under the title. */
+    description: ReactNode;
+    /** Default label for the primary action, when one is rendered. */
+    primaryLabel?: ReactNode;
+    /**
+     * Whether the close (X) icon shows by default.
+     * @default true
+     */
+    showCloseIcon?: boolean;
+    /** Default help-row copy below the actions. */
+    help?: TransactionDialogPresetHelp;
+}
+/**
+ * Canonical transaction-status scenarios. Pass a leaf straight to
+ * `TransactionDialog`'s `preset` prop — there is no string key to remember; the
+ * IDE navigates and type-checks it.
+ *
+ * Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
+ * result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
+ * `pending`).
+ *
+ * @example
+ * ```tsx
+ * import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
+ *
+ * <TransactionDialog
+ *   open={open}
+ *   preset={TRANSACTION_DIALOG_PRESETS.failed}
+ *   details={details}
+ *   primaryAction={{ onClick: retry }}
+ *   secondaryAction={{ label: 'Close', onClick: close }}
+ *   help={{ onClick: openSupport }}
+ *   onClose={close}
+ * />;
+ * ```
+ */
+export declare const TRANSACTION_DIALOG_PRESETS: {
+    readonly completed: {
+        readonly illustration: "illusChecked";
+        readonly title: "Transaction completed";
+        readonly description: "Your funds have been sent successfully.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+    readonly initiated: {
+        readonly illustration: "illusChecked";
+        readonly title: "Your transaction initiated";
+        readonly description: "We will send you an email when the transaction is completed.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+    };
+    readonly failed: {
+        readonly illustration: "illusError";
+        readonly title: "Your transaction failed";
+        readonly description: "Please try again or contact support for assistance.";
+        readonly primaryLabel: "Try again";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+    readonly pending: {
+        readonly illustration: "illusPending";
+        readonly title: "Your Transaction is Under Review";
+        readonly description: "Please wait for the transaction to be completed.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+};

package/es/business/Dialog/TransactionDialog/presets.js

@@ -0,0 +1,62 @@
+var SUPPORT_HELP = {
+  promptText: 'Trouble with your transaction?',
+  actionText: 'Let us help!'
+};
+/**
+ * Canonical transaction-status scenarios. Pass a leaf straight to
+ * `TransactionDialog`'s `preset` prop — there is no string key to remember; the
+ * IDE navigates and type-checks it.
+ *
+ * Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
+ * result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
+ * `pending`).
+ *
+ * @example
+ * ```tsx
+ * import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
+ *
+ * <TransactionDialog
+ *   open={open}
+ *   preset={TRANSACTION_DIALOG_PRESETS.failed}
+ *   details={details}
+ *   primaryAction={{ onClick: retry }}
+ *   secondaryAction={{ label: 'Close', onClick: close }}
+ *   help={{ onClick: openSupport }}
+ *   onClose={close}
+ * />;
+ * ```
+ */
+export var TRANSACTION_DIALOG_PRESETS = {
+  completed: {
+    illustration: 'illusChecked',
+    title: 'Transaction completed',
+    description: 'Your funds have been sent successfully.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  },
+  initiated: {
+    illustration: 'illusChecked',
+    title: 'Your transaction initiated',
+    description: 'We will send you an email when the transaction is completed.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true
+  },
+  failed: {
+    illustration: 'illusError',
+    title: 'Your transaction failed',
+    description: 'Please try again or contact support for assistance.',
+    primaryLabel: 'Try again',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  },
+  pending: {
+    illustration: 'illusPending',
+    title: 'Your Transaction is Under Review',
+    description: 'Please wait for the transaction to be completed.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3ByZXNldHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvcHJlc2V0cy5qcyJdLCJuYW1lcyI6WyJTVVBQT1JUX0hFTFAiLCJwcm9tcHRUZXh0IiwiYWN0aW9uVGV4dCIsIlRSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTIiwiY29tcGxldGVkIiwiaWxsdXN0cmF0aW9uIiwidGl0bGUiLCJkZXNjcmlwdGlvbiIsInByaW1hcnlMYWJlbCIsInNob3dDbG9zZUljb24iLCJoZWxwIiwiaW5pdGlhdGVkIiwiZmFpbGVkIiwicGVuZGluZyJdLCJtYXBwaW5ncyI6IkFBbUNBLElBQU1BLFlBQVksR0FBZ0M7RUFDaERDLFVBQVUsRUFBRSxnQ0FBZ0M7RUFDNUNDLFVBQVUsRUFBRTtBQ2xDZCxDRG1DQztBQUVEO0FDbkNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QURxQ0EsT0FBTyxJQUFNQywwQkFBMEIsR0FBRztFQUN4Q0MsU0FBUyxFQUFFO0lBQ1RDLFlBQVksRUFBRSxjQUFjO0lBQzVCQyxLQUFLLEVBQUUsdUJBQXVCO0lBQzlCQyxXQUFXLEVBQUUseUNBQXlDO0lBQ3REQyxZQUFZLEVBQUUsNkJBQTZCO0lBQzNDQyxhQUFhLEVBQUUsSUFBSTtJQUNuQkMsSUFBSSxFQUFFVjtFQ25DTixDRG9DRDtFQUNEVyxTQUFTLEVBQUU7SUFDVE4sWUFBWSxFQUFFLGNBQWM7SUFDNUJDLEtBQUssRUFBRSw0QkFBNEI7SUFDbkNDLFdBQVcsRUFBRSw4REFBOEQ7SUFDM0VDLFlBQVksRUFBRSw2QkFBNkI7SUFDM0NDLGFBQWEsRUFBRTtFQ25DZixDRG9DRDtFQUNERyxNQUFNLEVBQUU7SUFDTlAsWUFBWSxFQUFFLFlBQVk7SUFDMUJDLEtBQUssRUFBRSx5QkFBeUI7SUFDaENDLFdBQVcsRUFBRSxxREFBcUQ7SUFDbEVDLFlBQVksRUFBRSxXQUFXO0lBQ3pCQyxhQUFhLEVBQUUsSUFBSTtJQUNuQkMsSUFBSSxFQUFFVjtFQ25DTixDRG9DRDtFQUNEYSxPQUFPLEVBQUU7SUFDUFIsWUFBWSxFQUFFLGNBQWM7SUFDNUJDLEtBQUssRUFBRSxrQ0FBa0M7SUFDekNDLFdBQVcsRUFBRSxrREFBa0Q7SUFDL0RDLFlBQVksRUFBRSw2QkFBNkI7SUFDM0NDLGFBQWEsRUFBRSxJQUFJO0lBQ25CQyxJQUFJLEVBQUVWO0VDbkNOO0FBQ0osQ0RvQ2dFIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9wcmVzZXRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJjb25zdCBTVVBQT1JUX0hFTFAgPSB7XG4gICAgcHJvbXB0VGV4dDogJ1Ryb3VibGUgd2l0aCB5b3VyIHRyYW5zYWN0aW9uPycsXG4gICAgYWN0aW9uVGV4dDogJ0xldCB1cyBoZWxwIScsXG59O1xuLyoqXG4gKiBDYW5vbmljYWwgdHJhbnNhY3Rpb24tc3RhdHVzIHNjZW5hcmlvcy4gUGFzcyBhIGxlYWYgc3RyYWlnaHQgdG9cbiAqIGBUcmFuc2FjdGlvbkRpYWxvZ2AncyBgcHJlc2V0YCBwcm9wIOKAlCB0aGVyZSBpcyBubyBzdHJpbmcga2V5IHRvIHJlbWVtYmVyOyB0aGVcbiAqIElERSBuYXZpZ2F0ZXMgYW5kIHR5cGUtY2hlY2tzIGl0LlxuICpcbiAqIENvcHkgaXMgdGFrZW4gZnJvbSB0aGUgRmlnbWEgXCJUcmFuc2FjdGlvbiBjb21wbGV0ZWRcIiBmcmFtZSBhbmQgdGhlIHNjcC11aSBTZW5kXG4gKiByZXN1bHQgc3RhdHVzZXMgKGBJTklUYCDihpIgYGluaXRpYXRlZGAsIGBGQUlMVVJFYCDihpIgYGZhaWxlZGAsIGBQRU5ESU5HYCDihpJcbiAqIGBwZW5kaW5nYCkuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzeFxuICogaW1wb3J0IHsgVFJBTlNBQ1RJT05fRElBTE9HX1BSRVNFVFMgfSBmcm9tICdAMW1vbmV5L2NvbXBvbmVudC11aS9idXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cnO1xuICpcbiAqIDxUcmFuc2FjdGlvbkRpYWxvZ1xuICogICBvcGVuPXtvcGVufVxuICogICBwcmVzZXQ9e1RSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTLmZhaWxlZH1cbiAqICAgZGV0YWlscz17ZGV0YWlsc31cbiAqICAgcHJpbWFyeUFjdGlvbj17eyBvbkNsaWNrOiByZXRyeSB9fVxuICogICBzZWNvbmRhcnlBY3Rpb249e3sgbGFiZWw6ICdDbG9zZScsIG9uQ2xpY2s6IGNsb3NlIH19XG4gKiAgIGhlbHA9e3sgb25DbGljazogb3BlblN1cHBvcnQgfX1cbiAqICAgb25DbG9zZT17Y2xvc2V9XG4gKiAvPjtcbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgVFJBTlNBQ1RJT05fRElBTE9HX1BSRVNFVFMgPSB7XG4gICAgY29tcGxldGVkOiB7XG4gICAgICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzQ2hlY2tlZCcsXG4gICAgICAgIHRpdGxlOiAnVHJhbnNhY3Rpb24gY29tcGxldGVkJyxcbiAgICAgICAgZGVzY3JpcHRpb246ICdZb3VyIGZ1bmRzIGhhdmUgYmVlbiBzZW50IHN1Y2Nlc3NmdWxseS4nLFxuICAgICAgICBwcmltYXJ5TGFiZWw6ICdWaWV3IGluIHRyYW5zYWN0aW9uIGhpc3RvcnknLFxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0cnVlLFxuICAgICAgICBoZWxwOiBTVVBQT1JUX0hFTFAsXG4gICAgfSxcbiAgICBpbml0aWF0ZWQ6IHtcbiAgICAgICAgaWxsdXN0cmF0aW9uOiAnaWxsdXNDaGVja2VkJyxcbiAgICAgICAgdGl0bGU6ICdZb3VyIHRyYW5zYWN0aW9uIGluaXRpYXRlZCcsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnV2Ugd2lsbCBzZW5kIHlvdSBhbiBlbWFpbCB3aGVuIHRoZSB0cmFuc2FjdGlvbiBpcyBjb21wbGV0ZWQuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVmlldyBpbiB0cmFuc2FjdGlvbiBoaXN0b3J5JyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICB9LFxuICAgIGZhaWxlZDoge1xuICAgICAgICBpbGx1c3RyYXRpb246ICdpbGx1c0Vycm9yJyxcbiAgICAgICAgdGl0bGU6ICdZb3VyIHRyYW5zYWN0aW9uIGZhaWxlZCcsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnUGxlYXNlIHRyeSBhZ2FpbiBvciBjb250YWN0IHN1cHBvcnQgZm9yIGFzc2lzdGFuY2UuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVHJ5IGFnYWluJyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICAgICAgaGVscDogU1VQUE9SVF9IRUxQLFxuICAgIH0sXG4gICAgcGVuZGluZzoge1xuICAgICAgICBpbGx1c3RyYXRpb246ICdpbGx1c1BlbmRpbmcnLFxuICAgICAgICB0aXRsZTogJ1lvdXIgVHJhbnNhY3Rpb24gaXMgVW5kZXIgUmV2aWV3JyxcbiAgICAgICAgZGVzY3JpcHRpb246ICdQbGVhc2Ugd2FpdCBmb3IgdGhlIHRyYW5zYWN0aW9uIHRvIGJlIGNvbXBsZXRlZC4nLFxuICAgICAgICBwcmltYXJ5TGFiZWw6ICdWaWV3IGluIHRyYW5zYWN0aW9uIGhpc3RvcnknLFxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0cnVlLFxuICAgICAgICBoZWxwOiBTVVBQT1JUX0hFTFAsXG4gICAgfSxcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/business/Dialog/TransactionDialog/style/TransactionDialog.css

@@ -0,0 +1,36 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-transaction-dialog-row {
+  padding: var(--om-spacing-300, 12px) 0;
+  border-top: 1px solid var(--om-border-default, #d1d2d2);
+}
+.om-transaction-dialog-value {
+  text-align: right;
+}
+.om-transaction-dialog-actions > button {
+  width: 100%;
+  white-space: nowrap;
+}
+.om-transaction-dialog-help a {
+  cursor: pointer;
+}

package/es/business/Dialog/TransactionDialog/style/css.js

@@ -0,0 +1,2 @@
+import './TransactionDialog.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMEJBQTBCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/business/Dialog/TransactionDialog/style/index.d.ts

@@ -0,0 +1 @@
+import './TransactionDialog.css';

package/es/business/Dialog/TransactionDialog/style/index.js

@@ -0,0 +1,2 @@
+import './TransactionDialog.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMEJBQTBCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/business/Dialog/VerificationDialog/ResendRow.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import type { VerificationDialogResend } from './interface';
+export interface ResendRowProps {
+    resend: VerificationDialogResend;
+}
+/**
+ * The "Haven't received the code? Resend" row below the footer divider. Owns its
+ * own cooldown: while counting down (or while a resend is in flight) the row is
+ * inert — muted, non-clickable, default cursor — and shows the remaining time.
+ * When resending is allowed, both the prompt text and the link trigger it and
+ * show a pointer cursor. Rendered only when a `resend` config is provided, so
+ * the countdown hook never runs for dialogs without resend.
+ */
+export declare const ResendRow: FC<ResendRowProps>;

package/es/business/Dialog/VerificationDialog/ResendRow.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Divider } from '../../../components/Divider';
+import { Flex } from '../../../components/Flex';
+import { Typography } from '../../../components/Typography';
+import { joinCls } from '../../../utils/classnames';
+import { VERIFICATION_DIALOG } from './constants';
+import { useResendCountdown } from './hooks';
+/**
+ * The "Haven't received the code? Resend" row below the footer divider. Owns its
+ * own cooldown: while counting down (or while a resend is in flight) the row is
+ * inert — muted, non-clickable, default cursor — and shows the remaining time.
+ * When resending is allowed, both the prompt text and the link trigger it and
+ * show a pointer cursor. Rendered only when a `resend` config is provided, so
+ * the countdown hook never runs for dialogs without resend.
+ */
+export var ResendRow = function ResendRow(_ref) {
+  var resend = _ref.resend;
+  var promptText = resend.promptText,
+    _resend$actionText = resend.actionText,
+    actionText = _resend$actionText === void 0 ? VERIFICATION_DIALOG.defaults.resendLabel : _resend$actionText,
+    onResend = resend.onResend,
+    cooldown = resend.cooldown;
+  var _useResendCountdown = useResendCountdown({
+      onResend: onResend,
+      cooldown: cooldown
+    }),
+    canResend = _useResendCountdown.canResend,
+    remaining = _useResendCountdown.remaining,
+    formatted = _useResendCountdown.formatted,
+    triggerResend = _useResendCountdown.resend;
+  var handleClick = function handleClick() {
+    if (canResend) triggerResend();
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!canResend || !VERIFICATION_DIALOG.activationKeys.includes(event.key)) return;
+    event.preventDefault();
+    triggerResend();
+  };
+  return _jsxs(_Fragment, {
+    children: [_jsx(Divider, {}), _jsxs(Flex, {
+      align: 'center',
+      justify: 'space-between',
+      className: VERIFICATION_DIALOG.cls.recovery,
+      children: [promptText && _jsx(Typography.Body, {
+        size: 'md',
+        strong: true,
+        color: 'default-tertiary',
+        className: joinCls(VERIFICATION_DIALOG.cls.recoveryText, canResend && VERIFICATION_DIALOG.mod.clickable),
+        onClick: canResend ? handleClick : undefined,
+        children: promptText
+      }), _jsxs(Typography.Link, {
+        size: 'md',
+        role: 'button',
+        tabIndex: 0,
+        disabled: !canResend,
+        color: canResend ? 'brand' : 'default-tertiary',
+        className: joinCls(VERIFICATION_DIALOG.cls.resend, canResend && VERIFICATION_DIALOG.mod.clickable),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: [actionText, remaining > 0 ? " (".concat(formatted, ")") : '']
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvUmVzZW5kUm93LmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1Jlc2VuZFJvdy50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwiRGl2aWRlciIsIkZsZXgiLCJUeXBvZ3JhcGh5Iiwiam9pbkNscyIsIlZFUklGSUNBVElPTl9ESUFMT0ciLCJ1c2VSZXNlbmRDb3VudGRvd24iLCJSZXNlbmRSb3ciLCJfcmVmIiwicmVzZW5kIiwicHJvbXB0VGV4dCIsIl9yZXNlbmQkYWN0aW9uVGV4dCIsImFjdGlvblRleHQiLCJkZWZhdWx0cyIsInJlc2VuZExhYmVsIiwib25SZXNlbmQiLCJjb29sZG93biIsIl91c2VSZXNlbmRDb3VudGRvd24iLCJjYW5SZXNlbmQiLCJyZW1haW5pbmciLCJmb3JtYXR0ZWQiLCJ0cmlnZ2VyUmVzZW5kIiwiaGFuZGxlQ2xpY2siLCJoYW5kbGVLZXlEb3duIiwiZXZlbnQiLCJhY3RpdmF0aW9uS2V5cyIsImluY2x1ZGVzIiwia2V5IiwicHJldmVudERlZmF1bHQiLCJjaGlsZHJlbiIsImFsaWduIiwianVzdGlmeSIsImNsYXNzTmFtZSIsImNscyIsInJlY292ZXJ5IiwiQm9keSIsInNpemUiLCJzdHJvbmciLCJjb2xvciIsInJlY292ZXJ5VGV4dCIsIm1vZCIsImNsaWNrYWJsZSIsIm9uQ2xpY2siLCJ1bmRlZmluZWQiLCJMaW5rIiwicm9sZSIsInRhYkluZGV4IiwiZGlzYWJsZWQiLCJvbktleURvd24iLCJjb25jYXQiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssRUFBRUMsUUFBUSxJQUFJQyxTQUFTLFFBQVEsbUJBQW1CO0FDQXJGLFNBQVNDLE9BQU8sUUFBUSw2QkFBNkI7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QU0sRUFDOUJTLFNBQVMsSUFBSWIsbUJBQW1CLENBQUNtQyxHQUFHLENBQUNDLFNBQVMsQ0FDL0M7UUFDREMsT0FBTyxFQUFFcEIsV0FBVztRQUNwQjBCLFNBQVMsRUFBRXpCLGFBQWE7UUFBQU0sUUFBQSxFQUFBLENBRXZCakIsVUFBVSxFQUNWTyxTQUFTLEdBQUcsQ0FBQyxRQUFBOEIsTUFBQSxDQUFRN0IsU0FBUyxTQUFNLEVBQUU7TUFBQSxDQUFBLENBQ3ZCO0lBQUEsQ0FBQSxDQUNiO0VBQUEsQ0FBQSxDQUNOO0FBRVAsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1Jlc2VuZFJvdy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL0RpdmlkZXInO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvRmxleCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IFZFUklGSUNBVElPTl9ESUFMT0cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyB1c2VSZXNlbmRDb3VudGRvd24gfSBmcm9tICcuL2hvb2tzJztcbi8qKlxuICogVGhlIFwiSGF2ZW4ndCByZWNlaXZlZCB0aGUgY29kZT8gUmVzZW5kXCIgcm93IGJlbG93IHRoZSBmb290ZXIgZGl2aWRlci4gT3ducyBpdHNcbiAqIG93biBjb29sZG93bjogd2hpbGUgY291bnRpbmcgZG93biAob3Igd2hpbGUgYSByZXNlbmQgaXMgaW4gZmxpZ2h0KSB0aGUgcm93IGlzXG4gKiBpbmVydCDigJQgbXV0ZWQsIG5vbi1jbGlja2FibGUsIGRlZmF1bHQgY3Vyc29yIOKAlCBhbmQgc2hvd3MgdGhlIHJlbWFpbmluZyB0aW1lLlxuICogV2hlbiByZXNlbmRpbmcgaXMgYWxsb3dlZCwgYm90aCB0aGUgcHJvbXB0IHRleHQgYW5kIHRoZSBsaW5rIHRyaWdnZXIgaXQgYW5kXG4gKiBzaG93IGEgcG9pbnRlciBjdXJzb3IuIFJlbmRlcmVkIG9ubHkgd2hlbiBhIGByZXNlbmRgIGNvbmZpZyBpcyBwcm92aWRlZCwgc29cbiAqIHRoZSBjb3VudGRvd24gaG9vayBuZXZlciBydW5zIGZvciBkaWFsb2dzIHdpdGhvdXQgcmVzZW5kLlxuICovXG5leHBvcnQgY29uc3QgUmVzZW5kUm93ID0gKHsgcmVzZW5kIH0pID0+IHtcbiAgICBjb25zdCB7IHByb21wdFRleHQsIGFjdGlvblRleHQgPSBWRVJJRklDQVRJT05fRElBTE9HLmRlZmF1bHRzLnJlc2VuZExhYmVsLCBvblJlc2VuZCwgY29vbGRvd24sIH0gPSByZXNlbmQ7XG4gICAgY29uc3QgeyBjYW5SZXNlbmQsIHJlbWFpbmluZywgZm9ybWF0dGVkLCByZXNlbmQ6IHRyaWdnZXJSZXNlbmQgfSA9IHVzZVJlc2VuZENvdW50ZG93bih7XG4gICAgICAgIG9uUmVzZW5kLFxuICAgICAgICBjb29sZG93bixcbiAgICB9KTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgICAgaWYgKGNhblJlc2VuZClcbiAgICAgICAgICAgIHRyaWdnZXJSZXNlbmQoKTtcbiAgICB9O1xuICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFjYW5SZXNlbmQgfHwgIVZFUklGSUNBVElPTl9ESUFMT0cuYWN0aXZhdGlvbktleXMuaW5jbHVkZXMoZXZlbnQua2V5KSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgdHJpZ2dlclJlc2VuZCgpO1xuICAgIH07XG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KERpdmlkZXIsIHt9KSwgX2pzeHMoRmxleCwgeyBhbGlnbjogJ2NlbnRlcicsIGp1c3RpZnk6ICdzcGFjZS1iZXR3ZWVuJywgY2xhc3NOYW1lOiBWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZWNvdmVyeSwgY2hpbGRyZW46IFtwcm9tcHRUZXh0ICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC10ZXJ0aWFyeScsIGNsYXNzTmFtZTogam9pbkNscyhWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZWNvdmVyeVRleHQsIGNhblJlc2VuZCAmJiBWRVJJRklDQVRJT05fRElBTE9HLm1vZC5jbGlja2FibGUpLCBvbkNsaWNrOiBjYW5SZXNlbmQgPyBoYW5kbGVDbGljayA6IHVuZGVmaW5lZCwgY2hpbGRyZW46IHByb21wdFRleHQgfSkpLCBfanN4cyhUeXBvZ3JhcGh5LkxpbmssIHsgc2l6ZTogJ21kJywgcm9sZTogJ2J1dHRvbicsIHRhYkluZGV4OiAwLCBkaXNhYmxlZDogIWNhblJlc2VuZCwgY29sb3I6IGNhblJlc2VuZCA/ICdicmFuZCcgOiAnZGVmYXVsdC10ZXJ0aWFyeScsIGNsYXNzTmFtZTogam9pbkNscyhWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZXNlbmQsIGNhblJlc2VuZCAmJiBWRVJJRklDQVRJT05fRElBTE9HLm1vZC5jbGlja2FibGUpLCBvbkNsaWNrOiBoYW5kbGVDbGljaywgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBjaGlsZHJlbjogW2FjdGlvblRleHQsIHJlbWFpbmluZyA+IDAgPyBgICgke2Zvcm1hdHRlZH0pYCA6ICcnXSB9KV0gfSldIH0pKTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/business/Dialog/VerificationDialog/VerificationDialog.d.ts

@@ -0,0 +1,3 @@
+import type { VerificationDialogProps } from './interface';
+import './style';
+export declare const VerificationDialog: import("react").NamedExoticComponent<VerificationDialogProps>;

package/es/business/Dialog/VerificationDialog/VerificationDialog.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect } from 'react';
+import { Button } from '../../../components/Button';
+import { Dialog } from '../../../components/Dialog';
+import { Flex } from '../../../components/Flex';
+import { Input } from '../../../components/Input';
+import { Typography } from '../../../components/Typography';
+import { joinCls } from '../../../utils/classnames';
+import { VERIFICATION_DIALOG } from './constants';
+import { ResendRow } from './ResendRow';
+import { useOtpVerification } from './hooks';
+import './style';
+var VerificationDialogBase = function VerificationDialogBase(_ref) {
+  var open = _ref.open,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? VERIFICATION_DIALOG.defaults.size : _ref$size,
+    maskClosable = _ref.maskClosable,
+    _ref$showCloseIcon = _ref.showCloseIcon,
+    showCloseIcon = _ref$showCloseIcon === void 0 ? false : _ref$showCloseIcon,
+    showBackIcon = _ref.showBackIcon,
+    onBack = _ref.onBack,
+    className = _ref.className,
+    title = _ref.title,
+    description = _ref.description,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    otpHint = _ref.otpHint,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? false : _ref$mask,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$autoSubmit = _ref.autoSubmit,
+    autoSubmit = _ref$autoSubmit === void 0 ? true : _ref$autoSubmit,
+    onVerify = _ref.onVerify,
+    onChange = _ref.onChange,
+    _ref$submitText = _ref.submitText,
+    submitText = _ref$submitText === void 0 ? VERIFICATION_DIALOG.defaults.submitText : _ref$submitText,
+    secondaryAction = _ref.secondaryAction,
+    resend = _ref.resend,
+    onClose = _ref.onClose;
+  var _a, _b;
+  var otp = useOtpVerification({
+    onVerify: onVerify,
+    value: value,
+    defaultValue: defaultValue,
+    autoSubmit: autoSubmit,
+    onChange: onChange
+  });
+  // Drop a stale error when the dialog is re-opened, without clobbering a
+  // controlled/prefilled value. `clearError` is stable, so this only runs on an
+  // open/close transition — not on every keystroke.
+  var clearError = otp.clearError;
+  useEffect(function () {
+    if (open) clearError();
+  }, [open, clearError]);
+  var body = _jsxs(Flex, {
+    vertical: true,
+    gap: VERIFICATION_DIALOG.gap.body,
+    className: VERIFICATION_DIALOG.cls.body,
+    children: [description && _jsx(Typography.Body, {
+      as: 'p',
+      size: 'md',
+      strong: true,
+      color: 'default-secondary',
+      children: description
+    }), _jsx(Input.OTP, {
+      value: otp.value,
+      status: otp.status,
+      feedback: (_a = otp.feedback) !== null && _a !== void 0 ? _a : otpHint,
+      autoFocus: autoFocus,
+      mask: mask,
+      disabled: disabled,
+      onChange: otp.onChange
+    })]
+  });
+  var footerNode = _jsxs(Flex, {
+    vertical: true,
+    gap: VERIFICATION_DIALOG.gap.footer,
+    className: VERIFICATION_DIALOG.cls.footer,
+    children: [_jsxs(Flex, {
+      gap: VERIFICATION_DIALOG.gap.actions,
+      className: VERIFICATION_DIALOG.cls.actions,
+      children: [secondaryAction && _jsx(Button, {
+        color: (_b = secondaryAction.color) !== null && _b !== void 0 ? _b : VERIFICATION_DIALOG.defaults.secondaryColor,
+        disabled: secondaryAction.disabled,
+        onClick: secondaryAction.onClick,
+        children: secondaryAction.label
+      }), _jsx(Button, {
+        color: 'primary',
+        loading: otp.submitting,
+        disabled: !otp.valid || otp.submitting || disabled,
+        onClick: otp.submit,
+        children: submitText
+      })]
+    }), resend && _jsx(ResendRow, {
+      resend: resend
+    })]
+  });
+  return _jsx(Dialog, {
+    open: open,
+    size: size,
+    maskClosable: maskClosable,
+    showCloseIcon: showCloseIcon,
+    showBackIcon: showBackIcon,
+    onBack: onBack,
+    className: joinCls(VERIFICATION_DIALOG.cls.wrap, className),
+    title: title,
+    footer: footerNode,
+    onCancel: onClose,
+    children: body
+  });
+};
+export var VerificationDialog = /*#__PURE__*/memo(VerificationDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nLmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJ1c2VFZmZlY3QiLCJCdXR0b24iLCJEaWFsb2ciLCJGbGV4IiwiSW5wdXQiLCJUeXBvZ3JhcGh5Iiwiam9pbkNscyIsIlZFUklGSUNBVElPTl9ESUFMT0ciLCJSZXNlbmRSb3ciLCJ1c2VPdHBWZXJpZmljYXRpb24iLCJWZXJpZmljYXRpb25EaWFsb2dCYXNlIiwiX3JlZiIsIm9wZW4iLCJfcmVmJHNpemUiLCJzaXplIiwiZGVmYXVsdHMiLCJtYXNrQ2xvc2FibGUiLCJfcmVmJHNob3dDbG9zZUljb24iLCJzaG93Q2xvc2VJY29uIiwic2hvd0JhY2tJY29uIiwib25CYWNrIiwiY2xhc3NOYW1lIiwidGl0bGUiLCJkZXNjcmlwdGlvbiIsInZhbHVlIiwiZGVmYXVsdFZhbHVlIiwib3RwSGludCIsIl9yZWYkYXV0b0ZvY3VzIiwiYXV0b0ZvY3VzIiwiX3JlZiRtYXNrIiwibWFzayIsIl9yZWYkZGlzYWJsZWQiLCJkaXNhYmxlZCIsIl9yZWYkYXV0b1N1Ym1pdCIsImF1dG9TdWJtaXQiLCJvblZlcmlmeSIsIm9uQ2hhbmdlIiwiX3JlZiRzdWJtaXRUZXh0Iiwic3VibWl0VGV4dCIsInNlY29uZGFyeUFjdGlvbiIsInJlc2VuZCIsIm9uQ2xvc2UiLCJfYSIsIl9iIiwib3RwIiwiY2xlYXJFcnJvciIsImJvZHkiLCJ2ZXJ0aWNhbCIsImdhcCIsImNscyIsImNoaWxkcmVuIiwiQm9keSIsImFzIiwic3Ryb25nIiwiY29sb3IiLCJPVFAiLCJzdGF0dXMiLCJmZWVkYmFjayIsImZvb3Rlck5vZGUiLCJmb290ZXIiLCJhY3Rpb25zIiwic2Vjb25kYXJ5Q29sb3IiLCJvbkNsaWNrIiwibGFiZWwiLCJsb2FkaW5nIiwic3VibWl0dGluZyIsInZhbGlkIiwic3VibWl0Iiwid3JhcCIsIm9uQ2FuY2VsIiwiVmVyaWZpY2F0aW9uRGlhbG9nIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLElBQUksRUFBRUMsU0FBUyxRQUFRLE9BQU87QUFDdkMsU0FBU0MsTUFBTSxRQUFRLDRCQUE0QjtBQUNuRCxTQUFTQyxNQUFNLFFBQVEsNEJBQTRCO0FBQ25ELFNBQVNDLElBQUksUUFBUSwwQkFBMEI7QUFDL0MsU0FBU0MsS0FBSyxRQUFRLDJCQUEyQjtBQUNqRCxTQUFTQyxVQUFVLFFBQVEsZ0NBQWdDO0FBQzNELFNBQVNDLE9BQU8sUUFBUSwyQkFBMkI7QUFDbkQsU0FBU0MsbUJBQW1CLFFBQVEsYUFBYTtBQUNqRCxTQUFTQyxTQUFTLFFBQVEsYUFBYTtBQUN2QyxTQUFTQyxrQkFBa0IsUUFBUSxTQUFTO0FBRzVDLE9BQU8sU0FBUztBQUVoQixJQUFNQyxzQkFBc0IsR0FBZ0MsU0FBdERBLHNCQUFzQkEsQ0FBQUMsSUFBQSxFQXVCdkI7RUFBQSxJQXRCSEMsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7SUFBQUMsU0FBQSxHQUFBRixJQUFBLENBQ0pHLElBQUk7SUFBSkEsSUFBSSxHQUFBRCxTQUFBLGNBQUdOLG1CQUFtQixDQUFDUSxRQUFRLENBQUNELElBQUksR0FBQUQsU0FBQTtJQUN4Q0csWUFBWSxHQUFBTCxJQUFBLENBQVpLLFlBQVk7SUFBQUMsa0JBQUEsR0FBQU4sSUFBQSxDQUNaTyxhQUFhO0lBQWJBLGFBQWEsR0FBQUQsa0JBQUEsY0FBRyxLQUFLLEdBQUFBLGtCQUFBO0lBQ3JCRSxZQUFZLEdBQUFSLElBQUEsQ0FBWlEsWUFBWTtJQUNaQyxNQUFNLEdBQUFULElBQUEsQ0FBTlMsTUFBTTtJQUNOQyxTQUFTLEdBQUFWLElBQUEsQ0FB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NUMsSUFBQSxDQUFDWSxTQUFTLEVBQUE7TUFBQ2dDLE1BQU0sRUFBRUE7SUFBTSxDQUFBLENBQUk7RUFBQSxDQUFBLENBRTNDO0VBRUQsT0FDRTVDLElBQUEsQ0FBQ00sTUFBTSxFQUFBO0lBQ0xVLElBQUksRUFBRUEsSUFBSTtJQUNWRSxJQUFJLEVBQUVBLElBQUk7SUFDVkUsWUFBWSxFQUFFQSxZQUFZO0lBQzFCRSxhQUFhLEVBQUVBLGFBQWE7SUFDNUJDLFlBQVksRUFBRUEsWUFBWTtJQUMxQkMsTUFBTSxFQUFFQSxNQUFNO0lBQ2RDLFNBQVMsRUFBRWYsT0FBTyxDQUFDQyxtQkFBbUIsQ0FBQzBDLEdBQUcsQ0FBQ21CLElBQUksRUFBRS9DLFNBQVMsQ0FBQztJQUMzREMsS0FBSyxFQUFFQSxLQUFLO0lBQ1pxQyxNQUFNLEVBQUVELFVBQVU7SUFDbEJXLFFBQVEsRUFBRTVCLE9BQU87SUFBQVMsUUFBQSxFQUVoQko7RUFBSSxDQUFBLENBQ0U7QUFFYixDQUFDO0FBRUQsT0FBTyxJQUFNd0Isa0JBQWtCLGdCQUFHdkUsSUFBSSxDQUFDVyxzQkFBc0IsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL0J1dHRvbic7XG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL0RpYWxvZyc7XG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9GbGV4JztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9JbnB1dCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IFZFUklGSUNBVElPTl9ESUFMT0cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBSZXNlbmRSb3cgfSBmcm9tICcuL1Jlc2VuZFJvdyc7XG5pbXBvcnQgeyB1c2VPdHBWZXJpZmljYXRpb24gfSBmcm9tICcuL2hvb2tzJztcbmltcG9ydCAnLi9zdHlsZSc7XG5jb25zdCBWZXJpZmljYXRpb25EaWFsb2dCYXNlID0gKHsgb3Blbiwgc2l6ZSA9IFZFUklGSUNBVElPTl9ESUFMT0cuZGVmYXVsdHMuc2l6ZSwgbWFza0Nsb3NhYmxlLCBzaG93Q2xvc2VJY29uID0gZmFsc2UsIHNob3dCYWNrSWNvbiwgb25CYWNrLCBjbGFzc05hbWUsIHRpdGxlLCBkZXNjcmlwdGlvbiwgdmFsdWUsIGRlZmF1bHRWYWx1ZSwgb3RwSGludCwgYXV0b0ZvY3VzID0gZmFsc2UsIG1hc2sgPSBmYWxzZSwgZGlzYWJsZWQgPSBmYWxzZSwgYXV0b1N1Ym1pdCA9IHRydWUsIG9uVmVyaWZ5LCBvbkNoYW5nZSwgc3VibWl0VGV4dCA9IFZFUklGSUNBVElPTl9ESUFMT0cuZGVmYXVsdHMuc3VibWl0VGV4dCwgc2Vjb25kYXJ5QWN0aW9uLCByZXNlbmQsIG9uQ2xvc2UsIH0pID0+IHtcbiAgICB2YXIgX2EsIF9iO1xuICAgIGNvbnN0IG90cCA9IHVzZU90cFZlcmlmaWNhdGlvbih7XG4gICAgICAgIG9uVmVyaWZ5LFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgZGVmYXVsdFZhbHVlLFxuICAgICAgICBhdXRvU3VibWl0LFxuICAgICAgICBvbkNoYW5nZSxcbiAgICB9KTtcbiAgICAvLyBEcm9wIGEgc3RhbGUgZXJyb3Igd2hlbiB0aGUgZGlhbG9nIGlzIHJlLW9wZW5lZCwgd2l0aG91dCBjbG9iYmVyaW5nIGFcbiAgICAvLyBjb250cm9sbGVkL3ByZWZpbGxlZCB2YWx1ZS4gYGNsZWFyRXJyb3JgIGlzIHN0YWJsZSwgc28gdGhpcyBvbmx5IHJ1bnMgb24gYW5cbiAgICAvLyBvcGVuL2Nsb3NlIHRyYW5zaXRpb24g4oCUIG5vdCBvbiBldmVyeSBrZXlzdHJva2UuXG4gICAgY29uc3QgeyBjbGVhckVycm9yIH0gPSBvdHA7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKG9wZW4pXG4gICAgICAgICAgICBjbGVhckVycm9yKCk7XG4gICAgfSwgW29wZW4sIGNsZWFyRXJyb3JdKTtcbiAgICBjb25zdCBib2R5ID0gKF9qc3hzKEZsZXgsIHsgdmVydGljYWw6IHRydWUsIGdhcDogVkVSSUZJQ0FUSU9OX0RJQUxPRy5nYXAuYm9keSwgY2xhc3NOYW1lOiBWRVJJRklDQVRJT05fRElBTE9HLmNscy5ib2R5LCBjaGlsZHJlbjogW2Rlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBhczogJ3AnLCBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC1zZWNvbmRhcnknLCBjaGlsZHJlbjogZGVzY3JpcHRpb24gfSkpLCBfanN4KElucHV0Lk9UUCwgeyB2YWx1ZTogb3RwLnZhbHVlLCBzdGF0dXM6IG90cC5zdGF0dXMsIGZlZWRiYWNrOiAoX2EgPSBvdHAuZmVlZGJhY2spICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IG90cEhpbnQsIGF1dG9Gb2N1czogYXV0b0ZvY3VzLCBtYXNrOiBtYXNrLCBkaXNhYmxlZDogZGlzYWJsZWQsIG9uQ2hhbmdlOiBvdHAub25DaGFuZ2UgfSldIH0pKTtcbiAgICBjb25zdCBmb290ZXJOb2RlID0gKF9qc3hzKEZsZXgsIHsgdmVydGljYWw6IHRydWUsIGdhcDogVkVSSUZJQ0FUSU9OX0RJQUxPRy5nYXAuZm9vdGVyLCBjbGFzc05hbWU6IFZFUklGSUNBVElPTl9ESUFMT0cuY2xzLmZvb3RlciwgY2hpbGRyZW46IFtfanN4cyhGbGV4LCB7IGdhcDogVkVSSUZJQ0FUSU9OX0RJQUxPRy5nYXAuYWN0aW9ucywgY2xhc3NOYW1lOiBWRVJJRklDQVRJT05fRElBTE9HLmNscy5hY3Rpb25zLCBjaGlsZHJlbjogW3NlY29uZGFyeUFjdGlvbiAmJiAoX2pzeChCdXR0b24sIHsgY29sb3I6IChfYiA9IHNlY29uZGFyeUFjdGlvbi5jb2xvcikgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogVkVSSUZJQ0FUSU9OX0RJQUxPRy5kZWZhdWx0cy5zZWNvbmRhcnlDb2xvciwgZGlzYWJsZWQ6IHNlY29uZGFyeUFjdGlvbi5kaXNhYmxlZCwgb25DbGljazogc2Vjb25kYXJ5QWN0aW9uLm9uQ2xpY2ssIGNoaWxkcmVuOiBzZWNvbmRhcnlBY3Rpb24ubGFiZWwgfSkpLCBfanN4KEJ1dHRvbiwgeyBjb2xvcjogJ3ByaW1hcnknLCBsb2FkaW5nOiBvdHAuc3VibWl0dGluZywgZGlzYWJsZWQ6ICFvdHAudmFsaWQgfHwgb3RwLnN1Ym1pdHRpbmcgfHwgZGlzYWJsZWQsIG9uQ2xpY2s6IG90cC5zdWJtaXQsIGNoaWxkcmVuOiBzdWJtaXRUZXh0IH0pXSB9KSwgcmVzZW5kICYmIF9qc3goUmVzZW5kUm93LCB7IHJlc2VuZDogcmVzZW5kIH0pXSB9KSk7XG4gICAgcmV0dXJuIChfanN4KERpYWxvZywgeyBvcGVuOiBvcGVuLCBzaXplOiBzaXplLCBtYXNrQ2xvc2FibGU6IG1hc2tDbG9zYWJsZSwgc2hvd0Nsb3NlSWNvbjogc2hvd0Nsb3NlSWNvbiwgc2hvd0JhY2tJY29uOiBzaG93QmFja0ljb24sIG9uQmFjazogb25CYWNrLCBjbGFzc05hbWU6IGpvaW5DbHMoVkVSSUZJQ0FUSU9OX0RJQUxPRy5jbHMud3JhcCwgY2xhc3NOYW1lKSwgdGl0bGU6IHRpdGxlLCBmb290ZXI6IGZvb3Rlck5vZGUsIG9uQ2FuY2VsOiBvbkNsb3NlLCBjaGlsZHJlbjogYm9keSB9KSk7XG59O1xuZXhwb3J0IGNvbnN0IFZlcmlmaWNhdGlvbkRpYWxvZyA9IG1lbW8oVmVyaWZpY2F0aW9uRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/business/Dialog/VerificationDialog/constants.d.ts

@@ -0,0 +1,35 @@
+import type { ButtonColor } from "../../../components/Button";
+import type { DialogSize } from "../../../components/Dialog";
+interface VerificationDialogConstants {
+    /** BEM class names, all derived from the wrapper prefix. */
+    cls: {
+        wrap: string;
+        body: string;
+        footer: string;
+        actions: string;
+        recovery: string;
+        recoveryText: string;
+        resend: string;
+    };
+    /** BEM modifiers. */
+    mod: {
+        clickable: string;
+    };
+    /** Spacing in px, matching the 1money dialog rhythm. */
+    gap: {
+        body: number;
+        footer: number;
+        actions: number;
+    };
+    /** Fallback values when a prop is omitted. */
+    defaults: {
+        size: DialogSize;
+        secondaryColor: ButtonColor;
+        submitText: string;
+        resendLabel: string;
+    };
+    /** Keys that activate the resend link (an <a> with no href, like a button). */
+    activationKeys: readonly string[];
+}
+export declare const VERIFICATION_DIALOG: VerificationDialogConstants;
+export {};

package/es/business/Dialog/VerificationDialog/constants.js

@@ -0,0 +1,31 @@
+var PREFIX = 'om-verification-dialog';
+export var VERIFICATION_DIALOG = {
+  cls: {
+    wrap: PREFIX,
+    body: "".concat(PREFIX, "-body"),
+    footer: "".concat(PREFIX, "-footer"),
+    actions: "".concat(PREFIX, "-actions"),
+    recovery: "".concat(PREFIX, "-recovery"),
+    recoveryText: "".concat(PREFIX, "-recovery-text"),
+    resend: "".concat(PREFIX, "-resend")
+  },
+  mod: {
+    clickable: 'is-clickable'
+  },
+  // 12px between the copy and the OTP row, 24px between the button row and the
+  // recovery prompt, 12px between the two footer buttons.
+  gap: {
+    body: 12,
+    footer: 24,
+    actions: 12
+  },
+  defaults: {
+    size: 'small',
+    secondaryColor: 'grey',
+    submitText: 'Submit',
+    resendLabel: 'Resend code'
+  },
+  // `Typography.Link` renders an <a> with no href, so Enter/Space activate it.
+  activationKeys: ['Enter', ' ']
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJQUkVGSVgiLCJWRVJJRklDQVRJT05fRElBTE9HIiwiY2xzIiwid3JhcCIsImJvZHkiLCJjb25jYXQiLCJmb290ZXIiLCJhY3Rpb25zIiwicmVjb3ZlcnkiLCJyZWNvdmVyeVRleHQiLCJyZXNlbmQiLCJtb2QiLCJjbGlja2FibGUiLCJnYXAiLCJkZWZhdWx0cyIsInNpemUiLCJzZWNvbmRhcnlDb2xvciIsInN1Ym1pdFRleHQiLCJyZXNlbmRMYWJlbCIsImFjdGl2YXRpb25LZXlzIl0sIm1hcHBpbmdzIjoiQUF3QkEsSUFBTUEsTUFBTSxHQUFHLHdCQUF3QjtBQUV2QyxPQUFPLElBQU1DLG1CQUFtQixHQUFnQztFQUM5REMsR0FBRyxFQUFFO0lBQ0hDLElBQUksRUFBRUgsTUFBTTtJQUNaSSxJQUFJLEtBQUFDLE1BQUEsQ0FBS0wsTUFBTSxVQUFPO0lBQ3RCTSxNQUFNLEtBQUFELE1BQUEsQ0FBS0wsTUFBTSxZQUFTO0lBQzFCTyxPQUFPLEtBQUFGLE1BQUEsQ0FBS0wsTUFBTSxhQUFVO0lBQzVCUSxRQUFRLEtBQUFILE1BQUEsQ0FBS0wsTUFBTSxjQUFXO0lBQzlCUyxZQUFZLEtBQUFKLE1BQUEsQ0FBS0wsTUFBTSxtQkFBZ0I7SUFDdkNVLE1BQU0sS0FBQUwsTUFBQSxDQUFLTCxNQUFNO0VDeEJqQixDRHlCRDtFQUNEVyxHQUFHLEVBQUU7SUFBRUMsU0FBUyxFQUFFO0VBQWMsQ0FBRTtFQUNsQztFQUNBO0VBQ0FDLEdBQUcsRUFBRTtJQUFFVCxJQUFJLEVBQUUsRUFBRTtJQUFFRSxNQUFNLEVBQUUsRUFBRTtJQUFFQyxPQUFPLEVBQUU7RUFBRSxDQUFFO0VBQzFDTyxRQUFRLEVBQUU7SUFBRUMsSUFBSSxFQUFFLE9BQU87SUFBRUMsY0FBYyxFQUFFLE1BQU07SUFBRUMsVUFBVSxFQUFFLFFBQVE7SUFBRUMsV0FBVyxFQUFFO0VBQWEsQ0FBRTtFQUNyRztFQUNBQyxjQUFjLEVBQUUsQ0FBQyxPQUFPLEVBQUUsR0FBRztBQ3hCL0IsQ0R5QkMiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImNvbnN0IFBSRUZJWCA9ICdvbS12ZXJpZmljYXRpb24tZGlhbG9nJztcbmV4cG9ydCBjb25zdCBWRVJJRklDQVRJT05fRElBTE9HID0ge1xuICAgIGNsczoge1xuICAgICAgICB3cmFwOiBQUkVGSVgsXG4gICAgICAgIGJvZHk6IGAke1BSRUZJWH0tYm9keWAsXG4gICAgICAgIGZvb3RlcjogYCR7UFJFRklYfS1mb290ZXJgLFxuICAgICAgICBhY3Rpb25zOiBgJHtQUkVGSVh9LWFjdGlvbnNgLFxuICAgICAgICByZWNvdmVyeTogYCR7UFJFRklYfS1yZWNvdmVyeWAsXG4gICAgICAgIHJlY292ZXJ5VGV4dDogYCR7UFJFRklYfS1yZWNvdmVyeS10ZXh0YCxcbiAgICAgICAgcmVzZW5kOiBgJHtQUkVGSVh9LXJlc2VuZGAsXG4gICAgfSxcbiAgICBtb2Q6IHsgY2xpY2thYmxlOiAnaXMtY2xpY2thYmxlJyB9LFxuICAgIC8vIDEycHggYmV0d2VlbiB0aGUgY29weSBhbmQgdGhlIE9UUCByb3csIDI0cHggYmV0d2VlbiB0aGUgYnV0dG9uIHJvdyBhbmQgdGhlXG4gICAgLy8gcmVjb3ZlcnkgcHJvbXB0LCAxMnB4IGJldHdlZW4gdGhlIHR3byBmb290ZXIgYnV0dG9ucy5cbiAgICBnYXA6IHsgYm9keTogMTIsIGZvb3RlcjogMjQsIGFjdGlvbnM6IDEyIH0sXG4gICAgZGVmYXVsdHM6IHsgc2l6ZTogJ3NtYWxsJywgc2Vjb25kYXJ5Q29sb3I6ICdncmV5Jywgc3VibWl0VGV4dDogJ1N1Ym1pdCcsIHJlc2VuZExhYmVsOiAnUmVzZW5kIGNvZGUnIH0sXG4gICAgLy8gYFR5cG9ncmFwaHkuTGlua2AgcmVuZGVycyBhbiA8YT4gd2l0aCBubyBocmVmLCBzbyBFbnRlci9TcGFjZSBhY3RpdmF0ZSBpdC5cbiAgICBhY3RpdmF0aW9uS2V5czogWydFbnRlcicsICcgJ10sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/business/Dialog/VerificationDialog/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useOtpVerification } from './useOtpVerification';
+export { useResendCountdown } from './useResendCountdown';
+export type { OtpVerifyResult, UseOtpVerificationOptions, UseOtpVerificationResult, } from './useOtpVerification';
+export type { UseResendCountdownOptions, UseResendCountdownResult, } from './useResendCountdown';

package/es/business/Dialog/VerificationDialog/hooks/index.js

@@ -0,0 +1,3 @@
+export { useOtpVerification } from './useOtpVerification';
+export { useResendCountdown } from './useResendCountdown';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOlsidXNlT3RwVmVyaWZpY2F0aW9uIiwidXNlUmVzZW5kQ291bnRkb3duIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxrQkFBa0IsUUFBUSxzQkFBc0I7QUFDekQsU0FBU0Msa0JBQWtCLFFBQVEsc0JBQXNCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/business/Dialog/VerificationDialog/hooks/useOtpVerification.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react';
+import type { InputStatus } from "../../../../components/Input";
+/**
+ * Result of an `onVerify` call: `true` for success, or an error-message string
+ * to display under the OTP boxes. Anything other than `true` is treated as a
+ * failure and clears the entered code.
+ */
+export type OtpVerifyResult = boolean | string;
+export interface UseOtpVerificationOptions {
+    /**
+     * Async verifier. Resolve `true` on success; resolve (or return) a string to
+     * show it as the error message. A thrown error uses its `message`, falling
+     * back to a generic message.
+     */
+    onVerify: (code: string) => Promise<OtpVerifyResult> | OtpVerifyResult;
+    /** Controlled OTP value. */
+    value?: string;
+    /** Initial OTP value when uncontrolled. */
+    defaultValue?: string;
+    /** Verify automatically once all digits are entered. @default true */
+    autoSubmit?: boolean;
+    /** Fires on every OTP change with the current value. */
+    onChange?: (value: string) => void;
+}
+export interface UseOtpVerificationResult {
+    /** Current OTP value. */
+    value: string;
+    /** `'error'` while an error message is showing, otherwise `'default'`. */
+    status: InputStatus;
+    /** Error message to render under the boxes, or `undefined` when clear. */
+    feedback: ReactNode;
+    /** `true` while `onVerify` is in flight. */
+    submitting: boolean;
+    /** `true` once all digits are entered. */
+    valid: boolean;
+    /** Wire to the OTP field's `onChange`. */
+    onChange: (value: string) => void;
+    /** Manually trigger verification with the current value. */
+    submit: () => void;
+    /** Clear the current error message. */
+    clearError: () => void;
+    /** Clear both the value and any error. */
+    reset: () => void;
+}
+/**
+ * Headless OTP verification logic shared by `VerificationDialog` and any other
+ * shell (popup, inline form, multi-step flow). Owns the value (controlled or
+ * uncontrolled), auto-submit on completion, loading state, and clear-on-error.
+ */
+export declare const useOtpVerification: (options: UseOtpVerificationOptions) => UseOtpVerificationResult;