@layers-app/shared 0.2.8 → 0.3.1

package/dist/components/FormViewer/helpers/conditions.d.ts

@@ -2,7 +2,6 @@ import { UseFormReturnType } from '@mantine/form';
 import { StepsFormValues } from '../hooks/useCreateFormContext';
 import { ControlType, OperatorType, StepData } from '../types/form';
 export declare const getNextStep: (step: StepData, steps: StepData[], form: UseFormReturnType<StepsFormValues>) => {
-    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -15,33 +14,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         minLength?: number | undefined;
         maxLength?: number | undefined;
         variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "longText";
-        title?: string | undefined;
-        description?: string | undefined;
-        icon?: string | undefined;
-        required?: boolean | undefined;
-        placeholder?: string | undefined;
-        minLength?: number | undefined;
-        maxLength?: number | undefined;
-        variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "button";
-        title?: string | undefined;
-        description?: string | undefined;
-        required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | 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;
     } | {
         id: string;
         controlType: "date";
@@ -55,72 +27,74 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         maxDate?: string | undefined;
     } | {
         id: string;
-        controlType: "start";
+        controlType: "number";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
-        controlType: "confirm";
+        options: {
+            id: string;
+            label: string;
+        }[];
+        controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        variableName?: string | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+        showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "number";
+        controlType: "slider";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
         min?: number | undefined;
         max?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "choice";
+        controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
-        otherOption?: boolean | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "multipleChoice";
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
-        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
-        minOptions?: number | undefined;
-        maxOptions?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
             image?: string | undefined;
         }[];
-        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -129,21 +103,21 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        options: {
-            id: string;
-            label: string;
-        }[];
         id: string;
-        controlType: "dropdown";
+        controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
+        minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "email";
+        controlType: "location";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -152,7 +126,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "location";
+        controlType: "phone";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -161,7 +135,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "phone";
+        controlType: "email";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -170,37 +144,62 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "slider";
+        controlType: "yesNo";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
     } | {
         id: string;
-        controlType: "upload";
+        controlType: "longText";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
-        multiple?: boolean | undefined;
-        maxFiles?: number | undefined;
-        minFiles?: number | undefined;
-        accept?: string[] | undefined;
-        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "yesNo";
+        controlType: "start";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        variableName?: string | undefined;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+        link?: string | 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;
     } | {
         id: string;
         controlType: "rating";
@@ -210,14 +209,15 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
         count?: number | undefined;
     })[];
+    trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
     media?: {
+        image?: 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;
@@ -225,22 +225,12 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         blur?: number | undefined;
     } | undefined;
     conditions?: {
+        trigger: string;
         controlId: string;
         operator: string;
-        trigger: string;
         compareValue?: string | undefined;
     }[] | undefined;
     theme?: {
-        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;
@@ -253,6 +243,16 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
+        background?: {
+            image?: string | undefined;
+            brightness?: number | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         align?: "start" | "center" | "end" | undefined;
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;

package/dist/components/FormViewer/helpers/helpers.d.ts

@@ -1,7 +1,6 @@
 import { StepData, ThemeData } from '../types/form';
 export declare const mergeTheme: (theme: Partial<ThemeData>, updatedTheme: Partial<ThemeData>) => Partial<ThemeData>;
 export declare const sortSteps: (steps: StepData[]) => {
-    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -14,33 +13,6 @@ export declare const sortSteps: (steps: StepData[]) => {
         minLength?: number | undefined;
         maxLength?: number | undefined;
         variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "longText";
-        title?: string | undefined;
-        description?: string | undefined;
-        icon?: string | undefined;
-        required?: boolean | undefined;
-        placeholder?: string | undefined;
-        minLength?: number | undefined;
-        maxLength?: number | undefined;
-        variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "button";
-        title?: string | undefined;
-        description?: string | undefined;
-        required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | 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;
     } | {
         id: string;
         controlType: "date";
@@ -54,72 +26,74 @@ export declare const sortSteps: (steps: StepData[]) => {
         maxDate?: string | undefined;
     } | {
         id: string;
-        controlType: "start";
+        controlType: "number";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
-        controlType: "confirm";
+        options: {
+            id: string;
+            label: string;
+        }[];
+        controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        variableName?: string | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+        showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "number";
+        controlType: "slider";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
         min?: number | undefined;
         max?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "choice";
+        controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
-        otherOption?: boolean | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "multipleChoice";
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
-        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
-        minOptions?: number | undefined;
-        maxOptions?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
             image?: string | undefined;
         }[];
-        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -128,21 +102,21 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        options: {
-            id: string;
-            label: string;
-        }[];
         id: string;
-        controlType: "dropdown";
+        controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
+        minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "email";
+        controlType: "location";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -151,7 +125,7 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "location";
+        controlType: "phone";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -160,7 +134,7 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "phone";
+        controlType: "email";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -169,37 +143,62 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "slider";
+        controlType: "yesNo";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
     } | {
         id: string;
-        controlType: "upload";
+        controlType: "longText";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
-        multiple?: boolean | undefined;
-        maxFiles?: number | undefined;
-        minFiles?: number | undefined;
-        accept?: string[] | undefined;
-        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "yesNo";
+        controlType: "start";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        variableName?: string | undefined;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+        link?: string | 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;
     } | {
         id: string;
         controlType: "rating";
@@ -209,14 +208,15 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
         count?: number | undefined;
     })[];
+    trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
     media?: {
+        image?: 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;
@@ -224,22 +224,12 @@ export declare const sortSteps: (steps: StepData[]) => {
         blur?: number | undefined;
     } | undefined;
     conditions?: {
+        trigger: string;
         controlId: string;
         operator: string;
-        trigger: string;
         compareValue?: string | undefined;
     }[] | undefined;
     theme?: {
-        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;
@@ -252,6 +242,16 @@ export declare const sortSteps: (steps: StepData[]) => {
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
+        background?: {
+            image?: string | undefined;
+            brightness?: number | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         align?: "start" | "center" | "end" | undefined;
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;