@1money/component-ui 0.0.90 → 0.0.92-alpha.0

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

@@ -1,35 +1,8 @@
-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 {};
+export declare const VERIFICATION_DIALOG_DEFAULTS: {
+    readonly length: 6;
+    readonly autoSubmit: true;
+    readonly autoFocus: true;
+    readonly showCloseIcon: false;
+    /** Fallback error when `onVerify` rejects without a message. */
+    readonly genericError: "Verification failed. Please try again.";
+};

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

@@ -3,35 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERIFICATION_DIALOG = void 0;
-var PREFIX = 'om-verification-dialog';
-var VERIFICATION_DIALOG = exports.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', ' ']
+exports.VERIFICATION_DIALOG_DEFAULTS = void 0;
+var VERIFICATION_DIALOG_DEFAULTS = exports.VERIFICATION_DIALOG_DEFAULTS = {
+  length: 6,
+  autoSubmit: true,
+  autoFocus: true,
+  showCloseIcon: false,
+  /** Fallback error when `onVerify` rejects without a message. */
+  genericError: 'Verification failed. Please try again.'
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJQUkVGSVgiLCJWRVJJRklDQVRJT05fRElBTE9HIiwiZXhwb3J0cyIsImNscyIsIndyYXAiLCJib2R5IiwiY29uY2F0IiwiZm9vdGVyIiwiYWN0aW9ucyIsInJlY292ZXJ5IiwicmVjb3ZlcnlUZXh0IiwicmVzZW5kIiwibW9kIiwiY2xpY2thYmxlIiwiZ2FwIiwiZGVmYXVsdHMiLCJzaXplIiwic2Vjb25kYXJ5Q29sb3IiLCJzdWJtaXRUZXh0IiwicmVzZW5kTGFiZWwiLCJhY3RpdmF0aW9uS2V5cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBd0JBLElBQU1BLE1BQU0sR0FBRyx3QkFBd0I7QUFFaEMsSUFBTUMsbUJBQW1CLEdBQUFDLE9BQUEsQ0FBQUQsbUJBQUEsR0FBZ0M7RUFDOURFLEdBQUcsRUFBRTtJQUNIQyxJQUFJLEVBQUVKLE1BQU07SUFDWkssSUFBSSxLQUFBQyxNQUFBLENBQUtOLE1BQU0sVUFBTztJQUN0Qk8sTUFBTSxLQUFBRCxNQUFBLENBQUtOLE1BQU0sWUFBUztJQUMxQlEsT0FBTyxLQUFBRixNQUFBLENBQUtOLE1BQU0sYUFBVTtJQUM1QlMsUUFBUSxLQUFBSCxNQUFBLENBQUtOLE1BQU0sY0FBVztJQUM5QlUsWUFBWSxLQUFBSixNQUFBLENBQUtOLE1BQU0sbUJBQWdCO0lBQ3ZDVyxNQUFNLEtBQUFMLE1BQUEsQ0FBS04sTUFBTTtFQ3hCakIsQ0R5QkQ7RUFDRFksR0FBRyxFQUFFO0lBQUVDLFNBQVMsRUFBRTtFQUFjLENBQUU7RUFDbEM7RUFDQTtFQUNBQyxHQUFHLEVBQUU7SUFBRVQsSUFBSSxFQUFFLEVBQUU7SUFBRUUsTUFBTSxFQUFFLEVBQUU7SUFBRUMsT0FBTyxFQUFFO0VBQUUsQ0FBRTtFQUMxQ08sUUFBUSxFQUFFO0lBQUVDLElBQUksRUFBRSxPQUFPO0lBQUVDLGNBQWMsRUFBRSxNQUFNO0lBQUVDLFVBQVUsRUFBRSxRQUFRO0lBQUVDLFdBQVcsRUFBRTtFQUFhLENBQUU7RUFDckc7RUFDQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUc7QUN4Qi9CLENEeUJDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJjb25zdCBQUkVGSVggPSAnb20tdmVyaWZpY2F0aW9uLWRpYWxvZyc7XG5leHBvcnQgY29uc3QgVkVSSUZJQ0FUSU9OX0RJQUxPRyA9IHtcbiAgICBjbHM6IHtcbiAgICAgICAgd3JhcDogUFJFRklYLFxuICAgICAgICBib2R5OiBgJHtQUkVGSVh9LWJvZHlgLFxuICAgICAgICBmb290ZXI6IGAke1BSRUZJWH0tZm9vdGVyYCxcbiAgICAgICAgYWN0aW9uczogYCR7UFJFRklYfS1hY3Rpb25zYCxcbiAgICAgICAgcmVjb3Zlcnk6IGAke1BSRUZJWH0tcmVjb3ZlcnlgLFxuICAgICAgICByZWNvdmVyeVRleHQ6IGAke1BSRUZJWH0tcmVjb3ZlcnktdGV4dGAsXG4gICAgICAgIHJlc2VuZDogYCR7UFJFRklYfS1yZXNlbmRgLFxuICAgIH0sXG4gICAgbW9kOiB7IGNsaWNrYWJsZTogJ2lzLWNsaWNrYWJsZScgfSxcbiAgICAvLyAxMnB4IGJldHdlZW4gdGhlIGNvcHkgYW5kIHRoZSBPVFAgcm93LCAyNHB4IGJldHdlZW4gdGhlIGJ1dHRvbiByb3cgYW5kIHRoZVxuICAgIC8vIHJlY292ZXJ5IHByb21wdCwgMTJweCBiZXR3ZWVuIHRoZSB0d28gZm9vdGVyIGJ1dHRvbnMuXG4gICAgZ2FwOiB7IGJvZHk6IDEyLCBmb290ZXI6IDI0LCBhY3Rpb25zOiAxMiB9LFxuICAgIGRlZmF1bHRzOiB7IHNpemU6ICdzbWFsbCcsIHNlY29uZGFyeUNvbG9yOiAnZ3JleScsIHN1Ym1pdFRleHQ6ICdTdWJtaXQnLCByZXNlbmRMYWJlbDogJ1Jlc2VuZCBjb2RlJyB9LFxuICAgIC8vIGBUeXBvZ3JhcGh5LkxpbmtgIHJlbmRlcnMgYW4gPGE+IHdpdGggbm8gaHJlZiwgc28gRW50ZXIvU3BhY2UgYWN0aXZhdGUgaXQuXG4gICAgYWN0aXZhdGlvbktleXM6IFsnRW50ZXInLCAnICddLFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJWRVJJRklDQVRJT05fRElBTE9HX0RFRkFVTFRTIiwiZXhwb3J0cyIsImxlbmd0aCIsImF1dG9TdWJtaXQiLCJhdXRvRm9jdXMiLCJzaG93Q2xvc2VJY29uIiwiZ2VuZXJpY0Vycm9yIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBTyxJQUFNQSw0QkFBNEIsR0FBQUMsT0FBQSxDQUFBRCw0QkFBQSxHQUFHO0VBQzFDRSxNQUFNLEVBQUUsQ0FBQztFQUNUQyxVQUFVLEVBQUUsSUFBSTtFQUNoQkMsU0FBUyxFQUFFLElBQUk7RUFDZkMsYUFBYSxFQUFFLEtBQUs7RUFDcEI7RUFDQUMsWUFBWSxFQUFFO0FDQ2hCLENEQVUiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBWRVJJRklDQVRJT05fRElBTE9HX0RFRkFVTFRTID0ge1xuICAgIGxlbmd0aDogNixcbiAgICBhdXRvU3VibWl0OiB0cnVlLFxuICAgIGF1dG9Gb2N1czogdHJ1ZSxcbiAgICBzaG93Q2xvc2VJY29uOiBmYWxzZSxcbiAgICAvKiogRmFsbGJhY2sgZXJyb3Igd2hlbiBgb25WZXJpZnlgIHJlamVjdHMgd2l0aG91dCBhIG1lc3NhZ2UuICovXG4gICAgZ2VuZXJpY0Vycm9yOiAnVmVyaWZpY2F0aW9uIGZhaWxlZC4gUGxlYXNlIHRyeSBhZ2Fpbi4nLFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/VerificationDialog/index.d.ts

@@ -1,3 +1,4 @@
+import { VerificationDialog } from './VerificationDialog';
 export { VerificationDialog } from './VerificationDialog';
-export { useOtpVerification, useResendCountdown } from './hooks';
+export default VerificationDialog;
 export * from './interface';

package/lib/business/Dialog/VerificationDialog/index.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  VerificationDialog: true,
-  useOtpVerification: true,
-  useResendCountdown: true
+  VerificationDialog: true
 };
 Object.defineProperty(exports, "VerificationDialog", {
   enumerable: true,
@@ -14,20 +12,8 @@ Object.defineProperty(exports, "VerificationDialog", {
     return _VerificationDialog.VerificationDialog;
   }
 });
-Object.defineProperty(exports, "useOtpVerification", {
-  enumerable: true,
-  get: function get() {
-    return _hooks.useOtpVerification;
-  }
-});
-Object.defineProperty(exports, "useResendCountdown", {
-  enumerable: true,
-  get: function get() {
-    return _hooks.useResendCountdown;
-  }
-});
+exports["default"] = void 0;
 var _VerificationDialog = require("./VerificationDialog");
-var _hooks = require("./hooks");
 var _interface = require("./interface");
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -40,4 +26,5 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC50cyJdLCJuYW1lcyI6WyJfVmVyaWZpY2F0aW9uRGlhbG9nIiwicmVxdWlyZSIsIl9ob29rcyIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxtQkFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBRixPQUFBO0FBQUFHLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUEiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+var _default = exports["default"] = _VerificationDialog.VerificationDialog;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC50cyJdLCJuYW1lcyI6WyJfVmVyaWZpY2F0aW9uRGlhbG9nIiwicmVxdWlyZSIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZGVmYXVsdCIsIlZlcmlmaWNhdGlvbkRpYWxvZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsbUJBQUEsR0FBQUMsT0FBQTtBQU1BLElBQUFDLFVBQUEsR0FBQUQsT0FBQTtBQUFBRSxNQUFBLENBQUFDLElBQUEsQ0FBQUYsVUFBQSxFQUFBRyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFKLFVBQUEsQ0FBQUksR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVosVUFBQSxDQUFBSSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQTRCLElBQUFTLFFBQUEsR0FBQUosT0FBQSxjQUZiSyxzQ0FBa0IiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Dialog/VerificationDialog/interface.d.ts

@@ -1,124 +1,60 @@
 import type { ReactNode } from 'react';
-import type { ButtonColor } from "../../../components/Button";
-import type { DialogProps } from "../../../components/Dialog";
-import type { InputStatus } from "../../../components/Input";
-import type { OtpVerifyResult } from './hooks';
-export type { OtpVerifyResult, UseOtpVerificationOptions, UseOtpVerificationResult, UseResendCountdownOptions, UseResendCountdownResult, } from './hooks';
-/** Visual status forwarded to the inner `Input.OTP`. */
-export type VerificationDialogStatus = InputStatus;
+import type { ActionBarAction, ActionBarFootnote } from "../../../components/ActionBar";
+import type { BaseDialogProps } from '../BaseDialog';
 /**
- * Optional secondary button (e.g. "Cancel" / "Back") rendered to the left of
- * the primary submit button. When omitted, the submit button spans the full
- * width; when present, the two split the row evenly.
+ * Result contract of `onVerify`: resolve/return `true` on success (close the
+ * dialog in your handler); resolve a string (or return one) to show it as the
+ * error and clear the boxes. Rejections become a generic error string.
+ * Mirrors the app's legacy `OptCodeNestPromiseResult` convention.
  */
-export interface VerificationDialogSecondaryAction {
-    /** Button label. */
-    label: ReactNode;
-    /** Click handler. */
-    onClick?: () => void;
-    /** Disable the button. */
-    disabled?: boolean;
-    /**
-     * Color tone.
-     * @default 'grey'
-     */
-    color?: ButtonColor;
-}
+export type VerificationResult = boolean | string;
 /**
- * Optional "Haven't received the code? Resend" row below a divider in the
- * footer. Resending is rate-limited by an internal countdown.
+ * Rate-limited resend, rendered as the LEFT (secondary) button — e.g.
+ * "Resend Email" alongside "Submit" (Figma 39571-18982). While cooling down
+ * the button is disabled and shows a countdown. When provided, it replaces
+ * the default Cancel secondary.
  */
-export interface VerificationDialogResend {
-    /** Muted prompt text, e.g. `"Haven't received the code?"`. */
-    promptText?: ReactNode;
-    /**
-     * Trailing brand-colored action text.
-     * @default 'Resend code'
-     */
-    actionText?: ReactNode;
-    /** Fires when the user triggers a resend (in-app action like re-sending an email). */
-    onResend: () => void | Promise<void>;
-    /**
-     * Cooldown length in seconds before resending is allowed again. While
-     * counting down, the label is muted and shows the remaining time.
-     * @default 60
-     */
+export interface VerificationResend {
+    /** Button label, e.g. `"Resend Email"`. */
+    label?: ReactNode;
+    /** Fires when clicked while not cooling down. */
+    onResend?: () => void | Promise<void>;
+    /** Cooldown seconds after a resend; the button shows a countdown. */
     cooldown?: number;
 }
-export interface VerificationDialogProps extends Pick<DialogProps, 'open' | 'size' | 'maskClosable' | 'showCloseIcon' | 'showBackIcon' | 'onBack' | 'className'> {
-    /** Dialog heading, e.g. `"Two-factor authenticator"` / `"Email Verification"`. */
-    title: ReactNode;
-    /** Supporting copy under the title explaining what code to enter and why. */
+export interface VerificationDialogProps extends Pick<BaseDialogProps, 'open' | 'eyebrow' | 'maskClosable' | 'showCloseIcon' | 'showBackIcon' | 'onBack' | 'className' | 'onClose' | 'descriptionStrong'> {
+    /** Dialog heading, e.g. `"Please enter the code from your authenticator app"`. */
+    title?: ReactNode;
+    /** Supporting copy under the title. */
     description?: ReactNode;
-    /** Controlled OTP value. */
-    value?: string;
-    /** Initial OTP value when uncontrolled. */
-    defaultValue?: string;
-    /** Helper subtext shown directly under the OTP boxes, e.g. `"e.g. 123 456"`. Hidden while an error is showing. */
+    /** Number of OTP boxes. */
+    length?: number;
+    /** Hint under the boxes when there is no error, e.g. `"e.g. 123 456"`. */
     otpHint?: ReactNode;
-    /**
-     * Auto-focus the first OTP box when the dialog opens.
-     * @default false
-     */
-    autoFocus?: boolean;
-    /**
-     * Mask the entered digits as dots (•), like a password field, instead of
-     * showing them in plain text. This is **display only** — `value`, `onChange`,
-     * and the code passed to `onVerify` are always the real digits. Use it when
-     * the screen may be visible to others (e.g. shared/public devices).
-     * @default false
-     */
+    /** Mask the digits (dots instead of numbers). */
     mask?: boolean;
+    /** Focus the first box when the dialog opens (default `true`). */
+    autoFocus?: boolean;
     /**
-     * Disable OTP entry.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Verify automatically once all digits are entered (in addition to the
-     * submit button).
-     * @default true
+     * Submit automatically when the last box is filled (default `true`). The
+     * submit button stays as an explicit fallback either way.
      */
     autoSubmit?: boolean;
+    /** Submit button label override (defaults to the generic 'Confirm'). */
+    submitText?: ReactNode;
     /**
-     * Verify the entered code. Resolve `true` on success; resolve (or return) a
-     * string to show it as the error message under the boxes. On any non-`true`
-     * result (or a thrown error) the boxes are cleared. Drives the submit
-     * button's loading state and auto-submit.
-     *
-     * @example
-     * ```tsx
-     * <VerificationDialog
-     *   open={open}
-     *   title="Email Verification"
-     *   description="Enter the 6-digit code sent to ema...@gmail.com"
-     *   otpHint="e.g. 123 456"
-     *   submitText="Continue"
-     *   onVerify={async (code) => {
-     *     const res = await api.verify(code);
-     *     return res.ok ? true : 'That code is incorrect.';
-     *   }}
-     *   secondaryAction={{ label: 'Cancel', onClick: () => setOpen(false) }}
-     *   resend={{ promptText: "Haven't received the code?", onResend: api.resend, cooldown: 60 }}
-     *   onClose={() => setOpen(false)}
-     * />
-     * ```
-     */
-    onVerify: (code: string) => Promise<OtpVerifyResult> | OtpVerifyResult;
-    /** Fires on every OTP change with the current value. */
-    onChange?: (value: string) => void;
-    /**
-     * Primary (submit) button label.
-     * @default 'Submit'
+     * The whole verification flow in one callback. Return `true` for success;
+     * return a string to show it as the error and clear the boxes; a throw or
+     * a falsy result shows the generic error.
      */
-    submitText?: ReactNode;
-    /** Optional secondary button (e.g. "Cancel") shown beside the submit button. */
-    secondaryAction?: VerificationDialogSecondaryAction;
-    /** Optional resend prompt + link with built-in cooldown, below a divider. */
-    resend?: VerificationDialogResend;
+    onVerify?: (code: string) => VerificationResult | Promise<VerificationResult>;
     /**
-     * Fires from the close icon, mask click, and Escape key. Set your `open`
-     * state to `false` here.
+     * Secondary (left) action, e.g. Cancel. Defaults to wiring `onClose`.
+     * Ignored when `resend` is provided — resend takes the secondary slot.
      */
-    onClose?: () => void;
+    secondary?: ActionBarAction | false;
+    /** Rate-limited resend, rendered as the left button (see `VerificationResend`). */
+    resend?: VerificationResend;
+    /** Footnote row, e.g. `"Don't have access to your 2FA?  Reset 2FA"`. */
+    footnote?: ActionBarFootnote;
 }

package/lib/business/Dialog/VerificationDialog/interface.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/business/Dialog/VerificationDialog/style/VerificationDialog.css

@@ -20,11 +20,22 @@
   *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
   *   }
   */
-.om-verification-dialog-actions > button {
-  flex: 1 1 0;
+.om-component-ui-verification-dialog .om-component-ui-dialog-content {
+  padding-top: var(--om-spacing-400, 16px);
 }
-
-.om-verification-dialog-recovery-text.is-clickable,
-.om-verification-dialog-resend.is-clickable {
-  cursor: pointer;
+.om-component-ui-verification-dialog .om-component-ui-input-otp {
+  gap: 0;
+  justify-content: space-between;
+  width: 100%;
+}
+.om-component-ui-verification-dialog .om-component-ui-input-otp-cell {
+  box-sizing: border-box;
+  width: 44px;
+  height: 44px;
+  flex: 0 0 44px;
+}
+.om-component-ui-verification-dialog .om-component-ui-input-feedback,
+.om-component-ui-verification-dialog .om-component-ui-input-tip {
+  font-size: 12px;
+  line-height: 16px;
 }

package/lib/business/Dialog/VerificationDialog/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 
 require("./VerificationDialog.css");
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Dialog/VerificationDialog/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 
 require("./VerificationDialog.css");
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/index.d.ts

@@ -1,3 +1,6 @@
-export * from './ResultDialog';
-export * from './TransactionDialog';
+export * from './FormDialog';
+export * from './BaseDialog';
+export * from './DetailsDialog';
+export type { DescriptionsRow } from './Descriptions';
+export * from './variants';
 export * from './VerificationDialog';

package/lib/business/Dialog/index.js

@@ -3,25 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ResultDialog = require("./ResultDialog");
-Object.keys(_ResultDialog).forEach(function (key) {
+var _FormDialog = require("./FormDialog");
+Object.keys(_FormDialog).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ResultDialog[key]) return;
+  if (key in exports && exports[key] === _FormDialog[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ResultDialog[key];
+      return _FormDialog[key];
     }
   });
 });
-var _TransactionDialog = require("./TransactionDialog");
-Object.keys(_TransactionDialog).forEach(function (key) {
+var _BaseDialog = require("./BaseDialog");
+Object.keys(_BaseDialog).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TransactionDialog[key]) return;
+  if (key in exports && exports[key] === _BaseDialog[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _TransactionDialog[key];
+      return _BaseDialog[key];
+    }
+  });
+});
+var _DetailsDialog = require("./DetailsDialog");
+Object.keys(_DetailsDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DetailsDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DetailsDialog[key];
+    }
+  });
+});
+var _variants = require("./variants");
+Object.keys(_variants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _variants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _variants[key];
     }
   });
 });
@@ -36,4 +58,4 @@ Object.keys(_VerificationDialog).forEach(function (key) {
     }
   });
 });
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9EaWFsb2cvaW5kZXgudHMiXSwibmFtZXMiOlsiX1Jlc3VsdERpYWxvZyIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfVHJhbnNhY3Rpb25EaWFsb2ciLCJfVmVyaWZpY2F0aW9uRGlhbG9nIl0sIm1hcHBpbmdzIjoiOzs7OztBQUFBLElBQUFBLGFBQUEsR0FBQUMsT0FBQTtBQUFBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUgsYUFBQSxFQUFBSSxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBQyxPQUFBLElBQUFBLE9BQUEsQ0FBQUQsR0FBQSxNQUFBTCxhQUFBLENBQUFLLEdBQUE7RUFBQUgsTUFBQSxDQUFBSyxjQUFBLENBQUFELE9BQUEsRUFBQUQsR0FBQTtJQUFBRyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFULGFBQUEsQ0FBQUssR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFLLGtCQUFBLEdBQUFULE9BQUE7QUFBQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFPLGtCQUFBLEVBQUFOLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFLLGtCQUFBLENBQUFMLEdBQUE7RUFBQUgsTUFBQSxDQUFBSyxjQUFBLENBQUFELE9BQUEsRUFBQUQsR0FBQTtJQUFBRyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFDLGtCQUFBLENBQUFMLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFDQSxJQUFBTSxtQkFBQSxHQUFBVixPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBUSxtQkFBQSxFQUFBUCxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBQyxPQUFBLElBQUFBLE9BQUEsQ0FBQUQsR0FBQSxNQUFBTSxtQkFBQSxDQUFBTixHQUFBO0VBQUFILE1BQUEsQ0FBQUssY0FBQSxDQUFBRCxPQUFBLEVBQUFELEdBQUE7SUFBQUcsVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBRSxtQkFBQSxDQUFBTixHQUFBO0lBQUE7RUFBQTtBQUFBIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9EaWFsb2cvaW5kZXgudHMiXSwibmFtZXMiOlsiX0Zvcm1EaWFsb2ciLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX0Jhc2VEaWFsb2ciLCJfRGV0YWlsc0RpYWxvZyIsIl92YXJpYW50cyIsIl9WZXJpZmljYXRpb25EaWFsb2ciXSwibWFwcGluZ3MiOiI7Ozs7O0FBR0EsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSCxXQUFBLEVBQUFJLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFMLFdBQUEsQ0FBQUssR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVQsV0FBQSxDQUFBSyxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQUssV0FBQSxHQUFBVCxPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBTyxXQUFBLEVBQUFOLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFLLFdBQUEsQ0FBQUwsR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUMsV0FBQSxDQUFBTCxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQU0sY0FBQSxHQUFBVixPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBUSxjQUFBLEVBQUFQLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFNLGNBQUEsQ0FBQU4sR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUUsY0FBQSxDQUFBTixHQUFBO0lBQUE7RUFBQTtBQUFBO0FBSUEsSUFBQU8sU0FBQSxHQUFBWCxPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBUyxTQUFBLEVBQUFSLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFPLFNBQUEsQ0FBQVAsR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUcsU0FBQSxDQUFBUCxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQVEsbUJBQUEsR0FBQVosT0FBQTtBQUFBQyxNQUFBLENBQUFDLElBQUEsQ0FBQVUsbUJBQUEsRUFBQVQsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUMsT0FBQSxJQUFBQSxPQUFBLENBQUFELEdBQUEsTUFBQVEsbUJBQUEsQ0FBQVIsR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUksbUJBQUEsQ0FBQVIsR0FBQTtJQUFBO0VBQUE7QUFBQSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/business/Dialog/variants/DeleteDialog.d.ts

@@ -0,0 +1,3 @@
+import type { BaseDialogProps } from '../BaseDialog';
+export type DeleteDialogProps = Omit<BaseDialogProps, 'preset'>;
+export declare const DeleteDialog: import("react").NamedExoticComponent<DeleteDialogProps>;

package/lib/business/Dialog/variants/DeleteDialog.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteDialog = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _BaseDialog = require("../BaseDialog");
+// Shape only — error illustration + danger-toned confirm (Figma 39958-10166
+// "Delete bank account?": Cancel grey left, danger Confirm right).
+var PRESET = {
+  illustration: 'illusError',
+  primaryColor: 'danger'
+};
+/**
+ * `BaseDialog` preset for destructive confirms. Explicit props — including
+ * per-action `color` — win over the preset.
+ */
+var DeleteDialogBase = function DeleteDialogBase(props) {
+  return (0, _jsxRuntime.jsx)(_BaseDialog.BaseDialog, Object.assign({}, props, {
+    preset: PRESET
+  }));
+};
+var DeleteDialog = exports.DeleteDialog = /*#__PURE__*/(0, _react.memo)(DeleteDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9EZWxldGVEaWFsb2cuanMiLCJidXNpbmVzcy9EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy92YXJpYW50cy9EZWxldGVEaWFsb2cudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9CYXNlRGlhbG9nIiwiUFJFU0VUIiwiaWxsdXN0cmF0aW9uIiwicHJpbWFyeUNvbG9yIiwiRGVsZXRlRGlhbG9nQmFzZSIsInByb3BzIiwiX2pzeCIsIkJhc2VEaWFsb2ciLCJPYmplY3QiLCJhc3NpZ24iLCJwcmVzZXQiLCJEZWxldGVEaWFsb2ciLCJleHBvcnRzIiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBRixPQUFBO0FBSUE7QUFDQTtBQUNBLElBQU1HLE1BQU0sR0FBcUI7RUFDL0JDLFlBQVksRUFBRSxZQUFZO0VBQzFCQyxZQUFZLEVBQUU7QUREaEIsQ0NFQztBQUlEO0FESkE7QUFDQTtBQUNBO0FDTUEsSUFBTUMsZ0JBQWdCLEdBQTBCLFNBQTFDQSxnQkFBZ0JBLENBQTJCQyxLQUFLO0VBQUEsT0FDcEQsSUFBQUMsZUFBQSxFQUFDQyxzQkFBVSxFQUFBQyxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0osS0FBSyxFQUFBO0lBQUVLLE1BQU0sRUFBRVQ7RUFBTSxDQUFBLENBQUEsQ0FBSTtBQUFBLENBQzFDO0FBRU0sSUFBTVUsWUFBWSxHQUFBQyxPQUFBLENBQUFELFlBQUEsZ0JBQUcsSUFBQUUsV0FBSSxFQUFDVCxnQkFBZ0IsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvRGVsZXRlRGlhbG9nLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCYXNlRGlhbG9nIH0gZnJvbSAnLi4vQmFzZURpYWxvZyc7XG4vLyBTaGFwZSBvbmx5IOKAlCBlcnJvciBpbGx1c3RyYXRpb24gKyBkYW5nZXItdG9uZWQgY29uZmlybSAoRmlnbWEgMzk5NTgtMTAxNjZcbi8vIFwiRGVsZXRlIGJhbmsgYWNjb3VudD9cIjogQ2FuY2VsIGdyZXkgbGVmdCwgZGFuZ2VyIENvbmZpcm0gcmlnaHQpLlxuY29uc3QgUFJFU0VUID0ge1xuICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzRXJyb3InLFxuICAgIHByaW1hcnlDb2xvcjogJ2RhbmdlcicsXG59O1xuLyoqXG4gKiBgQmFzZURpYWxvZ2AgcHJlc2V0IGZvciBkZXN0cnVjdGl2ZSBjb25maXJtcy4gRXhwbGljaXQgcHJvcHMg4oCUIGluY2x1ZGluZ1xuICogcGVyLWFjdGlvbiBgY29sb3JgIOKAlCB3aW4gb3ZlciB0aGUgcHJlc2V0LlxuICovXG5jb25zdCBEZWxldGVEaWFsb2dCYXNlID0gKHByb3BzKSA9PiAoX2pzeChCYXNlRGlhbG9nLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcywgeyBwcmVzZXQ6IFBSRVNFVCB9KSkpO1xuZXhwb3J0IGNvbnN0IERlbGV0ZURpYWxvZyA9IG1lbW8oRGVsZXRlRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/variants/FailureDialog.d.ts

@@ -0,0 +1,3 @@
+import type { BaseDialogProps } from '../BaseDialog';
+export type FailureDialogProps = Omit<BaseDialogProps, 'preset'>;
+export declare const FailureDialog: import("react").NamedExoticComponent<FailureDialogProps>;

package/lib/business/Dialog/variants/FailureDialog.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FailureDialog = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _BaseDialog = require("../BaseDialog");
+// Shape only — error illustration (Figma 39958-10339 "Transaction failed").
+// Unlike DeleteDialog, actions keep their normal tones (e.g. secondary
+// "Contact Support" + primary "Try Again").
+var PRESET = {
+  illustration: 'illusError'
+};
+/**
+ * `BaseDialog` preset for failure results. Explicit props win over the
+ * preset.
+ */
+var FailureDialogBase = function FailureDialogBase(props) {
+  return (0, _jsxRuntime.jsx)(_BaseDialog.BaseDialog, Object.assign({}, props, {
+    preset: PRESET
+  }));
+};
+var FailureDialog = exports.FailureDialog = /*#__PURE__*/(0, _react.memo)(FailureDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9GYWlsdXJlRGlhbG9nLmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvRmFpbHVyZURpYWxvZy50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX0Jhc2VEaWFsb2ciLCJQUkVTRVQiLCJpbGx1c3RyYXRpb24iLCJGYWlsdXJlRGlhbG9nQmFzZSIsInByb3BzIiwiX2pzeCIsIkJhc2VEaWFsb2ciLCJPYmplY3QiLCJhc3NpZ24iLCJwcmVzZXQiLCJGYWlsdXJlRGlhbG9nIiwiZXhwb3J0cyIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUlBO0FBQ0E7QUFDQTtBQUNBLElBQU1HLE1BQU0sR0FBcUI7RUFDL0JDLFlBQVksRUFBRTtBRERoQixDQ0VDO0FBSUQ7QURKQTtBQUNBO0FBQ0E7QUNNQSxJQUFNQyxpQkFBaUIsR0FBMkIsU0FBNUNBLGlCQUFpQkEsQ0FBNEJDLEtBQUs7RUFBQSxPQUN0RCxJQUFBQyxlQUFBLEVBQUNDLHNCQUFVLEVBQUFDLE1BQUEsQ0FBQUMsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUFLSixLQUFLLEVBQUE7SUFBRUssTUFBTSxFQUFFUjtFQUFNLENBQUEsQ0FBQSxDQUFJO0FBQUEsQ0FDMUM7QUFFTSxJQUFNUyxhQUFhLEdBQUFDLE9BQUEsQ0FBQUQsYUFBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUNULGlCQUFpQixDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9GYWlsdXJlRGlhbG9nLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCYXNlRGlhbG9nIH0gZnJvbSAnLi4vQmFzZURpYWxvZyc7XG4vLyBTaGFwZSBvbmx5IOKAlCBlcnJvciBpbGx1c3RyYXRpb24gKEZpZ21hIDM5OTU4LTEwMzM5IFwiVHJhbnNhY3Rpb24gZmFpbGVkXCIpLlxuLy8gVW5saWtlIERlbGV0ZURpYWxvZywgYWN0aW9ucyBrZWVwIHRoZWlyIG5vcm1hbCB0b25lcyAoZS5nLiBzZWNvbmRhcnlcbi8vIFwiQ29udGFjdCBTdXBwb3J0XCIgKyBwcmltYXJ5IFwiVHJ5IEFnYWluXCIpLlxuY29uc3QgUFJFU0VUID0ge1xuICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzRXJyb3InLFxufTtcbi8qKlxuICogYEJhc2VEaWFsb2dgIHByZXNldCBmb3IgZmFpbHVyZSByZXN1bHRzLiBFeHBsaWNpdCBwcm9wcyB3aW4gb3ZlciB0aGVcbiAqIHByZXNldC5cbiAqL1xuY29uc3QgRmFpbHVyZURpYWxvZ0Jhc2UgPSAocHJvcHMpID0+IChfanN4KEJhc2VEaWFsb2csIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7IHByZXNldDogUFJFU0VUIH0pKSk7XG5leHBvcnQgY29uc3QgRmFpbHVyZURpYWxvZyA9IG1lbW8oRmFpbHVyZURpYWxvZ0Jhc2UpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Dialog/variants/LoadingDialog.d.ts

@@ -0,0 +1,33 @@
+import './style';
+export type LoadingPollStatus = 'success' | 'pending' | 'failed';
+export interface LoadingPollResult<T = any> {
+    status: LoadingPollStatus;
+    data?: T;
+}
+/**
+ * Fixed waiting surface — mirrors the legacy `Modal/Loading` structure: the
+ * content is NOT configurable (spinning brand logo + pulsing "Loading..." +
+ * hint, all centered), there are no slots, no actions, no close, and the
+ * mask never dismisses. Only the polling orchestration and the icon size
+ * are parameters.
+ */
+export interface LoadingDialogProps<T = any> {
+    open?: boolean;
+    /** Spinning brand logo size (legacy default 74). */
+    iconSize?: number;
+    /**
+     * Polling orchestration (ported verbatim from the legacy LoadingModal):
+     * runs on mount and every `pollInterval` ms. `success`/`failed` results
+     * stop polling and fire the matching callback with `result.data`; a throw
+     * fires `onFailed(error)`; `pending` keeps polling until `pollTimeout`,
+     * which stops and fires `onPending()`.
+     */
+    pollFn?: () => Promise<LoadingPollResult<T>>;
+    pollInterval?: number;
+    pollTimeout?: number;
+    onSuccess?: (data?: T) => void;
+    onPending?: (data?: T) => void;
+    onFailed?: (error?: any) => void;
+    className?: string;
+}
+export declare const LoadingDialog: import("react").NamedExoticComponent<LoadingDialogProps<any>>;