npm - @layers-app/shared - Versions diffs - 0.2.8 → 0.3.1 - Mend

@layers-app/shared 0.2.8 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/components/FormViewer/store/formStore.d.ts CHANGED Viewed

@@ -57,16 +57,6 @@ export declare const createFormStore: () => {
         scrollToControl: (controlId: string) => void;
         getConfig: () => Required<{
             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;
@@ -79,6 +69,16 @@ export declare const createFormStore: () => {
                     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;
@@ -104,7 +104,6 @@ export declare const createFormStore: () => {
                 customCSS?: string | undefined;
             } | undefined;
             steps?: {
-                trigger: string;
                 id: string;
                 controls: ({
                     id: string;
@@ -117,33 +116,6 @@ export declare const createFormStore: () => {
                     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";
@@ -157,72 +129,74 @@ export declare const createFormStore: () => {
                     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;
@@ -231,21 +205,21 @@ export declare const createFormStore: () => {
                     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;
@@ -254,7 +228,7 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "location";
+                    controlType: "phone";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -263,7 +237,7 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "phone";
+                    controlType: "email";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -272,37 +246,62 @@ export declare const createFormStore: () => {
                     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";
@@ -312,14 +311,15 @@ export declare const createFormStore: () => {
                     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;
@@ -327,22 +327,12 @@ export declare const createFormStore: () => {
                     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;
@@ -355,6 +345,16 @@ export declare const createFormStore: () => {
                         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;
@@ -385,7 +385,6 @@ export declare const createFormStore: () => {
                 } | undefined;
             }[] | undefined;
             listStep?: {
-                trigger: string;
                 id: string;
                 controls: ({
                     id: string;
@@ -400,80 +399,71 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "longText";
+                    controlType: "date";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
                     placeholder?: string | undefined;
-                    minLength?: number | undefined;
-                    maxLength?: number | undefined;
                     variableName?: string | undefined;
+                    minDate?: string | undefined;
+                    maxDate?: 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";
+                    controlType: "number";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
                     placeholder?: string | undefined;
                     variableName?: string | undefined;
-                    minDate?: string | undefined;
-                    maxDate?: string | undefined;
+                    min?: number | undefined;
+                    max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "start";
+                    options: {
+                        id: string;
+                        label: string;
+                    }[];
+                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
-                    label?: string | undefined;
-                    showIconButton?: boolean | 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: "confirm";
+                    controlType: "slider";
                     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;
+                    min?: number | undefined;
+                    max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "number";
+                    options: {
+                        id: string;
+                        label: string;
+                    }[];
+                    controlType: "dropdown";
                     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";
                     title?: string | undefined;
                     description?: string | undefined;
@@ -482,42 +472,35 @@ export declare const createFormStore: () => {
                     showInput?: boolean | undefined;
                     otherOption?: boolean | undefined;
                 } | {
+                    id: string;
                     options: {
                         id: string;
                         label: string;
+                        image?: string | undefined;
                     }[];
-                    id: string;
-                    controlType: "multipleChoice";
+                    controlType: "pictureChoice";
                     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;
                 } | {
-                    options: {
-                        id: string;
-                        label: string;
-                        image?: string | undefined;
-                    }[];
                     id: string;
-                    controlType: "pictureChoice";
+                    controlType: "upload";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
                     variableName?: string | undefined;
-                    showInput?: boolean | undefined;
+                    multiple?: boolean | undefined;
+                    maxFiles?: number | undefined;
+                    minFiles?: number | undefined;
+                    accept?: string[] | undefined;
+                    maxSize?: number | undefined;
                 } | {
-                    options: {
-                        id: string;
-                        label: string;
-                    }[];
                     id: string;
-                    controlType: "dropdown";
+                    controlType: "location";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -526,7 +509,7 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "email";
+                    controlType: "phone";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -535,7 +518,7 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "location";
+                    controlType: "email";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -544,46 +527,62 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "phone";
+                    controlType: "yesNo";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
-                    placeholder?: string | undefined;
                     variableName?: string | undefined;
+                    yesLabel?: string | undefined;
+                    noLabel?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "slider";
+                    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;
-                    min?: number | undefined;
-                    max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "upload";
+                    controlType: "start";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
-                    variableName?: string | undefined;
-                    multiple?: boolean | undefined;
-                    maxFiles?: number | undefined;
-                    minFiles?: number | undefined;
-                    accept?: string[] | undefined;
-                    maxSize?: number | undefined;
+                    label?: string | undefined;
+                    showButton?: boolean | undefined;
+                    buttonIcon?: string | undefined;
+                    showIconButton?: boolean | undefined;
                 } | {
                     id: string;
-                    controlType: "yesNo";
+                    controlType: "confirm";
                     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;
+                    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";
@@ -593,14 +592,15 @@ export declare const createFormStore: () => {
                     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;
@@ -608,22 +608,12 @@ export declare const createFormStore: () => {
                     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;
@@ -636,6 +626,16 @@ export declare const createFormStore: () => {
                         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;
@@ -735,16 +735,6 @@ export declare const useFormViewerStore: () => {
         scrollToControl: (controlId: string) => void;
         getConfig: () => Required<{
             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;
@@ -757,6 +747,16 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -782,7 +782,6 @@ export declare const useFormViewerStore: () => {
                 customCSS?: string | undefined;
             } | undefined;
             steps?: {
-                trigger: string;
                 id: string;
                 controls: ({
                     id: string;
@@ -795,33 +794,6 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -835,72 +807,74 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -909,21 +883,21 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -932,7 +906,7 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "location";
+                    controlType: "phone";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -941,7 +915,7 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "phone";
+                    controlType: "email";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -950,37 +924,62 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -990,14 +989,15 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1005,22 +1005,12 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1033,6 +1023,16 @@ export declare const useFormViewerStore: () => {
                         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;
@@ -1063,7 +1063,6 @@ export declare const useFormViewerStore: () => {
                 } | undefined;
             }[] | undefined;
             listStep?: {
-                trigger: string;
                 id: string;
                 controls: ({
                     id: string;
@@ -1076,33 +1075,6 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -1116,72 +1088,74 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1190,21 +1164,21 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1213,7 +1187,7 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "location";
+                    controlType: "phone";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1222,7 +1196,7 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "phone";
+                    controlType: "email";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1231,37 +1205,62 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -1271,14 +1270,15 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1286,22 +1286,12 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1314,6 +1304,16 @@ export declare const useFormViewerStore: () => {
                         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;