@salutejs/plasma-new-hope 0.336.0-canary.2210.17491654160.0 → 0.336.0-canary.2210.17550717632.0

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

@@ -213,13 +213,14 @@ var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
+        var _autocompleteRef_current;
         var _useState = _sliced_to_array((0, _react.useState)((0, _utils1.getCodeValue)(codeLength, '')), 2), innerValue = _useState[0], setInnerValue = _useState[1];
-        var code = (outerValue === null || outerValue === void 0 ? void 0 : outerValue.length) ? (0, _utils1.getCodeValue)(codeLength, outerValue) : innerValue;
+        var code = typeof outerValue === 'string' ? (0, _utils1.getCodeValue)(codeLength, outerValue) : innerValue;
         var _useState1 = _sliced_to_array((0, _react.useState)(code.join('')), 2), originalValue = _useState1[0], setOriginalValue = _useState1[1];
-        var _useState2 = _sliced_to_array((0, _react.useState)(null), 2), otpVal = _useState2[0], setOtpVal = _useState2[1];
         var inputRefs = (0, _react.useRef)([]);
         var inputContainerRef = (0, _react.useRef)(null);
         var captionRef = (0, _react.useRef)(null);
+        var autocompleteRef = (0, _react.useRef)(null);
         var fieldPattern = (0, _utils1.getFieldPattern)(allowedSymbols);
         var placeholderValue = (0, _utils1.getPlaceholderValue)(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
@@ -235,25 +236,21 @@ var codeFieldRoot = function(Root) {
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
         var codeSetter = function(newCode) {
-            setInnerValue(newCode);
             var originalCode = newCode.join('');
+            setInnerValue((0, _utils1.getCodeValue)(codeLength, originalCode));
             setOriginalValue(originalCode);
             if (onChange) {
                 onChange(originalCode);
             }
-            if (originalCode.length > 0) {
-                stopWebOTPListener();
-            }
         };
-        var _useWebOTP1 = (0, _useWebOTP.useWebOTP)({
+        (0, _useWebOTP.useWebOTP)({
             codeString: originalValue,
             enableSMSAutoRead: autoComplete === 'one-time-code',
             disabled: Boolean(disabled),
             codeLength: codeLength,
             codeSetter: codeSetter,
-            onFullCodeEnter: onFullCodeEnter,
-            setOtpVal: setOtpVal
-        }), startWebOTPListener = _useWebOTP1.startWebOTPListener, stopWebOTPListener = _useWebOTP1.stopWebOTPListener;
+            onFullCodeEnter: onFullCodeEnter
+        });
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -311,6 +308,9 @@ var codeFieldRoot = function(Root) {
                     setIsError(false);
                 }
             }
+            if (!symbol) {
+                return;
+            }
             if (!fieldPattern) {
                 newCode[index] = symbol;
                 codeSetter(newCode);
@@ -320,9 +320,6 @@ var codeFieldRoot = function(Root) {
                 }
                 return;
             }
-            if (!symbol) {
-                return;
-            }
             if (fieldPattern.test(symbol)) {
                 newCode[index] = symbol.charAt(symbol.length - 1);
                 codeSetter(newCode);
@@ -367,7 +364,6 @@ var codeFieldRoot = function(Root) {
             if (onFullCodeEnter) {
                 onFullCodeEnter(fullCode);
             }
-            startWebOTPListener();
         }, []);
         (0, _hooks1.useCodeHook)({
             inputRefs: inputRefs,
@@ -394,6 +390,16 @@ var codeFieldRoot = function(Root) {
         }, [
             isError
         ]);
+        (0, _react.useEffect)(function() {
+            if (disabled || !autocompleteRef.current) {
+                return;
+            }
+            var autocompleteCode = autocompleteRef.current.value.split('');
+            codeSetter(autocompleteCode);
+        }, [
+            (_autocompleteRef_current = autocompleteRef.current) === null || _autocompleteRef_current === void 0 ? void 0 : _autocompleteRef_current.value,
+            disabled
+        ]);
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,
             view: view,
@@ -436,9 +442,10 @@ var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.HiddenInput, _object_spread({
+            ref: autocompleteRef,
             autoComplete: autoComplete,
             tabIndex: -1
-        }, rest))), /*#__PURE__*/ _react.default.createElement("div", null, JSON.stringify(otpVal)));
+        }, rest))));
     });
 };
 var codeFieldConfig = {

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

@@ -137,12 +137,11 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-// Type guard function to check if credential is OTPCredential
 var isOTPCredential = function(credential) {
     return credential !== null && 'code' in credential;
 };
 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 codeString = param.codeString, enableSMSAutoRead = param.enableSMSAutoRead, disabled = param.disabled, codeLength = param.codeLength, codeSetter = param.codeSetter, onFullCodeEnter = param.onFullCodeEnter;
     var abortControllerRef = (0, _react.useRef)(null);
     var startWebOTPListener = (0, _react.useCallback)(function() {
         return _async_to_generator(function() {
@@ -180,16 +179,11 @@ var useWebOTP = function(param) {
                         ];
                     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 = (0, _utils.getCodeValue)(codeLength, otpCode);
                                 codeSetter(newCode);
-                                // Trigger full code enter callback
                                 if (onFullCodeEnter) {
                                     onFullCodeEnter(otpCode);
                                 }
@@ -249,8 +243,4 @@ var useWebOTP = function(param) {
         startWebOTPListener,
         stopWebOTPListener
     ]);
-    return {
-        startWebOTPListener: startWebOTPListener,
-        stopWebOTPListener: stopWebOTPListener
-    };
 };

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

@@ -111,7 +111,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { forwardRef, Fragment, useCallback, useRef, useState } from "react";
+import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from "react";
 import cls from "classnames";
 import { useDidMountEffect } from "../../hooks";
 import { getSizeValueFromProp } from "../../utils";
@@ -149,13 +149,14 @@ export var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
+        var _autocompleteRef_current;
         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 code = typeof outerValue === 'string' ? 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);
+        var autocompleteRef = useRef(null);
         var fieldPattern = getFieldPattern(allowedSymbols);
         var placeholderValue = getPlaceholderValue(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
@@ -171,25 +172,21 @@ export var codeFieldRoot = function(Root) {
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
         var codeSetter = function(newCode) {
-            setInnerValue(newCode);
             var originalCode = newCode.join('');
+            setInnerValue(getCodeValue(codeLength, originalCode));
             setOriginalValue(originalCode);
             if (onChange) {
                 onChange(originalCode);
             }
-            if (originalCode.length > 0) {
-                stopWebOTPListener();
-            }
         };
-        var _useWebOTP = 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;
+            onFullCodeEnter: onFullCodeEnter
+        });
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -247,6 +244,9 @@ export var codeFieldRoot = function(Root) {
                     setIsError(false);
                 }
             }
+            if (!symbol) {
+                return;
+            }
             if (!fieldPattern) {
                 newCode[index] = symbol;
                 codeSetter(newCode);
@@ -256,9 +256,6 @@ export var codeFieldRoot = function(Root) {
                 }
                 return;
             }
-            if (!symbol) {
-                return;
-            }
             if (fieldPattern.test(symbol)) {
                 newCode[index] = symbol.charAt(symbol.length - 1);
                 codeSetter(newCode);
@@ -303,7 +300,6 @@ export var codeFieldRoot = function(Root) {
             if (onFullCodeEnter) {
                 onFullCodeEnter(fullCode);
             }
-            startWebOTPListener();
         }, []);
         useCodeHook({
             inputRefs: inputRefs,
@@ -330,6 +326,16 @@ export var codeFieldRoot = function(Root) {
         }, [
             isError
         ]);
+        useEffect(function() {
+            if (disabled || !autocompleteRef.current) {
+                return;
+            }
+            var autocompleteCode = autocompleteRef.current.value.split('');
+            codeSetter(autocompleteCode);
+        }, [
+            (_autocompleteRef_current = autocompleteRef.current) === null || _autocompleteRef_current === void 0 ? void 0 : _autocompleteRef_current.value,
+            disabled
+        ]);
         return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             view: view,
@@ -372,9 +378,10 @@ export var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ React.createElement(HiddenInput, _object_spread({
+            ref: autocompleteRef,
             autoComplete: autoComplete,
             tabIndex: -1
-        }, rest))), /*#__PURE__*/ React.createElement("div", null, JSON.stringify(otpVal)));
+        }, rest))));
     });
 };
 export var codeFieldConfig = {

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

@@ -127,12 +127,11 @@ function _ts_generator(thisArg, body) {
 }
 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 codeString = param.codeString, enableSMSAutoRead = param.enableSMSAutoRead, disabled = param.disabled, codeLength = param.codeLength, codeSetter = param.codeSetter, onFullCodeEnter = param.onFullCodeEnter;
     var abortControllerRef = useRef(null);
     var startWebOTPListener = useCallback(function() {
         return _async_to_generator(function() {
@@ -170,16 +169,11 @@ export var useWebOTP = function(param) {
                         ];
                     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);
                                 }
@@ -239,8 +233,4 @@ export var useWebOTP = function(param) {
         startWebOTPListener,
         stopWebOTPListener
     ]);
-    return {
-        startWebOTPListener: startWebOTPListener,
-        stopWebOTPListener: stopWebOTPListener
-    };
 };

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

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;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"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,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;;;;;;;;;;;;;;;;;;;sLA6TxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA/TQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwV5E,CAAC"}

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

@@ -5,7 +5,6 @@ type UseWebOTPProps = {
     codeLength: number;
     codeSetter: (newCode: Array<string>) => void;
     onFullCodeEnter?: (code: string) => void;
-    setOtpVal: React.Dispatch<React.SetStateAction<Credential | null>>;
 };
 type OTPTransport = 'sms';
 declare global {
@@ -16,9 +15,6 @@ declare global {
         signal?: AbortSignal;
     }
 }
-export declare const useWebOTP: ({ codeString, enableSMSAutoRead, disabled, codeLength, codeSetter, onFullCodeEnter, setOtpVal, }: UseWebOTPProps) => {
-    startWebOTPListener: () => Promise<void>;
-    stopWebOTPListener: () => void;
-};
+export declare const useWebOTP: ({ codeString, enableSMSAutoRead, disabled, codeLength, codeSetter, onFullCodeEnter, }: UseWebOTPProps) => void;
 export {};
 //# sourceMappingURL=useWebOTP.d.ts.map

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

@@ -1 +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"}
+{"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;CAC5C,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;AAMD,eAAO,MAAM,SAAS,0FAOnB,cAAc,SA+DhB,CAAC"}