@1money/component-ui 0.0.90-alpha.4 → 0.0.90

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,145 @@
+"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 _useControlledState3 = _interopRequireDefault(require("@1money/hooks/useControlledState"));
+var _useEventCallback = _interopRequireDefault(require("@1money/hooks/useEventCallback"));
+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, _useControlledState3["default"])(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, _useEventCallback["default"])(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, _useEventCallback["default"])(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, _useEventCallback["default"])(function () {
+    return runVerify(innerValue);
+  });
+  var clearError = (0, _useEventCallback["default"])(function () {
+    return setError('');
+  });
+  var reset = (0, _useEventCallback["default"])(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlT3RwVmVyaWZpY2F0aW9uLnRzIiwiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9ob29rcy91c2VPdHBWZXJpZmljYXRpb24uanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl91c2VDb250cm9sbGVkU3RhdGUzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl91c2VFdmVudENhbGxiYWNrIiwiX19hd2FpdGVyIiwidGhpc0FyZyIsIl9hcmd1bWVudHMiLCJQIiwiZ2VuZXJhdG9yIiwiYWRvcHQiLCJ2YWx1ZSIsInJlc29sdmUiLCJQcm9taXNlIiwicmVqZWN0IiwiZnVsZmlsbGVkIiwic3RlcCIsIm5leHQiLCJlIiwicmVqZWN0ZWQiLCJyZXN1bHQiLCJkb25lIiwidGhlbiIsImFwcGx5IiwiT1RQX0xFTkdUSCIsIkRFRkFVTFRfRVJST1JfTUVTU0FHRSIsIlNUQVRVU19FUlJPUiIsIlNUQVRVU19ERUZBVUxUIiwidXNlT3RwVmVyaWZpY2F0aW9uIiwiZXhwb3J0cyIsIm9wdGlvbnMiLCJvblZlcmlmeSIsIl9vcHRpb25zJGRlZmF1bHRWYWx1ZSIsImRlZmF1bHRWYWx1ZSIsIl9vcHRpb25zJGF1dG9TdWJtaXQiLCJhdXRvU3VibWl0Iiwib25DaGFuZ2UiLCJfdXNlQ29udHJvbGxlZFN0YXRlIiwidXNlQ29udHJvbGxlZFN0YXRlIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJpbm5lclZhbHVlIiwic2V0SW5uZXJWYWx1ZSIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsInN1Ym1pdHRpbmciLCJzZXRTdWJtaXR0aW5nIiwiX3VzZVN0YXRlMyIsIl91c2VTdGF0ZTQiLCJlcnJvciIsInNldEVycm9yIiwic3VibWl0dGluZ1JlZiIsInVzZVJlZiIsInJ1blZlcmlmeSIsInVzZUV2ZW50Q2FsbGJhY2siLCJjb2RlIiwiX3JlZ2VuZXJhdG9yIiwibWFyayIsIl9jYWxsZWUiLCJfdCIsIndyYXAiLCJfY29udGV4dCIsInByZXYiLCJjdXJyZW50IiwiYWJydXB0Iiwic2VudCIsIkVycm9yIiwibWVzc2FnZSIsImZpbmlzaCIsInN0b3AiLCJoYW5kbGVDaGFuZ2UiLCJsZW5ndGgiLCJzdWJtaXQiLCJjbGVhckVycm9yIiwicmVzZXQiLCJzdGF0dXMiLCJmZWVkYmFjayIsInVuZGVmaW5lZCIsInZhbGlkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxvQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsaUJBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQ0ZBLElBQUlJLFNBQVMsR0FBSSxVQUFRLFNBQUtBLFNBQVMsSUFBSyxVQUFVQyxPQUFPLEVBQUVDLFVBQVUsRUFBRUMsQ0FBQyxFQUFFQyxTQUFTLEVBQUU7RUFDckYsU0FBU0MsS0FBS0EsQ0FBQ0MsS0FBSyxFQUFFO0lBQUUsT0FBT0EsS0FBSyxZQUFZSCxDQUFDLEdBQUdHLEtBQUssR0FBRyxJQUFJSCxDQUFDLENBQUMsVUFBVUksT0FBTyxFQUFFO01BQUVBLE9BQU8sQ0FBQ0QsS0FBSyxDQUFDO0lBQUUsQ0FBQyxDQUFDO0VBQUU7RUFDM0csT0FBTyxLQUFLSCxDQUFDLEtBQUtBLENBQUMsR0FBR0ssT0FBTyxDQUFDLEVBQUUsVUFBVUQsT0FBTyxFQUFFRSxNQUFNLEVBQUU7SUFDdkQsU0FBU0MsU0FBU0EsQ0FBQ0osS0FBSyxFQUFFO01BQUUsSUFBSTtRQUFFSyxJQUFJLENBQUNQLFNBQVMsQ0FBQ1EsSUFBSSxDQUFDTixLQUFLLENBQUMsQ0FBQztNQUFFLENBQUMsQ0FBQyxPQUFPTyxDQUFDLEVBQUU7UUFBRUosTUFBTSxDQUFDSSxDQUFDLENBQUM7TUFBRTtJQUFFO0lBQzFGLFNBQVND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QUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFSQSxRQUFRLENBQUduQixJQUFJLENBQUM7SUFDaEIsSUFBSWtCLFVBQVUsSUFBSWxCLElBQUksQ0FBQ3VELE1BQU0sS0FBS2hELFVBQVUsSUFBSSxDQUFDNEIsYUFBYSxDQUFDWSxPQUFPLEVBQUU7TUFDdEVWLFNBQVMsQ0FBQ3JDLElBQUksQ0FBQztJQUNqQjtFQUNGLENBQUMsQ0FBQztFQUVGLElBQU13RCxNQUFNLEdBQUcsSUFBQWxCLDRCQUFnQixFQUFDO0lBQUEsT0FBTUQsU0FBUyxDQUFDYixVQUFVLENBQUM7RUFBQSxFQUFDO0VBQzVELElBQU1pQyxVQUFVLEdBQUcsSUFBQW5CLDRCQUFnQixFQUFDO0lBQUEsT0FBTUosUUFBUSxDQUFDLEVBQUUsQ0FBQztFQUFBLEVBQUM7RUFDdkQsSUFBTXdCLEtBQUssR0FBRyxJQUFBcEIsNEJBQWdCLEVBQUMsWUFBSztJQUNsQ0osUUFBUSxDQUFDLEVBQUUsQ0FBQztJQUNaVCxhQUFhLENBQUMsRUFBRSxDQUFDO0VBQ25CLENBQUMsQ0FBQztFQUVGLE9BQU87SUFDTC9CLEtBQUssRUFBRThCLFVBQVU7SUFDakJtQyxNQUFNLEVBQUUxQixLQUFLLEdBQUd4QixZQUFZLEdBQUdDLGNBQWM7SUFDN0NrRCxRQUFRLEVBQUUzQixLQUFLLElBQUk0QixTQUFTO0lBQzVCaEMsVUFBVSxFQUFWQSxVQUFVO0lBQ1ZpQyxLQUFLLEVBQUV0QyxVQUFVLENBQUMrQixNQUFNLEtBQUtoRCxVQUFVO0lBQ3ZDWSxRQUFRLEVBQUVtQyxZQUFZO0lBQ3RCRSxNQUFNLEVBQU5BLE1BQU07SUFDTkMsVUFBVSxFQUFWQSxVQUFVO0lBQ1ZDLEtBQUssRUFBTEE7RUMxQ0EsQ0QyQ0Q7QUFDSCxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlT3RwVmVyaWZpY2F0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJ2YXIgX19hd2FpdGVyID0gKHRoaXMgJiYgdGhpcy5fX2F3YWl0ZXIpIHx8IGZ1bmN0aW9uICh0aGlzQXJnLCBfYXJndW1lbnRzLCBQLCBnZW5lcmF0b3IpIHtcbiAgICBmdW5jdGlvbiBhZG9wdCh2YWx1ZSkgeyByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBQID8gdmFsdWUgOiBuZXcgUChmdW5jdGlvbiAocmVzb2x2ZSkgeyByZXNvbHZlKHZhbHVlKTsgfSk7IH1cbiAgICByZXR1cm4gbmV3IChQIHx8IChQID0gUHJvbWlzZSkpKGZ1bmN0aW9uIChyZXNvbHZlLCByZWplY3QpIHtcbiAgICAgICAgZnVuY3Rpb24gZnVsZmlsbGVkKHZhbHVlKSB7IHRyeSB7IHN0ZXAoZ2VuZXJhdG9yLm5leHQodmFsdWUpKTsgfSBjYXRjaCAoZSkgeyByZWplY3QoZSk7IH0gfVxuICAgICAgICBmdW5jdGlvbiByZWplY3RlZCh2YWx1ZSkgeyB0cnkgeyBzdGVwKGdlbmVyYXRvcltcInRocm93XCJdKHZhbHVlKSk7IH0gY2F0Y2ggKGUpIHsgcmVqZWN0KGUpOyB9IH1cbiAgICAgICAgZnVuY3Rpb24gc3RlcChyZXN1bHQpIHsgcmVzdWx0LmRvbmUgPyByZXNvbHZlKHJlc3VsdC52YWx1ZSkgOiBhZG9wdChyZXN1bHQudmFsdWUpLnRoZW4oZnVsZmlsbGVkLCByZWplY3RlZCk7IH1cbiAgICAgICAgc3RlcCgoZ2VuZXJhdG9yID0gZ2VuZXJhdG9yLmFwcGx5KHRoaXNBcmcsIF9hcmd1bWVudHMgfHwgW10pKS5uZXh0KCkpO1xuICAgIH0pO1xufTtcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlQ29udHJvbGxlZFN0YXRlIGZyb20gJ0AxbW9uZXkvaG9va3MvdXNlQ29udHJvbGxlZFN0YXRlJztcbmltcG9ydCB1c2VFdmVudENhbGxiYWNrIGZyb20gJ0AxbW9uZXkvaG9va3MvdXNlRXZlbnRDYWxsYmFjayc7XG5jb25zdCBPVFBfTEVOR1RIID0gNjtcbmNvbnN0IERFRkFVTFRfRVJST1JfTUVTU0FHRSA9ICdJbmNvcnJlY3QgY29kZSwgcGxlYXNlIHRyeSBhZ2Fpbi4nO1xuY29uc3QgU1RBVFVTX0VSUk9SID0gJ2Vycm9yJztcbmNvbnN0IFNUQVRVU19ERUZBVUxUID0gJ2RlZmF1bHQnO1xuLyoqXG4gKiBIZWFkbGVzcyBPVFAgdmVyaWZpY2F0aW9uIGxvZ2ljIHNoYXJlZCBieSBgVmVyaWZpY2F0aW9uRGlhbG9nYCBhbmQgYW55IG90aGVyXG4gKiBzaGVsbCAocG9wdXAsIGlubGluZSBmb3JtLCBtdWx0aS1zdGVwIGZsb3cpLiBPd25zIHRoZSB2YWx1ZSAoY29udHJvbGxlZCBvclxuICogdW5jb250cm9sbGVkKSwgYXV0by1zdWJtaXQgb24gY29tcGxldGlvbiwgbG9hZGluZyBzdGF0ZSwgYW5kIGNsZWFyLW9uLWVycm9yLlxuICovXG5leHBvcnQgY29uc3QgdXNlT3RwVmVyaWZpY2F0aW9uID0gKG9wdGlvbnMpID0+IHtcbiAgICBjb25zdCB7IG9uVmVyaWZ5LCB2YWx1ZSwgZGVmYXVsdFZhbHVlID0gJycsIGF1dG9TdWJtaXQgPSB0cnVlLCBvbkNoYW5nZSB9ID0gb3B0aW9ucztcbiAgICBjb25zdCBbaW5uZXJWYWx1ZSwgc2V0SW5uZXJWYWx1ZV0gPSB1c2VDb250cm9sbGVkU3RhdGUoZGVmYXVsdFZhbHVlLCB2YWx1ZSk7XG4gICAgY29uc3QgW3N1Ym1pdHRpbmcsIHNldFN1Ym1pdHRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtlcnJvciwgc2V0RXJyb3JdID0gdXNlU3RhdGUoJycpO1xuICAgIC8vIGBzdWJtaXR0aW5nYCBkcml2ZXMgdGhlIFVJOyBgc3VibWl0dGluZ1JlZmAgaXMgdGhlIHN5bmNocm9ub3VzIHJlLWVudHJ5XG4gICAgLy8gZ3VhcmQg4oCUIGF1dG8tc3VibWl0IGZpcmVzIGluc2lkZSBgb25DaGFuZ2VgLCB3aGljaCB3b3VsZCBvdGhlcndpc2UgZG91YmxlLVxuICAgIC8vIGZpcmUgYmVmb3JlIHRoZSBgc3VibWl0dGluZ2Agc3RhdGUgdXBkYXRlIGhhcyBmbHVzaGVkLlxuICAgIGNvbnN0IHN1Ym1pdHRpbmdSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICAgIGNvbnN0IHJ1blZlcmlmeSA9IHVzZUV2ZW50Q2FsbGJhY2soKGNvZGUpID0+IF9fYXdhaXRlcih2b2lkIDAsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xuICAgICAgICBpZiAoc3VibWl0dGluZ1JlZi5jdXJyZW50KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBzdWJtaXR0aW5nUmVmLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgICBzZXRTdWJtaXR0aW5nKHRydWUpO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzdWx0ID0geWllbGQgb25WZXJpZnkoY29kZSk7XG4gICAgICAgICAgICBpZiAocmVzdWx0ICE9PSB0cnVlKSB7XG4gICAgICAgICAgICAgICAgc2V0RXJyb3IodHlwZW9mIHJlc3VsdCA9PT0gJ3N0cmluZycgJiYgcmVzdWx0ID8gcmVzdWx0IDogREVGQVVMVF9FUlJPUl9NRVNTQUdFKTtcbiAgICAgICAgICAgICAgICBzZXRJbm5lclZhbHVlKCcnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZSkge1xuICAgICAgICAgICAgc2V0RXJyb3IoZSBpbnN0YW5jZW9mIEVycm9yICYmIGUubWVzc2FnZSA/IGUubWVzc2FnZSA6IERFRkFVTFRfRVJST1JfTUVTU0FHRSk7XG4gICAgICAgICAgICBzZXRJbm5lclZhbHVlKCcnKTtcbiAgICAgICAgfVxuICAgICAgICBmaW5hbGx5IHtcbiAgICAgICAgICAgIHN1Ym1pdHRpbmdSZWYuY3VycmVudCA9IGZhbHNlO1xuICAgICAgICAgICAgc2V0U3VibWl0dGluZyhmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9KSk7XG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlRXZlbnRDYWxsYmFjaygobmV4dCkgPT4ge1xuICAgICAgICBpZiAoZXJyb3IpXG4gICAgICAgICAgICBzZXRFcnJvcignJyk7XG4gICAgICAgIHNldElubmVyVmFsdWUobmV4dCk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShuZXh0KTtcbiAgICAgICAgaWYgKGF1dG9TdWJtaXQgJiYgbmV4dC5sZW5ndGggPT09IE9UUF9MRU5HVEggJiYgIXN1Ym1pdHRpbmdSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgcnVuVmVyaWZ5KG5leHQpO1xuICAgICAgICB9XG4gICAgfSk7XG4gICAgY29uc3Qgc3VibWl0ID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiBydW5WZXJpZnkoaW5uZXJWYWx1ZSkpO1xuICAgIGNvbnN0IGNsZWFyRXJyb3IgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHNldEVycm9yKCcnKSk7XG4gICAgY29uc3QgcmVzZXQgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgc2V0RXJyb3IoJycpO1xuICAgICAgICBzZXRJbm5lclZhbHVlKCcnKTtcbiAgICB9KTtcbiAgICByZXR1cm4ge1xuICAgICAgICB2YWx1ZTogaW5uZXJWYWx1ZSxcbiAgICAgICAgc3RhdHVzOiBlcnJvciA/IFNUQVRVU19FUlJPUiA6IFNUQVRVU19ERUZBVUxULFxuICAgICAgICBmZWVkYmFjazogZXJyb3IgfHwgdW5kZWZpbmVkLFxuICAgICAgICBzdWJtaXR0aW5nLFxuICAgICAgICB2YWxpZDogaW5uZXJWYWx1ZS5sZW5ndGggPT09IE9UUF9MRU5HVEgsXG4gICAgICAgIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UsXG4gICAgICAgIHN1Ym1pdCxcbiAgICAgICAgY2xlYXJFcnJvcixcbiAgICAgICAgcmVzZXQsXG4gICAgfTtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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 _useEventCallback = _interopRequireDefault(require("@1money/hooks/useEventCallback"));
+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, _useEventCallback["default"])(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvdXNlUmVzZW5kQ291bnRkb3duLnRzIiwiYnVzaW5lc3MvRGlhbG9nL1ZlcmlmaWNhdGlvbkRpYWxvZy9ob29rcy91c2VSZXNlbmRDb3VudGRvd24uanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl91c2VFdmVudENhbGxiYWNrIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9fYXdhaXRlciIsInRoaXNBcmciLCJfYXJndW1lbnRzIiwiUCIsImdlbmVyYXRvciIsImFkb3B0IiwidmFsdWUiLCJyZXNvbHZlIiwiUHJvbWlzZSIsInJlamVjdCIsImZ1bGZpbGxlZCIsInN0ZXAiLCJuZXh0IiwiZSIsInJlamVjdGVkIiwicmVzdWx0IiwiZG9uZSIsInRoZW4iLCJhcHBseSIsIkRFRkFVTFRfQ09PTERPV05fU0VDT05EUyIsIlNFQ09ORFNfUEVSX01JTlVURSIsIlRJQ0tfTVMiLCJ1c2VSZXNlbmRDb3VudGRvd24iLCJleHBvcnRzIiwib3B0aW9ucyIsIm9uUmVzZW5kIiwiX29wdGlvbnMkY29vbGRvd24iLCJjb29sZG93biIsIl9vcHRpb25zJGF1dG9TdGFydCIsImF1dG9TdGFydCIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInJlbWFpbmluZyIsInNldFJlbWFpbmluZyIsIl91c2VTdGF0ZTMiLCJfdXNlU3RhdGU0IiwibG9hZGluZyIsInNldExvYWRpbmciLCJ1c2VFZmZlY3QiLCJ1bmRlZmluZWQiLCJ0aW1lciIsInNldEludGVydmFsIiwicHJldiIsImNsZWFySW50ZXJ2YWwiLCJyZXNlbmQiLCJ1c2VFdmVudENhbGxiYWNrIiwiX3JlZ2VuZXJhdG9yIiwibWFyayIsIl9jYWxsZWUiLCJ3cmFwIiwiX2NvbnRleHQiLCJhYnJ1cHQiLCJmaW5pc2giLCJzdG9wIiwibWludXRlcyIsIk1hdGgiLCJmbG9vciIsInNlY29uZHMiLCJjYW5SZXNlbmQiLCJmb3JtYXR0ZWQiLCJjb25jYXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUNEQSxJQUFJRyxTQUFTLEdBQUksVUFBUSxTQUFLQSxTQUFTLElBQUssVUFBVUMsT0FBTyxFQUFFQyxVQUFVLEVBQUVDLENBQUMsRUFBRUMsU0FBUyxFQUFFO0VBQ3JGLFNBQVNDLEtBQUtBLENBQUNDLEtBQUssRUFBRTtJQUFFLE9BQU9BLEtBQUssWUFBWUgsQ0FBQyxHQUFHRyxLQUFLLEdBQUcsSUFBSUgsQ0FBQyxDQUFDLFVBQVVJLE9BQU8sRUFBRTtNQUFFQSxPQUFPLENBQUNELEtBQUssQ0FBQztJQUFFLENBQUMsQ0FBQztFQUFFO0VBQzNHLE9BQU8sS0FBS0gsQ0FBQyxLQUFLQSxDQUFDLEdBQUdLLE9BQU8sQ0FBQyxFQUFFLFVBQVVELE9BQU8sRUFBRUUsTUFBTSxFQUFFO0lBQ3ZELFNBQVNDLFNBQVNBLENBQUNKLEtBQUssRUFBRTtNQUFFLElBQUk7UUFBRUssSUFBSSxDQUFDUCxTQUFTLENBQUNRLElBQUksQ0FBQ04sS0FBSyxDQUFDLENBQUM7TUFBRSxDQUFDLENBQUMsT0FBT08sQ0FBQyxFQUFFO1FBQUVKLE1BQU0sQ0FBQ0ksQ0FBQyxDQUFDO01BQUU7SUFBRTtJQUMxRixTQUFTQyxRQUFRQSxDQUFDUixLQUFLLEVBQUU7TUFBRSxJQUFJO1FBQUVLLElBQUksQ0FBQ1AsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDRSxLQUFLLENBQUMsQ0FBQztNQUFFLENBQUMsQ0FBQyxPQUFPTyxDQUFDLEVBQUU7UUFBRUosTUFBTSxDQUFDSSxDQUFDLENBQUM7TUFBRTtJQUFFO0lBQzdGLFNBQVNGLElBQUlBLENBQUNJLE1BQU0sRUFBRTtNQUFFQSxNQUFNLENBQUNDLElBQUksR0FBR1QsT0FBTyxD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QUE7WUFBQSxPQUFBRixRQUFBLENBQUFHLElBQUE7UUFBQTtNQUFBLEdBQUFMLE9BQUE7SUFBQSxDQUVyQixFQUFBO0VBQUEsRUFBQztFQUVGLElBQU1NLE9BQU8sR0FBR0MsSUFBSSxDQUFDQyxLQUFLLENBQUN4QixTQUFTLEdBQUdkLGtCQUFrQixDQUFDO0VBQzFELElBQU11QyxPQUFPLEdBQUd6QixTQUFTLEdBQUdkLGtCQUFrQjtFQUU5QyxPQUFPO0lBQ0xjLFNBQVMsRUFBVEEsU0FBUztJQUNUMEIsU0FBUyxFQUFFMUIsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDSSxPQUFPO0lBQ3JDQSxPQUFPLEVBQVBBLE9BQU87SUFDUHVCLFNBQVMsS0FBQUMsTUFBQSxDQUFLTixPQUFPLFFBQUFNLE1BQUEsQ0FBS0gsT0FBTyxNQUFHO0lBQ3BDYixNQUFNLEVBQU5BO0VDakJBLENEa0JEO0FBQ0gsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL2hvb2tzL3VzZVJlc2VuZENvdW50ZG93bi5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwidmFyIF9fYXdhaXRlciA9ICh0aGlzICYmIHRoaXMuX19hd2FpdGVyKSB8fCBmdW5jdGlvbiAodGhpc0FyZywgX2FyZ3VtZW50cywgUCwgZ2VuZXJhdG9yKSB7XG4gICAgZnVuY3Rpb24gYWRvcHQodmFsdWUpIHsgcmV0dXJuIHZhbHVlIGluc3RhbmNlb2YgUCA/IHZhbHVlIDogbmV3IFAoZnVuY3Rpb24gKHJlc29sdmUpIHsgcmVzb2x2ZSh2YWx1ZSk7IH0pOyB9XG4gICAgcmV0dXJuIG5ldyAoUCB8fCAoUCA9IFByb21pc2UpKShmdW5jdGlvbiAocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgICAgIGZ1bmN0aW9uIGZ1bGZpbGxlZCh2YWx1ZSkgeyB0cnkgeyBzdGVwKGdlbmVyYXRvci5uZXh0KHZhbHVlKSk7IH0gY2F0Y2ggKGUpIHsgcmVqZWN0KGUpOyB9IH1cbiAgICAgICAgZnVuY3Rpb24gcmVqZWN0ZWQodmFsdWUpIHsgdHJ5IHsgc3RlcChnZW5lcmF0b3JbXCJ0aHJvd1wiXSh2YWx1ZSkpOyB9IGNhdGNoIChlKSB7IHJlamVjdChlKTsgfSB9XG4gICAgICAgIGZ1bmN0aW9uIHN0ZXAocmVzdWx0KSB7IHJlc3VsdC5kb25lID8gcmVzb2x2ZShyZXN1bHQudmFsdWUpIDogYWRvcHQocmVzdWx0LnZhbHVlKS50aGVuKGZ1bGZpbGxlZCwgcmVqZWN0ZWQpOyB9XG4gICAgICAgIHN0ZXAoKGdlbmVyYXRvciA9IGdlbmVyYXRvci5hcHBseSh0aGlzQXJnLCBfYXJndW1lbnRzIHx8IFtdKSkubmV4dCgpKTtcbiAgICB9KTtcbn07XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVzZUV2ZW50Q2FsbGJhY2sgZnJvbSAnQDFtb25leS9ob29rcy91c2VFdmVudENhbGxiYWNrJztcbmNvbnN0IERFRkFVTFRfQ09PTERPV05fU0VDT05EUyA9IDYwO1xuY29uc3QgU0VDT05EU19QRVJfTUlOVVRFID0gNjA7XG5jb25zdCBUSUNLX01TID0gMTAwMDtcbi8qKlxuICogSGVhZGxlc3MgcmVzZW5kLXdpdGgtY29vbGRvd24gbG9naWMgcG9ydGVkIGZyb20gdGhlIHByb2R1Y3QncyBgUmVzZW5kQnV0dG9uYDpcbiAqIGEgcGVyLXNlY29uZCBjb3VudGRvd24sIGEgbG9jayBkdXJpbmcgdGhlIGNvb2xkb3duIGFuZCB3aGlsZSB0aGUgcmVzZW5kXG4gKiByZXF1ZXN0IGlzIGluIGZsaWdodCwgYW5kIGFuIGBtIHNgIGZvcm1hdHRlci5cbiAqL1xuZXhwb3J0IGNvbnN0IHVzZVJlc2VuZENvdW50ZG93biA9IChvcHRpb25zKSA9PiB7XG4gICAgY29uc3QgeyBvblJlc2VuZCwgY29vbGRvd24gPSBERUZBVUxUX0NPT0xET1dOX1NFQ09ORFMsIGF1dG9TdGFydCA9IGZhbHNlIH0gPSBvcHRpb25zO1xuICAgIGNvbnN0IFtyZW1haW5pbmcsIHNldFJlbWFpbmluZ10gPSB1c2VTdGF0ZShhdXRvU3RhcnQgPyBjb29sZG93biA6IDApO1xuICAgIGNvbnN0IFtsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAocmVtYWluaW5nIDw9IDApXG4gICAgICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB0aW1lciA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgICAgIHNldFJlbWFpbmluZygocHJldikgPT4gKHByZXYgPD0gMSA/IDAgOiBwcmV2IC0gMSkpO1xuICAgICAgICB9LCBUSUNLX01TKTtcbiAgICAgICAgcmV0dXJuICgpID0+IGNsZWFySW50ZXJ2YWwodGltZXIpO1xuICAgIH0sIFtyZW1haW5pbmddKTtcbiAgICBjb25zdCByZXNlbmQgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IF9fYXdhaXRlcih2b2lkIDAsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xuICAgICAgICBpZiAocmVtYWluaW5nID4gMCB8fCBsb2FkaW5nKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgeWllbGQgb25SZXNlbmQoKTtcbiAgICAgICAgICAgIHNldFJlbWFpbmluZyhjb29sZG93bik7XG4gICAgICAgIH1cbiAgICAgICAgZmluYWxseSB7XG4gICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcbiAgICAgICAgfVxuICAgIH0pKTtcbiAgICBjb25zdCBtaW51dGVzID0gTWF0aC5mbG9vcihyZW1haW5pbmcgLyBTRUNPTkRTX1BFUl9NSU5VVEUpO1xuICAgIGNvbnN0IHNlY29uZHMgPSByZW1haW5pbmcgJSBTRUNPTkRTX1BFUl9NSU5VVEU7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgcmVtYWluaW5nLFxuICAgICAgICBjYW5SZXNlbmQ6IHJlbWFpbmluZyA8PSAwICYmICFsb2FkaW5nLFxuICAgICAgICBsb2FkaW5nLFxuICAgICAgICBmb3JtYXR0ZWQ6IGAke21pbnV0ZXN9bSAke3NlY29uZHN9c2AsXG4gICAgICAgIHJlc2VuZCxcbiAgICB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

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

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

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

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

@@ -1,60 +1,124 @@
 import type { ReactNode } from 'react';
-import type { ActionBarAction, ActionBarFootnote } from "../../../components/ActionBar";
-import type { BaseDialogProps } from '../BaseDialog';
+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;
 /**
- * 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.
+ * 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 type VerificationResult = boolean | string;
+export interface VerificationDialogSecondaryAction {
+    /** Button label. */
+    label: ReactNode;
+    /** Click handler. */
+    onClick?: () => void;
+    /** Disable the button. */
+    disabled?: boolean;
+    /**
+     * Color tone.
+     * @default 'grey'
+     */
+    color?: ButtonColor;
+}
 /**
- * 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.
+ * Optional "Haven't received the code? Resend" row below a divider in the
+ * footer. Resending is rate-limited by an internal countdown.
  */
-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. */
+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<BaseDialogProps, 'open' | 'maskClosable' | 'showCloseIcon' | 'showBackIcon' | 'onBack' | 'className' | 'onClose'> {
-    /** Dialog heading, e.g. `"Please enter the code from your authenticator app"`. */
-    title?: ReactNode;
-    /** Supporting copy under the title. */
+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;
-    /** Number of OTP boxes. */
-    length?: number;
-    /** Hint under the boxes when there is no error, e.g. `"e.g. 123 456"`. */
+    /** 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;
-    /** Mask the digits (dots instead of numbers). */
-    mask?: boolean;
-    /** Focus the first box when the dialog opens (default `true`). */
+    /**
+     * Auto-focus the first OTP box when the dialog opens.
+     * @default false
+     */
     autoFocus?: boolean;
     /**
-     * Submit automatically when the last box is filled (default `true`). The
-     * submit button stays as an explicit fallback either way.
+     * 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;
-    /** Submit button label override (defaults to the generic 'Confirm'). */
-    submitText?: ReactNode;
     /**
-     * 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.
+     * 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'
      */
-    onVerify?: (code: string) => VerificationResult | Promise<VerificationResult>;
+    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;
     /**
-     * Secondary (left) action, e.g. Cancel. Defaults to wiring `onClose`.
-     * Ignored when `resend` is provided — resend takes the secondary slot.
+     * Fires from the close icon, mask click, and Escape key. Set your `open`
+     * state to `false` here.
      */
-    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;
+    onClose?: () => void;
 }

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

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