npm - @layers-app/shared - Versions diffs - 0.3.9 → 0.4.0 - Mend

@layers-app/shared 0.3.9 → 0.4.0

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 (190) hide show

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

@@ -56,6 +56,53 @@ export declare const createFormStore: () => {
         setFormLayout: (layout: import("..").FormLayout) => void;
         scrollToControl: (controlId: string) => void;
         getConfig: () => Required<{
+            theme?: {
+                title?: {
+                    color?: string | undefined;
+                    fontSize?: number | undefined;
+                    fontWeight?: number | undefined;
+                    fontFamily?: string | undefined;
+                } | undefined;
+                description?: {
+                    color?: string | undefined;
+                    fontSize?: number | undefined;
+                    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;
+                primaryColor?: string | undefined;
+                font?: {
+                    color?: 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;
+                    shadowSize?: number | undefined;
+                    shadowColor?: string | undefined;
+                } | undefined;
+                input?: {
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                } | undefined;
+                customCSS?: string | undefined;
+            } | undefined;
             steps?: {
                 id: string;
                 controls: ({
@@ -93,11 +140,11 @@ export declare const createFormStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "multipleChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -114,16 +161,16 @@ export declare const createFormStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    variableName?: string | undefined;
                     min?: number | undefined;
                     max?: number | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "dropdown";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -132,25 +179,25 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "choice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    showInput?: boolean | undefined;
                     variableName?: string | undefined;
+                    showInput?: boolean | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
-                    controlType: "pictureChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                         image?: string | undefined;
                     }[];
+                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -163,13 +210,13 @@ export declare const createFormStore: () => {
                     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;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "location";
@@ -203,10 +250,10 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    yesLabel?: string | undefined;
-                    noLabel?: string | undefined;
                     required?: boolean | undefined;
                     variableName?: string | undefined;
+                    yesLabel?: string | undefined;
+                    noLabel?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -225,9 +272,9 @@ export declare const createFormStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
-                    label?: string | undefined;
                     showIconButton?: boolean | undefined;
                 } | {
                     id: string;
@@ -235,25 +282,25 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
                     link?: string | undefined;
-                    label?: 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;
+                    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;
-                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -270,9 +317,9 @@ export declare const createFormStore: () => {
                 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;
@@ -280,52 +327,52 @@ export declare const createFormStore: () => {
                     blur?: number | undefined;
                 } | undefined;
                 conditions?: {
+                    trigger: string;
                     controlId: string;
                     operator: string;
-                    trigger: string;
                     compareValue?: string | undefined;
                 }[] | undefined;
                 theme?: {
-                    size?: "sm" | "md" | "lg" | undefined;
-                    align?: "start" | "center" | "end" | undefined;
-                    listStyle?: string | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
-                    primaryColor?: string | undefined;
                     title?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     description?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         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;
+                    primaryColor?: string | undefined;
                     font?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     container?: {
                         color?: string | undefined;
-                        opacity?: number | undefined;
                         blur?: number | undefined;
+                        opacity?: number | undefined;
                         backgroundImage?: string | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    background?: {
-                        color?: string | undefined;
-                        image?: string | undefined;
-                        blur?: number | undefined;
-                        brightness?: number | undefined;
-                        opacity?: number | undefined;
-                        fit?: string | undefined;
-                        blendMode?: string | undefined;
-                    } | undefined;
                     input?: {
                         backgroundColor?: string | undefined;
                         borderColor?: string | undefined;
@@ -374,11 +421,11 @@ export declare const createFormStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "multipleChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -395,16 +442,16 @@ export declare const createFormStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    variableName?: string | undefined;
                     min?: number | undefined;
                     max?: number | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "dropdown";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -413,25 +460,25 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "choice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    showInput?: boolean | undefined;
                     variableName?: string | undefined;
+                    showInput?: boolean | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
-                    controlType: "pictureChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                         image?: string | undefined;
                     }[];
+                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -444,13 +491,13 @@ export declare const createFormStore: () => {
                     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;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "location";
@@ -484,10 +531,10 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    yesLabel?: string | undefined;
-                    noLabel?: string | undefined;
                     required?: boolean | undefined;
                     variableName?: string | undefined;
+                    yesLabel?: string | undefined;
+                    noLabel?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -506,9 +553,9 @@ export declare const createFormStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
-                    label?: string | undefined;
                     showIconButton?: boolean | undefined;
                 } | {
                     id: string;
@@ -516,25 +563,25 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
                     link?: string | undefined;
-                    label?: 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;
+                    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;
-                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -551,9 +598,9 @@ export declare const createFormStore: () => {
                 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;
@@ -561,52 +608,52 @@ export declare const createFormStore: () => {
                     blur?: number | undefined;
                 } | undefined;
                 conditions?: {
+                    trigger: string;
                     controlId: string;
                     operator: string;
-                    trigger: string;
                     compareValue?: string | undefined;
                 }[] | undefined;
                 theme?: {
-                    size?: "sm" | "md" | "lg" | undefined;
-                    align?: "start" | "center" | "end" | undefined;
-                    listStyle?: string | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
-                    primaryColor?: string | undefined;
                     title?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     description?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         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;
+                    primaryColor?: string | undefined;
                     font?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     container?: {
                         color?: string | undefined;
-                        opacity?: number | undefined;
                         blur?: number | undefined;
+                        opacity?: number | undefined;
                         backgroundImage?: string | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    background?: {
-                        color?: string | undefined;
-                        image?: string | undefined;
-                        blur?: number | undefined;
-                        brightness?: number | undefined;
-                        opacity?: number | undefined;
-                        fit?: string | undefined;
-                        blendMode?: string | undefined;
-                    } | undefined;
                     input?: {
                         backgroundColor?: string | undefined;
                         borderColor?: string | undefined;
@@ -618,57 +665,10 @@ export declare const createFormStore: () => {
                     y: number;
                 } | undefined;
             } | undefined;
-            theme?: {
-                size?: "sm" | "md" | "lg" | undefined;
-                align?: "start" | "center" | "end" | undefined;
-                listStyle?: string | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
-                primaryColor?: string | undefined;
-                title?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                description?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                font?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                container?: {
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    blur?: number | undefined;
-                    backgroundImage?: string | undefined;
-                    shadowSize?: number | undefined;
-                    shadowColor?: string | undefined;
-                } | undefined;
-                background?: {
-                    color?: string | undefined;
-                    image?: string | undefined;
-                    blur?: number | undefined;
-                    brightness?: number | undefined;
-                    opacity?: number | undefined;
-                    fit?: string | undefined;
-                    blendMode?: string | undefined;
-                } | undefined;
-                input?: {
-                    backgroundColor?: string | undefined;
-                    borderColor?: string | undefined;
-                } | undefined;
-                customCSS?: string | undefined;
-            } | undefined;
             settings?: {
+                layout: "slides" | "list";
                 slideAnimation: "vertical" | "horizontal" | "none";
                 freeNav: boolean;
-                layout: "slides" | "list";
                 enterIndicator?: any;
                 progressBar?: boolean | undefined;
                 copyright?: boolean | undefined;
@@ -734,6 +734,53 @@ export declare const useFormViewerStore: () => {
         setFormLayout: (layout: import("..").FormLayout) => void;
         scrollToControl: (controlId: string) => void;
         getConfig: () => Required<{
+            theme?: {
+                title?: {
+                    color?: string | undefined;
+                    fontSize?: number | undefined;
+                    fontWeight?: number | undefined;
+                    fontFamily?: string | undefined;
+                } | undefined;
+                description?: {
+                    color?: string | undefined;
+                    fontSize?: number | undefined;
+                    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;
+                primaryColor?: string | undefined;
+                font?: {
+                    color?: 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;
+                    shadowSize?: number | undefined;
+                    shadowColor?: string | undefined;
+                } | undefined;
+                input?: {
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                } | undefined;
+                customCSS?: string | undefined;
+            } | undefined;
             steps?: {
                 id: string;
                 controls: ({
@@ -771,11 +818,11 @@ export declare const useFormViewerStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "multipleChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -792,16 +839,16 @@ export declare const useFormViewerStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    variableName?: string | undefined;
                     min?: number | undefined;
                     max?: number | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "dropdown";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -810,25 +857,25 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "choice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    showInput?: boolean | undefined;
                     variableName?: string | undefined;
+                    showInput?: boolean | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
-                    controlType: "pictureChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                         image?: string | undefined;
                     }[];
+                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -841,13 +888,13 @@ export declare const useFormViewerStore: () => {
                     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;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "location";
@@ -881,10 +928,10 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    yesLabel?: string | undefined;
-                    noLabel?: string | undefined;
                     required?: boolean | undefined;
                     variableName?: string | undefined;
+                    yesLabel?: string | undefined;
+                    noLabel?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -903,9 +950,9 @@ export declare const useFormViewerStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
-                    label?: string | undefined;
                     showIconButton?: boolean | undefined;
                 } | {
                     id: string;
@@ -913,25 +960,25 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
                     link?: string | undefined;
-                    label?: 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;
+                    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;
-                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -948,9 +995,9 @@ export declare const useFormViewerStore: () => {
                 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;
@@ -958,52 +1005,52 @@ export declare const useFormViewerStore: () => {
                     blur?: number | undefined;
                 } | undefined;
                 conditions?: {
+                    trigger: string;
                     controlId: string;
                     operator: string;
-                    trigger: string;
                     compareValue?: string | undefined;
                 }[] | undefined;
                 theme?: {
-                    size?: "sm" | "md" | "lg" | undefined;
-                    align?: "start" | "center" | "end" | undefined;
-                    listStyle?: string | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
-                    primaryColor?: string | undefined;
                     title?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     description?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         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;
+                    primaryColor?: string | undefined;
                     font?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     container?: {
                         color?: string | undefined;
-                        opacity?: number | undefined;
                         blur?: number | undefined;
+                        opacity?: number | undefined;
                         backgroundImage?: string | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    background?: {
-                        color?: string | undefined;
-                        image?: string | undefined;
-                        blur?: number | undefined;
-                        brightness?: number | undefined;
-                        opacity?: number | undefined;
-                        fit?: string | undefined;
-                        blendMode?: string | undefined;
-                    } | undefined;
                     input?: {
                         backgroundColor?: string | undefined;
                         borderColor?: string | undefined;
@@ -1052,11 +1099,11 @@ export declare const useFormViewerStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
-                    controlType: "multipleChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1073,16 +1120,16 @@ export declare const useFormViewerStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    variableName?: string | undefined;
                     min?: number | undefined;
                     max?: number | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "dropdown";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1091,25 +1138,25 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
-                    controlType: "choice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                     }[];
+                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    showInput?: boolean | undefined;
                     variableName?: string | undefined;
+                    showInput?: boolean | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
-                    controlType: "pictureChoice";
                     options: {
-                        label: string;
                         id: string;
+                        label: string;
                         image?: string | undefined;
                     }[];
+                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1122,13 +1169,13 @@ export declare const useFormViewerStore: () => {
                     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;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "location";
@@ -1162,10 +1209,10 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    yesLabel?: string | undefined;
-                    noLabel?: string | undefined;
                     required?: boolean | undefined;
                     variableName?: string | undefined;
+                    yesLabel?: string | undefined;
+                    noLabel?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -1184,9 +1231,9 @@ export declare const useFormViewerStore: () => {
                     description?: string | undefined;
                     icon?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
-                    label?: string | undefined;
                     showIconButton?: boolean | undefined;
                 } | {
                     id: string;
@@ -1194,25 +1241,25 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
+                    label?: string | undefined;
                     showButton?: boolean | undefined;
                     buttonIcon?: string | undefined;
                     link?: string | undefined;
-                    label?: 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;
+                    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;
-                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -1229,9 +1276,9 @@ export declare const useFormViewerStore: () => {
                 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;
@@ -1239,52 +1286,52 @@ export declare const useFormViewerStore: () => {
                     blur?: number | undefined;
                 } | undefined;
                 conditions?: {
+                    trigger: string;
                     controlId: string;
                     operator: string;
-                    trigger: string;
                     compareValue?: string | undefined;
                 }[] | undefined;
                 theme?: {
-                    size?: "sm" | "md" | "lg" | undefined;
-                    align?: "start" | "center" | "end" | undefined;
-                    listStyle?: string | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
-                    primaryColor?: string | undefined;
                     title?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     description?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         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;
+                    primaryColor?: string | undefined;
                     font?: {
+                        color?: string | undefined;
                         fontSize?: number | undefined;
                         fontWeight?: number | undefined;
                         fontFamily?: string | undefined;
-                        color?: string | undefined;
                     } | undefined;
                     container?: {
                         color?: string | undefined;
-                        opacity?: number | undefined;
                         blur?: number | undefined;
+                        opacity?: number | undefined;
                         backgroundImage?: string | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    background?: {
-                        color?: string | undefined;
-                        image?: string | undefined;
-                        blur?: number | undefined;
-                        brightness?: number | undefined;
-                        opacity?: number | undefined;
-                        fit?: string | undefined;
-                        blendMode?: string | undefined;
-                    } | undefined;
                     input?: {
                         backgroundColor?: string | undefined;
                         borderColor?: string | undefined;
@@ -1296,57 +1343,10 @@ export declare const useFormViewerStore: () => {
                     y: number;
                 } | undefined;
             } | undefined;
-            theme?: {
-                size?: "sm" | "md" | "lg" | undefined;
-                align?: "start" | "center" | "end" | undefined;
-                listStyle?: string | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
-                primaryColor?: string | undefined;
-                title?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                description?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                font?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                container?: {
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    blur?: number | undefined;
-                    backgroundImage?: string | undefined;
-                    shadowSize?: number | undefined;
-                    shadowColor?: string | undefined;
-                } | undefined;
-                background?: {
-                    color?: string | undefined;
-                    image?: string | undefined;
-                    blur?: number | undefined;
-                    brightness?: number | undefined;
-                    opacity?: number | undefined;
-                    fit?: string | undefined;
-                    blendMode?: string | undefined;
-                } | undefined;
-                input?: {
-                    backgroundColor?: string | undefined;
-                    borderColor?: string | undefined;
-                } | undefined;
-                customCSS?: string | undefined;
-            } | undefined;
             settings?: {
+                layout: "slides" | "list";
                 slideAnimation: "vertical" | "horizontal" | "none";
                 freeNav: boolean;
-                layout: "slides" | "list";
                 enterIndicator?: any;
                 progressBar?: boolean | undefined;
                 copyright?: boolean | undefined;