@kubit-ui-web/react-components 1.7.0 → 1.8.0

package/dist/cjs/components/inputDate/utils/verifyFormat.js

@@ -1,35 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.verifyFormat = exports.formatValueDate = void 0;
+const validateDate_1 = require("../../../utils/date/validateDate");
 const verifyYear_1 = require("./verifyYear");
 const formatValueDate = (value, today, dateSeparator = '') => value.replace(dateSeparator, '').replace(today, '').replace(/\s/g, '');
 exports.formatValueDate = formatValueDate;
 const matchFormatValueDate = (value, today, dateSeparator, format) => (0, exports.formatValueDate)(value, today, dateSeparator).match(new RegExp('.{1,' + format.length + '}', 'g'));
-const verifyFormatSimpleDate = (value, minDate, maxDate, today, dateSeparator, format) => {
-    let hasError = false;
+const verifyFormatDate = (value, minDate, maxDate, today, dateSeparator, format) => {
     const valueFormatted = (0, exports.formatValueDate)(value, today, dateSeparator);
-    const condition1 = valueFormatted.length > 0 && valueFormatted.length === format.length;
-    const condition2 = (0, verifyYear_1.verifyYear)(new Date(valueFormatted), minDate, maxDate);
-    hasError = !condition1 || !condition2;
+    const date = new Date(valueFormatted);
+    const hasError = !(0, validateDate_1.isValidDate)(date) ||
+        valueFormatted.length !== format.length ||
+        !(0, verifyYear_1.verifyYear)(valueFormatted, minDate, maxDate);
     return { valueFormatted, hasError };
 };
 const verifyFormatRangeDate = (value, minDate, maxDate, today, dateSeparator, format) => {
     const VERIFY_LENGTH = 2;
-    let hasError = false;
     const valueFormatted = matchFormatValueDate(value, today, dateSeparator, format);
-    if (valueFormatted?.length === VERIFY_LENGTH) {
-        const condition1 = valueFormatted[0]?.length === format.length && valueFormatted[1]?.length === format.length;
-        const condition2 = (0, verifyYear_1.verifyYear)(new Date(valueFormatted[0]), minDate, maxDate) &&
-            (0, verifyYear_1.verifyYear)(new Date(valueFormatted[1]), minDate, maxDate);
-        hasError = !condition1 || !condition2;
+    if (valueFormatted?.length !== VERIFY_LENGTH ||
+        !(0, validateDate_1.isValidDate)(new Date(valueFormatted[0])) ||
+        !(0, validateDate_1.isValidDate)(new Date(valueFormatted[1]))) {
+        return { valueFormatted, hasError: true };
     }
+    const condition1 = valueFormatted[0]?.length === format.length && valueFormatted[1]?.length === format.length;
+    const condition2 = (0, verifyYear_1.verifyYear)(valueFormatted[0], minDate, maxDate) &&
+        (0, verifyYear_1.verifyYear)(valueFormatted[1], minDate, maxDate);
+    const hasError = !condition1 || !condition2;
     return { valueFormatted, hasError };
 };
 const verifyFormat = (format, value, minDate, maxDate, today = '', dateSeparator = '', isRange) => {
     if (isRange) {
         return verifyFormatRangeDate(value, minDate, maxDate, today, dateSeparator, format);
     }
-    return verifyFormatSimpleDate(value, minDate, maxDate, today, dateSeparator, format);
+    return verifyFormatDate(value, minDate, maxDate, today, dateSeparator, format);
 };
 exports.verifyFormat = verifyFormat;
 //# sourceMappingURL=verifyFormat.js.map

package/dist/cjs/components/inputDate/utils/verifyFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"verifyFormat.js","sourceRoot":"","sources":["../../../../../src/components/inputDate/utils/verifyFormat.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"verifyFormat.js","sourceRoot":"","sources":["../../../../../src/components/inputDate/utils/verifyFormat.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/inputDate/utils/verifyYear.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.verifyYear = void 0;
+const utils_1 = require("../../../utils");
 const checkYear = (minYear, maxYear, currentDate) => {
-    return currentDate >= minYear && currentDate <= maxYear;
+    return (0, utils_1.formatDateToUTC)(currentDate) >= minYear && (0, utils_1.formatDateToUTC)(currentDate) <= maxYear;
 };
 const verifyYear = (valueDate, minDate, maxDate) => {
     const minYear = minDate;

package/dist/cjs/components/inputDate/utils/verifyYear.js.map

@@ -1 +1 @@
-{"version":3,"file":"verifyYear.js","sourceRoot":"","sources":["../../../../../src/components/inputDate/utils/verifyYear.ts"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,CAAC,OAAa,EAAE,OAAa,EAAE,WAAiB,EAAE,EAAE;IACpE,OAAO,WAAW,IAAI,OAAO,IAAI,WAAW,IAAI,OAAO,CAAC;AAC1D,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,SAAe,EAAE,OAAa,EAAE,OAAa,EAAW,EAAE;IACnF,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,OAAO,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;AAChD,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB"}
+{"version":3,"file":"verifyYear.js","sourceRoot":"","sources":["../../../../../src/components/inputDate/utils/verifyYear.ts"],"names":[],"mappings":";;;AAAA,mCAA0C;AAE1C,MAAM,SAAS,GAAG,CAAC,OAAa,EAAE,OAAa,EAAE,WAAmB,EAAE,EAAE;IACtE,OAAO,IAAA,uBAAe,EAAC,WAAW,CAAC,IAAI,OAAO,IAAI,IAAA,uBAAe,EAAC,WAAW,CAAC,IAAI,OAAO,CAAC;AAC5F,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,OAAa,EAAE,OAAa,EAAW,EAAE;IACrF,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,OAAO,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;AAChD,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB"}

package/dist/cjs/components/inputDigitSequence/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./inputDigitSequenceHelpText"), exports);
+__exportStar(require("./inputDigitSquenceTooltip"), exports);
+__exportStar(require("./inputDigit"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputDigitSequence/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA6C;AAC7C,6DAA2C;AAC3C,+CAA6B"}

package/dist/cjs/components/inputDigitSequence/components/inputDigit.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDigit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const label_1 = require("../../../components/label");
+const text_1 = require("../../../components/text");
+const inputType_1 = require("../../../types/inputType");
+const inputDigitSequence_styled_1 = require("../inputDigitSequence.styled");
+const types_1 = require("../types");
+const InputDigit = (props) => {
+    const handleFocusInput = e => {
+        e.target.select();
+    };
+    const stateStyles = props.styles?.[props.state];
+    const inputStateStyles = props.styles?.[props.inputDigit?.blockedBySystem
+        ? types_1.InputDigitSequenceStateType.BLOCKED_BY_SYSTEM
+        : props.state];
+    const disabled = props.disabled || props.inputDigit?.blockedBySystem;
+    return ((0, jsx_runtime_1.jsxs)(inputDigitSequence_styled_1.InputDigitAndNumberContainer, { animated: props.animated, boxesAnimationDone: props.boxesAnimationDone, styles: stateStyles, children: [(0, jsx_runtime_1.jsx)(inputDigitSequence_styled_1.InputDigitStyled, { "aria-hidden": props.ariaHidden, "aria-label": props.inputDigit?.['aria-label'], "aria-required": !disabled, disabled: disabled, error: props.error, id: props.inputId, inputMode: props.inputMode, maxLength: 1, styles: inputStateStyles, tabIndex: props.tabIndex, type: props.showPassword && !props.inputDigit?.blockedBySystem
+                    ? inputType_1.InputTypeType.TEXT
+                    : inputType_1.InputTypeType.PASSWORD, value: props.inputDigit?.value, onChange: props.onChange, onFocus: handleFocusInput }), props.inputId ? ((0, jsx_runtime_1.jsx)(label_1.Label, { color: stateStyles?.inputNumber?.color, inputId: props.inputId, textVariant: stateStyles?.inputNumber?.font_variant, weight: stateStyles?.inputNumber?.font_weight, children: props.label })) : ((0, jsx_runtime_1.jsx)(text_1.Text, { color: stateStyles?.inputNumber?.color, variant: stateStyles?.inputNumber?.font_variant, weight: stateStyles?.inputNumber?.font_weight, children: props.label }))] }));
+};
+exports.InputDigit = InputDigit;
+//# sourceMappingURL=inputDigit.js.map

package/dist/cjs/components/inputDigitSequence/components/inputDigit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDigit.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/components/inputDigit.tsx"],"names":[],"mappings":";;;;AAEA,8CAA2C;AAC3C,4CAAyC;AAEzC,iDAAkD;AAElD,4EAA8F;AAC9F,oCAIkB;AAmBX,MAAM,UAAU,GAAG,CAAC,KAAkB,EAAsB,EAAE;IACnE,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE;QAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,gBAAgB,GACpB,KAAK,CAAC,MAAM,EAAE,CACZ,KAAK,CAAC,UAAU,EAAE,eAAe;QAC/B,CAAC,CAAC,mCAA2B,CAAC,iBAAiB;QAC/C,CAAC,CAAC,KAAK,CAAC,KAAK,CAChB,CAAC;IACJ,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,UAAU,EAAE,eAAe,CAAC;IAErE,OAAO,CACL,wBAAC,wDAA4B,IAC3B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,MAAM,EAAE,WAAW,aAEnB,uBAAC,4CAAgB,mBACF,KAAK,CAAC,UAAU,gBACjB,KAAK,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,mBAC7B,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EACF,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,eAAe;oBACtD,CAAC,CAAC,yBAAa,CAAC,IAAI;oBACpB,CAAC,CAAC,yBAAa,CAAC,QAAQ,EAE5B,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,gBAAgB,GACzB,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,aAAK,IACJ,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EACnD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,YAE5C,KAAK,CAAC,KAAK,GACN,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IACH,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EACtC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAC/C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,YAE5C,KAAK,CAAC,KAAK,GACP,CACR,IAC4B,CAChC,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB"}

package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDigitSequenceHelpText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const text_1 = require("../../../components/text");
+const inputDigitSequence_styled_1 = require("../inputDigitSequence.styled");
+const InputDigitSequenceHelpText = (props) => {
+    if (!props.helpText?.content) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(inputDigitSequence_styled_1.HelpTextContainerStyled, { "data-testid": `${props.dataTestId}Wrapper`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.helpText, dataTestId: `${props.dataTestId}Message`, ...props.helpText, children: props.helpText.content }) }));
+};
+exports.InputDigitSequenceHelpText = InputDigitSequenceHelpText;
+//# sourceMappingURL=inputDigitSequenceHelpText.js.map

package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDigitSequenceHelpText.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/components/inputDigitSequenceHelpText.tsx"],"names":[],"mappings":";;;;AAEA,4CAAyC;AAEzC,4EAAuE;AAShE,MAAM,0BAA0B,GAAG,CACxC,KAAkC,EACd,EAAE;IACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,uBAAC,mDAAuB,mBAAc,GAAG,KAAK,CAAC,UAAU,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACtF,uBAAC,WAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EACxC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,KACpC,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,CAAC,OAAO,GAClB,GACiB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,0BAA0B,8BAiBrC"}

package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDigitSequenceTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const elementOrIcon_1 = require("../../../components/elementOrIcon");
+const tooltip_1 = require("../../../components/tooltip");
+const InputDigitSequenceTooltip = (props) => {
+    if (!props.tooltipIcon?.icon) {
+        return null;
+    }
+    if (!(props.tooltip?.variant || props.stateStyles?.tooltip?.variant)) {
+        return ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.stateStyles?.tooltipIcon, ...props.tooltipIcon }));
+    }
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { variant: props.stateStyles?.tooltip?.variant, ...props.tooltip, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.stateStyles?.tooltipIcon, ...props.tooltipIcon }) }));
+};
+exports.InputDigitSequenceTooltip = InputDigitSequenceTooltip;
+//# sourceMappingURL=inputDigitSquenceTooltip.js.map

package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDigitSquenceTooltip.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/components/inputDigitSquenceTooltip.tsx"],"names":[],"mappings":";;;;AAEA,8DAA2E;AAC3E,kDAA+C;AAUxC,MAAM,yBAAyB,GAAG,CACvC,KAAiC,EACb,EAAE;IACtB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;QACrE,OAAO,CACL,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,KAAM,KAAK,CAAC,WAAW,GAAI,CAC3F,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,CAAC,OAAO,YACtE,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,KAAM,KAAK,CAAC,WAAW,GAAI,GAClF,CACX,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,yBAAyB,6BAkBpC"}

package/dist/cjs/components/inputDigitSequence/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAnimation"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputDigitSequence/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimation = void 0;
+const react_1 = require("react");
+const useAnimation = (props) => {
+    const [boxesAnimationDone, setBoxesAnimationDone] = (0, react_1.useState)(false);
+    const [labelAnimationDone, setLabelAnimationDone] = (0, react_1.useState)(false);
+    const moveBoxesToTheirPosition = (0, react_1.useCallback)(() => {
+        const rootElement = innerRef.current;
+        // Do no continue if the root element is not present
+        if (!rootElement) {
+            return;
+        }
+        // Retrieve original input container
+        const inputContainer = rootElement.querySelector('[data-id="input-container"]');
+        // Retrieve animated input container
+        const inputContainerAnimated = rootElement.querySelector('[data-id="input-container-animated"]');
+        // Do not continue if the animated input container is not present
+        if (!inputContainerAnimated?.children) {
+            return;
+        }
+        // Do not continue if the original input container child has no width
+        const innerElementWidth = inputContainerAnimated?.firstElementChild?.clientWidth;
+        if (!innerElementWidth) {
+            return;
+        }
+        // For each animated container child
+        // * Fix the width
+        // * Initialise position as absolute
+        // * Set transition
+        for (let i = 0; i < inputContainerAnimated.childNodes.length; i++) {
+            const inputContainer = inputContainerAnimated.childNodes[i];
+            if (inputContainer.style) {
+                inputContainer.style.width = `${innerElementWidth}px`;
+                inputContainer.style.position = 'absolute';
+                inputContainer.style.left = '0px';
+                inputContainer.style.top = '0px';
+                inputContainer.style.transition = 'left 250ms ease-in';
+            }
+        }
+        // There is a diff between the left of the first element in the original container and the left of the first element in the animated container
+        const elementsGap = inputContainer?.firstElementChild?.getBoundingClientRect().left ?? 0;
+        // For each animated container child set the left as its respective in the original container
+        for (let i = 0; i < inputContainerAnimated.childNodes.length; i++) {
+            const originalElement = inputContainer?.childNodes[i];
+            if (!originalElement) {
+                break;
+            }
+            // Original element left
+            const originalElementLeft = originalElement.getBoundingClientRect().left;
+            const element = inputContainerAnimated.childNodes[i];
+            if (element.style) {
+                element.style.left = `${originalElementLeft - elementsGap}px`;
+            }
+        }
+    }, []);
+    const moveBoxesFinished = (0, react_1.useRef)(false);
+    const handleFinishMovingBoxes = (0, react_1.useCallback)(() => {
+        if (moveBoxesFinished.current) {
+            return;
+        }
+        moveBoxesFinished.current = true;
+        setBoxesAnimationDone(true);
+    }, []);
+    const increaseLabelHeightFinished = (0, react_1.useRef)(false);
+    const handleFinishIncreasingLabelHeight = (0, react_1.useCallback)(() => {
+        if (increaseLabelHeightFinished.current) {
+            return;
+        }
+        increaseLabelHeightFinished.current = true;
+        setLabelAnimationDone(true);
+    }, []);
+    const innerRef = (0, react_1.useRef)(null);
+    const initialiseRef = (0, react_1.useCallback)((node) => {
+        if (!props.animated) {
+            return;
+        }
+        if (innerRef.current) {
+            // remove event listeners
+            const inputContainerAnimated = innerRef.current.querySelector('[data-id="input-container-animated"]')?.firstElementChild;
+            inputContainerAnimated?.removeEventListener('transitionend', handleFinishMovingBoxes);
+            inputContainerAnimated?.removeEventListener('animationend', handleFinishIncreasingLabelHeight);
+        }
+        innerRef.current = node;
+        if (innerRef.current) {
+            // add event listeners
+            const inputContainerAnimated = innerRef.current.querySelector('[data-id="input-container-animated"]');
+            inputContainerAnimated?.addEventListener('transitionend', handleFinishMovingBoxes);
+            inputContainerAnimated?.addEventListener('animationend', handleFinishIncreasingLabelHeight);
+            moveBoxesToTheirPosition();
+        }
+    }, []);
+    return {
+        boxesAnimationDone,
+        labelAnimationDone,
+        ref: initialiseRef,
+    };
+};
+exports.useAnimation = useAnimation;
+//# sourceMappingURL=useAnimation.js.map

package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/hooks/useAnimation.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/inputDigitSequence/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDigitSequence = void 0;
+var inputDigitSequenceUncontrolled_1 = require("./inputDigitSequenceUncontrolled");
+Object.defineProperty(exports, "InputDigitSequence", { enumerable: true, get: function () { return inputDigitSequenceUncontrolled_1.InputDigitSequenceUncontrolled; } });
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputDigitSequence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mFAAwG;AAA/F,oIAAA,8BAA8B,OAAsB;AAC7D,0CAAwB"}

package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js

@@ -0,0 +1,156 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonContainer = exports.HelpTextContainerStyled = exports.IconAndErrorTextContainer = exports.InputDigitStyled = exports.InputDigitAndNumberContainer = exports.InputDigitsContainer = exports.InputDigitsContainerAnimated = exports.AnimationInputsContainer = exports.TitleTooltipContainer = exports.ParentContainer = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const mixins_1 = require("../../styles/mixins");
+const utils_1 = require("../../utils");
+exports.ParentContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.rootContainer)};
+`;
+exports.TitleTooltipContainer = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.titleTooltipContainer)};
+`;
+exports.AnimationInputsContainer = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.animationInputsContainer)};
+`;
+const increaseLabelHeight = (props) => (0, styled_components_1.keyframes) `
+  0% {
+    height: 0rem;
+  }
+  100% {
+    height: ${props.height};
+  }
+`;
+exports.InputDigitsContainerAnimated = styled_components_1.default.div `
+  display: flex;
+  align-items: end;
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.inputDigitsContainer)};
+  ${({ animated }) => animated &&
+    (0, styled_components_1.css) `
+      p,
+      label {
+        height: 0rem;
+        overflow: hidden;
+      }
+    `};
+  ${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
+    (0, styled_components_1.css) `
+      p,
+      label {
+        animation: ${increaseLabelHeight({ height: styles?.inputNumber?.line_height })} 250ms
+          forwards;
+      }
+    `};
+`;
+exports.InputDigitsContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: end;
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.inputDigitsContainer)};
+  ${({ animated }) => animated &&
+    (0, styled_components_1.css) `
+      visibility: hidden;
+      p,
+      label {
+        height: 0rem;
+        overflow: hidden;
+      }
+    `};
+  ${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
+    (0, styled_components_1.css) `
+      p,
+      label {
+        animation: ${increaseLabelHeight({ height: styles?.inputNumber?.line_height })} 250ms
+          forwards;
+      }
+    `};
+
+  ${({ labelAnimationDone }) => labelAnimationDone &&
+    (0, styled_components_1.css) `
+      visibility: visible;
+    `};
+`;
+const increaseGap = (props) => (0, styled_components_1.keyframes) `
+  0% {
+    row-gap: 0rem;
+    gap: 0rem;
+  }
+  100% {
+    gap: ${props.gap};
+    row-gap: ${props.row_gap};
+  }
+`;
+exports.InputDigitAndNumberContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  align-items: center;
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.inputDigitAndNumberContainer)};
+  ${({ animated }) => animated &&
+    (0, styled_components_1.css) `
+      row-gap: 0rem;
+      gap: 0rem;
+    `};
+  ${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
+    (0, styled_components_1.css) `
+      animation: ${increaseGap({
+        row_gap: styles?.inputDigitAndNumberContainer?.row_gap,
+        gap: styles?.inputDigitAndNumberContainer?.gap,
+    })}
+        250ms forwards;
+    `};
+`;
+exports.InputDigitStyled = styled_components_1.default.input `
+  text-align: center;
+  border-style: solid;
+  ${({ styles }) => (0, utils_1.getTypographyStyles)(styles?.inputDigitText)};
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.inputDigitContainer)};
+
+  ${({ styles, error }) => error && (0, utils_1.getStyles)(styles?.inputDigitContainerError)};
+
+  :focus {
+    ${({ styles }) => (0, utils_1.getStyles)(styles?.inputDigitContainerfocus)};
+  }
+  &:focus-visible {
+    ${mixins_1.inputFocusWidthMixin}
+  }
+
+  &[type='password'] {
+    ${({ styles }) => (0, utils_1.getTypographyStyles)(styles?.inputDigitTextTypePassword)}
+  }
+`;
+exports.IconAndErrorTextContainer = styled_components_1.default.div `
+  display: flex;
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.errorContainer)};
+`;
+exports.HelpTextContainerStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.helpTextContainer)};
+`;
+exports.ButtonContainer = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.actionButtonContainer)};
+`;
+//# sourceMappingURL=inputDigitSequence.styled.js.map

package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDigitSequence.styled.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequence.styled.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDigitSequenceControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useId_1 = require("../../hooks/useId/useId");
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const inputDropdownStandAlone_1 = require("../inputDropdown/inputDropdownStandAlone");
+const hooks_1 = require("./hooks");
+const inputDigitSequenceStandAlone_1 = require("./inputDigitSequenceStandAlone");
+const types_1 = require("./types");
+//constants
+const INPUT_DIGIT_SEQUENCE_STYLES = 'INPUT_DIGIT_SEQUENCE_STYLES';
+const NUMBER_REGEX = /^[0-9]*$/;
+const ON_CHANGE_VALUE_VISIBLE_TIMEOUT = 500;
+const InputDigitSequenceControlledComponet = ({ variant, inputsArray, disabled = false, showDigitAfterWrite = true, showDigitTimeMiliseconds = ON_CHANGE_VALUE_VISIBLE_TIMEOUT, animated = false, ctv, ...props }) => {
+    const styles = (0, useStyles_1.useStyles)(INPUT_DIGIT_SEQUENCE_STYLES, variant, ctv);
+    const digitId = (0, useId_1.useId)('digit');
+    const [showPassword, setShowPassword] = React.useState(false);
+    const [inputDigits, setInputDigits] = React.useState(inputsArray.map((input, index) => {
+        return {
+            index: index,
+            value: input.value ?? '',
+            blockedBySystem: input.blockedBySystem,
+            ['aria-label']: input['aria-label'],
+        };
+    }));
+    const { ref, boxesAnimationDone, labelAnimationDone } = (0, hooks_1.useAnimation)({
+        animated,
+    });
+    const getNextInput = (index) => {
+        //we need to find the next input not BloquedBySystem
+        //we get a new array from the actual index + 1
+        const slicedInputDigits = inputDigits.slice(index + 1);
+        //we get the first element with isBloquedBySystem=false
+        const nextInputNotDisabled = slicedInputDigits.find(input => !input.blockedBySystem);
+        if (nextInputNotDisabled) {
+            const inputElement = document.getElementById(`${digitId}-${nextInputNotDisabled.index}`);
+            inputElement?.focus();
+        }
+    };
+    const [passwordIndex, setPasswordIndex] = React.useState();
+    const displayDigitTimeOut = React.useRef(null);
+    // When unmount, delete displayDigitTimeOut
+    React.useEffect(() => {
+        return () => {
+            if (displayDigitTimeOut.current) {
+                clearTimeout(displayDigitTimeOut.current);
+            }
+        };
+    }, []);
+    const showDigit = (index) => {
+        if (!showDigitAfterWrite) {
+            return;
+        }
+        // Set visible the current index showDigitTimeMiliseconds (or change)
+        if (displayDigitTimeOut.current) {
+            clearTimeout(displayDigitTimeOut.current);
+        }
+        setPasswordIndex(index);
+        displayDigitTimeOut.current = setTimeout(() => {
+            setPasswordIndex(undefined);
+        }, showDigitTimeMiliseconds);
+    };
+    const handleInputChange = (index) => {
+        return event => {
+            const { value } = event.target;
+            //we only allow number values
+            if (NUMBER_REGEX.test(value)) {
+                showDigit(index);
+                const newDigits = [...inputDigits];
+                newDigits[index].value = value;
+                setInputDigits(newDigits);
+                //when the user writes a new digit, we send the new array in case they want to check something
+                props.onInputChange?.(newDigits, event);
+                if (value !== '') {
+                    getNextInput(index);
+                }
+            }
+        };
+    };
+    const handleClickActionButton = event => {
+        setShowPassword(prevValue => !prevValue);
+        props.actionButton?.onClick?.(event);
+    };
+    const state = !disabled
+        ? types_1.InputDigitSequenceStateType.DEFAULT
+        : types_1.InputDigitSequenceStateType.DISABLED;
+    return ((0, jsx_runtime_1.jsx)(inputDigitSequenceStandAlone_1.InputDigitSequenceStandAlone, { ...props, ref: ref, animated: animated, boxesAnimationDone: boxesAnimationDone, digitId: digitId, disabled: disabled, inputDigits: inputDigits, labelAnimationDone: labelAnimationDone, passwordIndex: passwordIndex, showPassword: showPassword, state: state, styles: styles, onActionButtonClick: handleClickActionButton, onInputChange: handleInputChange }));
+};
+const InputDigitSequenceBoundary = (props) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(inputDropdownStandAlone_1.InputDropdownStandAlone, { ...props }) }), children: (0, jsx_runtime_1.jsx)(InputDigitSequenceControlledComponet, { ...props }) }));
+exports.InputDigitSequenceControlled = InputDigitSequenceBoundary;
+//# sourceMappingURL=inputDigitSequenceControlled.js.map

package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDigitSequenceControlled.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequenceControlled.tsx"],"names":[],"mappings":"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"}