infinity-forge 11.4.2 → 11.4.3

package/dist/system/components/data/tab/component.js

@@ -49,12 +49,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var ui_1 = require("../../../../ui/index.js");
 var tab_item_1 = require("./tab-item/index.js");
+var tab_with_form_handler_hook_1 = require("./tab-with-form-handler-hook/index.js");
 var S = __importStar(require("./styles.js"));
 function Tab(_a) {
     var _b, _c;
     var tabs = _a.tabs, mapAllTabs = _a.mapAllTabs, _d = _a.disableIfHasOnlyOneTab, disableIfHasOnlyOneTab = _d === void 0 ? false : _d, onChangeTab = _a.onChangeTab;
     var firstTabKey = (_b = tabs === null || tabs === void 0 ? void 0 : tabs[0]) === null || _b === void 0 ? void 0 : _b.key;
     var _e = (0, react_1.useState)({ key: firstTabKey, width: undefined, translate: 0 }), tab = _e[0], setTab = _e[1];
+    var tabIDHook = (0, react_1.useId)();
+    var tabID = "tab_" + tabIDHook;
     var firstTabElement = (0, ui_1.useElementId)({ id: firstTabKey });
     var TabSelected = (_c = tabs === null || tabs === void 0 ? void 0 : tabs.find(function (tb) { return tb.key === tab.key; })) === null || _c === void 0 ? void 0 : _c.content;
     function changeTab(tabKey) {
@@ -65,6 +68,7 @@ function Tab(_a) {
         var translate = (elementToBounding === null || elementToBounding === void 0 ? void 0 : elementToBounding.left) - (boudingId === null || boudingId === void 0 ? void 0 : boudingId.left);
         setTab({ key: tabKey, width: elementTo === null || elementTo === void 0 ? void 0 : elementTo.offsetWidth, translate: translate });
     }
+    (0, tab_with_form_handler_hook_1.useTabWithFormHandler)({ changeTab: changeTab, tabs: tabs, tabID: tabID });
     (0, react_1.useEffect)(function () {
         if (onChangeTab) {
             onChangeTab(tabs.find(function (tb) { return tb.key === (tab === null || tab === void 0 ? void 0 : tab.key); }));
@@ -81,12 +85,12 @@ function Tab(_a) {
     if (!firstTabKey) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Tab', children: (0, jsx_runtime_1.jsxs)(S.Tab, { className: 'tab_infinity_forge', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'tabs', style: { display: disableIfHasOnlyOneTab && tabs.length === 1 ? 'none' : 'flex' }, children: [(0, jsx_runtime_1.jsx)("span", { className: 'background', style: {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Tab', children: (0, jsx_runtime_1.jsxs)(S.Tab, { id: tabID, className: 'tab_infinity_forge', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'tabs', style: { display: disableIfHasOnlyOneTab && tabs.length === 1 ? 'none' : 'flex' }, children: [(0, jsx_runtime_1.jsx)("span", { className: 'background', style: {
                                 width: (tab === null || tab === void 0 ? void 0 : tab.width) ? (tab === null || tab === void 0 ? void 0 : tab.width) + 'px' : firstTabElement === null || firstTabElement === void 0 ? void 0 : firstTabElement.offsetWidth,
                                 left: tab.translate ? 0 : undefined,
                                 transform: "translateX(".concat(tab.translate, "px)"),
                             } }), tabs.map(function (props) {
                             return (0, jsx_runtime_1.jsx)(tab_item_1.TabItemComponent, __assign({}, props, { tabKey: props.key, tabSelected: tab, changeTab: changeTab }));
-                        })] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: mapAllTabs ? (tabs.map(function (t) { return ((0, jsx_runtime_1.jsx)("div", { style: { display: tab.key === t.key ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(t.content, { changeTab: changeTab }) }, t.key)); })) : ((0, jsx_runtime_1.jsx)(TabSelected, { changeTab: changeTab }, tab.key)) })] }) }));
+                        })] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: mapAllTabs ? (tabs.map(function (t) { return ((0, jsx_runtime_1.jsx)("div", { id: tabID + "_" + t.key, style: { display: tab.key === t.key ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(t.content, { changeTab: changeTab }) }, t.key)); })) : ((0, jsx_runtime_1.jsx)(TabSelected, { changeTab: changeTab }, tab.key)) })] }) }));
 }
 //# sourceMappingURL=component.js.map

package/dist/system/components/data/tab/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,kBAyEC;;AAlFD,+BAA2C;AAC3C,2BAA0C;AAE1C,uCAA6C;AAI7C,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAA4E;;QAA1E,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAAE,WAAW,iBAAA;IACjF,IAAM,WAAW,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA;IAE5B,IAAA,KAAgB,IAAA,gBAAQ,EAAc,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAA1F,GAAG,QAAA,EAAE,MAAM,QAA+E,CAAA;IAEjG,IAAM,eAAe,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAEzD,IAAM,WAAW,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,0CAAE,OAAO,CAAA;IAEnE,SAAS,SAAS,CAAC,MAAc;;QAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAEjD,IAAM,SAAS,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,qBAAqB,EAAE,CAAA;QAEnE,IAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,qBAAqB,EAAE,CAAA;QAE5D,IAAM,SAAS,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,KAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,CAAA;QAE3D,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IACnE,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,MAAK,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,CAAA,EAAnB,CAAmB,CAAC,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,CAAA;QACpD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;YAC/B,IAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;YAC5D,MAAM,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAA;QACjF,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAGV,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,KAAK,YACf,wBAAC,CAAC,CAAC,GAAG,IAAC,SAAS,EAAC,oBAAoB,aACnC,iCAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,sBAAsB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,aACrG,iCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAC,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,IAAG,IAAI,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW;gCACpE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gCACnC,SAAS,EAAE,qBAAc,GAAG,CAAC,SAAS,QAAK;6BAC5C,GACK,EAEP,IAAI,CAAC,GAAG,CAAC,UAAC,KAAK;4BACd,OAAO,uBAAC,2BAAgB,eAAK,KAAK,IAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAI,CAAA;wBACnG,CAAC,CAAC,IACE,EAEN,gCAAK,SAAS,EAAC,cAAc,YAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACd,gCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACvE,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAI,IAD3B,CAAC,CAAC,GAAG,CAET,CACP,EAJe,CAIf,CAAC,CACH,CAAC,CAAC,CAAC,CACH,uBAAC,WAAW,IAAe,SAAS,EAAE,SAAS,IAA7B,GAAG,CAAC,GAAG,CAA0B,CACnD,GACG,IACA,GACF,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,kBA8EC;;AAxFD,+BAAkD;AAClD,2BAA0C;AAE1C,uCAA6C;AAC7C,2EAAoE;AAIpE,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAA4E;;QAA1E,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAAE,WAAW,iBAAA;IACjF,IAAM,WAAW,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA;IAE5B,IAAA,KAAgB,IAAA,gBAAQ,EAAc,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAA1F,GAAG,QAAA,EAAE,MAAM,QAA+E,CAAA;IAEjG,IAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAA;IACzB,IAAM,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAEjC,IAAM,eAAe,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAEzD,IAAM,WAAW,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,0CAAE,OAAO,CAAA;IAEnE,SAAS,SAAS,CAAC,MAAc;;QAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAEjD,IAAM,SAAS,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,qBAAqB,EAAE,CAAA;QAEnE,IAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,qBAAqB,EAAE,CAAA;QAE5D,IAAM,SAAS,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,KAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,CAAA;QAE3D,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IACnE,CAAC;IAED,IAAA,kDAAqB,EAAC,EAAC,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAEhD,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,MAAK,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,CAAA,EAAnB,CAAmB,CAAC,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,CAAA;QACpD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;YAC/B,IAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;YAC5D,MAAM,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAA;QACjF,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAGV,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,KAAK,YACf,wBAAC,CAAC,CAAC,GAAG,IAAC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAC,oBAAoB,aAC9C,iCAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,sBAAsB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,aACrG,iCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAC,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,IAAG,IAAI,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW;gCACpE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gCACnC,SAAS,EAAE,qBAAc,GAAG,CAAC,SAAS,QAAK;6BAC5C,GACK,EAEP,IAAI,CAAC,GAAG,CAAC,UAAC,KAAK;4BACd,OAAO,uBAAC,2BAAgB,eAAK,KAAK,IAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAI,CAAA;wBACnG,CAAC,CAAC,IACE,EAEN,gCAAK,SAAS,EAAC,cAAc,YAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACd,gCAAiB,EAAE,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YAChG,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAI,IAD3B,CAAC,CAAC,GAAG,CAET,CACP,EAJe,CAIf,CAAC,CACH,CAAC,CAAC,CAAC,CACH,uBAAC,WAAW,IAAe,SAAS,EAAE,SAAS,IAA7B,GAAG,CAAC,GAAG,CAA0B,CACnD,GACG,IACA,GACF,CACT,CAAA;AACH,CAAC"}

package/dist/system/components/data/tab/interfaces.d.ts

@@ -6,6 +6,8 @@ export type TabSelected = {
 };
 export type TabContentProps = {
     changeTab(tabKey: string): void;
+    tabs?: TabItem[];
+    tabID?: string;
 };
 export type TabItem = {
     key: string;

package/dist/system/components/data/tab/tab-with-form-handler-hook/index.d.ts

@@ -0,0 +1,2 @@
+import { TabContentProps } from "../interfaces.js";
+export declare function useTabWithFormHandler(props: TabContentProps): void;

package/dist/system/components/data/tab/tab-with-form-handler-hook/index.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabWithFormHandler = useTabWithFormHandler;
+var ui_1 = require("../../../../../ui/index.js");
+var react_1 = require("react");
+function useTabWithFormHandler(props) {
+    var formHandler = (0, ui_1.useFormHandler)();
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        if (!formHandler || !((_a = props === null || props === void 0 ? void 0 : props.tabs) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        var tabReference = props.tabID;
+        var errors = (_b = formHandler === null || formHandler === void 0 ? void 0 : formHandler.formik) === null || _b === void 0 ? void 0 : _b.errors;
+        if (!errors || Object.keys(errors).length === 0)
+            return;
+        // Recursivo e compatível com arrays aninhadas
+        var getFirstErrorPath = function (obj, prefix) {
+            if (prefix === void 0) { prefix = ''; }
+            if (!obj)
+                return null;
+            if (typeof obj === 'string')
+                return prefix;
+            if (Array.isArray(obj)) {
+                for (var i = 0; i < obj.length; i++) {
+                    var nested = getFirstErrorPath(obj[i], "".concat(prefix, "[").concat(i, "]"));
+                    if (nested)
+                        return nested;
+                }
+            }
+            if (typeof obj === 'object') {
+                for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
+                    var key = _a[_i];
+                    var newPrefix = prefix ? "".concat(prefix, ".").concat(key) : key;
+                    var nested = getFirstErrorPath(obj[key], newPrefix);
+                    if (nested)
+                        return nested;
+                }
+            }
+            return null;
+        };
+        var handleTabAndScroll = function () {
+            var firstErrorPath = getFirstErrorPath(errors);
+            if (!firstErrorPath)
+                return;
+            var errorElement = document.querySelector("[name=\"".concat(firstErrorPath, "\"]"));
+            if (!errorElement)
+                return;
+            var tabContainer = errorElement.closest("[id^=\"".concat(tabReference, "_\"]"));
+            if (!tabContainer)
+                return;
+            var tabContainerId = tabContainer.id;
+            var tabKey = tabContainerId.replace("".concat(tabReference, "_"), "");
+            props.changeTab(tabKey);
+            // Scroll + focus no campo com erro
+            setTimeout(function () {
+                var _a;
+                errorElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                (_a = errorElement.focus) === null || _a === void 0 ? void 0 : _a.call(errorElement);
+            }, 300);
+        };
+        var timeout = setTimeout(handleTabAndScroll, 100);
+        return function () { return clearTimeout(timeout); };
+    }, [formHandler.formik.errors]);
+}
+//# sourceMappingURL=index.js.map

package/dist/system/components/data/tab/tab-with-form-handler-hook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/components/data/tab/tab-with-form-handler-hook/index.ts"],"names":[],"mappings":"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"}

package/dist/test/index.js

@@ -1,4 +1,37 @@
 "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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__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) {
@@ -40,11 +73,30 @@ exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaPa
 var jsx_runtime_1 = require("react/jsx-runtime");
 var system_1 = require("../system/index.js");
 var ui_1 = require("../ui/index.js");
-var ui_2 = require("../ui/index.js");
+var yup = __importStar(require("yup"));
 function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
     var _this = this;
-    return ((0, jsx_runtime_1.jsx)(system_1.PrivatePage, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { text: 'teste' }, onSucess: function (r) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                return [2 /*return*/, console.log(r)];
-            }); }); }, children: (0, jsx_runtime_1.jsx)(ui_2.InputCropImage, { name: "certificates", upload: { version: "v2", auth: true, email: "ibiporaimpl@codiehost.com.br", password: "12341234" } }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.FormHandler, { cleanFieldsOnSubmit: false, button: { text: 'teste' }, schema: {
+            test1: yup.object({
+                name: ui_1.schema.required(),
+            }),
+            test2: yup.object({
+                name: ui_1.schema.required(),
+            }),
+            test3: yup.array().of(yup.object({
+                name: ui_1.schema.required(),
+            })),
+        }, initialData: { test3: [{}] }, onSucess: function (r) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/, console.log(r)];
+        }); }); }, children: (0, jsx_runtime_1.jsx)(system_1.Tab, { mapAllTabs: true, tabs: [
+                { key: 'test1', title: 'Test1', content: Test1 },
+                { key: 'test2', title: 'test2', content: Test2 },
+            ] }) }));
+}
+function Test1() {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test1.name', label: 'Test1' }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test3[0].name', label: 'Test1' })] }));
+}
+function Test2() {
+    return (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test2.name', label: 'Test2' });
 }
 //# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wGAUC;;AAdD,mCAAsC;AACtC,2BAAkC;AAClC,2BAAqC;AAErC,SAAgB,8CAA8C;IAA9D,iBAUC;IATC,OAAO,CACL,uBAAC,oBAAW,cACb,uBAAC,gBAAW,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAM,CAAC;gBAAK,sBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAA;qBAAA,YACzE,uBAAC,mBAAc,IAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAE,IAAI,EAAC,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAI,GAC5H,GACA,CAGf,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wGA8BC;;AAnCD,mCAA2C;AAC3C,2BAAiD;AAEjD,uCAA0B;AAE1B,SAAgB,8CAA8C;IAA9D,iBA8BC;IA7BC,OAAO,CACL,uBAAC,gBAAW,IACV,mBAAmB,EAAE,KAAK,EAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EACzB,MAAM,EAAE;YACN,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC;gBAChB,IAAI,EAAE,WAAM,CAAC,QAAQ,EAAE;aACxB,CAAC;YACF,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC;gBAChB,IAAI,EAAE,WAAM,CAAC,QAAQ,EAAE;aACxB,CAAC;YACF,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CACnB,GAAG,CAAC,MAAM,CAAC;gBACT,IAAI,EAAE,WAAM,CAAC,QAAQ,EAAE;aACxB,CAAC,CACH;SACF,EACD,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,EAC5B,QAAQ,EAAE,UAAO,CAAC;YAAK,sBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAA;iBAAA,YAErC,uBAAC,YAAG,IACF,UAAU,QACV,IAAI,EAAE;gBACJ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;gBAChD,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;aACjD,GACD,GACU,CACf,CAAA;AACH,CAAC;AAED,SAAS,KAAK;IACZ,OAAO,CACL,6DACE,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,OAAO,GAAG,EACzC,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,OAAO,GAAG,IAC3C,CACJ,CAAA;AACH,CAAC;AAED,SAAS,KAAK;IACZ,OAAO,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,OAAO,GAAG,CAAA;AAClD,CAAC"}

package/dist/ui/components/form/checkbox/index.js

@@ -88,7 +88,7 @@ function InputCheckbox(props) {
         (_b = props.onChangeInput) === null || _b === void 0 ? void 0 : _b.call(props, newValue, undefined, { state: state, utils: helpers }, undefined);
     };
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { name: props.name, children: (0, jsx_runtime_1.jsx)(S.InputCheckbox, { children: (0, jsx_runtime_1.jsx)("div", { className: 'list-radios', children: props.options.map(function (option, index) {
-                    var _a, _b;
+                    var _a, _b, _c;
                     var isChecked;
                     if (props.onlyOneValue) {
                         isChecked = (field === null || field === void 0 ? void 0 : field.value) === option.value;
@@ -96,7 +96,7 @@ function InputCheckbox(props) {
                     else {
                         isChecked = !!((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.includes(option.value));
                     }
-                    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", { id: props.name + index, name: props.name, type: 'checkbox', value: option.value, disabled: props.disabled || option.isDisabled || ((_b = formHandler === null || formHandler === void 0 ? void 0 : formHandler.inputs) === null || _b === void 0 ? void 0 : _b.readOnly), checked: isChecked, onChange: function (e) { return handleChange(String(option.value), e.target.checked); }, style: { display: props.OptionComponent ? 'none' : 'block' } }), props.OptionComponent ? ((0, jsx_runtime_1.jsx)(props.OptionComponent, __assign({}, option, { isSelected: isChecked }))) : ((0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: option.label } }))] }, option.value));
+                    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", { id: props.name + index, name: props.name, type: 'checkbox', value: option.value, disabled: props.disabled || option.isDisabled || ((_c = (_b = formHandler === null || formHandler === void 0 ? void 0 : formHandler.formHandlerProps) === null || _b === void 0 ? void 0 : _b.inputs) === null || _c === void 0 ? void 0 : _c.readOnly), checked: isChecked, onChange: function (e) { return handleChange(String(option.value), e.target.checked); }, style: { display: props.OptionComponent ? 'none' : 'block' } }), props.OptionComponent ? ((0, jsx_runtime_1.jsx)(props.OptionComponent, __assign({}, option, { isSelected: isChecked }))) : ((0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: option.label } }))] }, option.value));
                 }) }) }) })));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/checkbox/index.js.map

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

package/dist/ui/components/form/handler/form-handler/index.d.ts

@@ -1,13 +1,12 @@
-import { FormikErrors } from 'formik';
+import { type FormikContextType } from 'formik';
 import { ICustomSubmitProps } from '../custom-submit/index.js';
-import { IFormHandler, OnSubmitConfiguration, StateFormFormHandler } from '../interfaces.js';
+import type { IFormHandler, OnSubmitConfiguration, StateFormFormHandler } from '../interfaces.js';
 export declare const FormHandlerContext: import("react").Context<{
-    inputs: IFormHandler["inputs"];
     stateForm: StateFormFormHandler;
     onSubmit: (action?: ICustomSubmitProps["action"], configs?: OnSubmitConfiguration) => Promise<void>;
-    values: any;
-    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<any>>;
     formHandlerContextProps?: any;
     clear?: () => void;
+    formHandlerProps: IFormHandler;
+    formik: FormikContextType<any>;
 }>;
 export default function FormElement(props: IFormHandler): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/handler/form-handler/index.js

@@ -43,42 +43,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __awaiter = (this && this.__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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, 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 };
-    }
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -96,243 +60,40 @@ exports.FormHandlerContext = void 0;
 exports.default = FormElement;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var yup = __importStar(require("yup"));
 var script_1 = __importDefault(require("next/script"));
 var formik_1 = require("formik");
 var ui_1 = require("../../../../../ui/index.js");
-var use_schemas_1 = require("./use-schemas.js");
-var use_send_file_1 = require("./use-send-file.js");
+var use_submit_1 = require("./use-submit/index.js");
 var custom_submit_1 = require("../custom-submit/index.js");
 var S = __importStar(require("../styles.js"));
 exports.FormHandlerContext = (0, react_1.createContext)(null);
-function FormHandlerComponent(_a) {
-    var i18n = _a.i18n, button = _a.button, schema = _a.schema, inputs = _a.inputs, cloudFlare = _a.cloudFlare, modifySchema = _a.modifySchema, recaptcha = _a.recaptcha, children = _a.children, initialData = _a.initialData, onFinish = _a.onFinish, onSucess = _a.onSucess, debugMode = _a.debugMode, fileFields = _a.fileFields, autoComplete = _a.autoComplete, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, decimalFields = _a.decimalFields, messageProvider = _a.messageProvider, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, onValidateSchema = _a.onValidateSchema, formHandlerContextProps = _a.formHandlerContextProps, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c, updateOnInitialDataChange = _a.updateOnInitialDataChange;
-    var _d = (0, react_1.useState)(undefined), turnstileToken = _d[0], setTurnstileToken = _d[1];
-    var _e = (0, react_1.useState)({ state: '', message: '' }), stateForm = _e[0], setStateForm = _e[1];
-    var sendFiles = (0, use_send_file_1.useSendFile)({ fileFields: fileFields, debugMode: debugMode });
-    var validateSchemas = (0, use_schemas_1.useSchemas)({ schema: schema, defaultSchemas: defaultSchemas, i18n: i18n, modifySchema: modifySchema });
-    var _f = (0, formik_1.useFormikContext)(), values = _f.values, initialValues = _f.initialValues, setErrors = _f.setErrors, setFieldError = _f.setFieldError, setFieldValue = _f.setFieldValue, setValues = _f.setValues;
-    var sendMessage = (0, ui_1.useMessageProvider)(messageProvider).sendMessage;
-    var generatedID = (0, react_1.useId)();
-    var formHandlerId = "form_handler_".concat(generatedID);
-    function onSubmit(action, configs) {
-        return __awaiter(this, void 0, void 0, function () {
-            var extraData, recaptchaToken_1, data, payload_1, hasFileFields, response, err_1, errors_1, input, findInput, formHandler, validationErrors_1;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        extraData = (configs === null || configs === void 0 ? void 0 : configs.extraData) || {};
-                        _b.label = 1;
-                    case 1:
-                        _b.trys.push([1, 14, 15, 16]);
-                        if (debugMode) {
-                            console.log('values', values);
-                        }
-                        recaptchaToken_1 = undefined;
-                        if (!recaptcha) return [3 /*break*/, 3];
-                        return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                var _a;
-                                ;
-                                (_a = window === null || window === void 0 ? void 0 : window.grecaptcha) === null || _a === void 0 ? void 0 : _a.ready(function () {
-                                    return __awaiter(this, void 0, void 0, function () {
-                                        var token, error_1;
-                                        return __generator(this, function (_a) {
-                                            switch (_a.label) {
-                                                case 0:
-                                                    _a.trys.push([0, 2, , 3]);
-                                                    return [4 /*yield*/, window.grecaptcha.execute(recaptcha, { action: 'submit' })];
-                                                case 1:
-                                                    token = _a.sent();
-                                                    recaptchaToken_1 = token;
-                                                    resolve();
-                                                    return [3 /*break*/, 3];
-                                                case 2:
-                                                    error_1 = _a.sent();
-                                                    reject(error_1);
-                                                    return [3 /*break*/, 3];
-                                                case 3: return [2 /*return*/];
-                                            }
-                                        });
-                                    });
-                                });
-                            })];
-                    case 2:
-                        _b.sent();
-                        _b.label = 3;
-                    case 3:
-                        if (!(cloudFlare === null || cloudFlare === void 0 ? void 0 : cloudFlare.secret)) return [3 /*break*/, 5];
-                        return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                var checkToken = function () {
-                                    if (turnstileToken)
-                                        return resolve();
-                                    setTimeout(checkToken, 100);
-                                };
-                                checkToken();
-                            })];
-                    case 4:
-                        _b.sent();
-                        _b.label = 5;
-                    case 5:
-                        setErrors({});
-                        setStateForm({ state: 'loading', message: '' });
-                        return [4 /*yield*/, validateSchemas(configs)];
-                    case 6:
-                        _b.sent();
-                        data = recaptchaToken_1 ? __assign(__assign(__assign({}, values), extraData), { recaptchaToken: recaptchaToken_1 }) : __assign(__assign({}, values), extraData);
-                        payload_1 = structuredClone(data);
-                        if (decimalFields && decimalFields.length > 0) {
-                            payload_1 = Object.keys(payload_1).reduce(function (reducer, key) {
-                                var _a, _b;
-                                if (decimalFields.find(function (field) { return field === key; })) {
-                                    reducer[key] = parseFloat(((_a = String(payload_1[key])) === null || _a === void 0 ? void 0 : _a.includes(','))
-                                        ? (_b = payload_1[key]) === null || _b === void 0 ? void 0 : _b.replaceAll(/\./g, '').replace(',', '.')
-                                        : payload_1[key]);
-                                }
-                                else {
-                                    reducer[key] = payload_1[key];
-                                }
-                                return reducer;
-                            }, {});
-                        }
-                        hasFileFields = (fileFields === null || fileFields === void 0 ? void 0 : fileFields.fields) && ((_a = fileFields === null || fileFields === void 0 ? void 0 : fileFields.fields) === null || _a === void 0 ? void 0 : _a.length) > 0;
-                        if (hasFileFields) {
-                            fileFields === null || fileFields === void 0 ? void 0 : fileFields.fields.forEach(function (field) {
-                                payload_1[field] = undefined;
-                            });
-                        }
-                        if (debugMode) {
-                            console.log('PAYLOAD_FORMATTED', payload_1);
-                        }
-                        if (!(messageProvider === null || messageProvider === void 0 ? void 0 : messageProvider.enabled)) return [3 /*break*/, 8];
-                        return [4 /*yield*/, sendMessage(payload_1)];
-                    case 7:
-                        _b.sent();
-                        _b.label = 8;
-                    case 8:
-                        if (!(onSucess && !action)) return [3 /*break*/, 11];
-                        return [4 /*yield*/, onSucess(payload_1, { setFieldError: setFieldError, setFieldValue: setFieldValue }, initialValues)];
-                    case 9:
-                        response = _b.sent();
-                        if (debugMode) {
-                            console.log('response', response);
-                        }
-                        if (!hasFileFields) return [3 /*break*/, 11];
-                        return [4 /*yield*/, sendFiles({ response: response, valuesForm: values })];
-                    case 10:
-                        _b.sent();
-                        _b.label = 11;
-                    case 11:
-                        onFinish && onFinish(payload_1, initialValues);
-                        !action && setStateForm({ state: 'send', message: '' });
-                        if (!action) return [3 /*break*/, 13];
-                        return [4 /*yield*/, action(payload_1, setStateForm, initialValues, { setFieldError: setFieldError, setFieldValue: setFieldValue })];
-                    case 12:
-                        _b.sent();
-                        _b.label = 13;
-                    case 13:
-                        if (cleanFieldsOnSubmit) {
-                            Object.keys(values).forEach(function (key) {
-                                setFieldValue(key, undefined);
-                            });
-                        }
-                        return [3 /*break*/, 16];
-                    case 14:
-                        err_1 = _b.sent();
-                        if (debugMode) {
-                            console.log('error', err_1);
-                            console.log('instanceoferror', typeof err_1);
-                        }
-                        if (err_1 instanceof yup.ValidationError) {
-                            errors_1 = err_1.inner.reduce(function (reducer, error) {
-                                if (reducer && Object.keys(reducer).find(function (r) { return r === error.path; })) {
-                                    return reducer;
-                                }
-                                reducer[error.path] = error.message;
-                                return reducer;
-                            }, {});
-                            Object.keys(errors_1).forEach(function (key) {
-                                setFieldError(key, errors_1[key]);
-                            });
-                            input = Object.keys(errors_1).at(0);
-                            findInput = document.querySelector("input[name=\"".concat(input, "\"]"));
-                            if (findInput) {
-                                findInput.scrollIntoView({ behavior: 'smooth', block: 'start' });
-                                findInput.focus();
-                            }
-                            if (onValidateSchema) {
-                                onValidateSchema(errors_1);
-                            }
-                            setStateForm({ state: 'default', message: '' });
-                            return [2 /*return*/];
-                        }
-                        formHandler = document.getElementById(formHandlerId);
-                        console.log(err_1 instanceof ui_1.BadRequestError, 'InstanceOfBadRequest');
-                        if (err_1 instanceof ui_1.BadRequestError || err_1 instanceof ui_1.ConflictError) {
-                            setStateForm({ state: 'error', message: err_1.error.message });
-                        }
-                        if (err_1 instanceof ui_1.ValidationError) {
-                            setStateForm({ state: 'default', message: '' });
-                            validationErrors_1 = err_1.errors['validationErrors'] || err_1.errors;
-                            Object.keys(validationErrors_1).forEach(function (key) {
-                                console.log(key, validationErrors_1[key].errors[0]);
-                                setFieldError(key, validationErrors_1[key].errors[0]);
-                            });
-                        }
-                        if (formHandler) {
-                            formHandler.scrollIntoView({ behavior: 'smooth', block: 'start' });
-                        }
-                        return [3 /*break*/, 16];
-                    case 15:
-                        setStateForm(function (state) {
-                            if (state.state === 'loading') {
-                                return { message: '', state: 'default' };
-                            }
-                            return state;
-                        });
-                        return [7 /*endfinally*/];
-                    case 16: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function handleSubmit(action) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, onSubmit(action)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-    var handleKeyDown = function (e) {
-        if (!disableEnterKeySubmitForm && e.key === 'Enter' && stateForm.state !== 'loading') {
-            e.preventDefault();
-            onSubmit(undefined);
-        }
-    };
+function FormHandlerComponent(props) {
+    var formik = (0, formik_1.useFormikContext)();
+    var _a = (0, use_submit_1.useSubmit)(props), onSubmit = _a.onSubmit, stateForm = _a.stateForm, handleKeyDown = _a.handleKeyDown, formHandlerId = _a.formHandlerId, handleSubmit = _a.handleSubmit;
+    var button = props.button, recaptcha = props.recaptcha, children = props.children, initialData = props.initialData, autoComplete = props.autoComplete, customSubmit = props.customSubmit, onChangeForm = props.onChangeForm, customAction = props.customAction, isStickyButtons = props.isStickyButtons, formHandlerContextProps = props.formHandlerContextProps, updateOnInitialDataChange = props.updateOnInitialDataChange;
     function clear() {
-        Object.keys(values).forEach(function (key) {
-            setFieldValue(key, undefined);
+        Object.keys(formik.values).forEach(function (key) {
+            formik.setFieldValue(key, undefined);
         });
     }
     (0, react_1.useEffect)(function () {
-        onChangeForm && onChangeForm.callbackResult(values);
-    }, __spreadArray([values], ((onChangeForm === null || onChangeForm === void 0 ? void 0 : onChangeForm.additionalDependencies) || []), true));
+        onChangeForm && onChangeForm.callbackResult(formik.values);
+    }, __spreadArray([formik.values], ((onChangeForm === null || onChangeForm === void 0 ? void 0 : onChangeForm.additionalDependencies) || []), true));
     var hasInitialized = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(function () {
         if ((!hasInitialized.current && initialData !== undefined) || updateOnInitialDataChange) {
-            setValues(initialData);
+            formik.setValues(initialData);
             hasInitialized.current = true;
         }
     }, [initialData]);
-    console.log(inputs, '@@');
-    return ((0, jsx_runtime_1.jsx)(exports.FormHandlerContext.Provider, { value: { onSubmit: onSubmit, stateForm: stateForm, values: values, inputs: inputs, setFieldValue: setFieldValue, formHandlerContextProps: formHandlerContextProps, clear: clear }, children: (0, jsx_runtime_1.jsx)(formik_1.Form, { autoComplete: autoComplete, children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, id: formHandlerId, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), (0, jsx_runtime_1.jsx)("div", { className: 'conntent_form_infinity_forge', children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "form-button ".concat(isStickyButtons ? 'sticky' : ''), children: [recaptcha && (0, jsx_runtime_1.jsx)("div", { id: 'recaptcha-v3' }), cloudFlare && ((0, jsx_runtime_1.jsx)(ui_1.Turnstile, { sitekey: cloudFlare === null || cloudFlare === void 0 ? void 0 : cloudFlare.secret, onVerify: function (token) {
-                                    setTurnstileToken(token);
-                                } })), customAction && ((0, jsx_runtime_1.jsx)(customAction.Component, __assign({}, (customAction.props || {}), { stateForm: stateForm, handleSubmit: handleSubmit, values: values, setFieldValue: setFieldValue, clear: clear }))), button && ((0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, button, { type: 'button', onClick: function () { return handleSubmit(); }, loading: stateForm.state === 'loading' }))), customSubmit &&
+    return ((0, jsx_runtime_1.jsx)(exports.FormHandlerContext.Provider, { value: {
+            clear: clear,
+            formik: formik,
+            onSubmit: onSubmit,
+            stateForm: stateForm,
+            formHandlerProps: props,
+            formHandlerContextProps: formHandlerContextProps,
+        }, children: (0, jsx_runtime_1.jsx)(formik_1.Form, { autoComplete: autoComplete, children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, id: formHandlerId, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), (0, jsx_runtime_1.jsx)("div", { className: 'conntent_form_infinity_forge', children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "form-button ".concat(isStickyButtons ? 'sticky' : ''), children: [recaptcha && (0, jsx_runtime_1.jsx)("div", { id: 'recaptcha-v3' }), customAction && ((0, jsx_runtime_1.jsx)(customAction.Component, __assign({}, (customAction.props || {}), { stateForm: stateForm, handleSubmit: handleSubmit, values: formik.values, setFieldValue: formik.setFieldValue, clear: clear }))), button && ((0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, button, { type: 'button', onClick: function () { return handleSubmit(); }, loading: stateForm.state === 'loading' }))), customSubmit &&
                                 customSubmit.length > 0 &&
                                 customSubmit.map(function (custom, index) { return ((0, jsx_runtime_1.jsx)(custom_submit_1.CustomSubmitButton, __assign({}, custom, { stateForm: stateForm, onSubmit: handleSubmit, clear: clear }), index)); })] })] }) }) }));
 }