@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/FormViewer/hooks/useActiveControl.d.ts

@@ -4,10 +4,10 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
@@ -15,25 +15,25 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
     controlType: "button";
-    label?: string | undefined;
-    link?: string | undefined;
     title?: string | undefined;
     description?: string | undefined;
-    buttons?: any[] | undefined;
-    width?: number | undefined;
-    orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
     required?: boolean | undefined;
+    label?: string | undefined;
+    link?: string | undefined;
     showIconButton?: boolean | undefined;
     buttonIcon?: string | undefined;
-    alignButton?: "center" | "end" | "start" | undefined;
+    alignButton?: "start" | "center" | "end" | undefined;
+    buttons?: any[] | undefined;
+    orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    width?: number | undefined;
     enableTooltip?: boolean | undefined;
     fullWidthMobile?: boolean | undefined;
 } | {
@@ -42,30 +42,30 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    variableName?: string | undefined;
     minDate?: string | undefined;
     maxDate?: string | undefined;
-    variableName?: string | undefined;
 } | {
     id: string;
     controlType: "start";
-    label?: string | undefined;
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
+    label?: string | undefined;
     showIconButton?: boolean | undefined;
     buttonIcon?: string | undefined;
     showButton?: boolean | undefined;
 } | {
     id: string;
     controlType: "confirm";
-    label?: string | undefined;
-    link?: string | undefined;
     title?: string | undefined;
     description?: string | undefined;
     required?: boolean | undefined;
+    label?: string | undefined;
+    link?: string | undefined;
     buttonIcon?: string | undefined;
     showButton?: boolean | undefined;
 } | {
@@ -74,17 +74,17 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } | {
-    id: string;
     options: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    id: string;
     controlType: "choice";
     title?: string | undefined;
     description?: string | undefined;
@@ -93,11 +93,11 @@ export declare const useActiveControl: () => {
     showInput?: boolean | undefined;
     otherOption?: boolean | undefined;
 } | {
-    id: string;
     options: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    id: string;
     controlType: "multipleChoice";
     title?: string | undefined;
     description?: string | undefined;
@@ -109,12 +109,12 @@ export declare const useActiveControl: () => {
     minOptions?: number | undefined;
     maxOptions?: number | undefined;
 } | {
-    id: string;
     options: {
-        label: string;
         id: string;
+        label: string;
         image?: string | undefined;
     }[];
+    id: string;
     controlType: "pictureChoice";
     title?: string | undefined;
     description?: string | undefined;
@@ -123,17 +123,17 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
     showInput?: boolean | undefined;
 } | {
-    id: string;
     options: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    id: string;
     controlType: "dropdown";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
@@ -141,8 +141,8 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
@@ -150,8 +150,8 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
@@ -159,8 +159,8 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    placeholder?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
 } | {
     id: string;
@@ -168,23 +168,23 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } | {
     id: string;
     controlType: "upload";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    multiple?: boolean | undefined;
-    accept?: string[] | undefined;
     required?: boolean | undefined;
-    maxSize?: number | undefined;
-    maxFiles?: number | undefined;
     variableName?: string | undefined;
+    multiple?: boolean | undefined;
+    maxFiles?: number | undefined;
     minFiles?: number | undefined;
+    accept?: string[] | undefined;
+    maxSize?: number | undefined;
 } | {
     id: string;
     controlType: "yesNo";
@@ -201,6 +201,7 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     required?: boolean | undefined;
-    count?: number | undefined;
     variableName?: string | undefined;
+    count?: number | undefined;
 } | null;
+//# sourceMappingURL=useActiveControl.d.ts.map

package/dist/components/FormViewer/hooks/useActiveControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveControl.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useActiveControl.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAI5B,CAAC"}

package/dist/components/FormViewer/hooks/useActiveControl.js

@@ -0,0 +1,9 @@
+import { useFormViewerStore as o } from "../store/formStore.js";
+import { activeControlReselect as r } from "../store/selectors.js";
+const c = () => {
+  const { useStore: e } = o();
+  return e(r);
+};
+export {
+  c as useActiveControl
+};

package/dist/components/FormViewer/hooks/useActiveStep.d.ts

@@ -1,4 +1,5 @@
 export declare const useActiveStep: () => {
+    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -6,10 +7,10 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -17,25 +18,25 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
         controlType: "button";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
-        buttons?: any[] | undefined;
-        width?: number | undefined;
-        orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
-        alignButton?: "center" | "end" | "start" | undefined;
+        alignButton?: "start" | "center" | "end" | undefined;
+        buttons?: any[] | undefined;
+        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        width?: number | undefined;
         enableTooltip?: boolean | undefined;
         fullWidthMobile?: boolean | undefined;
     } | {
@@ -44,30 +45,30 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
         minDate?: string | undefined;
         maxDate?: string | undefined;
-        variableName?: string | undefined;
     } | {
         id: string;
         controlType: "start";
-        label?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
         id: string;
         controlType: "confirm";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
@@ -76,17 +77,17 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
@@ -95,11 +96,11 @@ export declare const useActiveStep: () => {
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -111,12 +112,12 @@ export declare const useActiveStep: () => {
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
             image?: string | undefined;
         }[];
+        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -125,17 +126,17 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -143,8 +144,8 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -152,8 +153,8 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -161,8 +162,8 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -170,23 +171,23 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
         controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        multiple?: boolean | undefined;
-        accept?: string[] | undefined;
         required?: boolean | undefined;
-        maxSize?: number | undefined;
-        maxFiles?: number | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
         minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
         controlType: "yesNo";
@@ -203,79 +204,79 @@ export declare const useActiveStep: () => {
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        count?: number | undefined;
         variableName?: string | undefined;
+        count?: number | undefined;
     })[];
-    trigger: string;
-    position?: {
-        x: number;
-        y: number;
-    } | undefined;
+    isStart?: boolean | undefined;
+    isEnd?: boolean | undefined;
+    autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     media?: {
-        video?: string | undefined;
+        layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
+        brightness?: number | undefined;
         image?: string | undefined;
+        video?: string | undefined;
+        videoThumb?: string | undefined;
         color?: string | undefined;
         size?: number | undefined;
-        layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
         blur?: number | undefined;
-        brightness?: number | undefined;
-        videoThumb?: string | undefined;
     } | undefined;
+    conditions?: {
+        controlId: string;
+        operator: string;
+        trigger: string;
+        compareValue?: string | undefined;
+    }[] | undefined;
     theme?: {
-        input?: {
-            backgroundColor?: string | undefined;
-            borderColor?: string | undefined;
+        background?: {
+            brightness?: number | undefined;
+            image?: string | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
         } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         title?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
         description?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        listStyle?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         primaryColor?: string | undefined;
-        background?: {
-            image?: string | undefined;
+        font?: {
             color?: string | undefined;
-            opacity?: number | undefined;
-            blur?: number | undefined;
-            brightness?: number | undefined;
-            fit?: string | undefined;
-            blendMode?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
         } | undefined;
         container?: {
             color?: string | undefined;
+            blur?: number | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            blur?: number | undefined;
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
-        font?: {
-            color?: string | undefined;
-            fontSize?: number | undefined;
-            fontWeight?: number | undefined;
-            fontFamily?: string | undefined;
+        input?: {
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
         } | undefined;
-        listStyle?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    isStart?: boolean | undefined;
-    isEnd?: boolean | undefined;
-    autoSubmit?: boolean | undefined;
-    confirmLabel?: string | undefined;
-    conditions?: {
-        operator: string;
-        trigger: string;
-        controlId: string;
-        compareValue?: string | undefined;
-    }[] | undefined;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
 } | null;
+//# sourceMappingURL=useActiveStep.d.ts.map

package/dist/components/FormViewer/hooks/useActiveStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveStep.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useActiveStep.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAIzB,CAAC"}

package/dist/components/FormViewer/hooks/useActiveStep.js

@@ -0,0 +1,9 @@
+import { useFormViewerStore as t } from "../store/formStore.js";
+import { activeStepReselect as r } from "../store/selectors.js";
+const c = () => {
+  const { useStore: e } = t();
+  return e(r);
+};
+export {
+  c as useActiveStep
+};

package/dist/components/FormViewer/hooks/useCreateFormContext.d.ts

@@ -8,7 +8,7 @@ type StepsContext = {
     form: UseFormReturnType<StepsFormValues>;
     setValue: (controlId: string, value: any, trigger?: string) => void;
 };
-export declare const StepsContext: import('react').Context<StepsContext>;
+export declare const StepsContext: import("react").Context<StepsContext>;
 export declare const useSteps: () => StepsContext;
 export type StepsFormValues = Record<string, any> & {
     submissionId: string;
@@ -20,3 +20,4 @@ type StepsContextProviderProps = {
 /** Используется для хранения данных, которые ввёл пользователь */
 export declare const FormContextProvider: ({ children, ...props }: PropsWithChildren<StepsContextProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=useCreateFormContext.d.ts.map

package/dist/components/FormViewer/hooks/useCreateFormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateFormContext.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useCreateFormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAW,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,YAAY,uCAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAAiC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACpD,CAAC;AAyGF,kEAAkE;AAClE,eAAO,MAAM,mBAAmB,GAAI,wBAGjC,iBAAiB,CAAC,yBAAyB,CAAC,4CAK9C,CAAC"}

package/dist/components/FormViewer/hooks/useCreateFormContext.js

@@ -0,0 +1,78 @@
+import { jsx as C } from "react/jsx-runtime";
+import { createContext as h, useContext as V, useState as b, useCallback as m } from "react";
+import { useForm as E } from "@mantine/form";
+import F from "js-confetti";
+import { getNextStep as g } from "../helpers/conditions.js";
+import { useValidation as y } from "../helpers/validation.js";
+import { useFormViewerStore as A } from "../store/formStore.js";
+import { stepsReselect as T } from "../store/selectors.js";
+import { useActiveStep as j } from "./useActiveStep.js";
+const d = h(
+  null
+), G = () => V(d), w = {
+  number: "",
+  text: "",
+  date: null,
+  multipleChoice: [],
+  slider: null,
+  dropdown: null,
+  choice: null,
+  pictureChoice: null,
+  upload: [],
+  location: "",
+  phone: "",
+  email: "",
+  longText: "",
+  yesNo: null,
+  confirm: null,
+  start: null,
+  button: null,
+  rating: null
+}, I = ({
+  onSubmit: s,
+  onValuesChange: u
+}) => {
+  const { useStore: a, api: i } = A(), { currentSteps: l } = a(T), n = j(), [f, p] = b("next"), { getValidation: x } = y(), r = E({
+    initialValues: l?.reduce(
+      (e, o) => (o.controls?.forEach((t) => {
+        e[t.id] = w[t.controlType];
+      }), e),
+      {
+        submissionId: crypto.randomUUID()
+      }
+    ),
+    validate: l?.reduce((e, o) => (o.controls?.forEach((t) => e[t.id] = x(t)), e), {}),
+    onValuesChange: u
+  }), c = m(() => {
+    if (!n || (n.controls || []).map((t) => r.validateField(t.id)).some((t) => t.hasError)) return;
+    const o = g(n, l, r);
+    p("next"), setTimeout(() => {
+      i.setActiveStepId(o?.id || "");
+    }, 0), o?.isEnd && (s?.(r.getValues()), new F().addConfetti());
+  }, [n, i, l, r, s]), S = m(() => {
+    p("prev"), setTimeout(() => i.backActiveStep(), 0);
+  }, [i]), v = m(
+    (e, o) => {
+      r.setFieldValue(e, o), n?.autoSubmit && c();
+    },
+    [n?.autoSubmit, r, c]
+  );
+  return {
+    handleNext: c,
+    handlePrev: S,
+    anim: f,
+    form: r,
+    setValue: v
+  };
+}, H = ({
+  children: s,
+  ...u
+}) => {
+  const a = I(u);
+  return /* @__PURE__ */ C(d.Provider, { value: a, children: s });
+};
+export {
+  H as FormContextProvider,
+  d as StepsContext,
+  G as useSteps
+};