@1money/component-ui 0.0.66 → 0.0.67

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

@@ -0,0 +1,37 @@
+"use strict";
+
+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', ' ']
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9jb25zdGFudHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJQUkVGSVgiLCJWRVJJRklDQVRJT05fRElBTE9HIiwiZXhwb3J0cyIsImNscyIsIndyYXAiLCJib2R5IiwiY29uY2F0IiwiZm9vdGVyIiwiYWN0aW9ucyIsInJlY292ZXJ5IiwicmVjb3ZlcnlUZXh0IiwicmVzZW5kIiwibW9kIiwiY2xpY2thYmxlIiwiZ2FwIiwiZGVmYXVsdHMiLCJzaXplIiwic2Vjb25kYXJ5Q29sb3IiLCJzdWJtaXRUZXh0IiwicmVzZW5kTGFiZWwiLCJhY3RpdmF0aW9uS2V5cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBd0JBLElBQU1BLE1BQU0sR0FBRyx3QkFBd0I7QUFFaEMsSUFBTUMsbUJBQW1CLEdBQUFDLE9BQUEsQ0FBQUQsbUJBQUEsR0FBZ0M7RUFDOURFLEdBQUcsRUFBRTtJQUNIQyxJQUFJLEVBQUVKLE1BQU07SUFDWkssSUFBSSxLQUFBQyxNQUFBLENBQUtOLE1BQU0sVUFBTztJQUN0Qk8sTUFBTSxLQUFBRCxNQUFBLENBQUtOLE1BQU0sWUFBUztJQUMxQlEsT0FBTyxLQUFBRixNQUFBLENBQUtOLE1BQU0sYUFBVTtJQUM1QlMsUUFBUSxLQUFBSCxNQUFBLENBQUtOLE1BQU0sY0FBVztJQUM5QlUsWUFBWSxLQUFBSixNQUFBLENBQUtOLE1BQU0sbUJBQWdCO0lBQ3ZDVyxNQUFNLEtBQUFMLE1BQUEsQ0FBS04sTUFBTTtFQ3hCakIsQ0R5QkQ7RUFDRFksR0FBRyxFQUFFO0lBQUVDLFNBQVMsRUFBRTtFQUFjLENBQUU7RUFDbEM7RUFDQTtFQUNBQyxHQUFHLEVBQUU7SUFBRVQsSUFBSSxFQUFFLEVBQUU7SUFBRUUsTUFBTSxFQUFFLEVBQUU7SUFBRUMsT0FBTyxFQUFFO0VBQUUsQ0FBRTtFQUMxQ08sUUFBUSxFQUFFO0lBQUVDLElBQUksRUFBRSxPQUFPO0lBQUVDLGNBQWMsRUFBRSxNQUFNO0lBQUVDLFVBQVUsRUFBRSxRQUFRO0lBQUVDLFdBQVcsRUFBRTtFQUFhLENBQUU7RUFDckc7RUFDQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUc7QUN4Qi9CLENEeUJDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJjb25zdCBQUkVGSVggPSAnb20tdmVyaWZpY2F0aW9uLWRpYWxvZyc7XG5leHBvcnQgY29uc3QgVkVSSUZJQ0FUSU9OX0RJQUxPRyA9IHtcbiAgICBjbHM6IHtcbiAgICAgICAgd3JhcDogUFJFRklYLFxuICAgICAgICBib2R5OiBgJHtQUkVGSVh9LWJvZHlgLFxuICAgICAgICBmb290ZXI6IGAke1BSRUZJWH0tZm9vdGVyYCxcbiAgICAgICAgYWN0aW9uczogYCR7UFJFRklYfS1hY3Rpb25zYCxcbiAgICAgICAgcmVjb3Zlcnk6IGAke1BSRUZJWH0tcmVjb3ZlcnlgLFxuICAgICAgICByZWNvdmVyeVRleHQ6IGAke1BSRUZJWH0tcmVjb3ZlcnktdGV4dGAsXG4gICAgICAgIHJlc2VuZDogYCR7UFJFRklYfS1yZXNlbmRgLFxuICAgIH0sXG4gICAgbW9kOiB7IGNsaWNrYWJsZTogJ2lzLWNsaWNrYWJsZScgfSxcbiAgICAvLyAxMnB4IGJldHdlZW4gdGhlIGNvcHkgYW5kIHRoZSBPVFAgcm93LCAyNHB4IGJldHdlZW4gdGhlIGJ1dHRvbiByb3cgYW5kIHRoZVxuICAgIC8vIHJlY292ZXJ5IHByb21wdCwgMTJweCBiZXR3ZWVuIHRoZSB0d28gZm9vdGVyIGJ1dHRvbnMuXG4gICAgZ2FwOiB7IGJvZHk6IDEyLCBmb290ZXI6IDI0LCBhY3Rpb25zOiAxMiB9LFxuICAgIGRlZmF1bHRzOiB7IHNpemU6ICdzbWFsbCcsIHNlY29uZGFyeUNvbG9yOiAnZ3JleScsIHN1Ym1pdFRleHQ6ICdTdWJtaXQnLCByZXNlbmRMYWJlbDogJ1Jlc2VuZCBjb2RlJyB9LFxuICAgIC8vIGBUeXBvZ3JhcGh5LkxpbmtgIHJlbmRlcnMgYW4gPGE+IHdpdGggbm8gaHJlZiwgc28gRW50ZXIvU3BhY2UgYWN0aXZhdGUgaXQuXG4gICAgYWN0aXZhdGlvbktleXM6IFsnRW50ZXInLCAnICddLFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/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/lib/business/Dialog/VerificationDialog/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useOtpVerification", {
+  enumerable: true,
+  get: function get() {
+    return _useOtpVerification.useOtpVerification;
+  }
+});
+Object.defineProperty(exports, "useResendCountdown", {
+  enumerable: true,
+  get: function get() {
+    return _useResendCountdown.useResendCountdown;
+  }
+});
+var _useOtpVerification = require("./useOtpVerification");
+var _useResendCountdown = require("./useResendCountdown");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOlsiX3VzZU90cFZlcmlmaWNhdGlvbiIsInJlcXVpcmUiLCJfdXNlUmVzZW5kQ291bnRkb3duIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLG1CQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxtQkFBQSxHQUFBRCxPQUFBIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/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;

package/lib/business/Dialog/VerificationDialog/hooks/useOtpVerification.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOtpVerification = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var OTP_LENGTH = 6;
+var DEFAULT_ERROR_MESSAGE = 'Incorrect code, please try again.';
+var STATUS_ERROR = 'error';
+var STATUS_DEFAULT = 'default';
+/**
+ * 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.
+ */
+var useOtpVerification = exports.useOtpVerification = function useOtpVerification(options) {
+  var onVerify = options.onVerify,
+    value = options.value,
+    _options$defaultValue = options.defaultValue,
+    defaultValue = _options$defaultValue === void 0 ? '' : _options$defaultValue,
+    _options$autoSubmit = options.autoSubmit,
+    autoSubmit = _options$autoSubmit === void 0 ? true : _options$autoSubmit,
+    onChange = options.onChange;
+  var _useControlledState = (0, _hooks.useControlledState)(defaultValue, value),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    submitting = _useState2[0],
+    setSubmitting = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  // `submitting` drives the UI; `submittingRef` is the synchronous re-entry
+  // guard — auto-submit fires inside `onChange`, which would otherwise double-
+  // fire before the `submitting` state update has flushed.
+  var submittingRef = (0, _react.useRef)(false);
+  var runVerify = (0, _hooks.useEventCallback)(function (code) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var result, _t;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!submittingRef.current) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            submittingRef.current = true;
+            setSubmitting(true);
+            _context.prev = 2;
+            _context.next = 3;
+            return onVerify(code);
+          case 3:
+            result = _context.sent;
+            if (result !== true) {
+              setError(typeof result === 'string' && result ? result : DEFAULT_ERROR_MESSAGE);
+              setInnerValue('');
+            }
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            setError(_t instanceof Error && _t.message ? _t.message : DEFAULT_ERROR_MESSAGE);
+            setInnerValue('');
+          case 5:
+            _context.prev = 5;
+            submittingRef.current = false;
+            setSubmitting(false);
+            return _context.finish(5);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+  });
+  var handleChange = (0, _hooks.useEventCallback)(function (next) {
+    if (error) setError('');
+    setInnerValue(next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    if (autoSubmit && next.length === OTP_LENGTH && !submittingRef.current) {
+      runVerify(next);
+    }
+  });
+  var submit = (0, _hooks.useEventCallback)(function () {
+    return runVerify(innerValue);
+  });
+  var clearError = (0, _hooks.useEventCallback)(function () {
+    return setError('');
+  });
+  var reset = (0, _hooks.useEventCallback)(function () {
+    setError('');
+    setInnerValue('');
+  });
+  return {
+    value: innerValue,
+    status: error ? STATUS_ERROR : STATUS_DEFAULT,
+    feedback: error || undefined,
+    submitting: submitting,
+    valid: innerValue.length === OTP_LENGTH,
+    onChange: handleChange,
+    submit: submit,
+    clearError: clearError,
+    reset: reset
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlT3RwVmVyaWZpY2F0aW9uLnRzIiwiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9ob29rcy91c2VPdHBWZXJpZmljYXRpb24uanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl9ob29rcyIsIl9fYXdhaXRlciIsInRoaXNBcmciLCJfYXJndW1lbnRzIiwiUCIsImdlbmVyYXRvciIsImFkb3B0IiwidmFsdWUiLCJyZXNvbHZlIiwiUHJvbWlzZSIsInJlamVjdCIsImZ1bGZpbGxlZCIsInN0ZXAiLCJuZXh0IiwiZSIsInJlamVjdGVkIiwicmVzdWx0IiwiZG9uZSIsInRoZW4iLCJhcHBseSIsIk9UUF9MRU5HVEgiLCJERUZBVUxUX0VSUk9SX01FU1NBR0UiLCJTVEFUVVNfRVJST1IiLCJTVEFUVVNfREVGQVVMVCIsInVzZU90cFZlcmlmaWNhdGlvbiIsImV4cG9ydHMiLCJvcHRpb25zIiwib25WZXJpZnkiLCJfb3B0aW9ucyRkZWZhdWx0VmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJfb3B0aW9ucyRhdXRvU3VibWl0IiwiYXV0b1N1Ym1pdCIsIm9uQ2hhbmdlIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsInVzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwiaW5uZXJWYWx1ZSIsInNldElubmVyVmFsdWUiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJzdWJtaXR0aW5nIiwic2V0U3VibWl0dGluZyIsIl91c2VTdGF0ZTMiLCJfdXNlU3RhdGU0IiwiZXJyb3IiLCJzZXRFcnJvciIsInN1Ym1pdHRpbmdSZWYiLCJ1c2VSZWYiLCJydW5WZXJpZnkiLCJ1c2VFdmVudENhbGxiYWNrIiwiY29kZSIsIl9yZWdlbmVyYXRvciIsIm1hcmsiLCJfY2FsbGVlIiwiX3QiLCJ3cmFwIiwiX2NvbnRleHQiLCJwcmV2IiwiY3VycmVudCIsImFicnVwdCIsInNlbnQiLCJFcnJvciIsIm1lc3NhZ2UiLCJmaW5pc2giLCJzdG9wIiwiaGFuZGxlQ2hhbmdlIiwibGVuZ3RoIiwic3VibWl0IiwiY2xlYXJFcnJvciIsInJlc2V0Iiwic3RhdHVzIiwiZmVlZGJhY2siLCJ1bmRlZmluZWQiLCJ2YWxpZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FDREEsSUFBSUUsU0FBUyxHQUFJLFVBQVEsU0FBS0EsU0FBUyxJQUFLLFVBQVVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxDQUFDLEVBQUVDLFNBQVMsRUFBRTtFQUNyRixTQUFTQyxLQUFLQSxDQUFDQyxLQUFLLEVBQUU7SUFBRSxPQUFPQSxLQUFLLFlBQVlILENBQUMsR0FBR0csS0FBSyxHQUFHLElBQUlILENBQUMsQ0FBQyxVQUFVSSxPQUFPLEVBQUU7TUFBRUEsT0FBTyxDQUFDRCxLQUFLLENBQUM7SUFBRSxDQUFDLENBQUM7RUFBRTtFQUMzRyxPQUFPLEtBQUtILENBQUMsS0FBS0EsQ0FBQyxHQUFHSyxPQUFPLENBQUMsRUFBRSxVQUFVRCxPQUFPLEVBQUVFLE1BQU0sRUFBRTtJQUN2RCxTQUFTQyxTQUFTQSxDQUFDSixLQUFLLEVBQUU7TUFBRSxJQUFJO1FBQUVLLElBQUksQ0FBQ1AsU0FBUyxDQUFDUSxJQUFJLENBQUNOLEtBQUssQ0FBQyxDQUFDO01BQUUsQ0FBQyxDQUFDLE9BQU9PLENBQUMsRUFBRTtRQUFFSixNQUFNLENBQUNJLENBQUMsQ0FBQztNQUFFO0lBQUU7SUFDMUYsU0FBU0MsUUFBUUEsQ0FBQ1IsS0FBSyxFQUFFO01BQUUsSUFBSTtRQUFFSyxJQUFJLENBQUNQLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQ0UsS0FBSyxDQUFDLENBQUM7TUFBRSxDQUFDLENBQUMsT0FBT08s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QUFJLENBQUM0QixhQUFhLENBQUNZLE9BQU8sRUFBRTtNQUN0RVYsU0FBUyxDQUFDckMsSUFBSSxDQUFDO0lBQ2pCO0VBQ0YsQ0FBQyxDQUFDO0VBRUYsSUFBTXdELE1BQU0sR0FBRyxJQUFBbEIsdUJBQWdCLEVBQUM7SUFBQSxPQUFNRCxTQUFTLENBQUNiLFVBQVUsQ0FBQztFQUFBLEVBQUM7RUFDNUQsSUFBTWlDLFVBQVUsR0FBRyxJQUFBbkIsdUJBQWdCLEVBQUM7SUFBQSxPQUFNSixRQUFRLENBQUMsRUFBRSxDQUFDO0VBQUEsRUFBQztFQUN2RCxJQUFNd0IsS0FBSyxHQUFHLElBQUFwQix1QkFBZ0IsRUFBQyxZQUFLO0lBQ2xDSixRQUFRLENBQUMsRUFBRSxDQUFDO0lBQ1pULGFBQWEsQ0FBQyxFQUFFLENBQUM7RUFDbkIsQ0FBQyxDQUFDO0VBRUYsT0FBTztJQUNML0IsS0FBSyxFQUFFOEIsVUFBVTtJQUNqQm1DLE1BQU0sRUFBRTFCLEtBQUssR0FBR3hCLFlBQVksR0FBR0MsY0FBYztJQUM3Q2tELFFBQVEsRUFBRTNCLEtBQUssSUFBSTRCLFNBQVM7SUFDNUJoQyxVQUFVLEVBQVZBLFVBQVU7SUFDVmlDLEtBQUssRUFBRXRDLFVBQVUsQ0FBQytCLE1BQU0sS0FBS2hELFVBQVU7SUFDdkNZLFFBQVEsRUFBRW1DLFlBQVk7SUFDdEJFLE1BQU0sRUFBTkEsTUFBTTtJQUNOQyxVQUFVLEVBQVZBLFVBQVU7SUFDVkMsS0FBSyxFQUFMQTtFQzFDQSxDRDJDRDtBQUNILENBQUMiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9ob29rcy91c2VPdHBWZXJpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsInZhciBfX2F3YWl0ZXIgPSAodGhpcyAmJiB0aGlzLl9fYXdhaXRlcikgfHwgZnVuY3Rpb24gKHRoaXNBcmcsIF9hcmd1bWVudHMsIFAsIGdlbmVyYXRvcikge1xuICAgIGZ1bmN0aW9uIGFkb3B0KHZhbHVlKSB7IHJldHVybiB2YWx1ZSBpbnN0YW5jZW9mIFAgPyB2YWx1ZSA6IG5ldyBQKGZ1bmN0aW9uIChyZXNvbHZlKSB7IHJlc29sdmUodmFsdWUpOyB9KTsgfVxuICAgIHJldHVybiBuZXcgKFAgfHwgKFAgPSBQcm9taXNlKSkoZnVuY3Rpb24gKHJlc29sdmUsIHJlamVjdCkge1xuICAgICAgICBmdW5jdGlvbiBmdWxmaWxsZWQodmFsdWUpIHsgdHJ5IHsgc3RlcChnZW5lcmF0b3IubmV4dCh2YWx1ZSkpOyB9IGNhdGNoIChlKSB7IHJlamVjdChlKTsgfSB9XG4gICAgICAgIGZ1bmN0aW9uIHJlamVjdGVkKHZhbHVlKSB7IHRyeSB7IHN0ZXAoZ2VuZXJhdG9yW1widGhyb3dcIl0odmFsdWUpKTsgfSBjYXRjaCAoZSkgeyByZWplY3QoZSk7IH0gfVxuICAgICAgICBmdW5jdGlvbiBzdGVwKHJlc3VsdCkgeyByZXN1bHQuZG9uZSA/IHJlc29sdmUocmVzdWx0LnZhbHVlKSA6IGFkb3B0KHJlc3VsdC52YWx1ZSkudGhlbihmdWxmaWxsZWQsIHJlamVjdGVkKTsgfVxuICAgICAgICBzdGVwKChnZW5lcmF0b3IgPSBnZW5lcmF0b3IuYXBwbHkodGhpc0FyZywgX2FyZ3VtZW50cyB8fCBbXSkpLm5leHQoKSk7XG4gICAgfSk7XG59O1xuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUNvbnRyb2xsZWRTdGF0ZSwgdXNlRXZlbnRDYWxsYmFjayB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuY29uc3QgT1RQX0xFTkdUSCA9IDY7XG5jb25zdCBERUZBVUxUX0VSUk9SX01FU1NBR0UgPSAnSW5jb3JyZWN0IGNvZGUsIHBsZWFzZSB0cnkgYWdhaW4uJztcbmNvbnN0IFNUQVRVU19FUlJPUiA9ICdlcnJvcic7XG5jb25zdCBTVEFUVVNfREVGQVVMVCA9ICdkZWZhdWx0Jztcbi8qKlxuICogSGVhZGxlc3MgT1RQIHZlcmlmaWNhdGlvbiBsb2dpYyBzaGFyZWQgYnkgYFZlcmlmaWNhdGlvbkRpYWxvZ2AgYW5kIGFueSBvdGhlclxuICogc2hlbGwgKHBvcHVwLCBpbmxpbmUgZm9ybSwgbXVsdGktc3RlcCBmbG93KS4gT3ducyB0aGUgdmFsdWUgKGNvbnRyb2xsZWQgb3JcbiAqIHVuY29udHJvbGxlZCksIGF1dG8tc3VibWl0IG9uIGNvbXBsZXRpb24sIGxvYWRpbmcgc3RhdGUsIGFuZCBjbGVhci1vbi1lcnJvci5cbiAqL1xuZXhwb3J0IGNvbnN0IHVzZU90cFZlcmlmaWNhdGlvbiA9IChvcHRpb25zKSA9PiB7XG4gICAgY29uc3QgeyBvblZlcmlmeSwgdmFsdWUsIGRlZmF1bHRWYWx1ZSA9ICcnLCBhdXRvU3VibWl0ID0gdHJ1ZSwgb25DaGFuZ2UgfSA9IG9wdGlvbnM7XG4gICAgY29uc3QgW2lubmVyVmFsdWUsIHNldElubmVyVmFsdWVdID0gdXNlQ29udHJvbGxlZFN0YXRlKGRlZmF1bHRWYWx1ZSwgdmFsdWUpO1xuICAgIGNvbnN0IFtzdWJtaXR0aW5nLCBzZXRTdWJtaXR0aW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbZXJyb3IsIHNldEVycm9yXSA9IHVzZVN0YXRlKCcnKTtcbiAgICAvLyBgc3VibWl0dGluZ2AgZHJpdmVzIHRoZSBVSTsgYHN1Ym1pdHRpbmdSZWZgIGlzIHRoZSBzeW5jaHJvbm91cyByZS1lbnRyeVxuICAgIC8vIGd1YXJkIOKAlCBhdXRvLXN1Ym1pdCBmaXJlcyBpbnNpZGUgYG9uQ2hhbmdlYCwgd2hpY2ggd291bGQgb3RoZXJ3aXNlIGRvdWJsZS1cbiAgICAvLyBmaXJlIGJlZm9yZSB0aGUgYHN1Ym1pdHRpbmdgIHN0YXRlIHVwZGF0ZSBoYXMgZmx1c2hlZC5cbiAgICBjb25zdCBzdWJtaXR0aW5nUmVmID0gdXNlUmVmKGZhbHNlKTtcbiAgICBjb25zdCBydW5WZXJpZnkgPSB1c2VFdmVudENhbGxiYWNrKChjb2RlKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcbiAgICAgICAgaWYgKHN1Ym1pdHRpbmdSZWYuY3VycmVudClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgc3VibWl0dGluZ1JlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgICAgICAgc2V0U3VibWl0dGluZyh0cnVlKTtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3VsdCA9IHlpZWxkIG9uVmVyaWZ5KGNvZGUpO1xuICAgICAgICAgICAgaWYgKHJlc3VsdCAhPT0gdHJ1ZSkge1xuICAgICAgICAgICAgICAgIHNldEVycm9yKHR5cGVvZiByZXN1bHQgPT09ICdzdHJpbmcnICYmIHJlc3VsdCA/IHJlc3VsdCA6IERFRkFVTFRfRVJST1JfTUVTU0FHRSk7XG4gICAgICAgICAgICAgICAgc2V0SW5uZXJWYWx1ZSgnJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGUpIHtcbiAgICAgICAgICAgIHNldEVycm9yKGUgaW5zdGFuY2VvZiBFcnJvciAmJiBlLm1lc3NhZ2UgPyBlLm1lc3NhZ2UgOiBERUZBVUxUX0VSUk9SX01FU1NBR0UpO1xuICAgICAgICAgICAgc2V0SW5uZXJWYWx1ZSgnJyk7XG4gICAgICAgIH1cbiAgICAgICAgZmluYWxseSB7XG4gICAgICAgICAgICBzdWJtaXR0aW5nUmVmLmN1cnJlbnQgPSBmYWxzZTtcbiAgICAgICAgICAgIHNldFN1Ym1pdHRpbmcoZmFsc2UpO1xuICAgICAgICB9XG4gICAgfSkpO1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50Q2FsbGJhY2soKG5leHQpID0+IHtcbiAgICAgICAgaWYgKGVycm9yKVxuICAgICAgICAgICAgc2V0RXJyb3IoJycpO1xuICAgICAgICBzZXRJbm5lclZhbHVlKG5leHQpO1xuICAgICAgICBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2UobmV4dCk7XG4gICAgICAgIGlmIChhdXRvU3VibWl0ICYmIG5leHQubGVuZ3RoID09PSBPVFBfTEVOR1RIICYmICFzdWJtaXR0aW5nUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIHJ1blZlcmlmeShuZXh0KTtcbiAgICAgICAgfVxuICAgIH0pO1xuICAgIGNvbnN0IHN1Ym1pdCA9IHVzZUV2ZW50Q2FsbGJhY2soKCkgPT4gcnVuVmVyaWZ5KGlubmVyVmFsdWUpKTtcbiAgICBjb25zdCBjbGVhckVycm9yID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiBzZXRFcnJvcignJykpO1xuICAgIGNvbnN0IHJlc2V0ID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNldEVycm9yKCcnKTtcbiAgICAgICAgc2V0SW5uZXJWYWx1ZSgnJyk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgdmFsdWU6IGlubmVyVmFsdWUsXG4gICAgICAgIHN0YXR1czogZXJyb3IgPyBTVEFUVVNfRVJST1IgOiBTVEFUVVNfREVGQVVMVCxcbiAgICAgICAgZmVlZGJhY2s6IGVycm9yIHx8IHVuZGVmaW5lZCxcbiAgICAgICAgc3VibWl0dGluZyxcbiAgICAgICAgdmFsaWQ6IGlubmVyVmFsdWUubGVuZ3RoID09PSBPVFBfTEVOR1RILFxuICAgICAgICBvbkNoYW5nZTogaGFuZGxlQ2hhbmdlLFxuICAgICAgICBzdWJtaXQsXG4gICAgICAgIGNsZWFyRXJyb3IsXG4gICAgICAgIHJlc2V0LFxuICAgIH07XG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/business/Dialog/VerificationDialog/hooks/useResendCountdown.d.ts

@@ -0,0 +1,26 @@
+export interface UseResendCountdownOptions {
+    /** Fires when the user triggers a resend. */
+    onResend: () => void | Promise<void>;
+    /** Cooldown length in seconds before resending is allowed again. @default 60 */
+    cooldown?: number;
+    /** Start the cooldown immediately on mount. @default false */
+    autoStart?: boolean;
+}
+export interface UseResendCountdownResult {
+    /** Seconds left in the current cooldown (`0` when resending is allowed). */
+    remaining: number;
+    /** `true` when a resend can be triggered (no cooldown, not loading). */
+    canResend: boolean;
+    /** `true` while `onResend` is in flight. */
+    loading: boolean;
+    /** Human-readable countdown, e.g. `"1m 0s"`. */
+    formatted: string;
+    /** Trigger a resend (no-op during cooldown or while loading). */
+    resend: () => void;
+}
+/**
+ * Headless resend-with-cooldown logic ported from the product's `ResendButton`:
+ * a per-second countdown, a lock during the cooldown and while the resend
+ * request is in flight, and an `m s` formatter.
+ */
+export declare const useResendCountdown: (options: UseResendCountdownOptions) => UseResendCountdownResult;

package/lib/business/Dialog/VerificationDialog/hooks/useResendCountdown.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResendCountdown = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var DEFAULT_COOLDOWN_SECONDS = 60;
+var SECONDS_PER_MINUTE = 60;
+var TICK_MS = 1000;
+/**
+ * Headless resend-with-cooldown logic ported from the product's `ResendButton`:
+ * a per-second countdown, a lock during the cooldown and while the resend
+ * request is in flight, and an `m s` formatter.
+ */
+var useResendCountdown = exports.useResendCountdown = function useResendCountdown(options) {
+  var onResend = options.onResend,
+    _options$cooldown = options.cooldown,
+    cooldown = _options$cooldown === void 0 ? DEFAULT_COOLDOWN_SECONDS : _options$cooldown,
+    _options$autoStart = options.autoStart,
+    autoStart = _options$autoStart === void 0 ? false : _options$autoStart;
+  var _useState = (0, _react.useState)(autoStart ? cooldown : 0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    remaining = _useState2[0],
+    setRemaining = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (remaining <= 0) return undefined;
+    var timer = setInterval(function () {
+      setRemaining(function (prev) {
+        return prev <= 1 ? 0 : prev - 1;
+      });
+    }, TICK_MS);
+    return function () {
+      return clearInterval(timer);
+    };
+  }, [remaining]);
+  var resend = (0, _hooks.useEventCallback)(function () {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(remaining > 0 || loading)) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            setLoading(true);
+            _context.prev = 2;
+            _context.next = 3;
+            return onResend();
+          case 3:
+            setRemaining(cooldown);
+          case 4:
+            _context.prev = 4;
+            setLoading(false);
+            return _context.finish(4);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2,, 4, 5]]);
+    }));
+  });
+  var minutes = Math.floor(remaining / SECONDS_PER_MINUTE);
+  var seconds = remaining % SECONDS_PER_MINUTE;
+  return {
+    remaining: remaining,
+    canResend: remaining <= 0 && !loading,
+    loading: loading,
+    formatted: "".concat(minutes, "m ").concat(seconds, "s"),
+    resend: resend
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlUmVzZW5kQ291bnRkb3duLnRzIiwiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9ob29rcy91c2VSZXNlbmRDb3VudGRvd24uanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl9ob29rcyIsIl9fYXdhaXRlciIsInRoaXNBcmciLCJfYXJndW1lbnRzIiwiUCIsImdlbmVyYXRvciIsImFkb3B0IiwidmFsdWUiLCJyZXNvbHZlIiwiUHJvbWlzZSIsInJlamVjdCIsImZ1bGZpbGxlZCIsInN0ZXAiLCJuZXh0IiwiZSIsInJlamVjdGVkIiwicmVzdWx0IiwiZG9uZSIsInRoZW4iLCJhcHBseSIsIkRFRkFVTFRfQ09PTERPV05fU0VDT05EUyIsIlNFQ09ORFNfUEVSX01JTlVURSIsIlRJQ0tfTVMiLCJ1c2VSZXNlbmRDb3VudGRvd24iLCJleHBvcnRzIiwib3B0aW9ucyIsIm9uUmVzZW5kIiwiX29wdGlvbnMkY29vbGRvd24iLCJjb29sZG93biIsIl9vcHRpb25zJGF1dG9TdGFydCIsImF1dG9TdGFydCIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInJlbWFpbmluZyIsInNldFJlbWFpbmluZyIsIl91c2VTdGF0ZTMiLCJfdXNlU3RhdGU0IiwibG9hZGluZyIsInNldExvYWRpbmciLCJ1c2VFZmZlY3QiLCJ1bmRlZmluZWQiLCJ0aW1lciIsInNldEludGVydmFsIiwicHJldiIsImNsZWFySW50ZXJ2YWwiLCJyZXNlbmQiLCJ1c2VFdmVudENhbGxiYWNrIiwiX3JlZ2VuZXJhdG9yIiwibWFyayIsIl9jYWxsZWUiLCJ3cmFwIiwiX2NvbnRleHQiLCJhYnJ1cHQiLCJmaW5pc2giLCJzdG9wIiwibWludXRlcyIsIk1hdGgiLCJmbG9vciIs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QTtJQUFBLENBRXJCLEVBQUE7RUFBQSxFQUFDO0VBRUYsSUFBTU0sT0FBTyxHQUFHQyxJQUFJLENBQUNDLEtBQUssQ0FBQ3hCLFNBQVMsR0FBR2Qsa0JBQWtCLENBQUM7RUFDMUQsSUFBTXVDLE9BQU8sR0FBR3pCLFNBQVMsR0FBR2Qsa0JBQWtCO0VBRTlDLE9BQU87SUFDTGMsU0FBUyxFQUFUQSxTQUFTO0lBQ1QwQixTQUFTLEVBQUUxQixTQUFTLElBQUksQ0FBQyxJQUFJLENBQUNJLE9BQU87SUFDckNBLE9BQU8sRUFBUEEsT0FBTztJQUNQdUIsU0FBUyxLQUFBQyxNQUFBLENBQUtOLE9BQU8sUUFBQU0sTUFBQSxDQUFLSCxPQUFPLE1BQUc7SUFDcENiLE1BQU0sRUFBTkE7RUNqQkEsQ0RrQkQ7QUFDSCxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlUmVzZW5kQ291bnRkb3duLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJ2YXIgX19hd2FpdGVyID0gKHRoaXMgJiYgdGhpcy5fX2F3YWl0ZXIpIHx8IGZ1bmN0aW9uICh0aGlzQXJnLCBfYXJndW1lbnRzLCBQLCBnZW5lcmF0b3IpIHtcbiAgICBmdW5jdGlvbiBhZG9wdCh2YWx1ZSkgeyByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBQID8gdmFsdWUgOiBuZXcgUChmdW5jdGlvbiAocmVzb2x2ZSkgeyByZXNvbHZlKHZhbHVlKTsgfSk7IH1cbiAgICByZXR1cm4gbmV3IChQIHx8IChQID0gUHJvbWlzZSkpKGZ1bmN0aW9uIChyZXNvbHZlLCByZWplY3QpIHtcbiAgICAgICAgZnVuY3Rpb24gZnVsZmlsbGVkKHZhbHVlKSB7IHRyeSB7IHN0ZXAoZ2VuZXJhdG9yLm5leHQodmFsdWUpKTsgfSBjYXRjaCAoZSkgeyByZWplY3QoZSk7IH0gfVxuICAgICAgICBmdW5jdGlvbiByZWplY3RlZCh2YWx1ZSkgeyB0cnkgeyBzdGVwKGdlbmVyYXRvcltcInRocm93XCJdKHZhbHVlKSk7IH0gY2F0Y2ggKGUpIHsgcmVqZWN0KGUpOyB9IH1cbiAgICAgICAgZnVuY3Rpb24gc3RlcChyZXN1bHQpIHsgcmVzdWx0LmRvbmUgPyByZXNvbHZlKHJlc3VsdC52YWx1ZSkgOiBhZG9wdChyZXN1bHQudmFsdWUpLnRoZW4oZnVsZmlsbGVkLCByZWplY3RlZCk7IH1cbiAgICAgICAgc3RlcCgoZ2VuZXJhdG9yID0gZ2VuZXJhdG9yLmFwcGx5KHRoaXNBcmcsIF9hcmd1bWVudHMgfHwgW10pKS5uZXh0KCkpO1xuICAgIH0pO1xufTtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5jb25zdCBERUZBVUxUX0NPT0xET1dOX1NFQ09ORFMgPSA2MDtcbmNvbnN0IFNFQ09ORFNfUEVSX01JTlVURSA9IDYwO1xuY29uc3QgVElDS19NUyA9IDEwMDA7XG4vKipcbiAqIEhlYWRsZXNzIHJlc2VuZC13aXRoLWNvb2xkb3duIGxvZ2ljIHBvcnRlZCBmcm9tIHRoZSBwcm9kdWN0J3MgYFJlc2VuZEJ1dHRvbmA6XG4gKiBhIHBlci1zZWNvbmQgY291bnRkb3duLCBhIGxvY2sgZHVyaW5nIHRoZSBjb29sZG93biBhbmQgd2hpbGUgdGhlIHJlc2VuZFxuICogcmVxdWVzdCBpcyBpbiBmbGlnaHQsIGFuZCBhbiBgbSBzYCBmb3JtYXR0ZXIuXG4gKi9cbmV4cG9ydCBjb25zdCB1c2VSZXNlbmRDb3VudGRvd24gPSAob3B0aW9ucykgPT4ge1xuICAgIGNvbnN0IHsgb25SZXNlbmQsIGNvb2xkb3duID0gREVGQVVMVF9DT09MRE9XTl9TRUNPTkRTLCBhdXRvU3RhcnQgPSBmYWxzZSB9ID0gb3B0aW9ucztcbiAgICBjb25zdCBbcmVtYWluaW5nLCBzZXRSZW1haW5pbmddID0gdXNlU3RhdGUoYXV0b1N0YXJ0ID8gY29vbGRvd24gOiAwKTtcbiAgICBjb25zdCBbbG9hZGluZywgc2V0TG9hZGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHJlbWFpbmluZyA8PSAwKVxuICAgICAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgICBzZXRSZW1haW5pbmcoKHByZXYpID0+IChwcmV2IDw9IDEgPyAwIDogcHJldiAtIDEpKTtcbiAgICAgICAgfSwgVElDS19NUyk7XG4gICAgICAgIHJldHVybiAoKSA9PiBjbGVhckludGVydmFsKHRpbWVyKTtcbiAgICB9LCBbcmVtYWluaW5nXSk7XG4gICAgY29uc3QgcmVzZW5kID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcbiAgICAgICAgaWYgKHJlbWFpbmluZyA+IDAgfHwgbG9hZGluZylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHlpZWxkIG9uUmVzZW5kKCk7XG4gICAgICAgICAgICBzZXRSZW1haW5pbmcoY29vbGRvd24pO1xuICAgICAgICB9XG4gICAgICAgIGZpbmFsbHkge1xuICAgICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9KSk7XG4gICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IocmVtYWluaW5nIC8gU0VDT05EU19QRVJfTUlOVVRFKTtcbiAgICBjb25zdCBzZWNvbmRzID0gcmVtYWluaW5nICUgU0VDT05EU19QRVJfTUlOVVRFO1xuICAgIHJldHVybiB7XG4gICAgICAgIHJlbWFpbmluZyxcbiAgICAgICAgY2FuUmVzZW5kOiByZW1haW5pbmcgPD0gMCAmJiAhbG9hZGluZyxcbiAgICAgICAgbG9hZGluZyxcbiAgICAgICAgZm9ybWF0dGVkOiBgJHttaW51dGVzfW0gJHtzZWNvbmRzfXNgLFxuICAgICAgICByZXNlbmQsXG4gICAgfTtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  VerificationDialog: true,
+  useOtpVerification: true,
+  useResendCountdown: true
+};
+Object.defineProperty(exports, "VerificationDialog", {
+  enumerable: true,
+  get: function get() {
+    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;
+  }
+});
+var _VerificationDialog = require("./VerificationDialog");
+var _hooks = require("./hooks");
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC50cyJdLCJuYW1lcyI6WyJfVmVyaWZpY2F0aW9uRGlhbG9nIiwicmVxdWlyZSIsIl9ob29rcyIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxtQkFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBRixPQUFBO0FBQUFHLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUEiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,124 @@
+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;
+/**
+ * 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.
+ */
+export interface VerificationDialogSecondaryAction {
+    /** Button label. */
+    label: ReactNode;
+    /** Click handler. */
+    onClick?: () => void;
+    /** Disable the button. */
+    disabled?: boolean;
+    /**
+     * Color tone.
+     * @default 'grey'
+     */
+    color?: ButtonColor;
+}
+/**
+ * Optional "Haven't received the code? Resend" row below a divider in the
+ * footer. Resending is rate-limited by an internal countdown.
+ */
+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
+     */
+    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. */
+    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. */
+    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?: boolean;
+    /**
+     * Disable OTP entry.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Verify automatically once all digits are entered (in addition to the
+     * submit button).
+     * @default true
+     */
+    autoSubmit?: boolean;
+    /**
+     * 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'
+     */
+    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;
+    /**
+     * Fires from the close icon, mask click, and Escape key. Set your `open`
+     * state to `false` here.
+     */
+    onClose?: () => void;
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -0,0 +1,30 @@
+/**
+  * 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-verification-dialog-actions > button {
+  flex: 1 1 0;
+}
+
+.om-verification-dialog-recovery-text.is-clickable,
+.om-verification-dialog-resend.is-clickable {
+  cursor: pointer;
+}

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

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