@salutejs/plasma-new-hope 0.336.0-canary.2208.17465207747.0 → 0.336.0-canary.2210.17488241312.0

package/styled-components/es/components/CodeField/CodeField.js

@@ -117,13 +117,14 @@ import { useDidMountEffect } from "../../hooks";
 import { getSizeValueFromProp } from "../../utils";
 import { useCodeHook } from "../../hooks";
 import { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from "./utils/constants";
-import { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from "./utils";
+import { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError, isWebOTPSupported } from "./utils";
 import { classes } from "./CodeField.tokens";
-import { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from "./CodeField.styles";
+import { base, CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator } from "./CodeField.styles";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as shapeCSS } from "./variations/_shape/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
+import { useWebOTP } from "./hooks/useWebOTP";
 export var codeFieldRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
         var className = _param.className, outerValue = _param.value, placeholder = _param.placeholder, autoFocus = _param.autoFocus, _param_codeLength = _param.codeLength, codeLength = _param_codeLength === void 0 ? 6 : _param_codeLength, caption = _param.caption, _param_captionAlign = _param.captionAlign, captionAlign = _param_captionAlign === void 0 ? 'left' : _param_captionAlign, width = _param.width, _param_shape = _param.shape, shape = _param_shape === void 0 ? 'default' : _param_shape, view = _param.view, size = _param.size, disabled = _param.disabled, isError = _param.isError, _param_allowedSymbols = _param.allowedSymbols, allowedSymbols = _param_allowedSymbols === void 0 ? ONLY_DIGITS_PATTERN : _param_allowedSymbols, _param_itemErrorBehavior = _param.itemErrorBehavior, itemErrorBehavior = _param_itemErrorBehavior === void 0 ? 'remove-symbol' : _param_itemErrorBehavior, _param_codeErrorBehavior = _param.codeErrorBehavior, codeErrorBehavior = _param_codeErrorBehavior === void 0 ? 'remove-code' : _param_codeErrorBehavior, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? 'one-time-code' : _param_autoComplete, setIsError = _param.setIsError, onChange = _param.onChange, onFullCodeEnter = _param.onFullCodeEnter, rest = _object_without_properties(_param, [
@@ -148,8 +149,10 @@ export var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
-        var _useState = _sliced_to_array(useState(getCodeValue(codeLength, outerValue || '')), 2), code = _useState[0], setCode = _useState[1];
+        var _useState = _sliced_to_array(useState(getCodeValue(codeLength, '')), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+        var code = (outerValue === null || outerValue === void 0 ? void 0 : outerValue.length) ? getCodeValue(codeLength, outerValue) : innerValue;
         var _useState1 = _sliced_to_array(useState(code.join('')), 2), originalValue = _useState1[0], setOriginalValue = _useState1[1];
+        var _useState2 = _sliced_to_array(useState(null), 2), otpVal = _useState2[0], setOtpVal = _useState2[1];
         var inputRefs = useRef([]);
         var inputContainerRef = useRef(null);
         var captionRef = useRef(null);
@@ -157,6 +160,7 @@ export var codeFieldRoot = function(Root) {
         var placeholderValue = getPlaceholderValue(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !isWebOTPSupported();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -166,6 +170,26 @@ export var codeFieldRoot = function(Root) {
             });
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
+        var codeSetter = function(newCode) {
+            setInnerValue(newCode);
+            var originalCode = newCode.join('');
+            setOriginalValue(originalCode);
+            if (onChange) {
+                onChange(originalCode);
+            }
+            if (originalCode.length > 0) {
+                stopWebOTPListener();
+            }
+        };
+        var _useWebOTP = useWebOTP({
+            codeString: originalValue,
+            enableSMSAutoRead: autoComplete === 'one-time-code',
+            disabled: Boolean(disabled),
+            codeLength: codeLength,
+            codeSetter: codeSetter,
+            onFullCodeEnter: onFullCodeEnter,
+            setOtpVal: setOtpVal
+        }), startWebOTPListener = _useWebOTP.startWebOTPListener, stopWebOTPListener = _useWebOTP.stopWebOTPListener;
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -185,19 +209,24 @@ export var codeFieldRoot = function(Root) {
                 return;
             }
             if (key === BACKSPACE_KEY) {
-                if (index > 0 && code[index] === '') {
-                    var _inputRefs_current_;
-                    (_inputRefs_current_ = inputRefs.current[index - 1]) === null || _inputRefs_current_ === void 0 ? void 0 : _inputRefs_current_.focus();
+                if (index > 0) {
+                    var _inputRefs_current_index;
+                    var newCode = _to_consumable_array(code);
+                    newCode[index] = '';
+                    if (index >= codeLength - 1 && code[index]) {
+                        codeSetter(newCode);
+                        return;
+                    }
+                    if (!code[index]) {
+                        var _inputRefs_current_;
+                        newCode[index - 1] = '';
+                        (_inputRefs_current_ = inputRefs.current[index - 1]) === null || _inputRefs_current_ === void 0 ? void 0 : _inputRefs_current_.focus();
+                    }
+                    (_inputRefs_current_index = inputRefs.current[index]) === null || _inputRefs_current_index === void 0 ? void 0 : _inputRefs_current_index.classList.remove(classes.itemError);
+                    codeSetter(newCode);
                 }
             }
         };
-        var codeSetter = function(newCode) {
-            setCode(newCode);
-            setOriginalValue(newCode.join(''));
-            if (onChange) {
-                onChange(newCode.join(''));
-            }
-        };
         var handleChange = function(event, index) {
             var _inputRefs_current_index;
             if (disabled) {
@@ -228,8 +257,6 @@ export var codeFieldRoot = function(Root) {
                 return;
             }
             if (!symbol) {
-                newCode[index] = '';
-                codeSetter(newCode);
                 return;
             }
             if (fieldPattern.test(symbol)) {
@@ -247,8 +274,9 @@ export var codeFieldRoot = function(Root) {
                     index: index,
                     newCode: newCode,
                     inputRefs: inputRefs,
-                    setCode: setCode,
-                    codeSetter: codeSetter
+                    setInnerValue: setInnerValue,
+                    codeSetter: codeSetter,
+                    onChange: onChange
                 });
             }
         };
@@ -275,6 +303,7 @@ export var codeFieldRoot = function(Root) {
             if (onFullCodeEnter) {
                 onFullCodeEnter(fullCode);
             }
+            startWebOTPListener();
         }, []);
         useCodeHook({
             inputRefs: inputRefs,
@@ -294,14 +323,14 @@ export var codeFieldRoot = function(Root) {
                     inputRefs: inputRefs,
                     inputContainerRef: inputContainerRef,
                     captionRef: captionRef,
-                    setCode: setCode,
+                    setInnerValue: setInnerValue,
                     codeSetter: codeSetter
                 });
             }
         }, [
             isError
         ]);
-        return /*#__PURE__*/ React.createElement(Root, _object_spread({
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             view: view,
             size: size,
@@ -309,7 +338,7 @@ export var codeFieldRoot = function(Root) {
             disabled: disabled,
             onClick: handleClick,
             className: cls(className, _define_property({}, classes.captionAlignLeft, captionAlign === 'left'))
-        }, rest), /*#__PURE__*/ React.createElement(CodeWrapper, {
+        }, !isWebOTPEnabled && _object_spread({}, rest)), /*#__PURE__*/ React.createElement(CodeWrapper, {
             ref: inputContainerRef
         }, _to_consumable_array(Array(parts)).map(function(_, partIndex) {
             return /*#__PURE__*/ React.createElement(Fragment, {
@@ -326,7 +355,6 @@ export var codeFieldRoot = function(Root) {
                     },
                     className: cls((_obj = {}, _define_property(_obj, classes.segmented, shape === 'segmented'), _define_property(_obj, classes.hoverEnabled, !disabled && inputCorrectIndex >= originalValue.length), _obj)),
                     value: code[inputCorrectIndex] || '',
-                    autoComplete: autoComplete,
                     onChange: function(e) {
                         handleChange(e, inputCorrectIndex);
                     },
@@ -343,7 +371,9 @@ export var codeFieldRoot = function(Root) {
             ref: captionRef,
             captionAlign: captionAlign,
             widthValue: widthValue
-        }, caption));
+        }, caption), isWebOTPEnabled && /*#__PURE__*/ React.createElement(HiddenInput, _object_spread({
+            tabIndex: -1
+        }, rest))), /*#__PURE__*/ React.createElement("div", null, JSON.stringify(otpVal)));
     });
 };
 export var codeFieldConfig = {

package/styled-components/es/components/CodeField/CodeField.styles.js

@@ -7,32 +7,32 @@ export var base = css([
 ], classes.captionAlignLeft);
 export var CodeWrapper = styled.div.withConfig({
     displayName: "CodeField.styles__CodeWrapper",
-    componentId: "sc-88b863b6-0"
+    componentId: "sc-ff3d9c22-0"
 })([
     "display:flex;align-items:center;"
 ]);
 export var CodeGroup = styled.div.withConfig({
     displayName: "CodeField.styles__CodeGroup",
-    componentId: "sc-88b863b6-1"
+    componentId: "sc-ff3d9c22-1"
 })([
     "display:flex;align-items:center;"
 ]);
 export var Separator = styled.div.withConfig({
     displayName: "CodeField.styles__Separator",
-    componentId: "sc-88b863b6-2"
+    componentId: "sc-ff3d9c22-2"
 })([
     "width:var(",
     ");"
 ], tokens.separatorWidth);
 export var ItemInput = styled.input.withConfig({
     displayName: "CodeField.styles__ItemInput",
-    componentId: "sc-88b863b6-3"
+    componentId: "sc-ff3d9c22-3"
 })([
     "box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;"
 ]);
 export var CaptionWrapper = styled.div.withConfig({
     displayName: "CodeField.styles__CaptionWrapper",
-    componentId: "sc-88b863b6-4"
+    componentId: "sc-ff3d9c22-4"
 })([
     "text-align:",
     ";align-self:",
@@ -48,3 +48,9 @@ export var CaptionWrapper = styled.div.withConfig({
     var widthValue = param.widthValue;
     return widthValue || 'auto';
 });
+export var HiddenInput = styled.input.withConfig({
+    displayName: "CodeField.styles__HiddenInput",
+    componentId: "sc-ff3d9c22-5"
+})([
+    "display:none;"
+]);

package/styled-components/es/components/CodeField/hooks/useWebOTP.js

@@ -0,0 +1,246 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import { useCallback, useEffect, useRef } from "react";
+import { getCodeValue, isWebOTPSupported } from "../utils";
+// Type guard function to check if credential is OTPCredential
+var isOTPCredential = function(credential) {
+    return credential !== null && 'code' in credential;
+};
+export var useWebOTP = function(param) {
+    var codeString = param.codeString, enableSMSAutoRead = param.enableSMSAutoRead, disabled = param.disabled, codeLength = param.codeLength, codeSetter = param.codeSetter, onFullCodeEnter = param.onFullCodeEnter, setOtpVal = param.setOtpVal;
+    var abortControllerRef = useRef(null);
+    var startWebOTPListener = useCallback(function() {
+        return _async_to_generator(function() {
+            var otp, otpCode, newCode, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!enableSMSAutoRead || disabled || !isWebOTPSupported()) {
+                            return [
+                                2
+                            ];
+                        }
+                        if (abortControllerRef.current) {
+                            abortControllerRef.current.abort();
+                        }
+                        abortControllerRef.current = new AbortController();
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            navigator.credentials.get({
+                                otp: {
+                                    transport: [
+                                        'sms'
+                                    ]
+                                },
+                                signal: abortControllerRef.current.signal
+                            })
+                        ];
+                    case 2:
+                        otp = _state.sent();
+                        console.log('otp received', otp);
+                        setOtpVal(otp);
+                        // Type guard to check if it's an OTP credential
+                        if (otp && isOTPCredential(otp) && otp.code) {
+                            otpCode = otp.code;
+                            // Validate the OTP code length matches our expected length
+                            if (otpCode.length === codeLength) {
+                                newCode = getCodeValue(codeLength, otpCode);
+                                codeSetter(newCode);
+                                // Trigger full code enter callback
+                                if (onFullCodeEnter) {
+                                    onFullCodeEnter(otpCode);
+                                }
+                            }
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        err = _state.sent();
+                        if (_instanceof(err, DOMException)) {
+                            if (err.name !== 'AbortError' && err.name !== 'NotAllowedError') {
+                                console.warn('Web OTP API error:', err);
+                            }
+                        } else if (_instanceof(err, Error)) {
+                            console.warn('Web OTP API error:', err);
+                        } else {
+                            console.warn('Unknown Web OTP API error:', err);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    }, [
+        enableSMSAutoRead,
+        disabled,
+        codeLength,
+        onFullCodeEnter
+    ]);
+    var stopWebOTPListener = useCallback(function() {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+            abortControllerRef.current = null;
+        }
+    }, []);
+    useEffect(function() {
+        if (isWebOTPSupported() && codeString === '' && enableSMSAutoRead && !disabled) {
+            startWebOTPListener();
+        } else {
+            stopWebOTPListener();
+        }
+        return function() {
+            stopWebOTPListener();
+        };
+    }, [
+        codeString,
+        enableSMSAutoRead,
+        disabled,
+        startWebOTPListener,
+        stopWebOTPListener
+    ]);
+    return {
+        startWebOTPListener: startWebOTPListener,
+        stopWebOTPListener: stopWebOTPListener
+    };
+};

package/styled-components/es/components/CodeField/utils/handleCodeError.js

@@ -27,7 +27,7 @@ import { classes } from "../CodeField.tokens";
 import { ANIMATION_TIMEOUT } from "./constants";
 import { getCodeValue } from "./initialValuesHelper";
 export var handleCodeError = function(param) {
-    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setCode = param.setCode, codeSetter = param.codeSetter;
+    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter;
     if (!inputContainerRef.current) {
         return;
     }
@@ -41,7 +41,7 @@ export var handleCodeError = function(param) {
                 var newCode = _to_consumable_array(currentCode);
                 newCode.pop();
                 codeSetter(newCode);
-                setCode(currentCode);
+                setInnerValue(currentCode);
                 (_inputContainerRef_current = inputContainerRef.current) === null || _inputContainerRef_current === void 0 ? void 0 : _inputContainerRef_current.classList.remove(classes.codeErrorAnimation);
                 setTimeout(function() {
                     var _inputRefs_current_, _inputRefs_current_1;

package/styled-components/es/components/CodeField/utils/handleItemError.js

@@ -26,14 +26,17 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { classes } from "../CodeField.tokens";
 import { ANIMATION_TIMEOUT } from "./constants";
 export var handleItemError = function(param) {
-    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setCode = param.setCode, codeSetter = param.codeSetter;
+    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter, onChange = param.onChange;
     if (!inputRefs.current[index] || currentSymbol === ' ') {
         return;
     }
     switch(itemErrorBehavior){
         case 'keep':
             var _inputRefs_current_index;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index = inputRefs.current[index]) === null || _inputRefs_current_index === void 0 ? void 0 : _inputRefs_current_index.classList.add(classes.itemError, classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;
@@ -47,11 +50,17 @@ export var handleItemError = function(param) {
         case 'forbid-enter':
             newCode[index] = '';
             codeSetter(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             break;
         case 'remove-symbol':
         default:
             var _inputRefs_current_index1;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index1 = inputRefs.current[index]) === null || _inputRefs_current_index1 === void 0 ? void 0 : _inputRefs_current_index1.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;

package/styled-components/es/components/CodeField/utils/index.js

@@ -1,3 +1,4 @@
 export { getFieldPattern, getPlaceholderValue, getCodeValue } from "./initialValuesHelper";
 export { handleItemError } from "./handleItemError";
 export { handleCodeError } from "./handleCodeError";
+export { isWebOTPSupported } from "./isWebOTPSupported";

package/styled-components/es/components/CodeField/utils/isWebOTPSupported.js

@@ -0,0 +1,3 @@
+export var isWebOTPSupported = function() {
+    return typeof window !== 'undefined' && 'OTPCredential' in window && navigator.credentials && typeof navigator.credentials.get === 'function';
+};

package/styled-components/es/components/Drawer/hooks/useDrawer.js

@@ -87,17 +87,6 @@ export var useDrawer = function(param) {
         isOpen,
         popupController.items
     ]);
-    // При анмаунте компонента нужно обновлять overflow у body.
-    useEffect(function() {
-        return function() {
-            if (!canUseDOM) {
-                return;
-            }
-            if (!hasDrawers(Array.from(popupController.items.values()))) {
-                document.body.style.overflow = overflow.current;
-            }
-        };
-    }, []);
     var drawerInfo = _object_spread({
         id: id,
         info: {

package/types/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAkRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBApRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6S5E,CAAC"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAyTxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3TQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoV5E,CAAC"}

package/types/components/CodeField/CodeField.styles.d.ts

@@ -7,4 +7,5 @@ export declare const CaptionWrapper: import("@linaria/react").StyledComponent<im
     captionAlign: "left" | "center";
     widthValue?: string;
 }>;
+export declare const HiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
 //# sourceMappingURL=CodeField.styles.d.ts.map

package/types/components/CodeField/CodeField.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC"}
+{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}

package/types/components/CodeField/hooks/useWebOTP.d.ts

@@ -0,0 +1,24 @@
+type UseWebOTPProps = {
+    codeString: string;
+    enableSMSAutoRead: boolean;
+    disabled: boolean;
+    codeLength: number;
+    codeSetter: (newCode: Array<string>) => void;
+    onFullCodeEnter?: (code: string) => void;
+    setOtpVal: React.Dispatch<React.SetStateAction<Credential | null>>;
+};
+type OTPTransport = 'sms';
+declare global {
+    interface CredentialRequestOptions {
+        otp?: {
+            transport: OTPTransport[];
+        };
+        signal?: AbortSignal;
+    }
+}
+export declare const useWebOTP: ({ codeString, enableSMSAutoRead, disabled, codeLength, codeSetter, onFullCodeEnter, setOtpVal, }: UseWebOTPProps) => {
+    startWebOTPListener: () => Promise<void>;
+    stopWebOTPListener: () => void;
+};
+export {};
+//# sourceMappingURL=useWebOTP.d.ts.map

package/types/components/CodeField/hooks/useWebOTP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebOTP.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/hooks/useWebOTP.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;CACtE,CAAC;AAEF,KAAK,YAAY,GAAG,KAAK,CAAC;AAM1B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,wBAAwB;QAC9B,GAAG,CAAC,EAAE;YACF,SAAS,EAAE,YAAY,EAAE,CAAC;SAC7B,CAAC;QACF,MAAM,CAAC,EAAE,WAAW,CAAC;KACxB;CACJ;AAOD,eAAO,MAAM,SAAS,qGAQnB,cAAc;;;CAwEhB,CAAC"}

package/types/components/CodeField/utils/handleCodeError.d.ts

@@ -7,9 +7,9 @@ type ValidateSymbolsArgs = {
     inputContainerRef: MutableRefObject<HTMLDivElement | null>;
     inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
     captionRef: MutableRefObject<HTMLDivElement | null>;
-    setCode: Dispatch<SetStateAction<Array<string>>>;
+    setInnerValue: Dispatch<SetStateAction<Array<string>>>;
     codeSetter: (newCode: Array<string>) => void;
 };
-export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
+export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setInnerValue, codeSetter, }: ValidateSymbolsArgs) => void;
 export {};
 //# sourceMappingURL=handleCodeError.d.ts.map

package/types/components/CodeField/utils/handleCodeError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
+{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,yHASzB,mBAAmB,SA8CrB,CAAC"}

package/types/components/CodeField/utils/handleItemError.d.ts

@@ -6,9 +6,10 @@ type ValidateSymbolsArgs = {
     index: number;
     newCode: Array<string>;
     inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
-    setCode: Dispatch<SetStateAction<Array<string>>>;
+    setInnerValue: Dispatch<SetStateAction<Array<string>>>;
     codeSetter: (newCode: Array<string>) => void;
+    onChange?: (value: string) => void;
 };
-export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
+export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setInnerValue, codeSetter, onChange, }: ValidateSymbolsArgs) => void;
 export {};
 //# sourceMappingURL=handleItemError.d.ts.map

package/types/components/CodeField/utils/handleItemError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,0FAQzB,mBAAmB,SA4CrB,CAAC"}
+{"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,0GASzB,mBAAmB,SAuDrB,CAAC"}

package/types/components/CodeField/utils/index.d.ts

@@ -1,4 +1,5 @@
 export { getFieldPattern, getPlaceholderValue, getCodeValue } from './initialValuesHelper';
 export { handleItemError } from './handleItemError';
 export { handleCodeError } from './handleCodeError';
+export { isWebOTPSupported } from './isWebOTPSupported';
 //# sourceMappingURL=index.d.ts.map

package/types/components/CodeField/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}