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

@layers-app/shared 0.3.7 → 0.3.9

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,53 +56,6 @@ 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: ({
@@ -140,11 +93,11 @@ export declare const createFormStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
+                    controlType: "multipleChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -161,16 +114,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: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -179,25 +132,25 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
+                    controlType: "choice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    variableName?: string | undefined;
                     showInput?: boolean | undefined;
+                    variableName?: string | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
+                    controlType: "pictureChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                         image?: string | undefined;
                     }[];
-                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -210,13 +163,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";
@@ -250,10 +203,10 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                     yesLabel?: string | undefined;
                     noLabel?: string | undefined;
+                    required?: boolean | undefined;
+                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -272,9 +225,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;
@@ -282,25 +235,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;
-                    buttonIcon?: string | undefined;
-                    showIconButton?: boolean | 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;
+                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -317,9 +270,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;
@@ -327,52 +280,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;
-                        blur?: number | 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;
@@ -421,11 +374,11 @@ export declare const createFormStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
+                    controlType: "multipleChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -442,16 +395,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: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -460,25 +413,25 @@ export declare const createFormStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
+                    controlType: "choice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    variableName?: string | undefined;
                     showInput?: boolean | undefined;
+                    variableName?: string | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
+                    controlType: "pictureChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                         image?: string | undefined;
                     }[];
-                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -491,13 +444,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";
@@ -531,10 +484,10 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                     yesLabel?: string | undefined;
                     noLabel?: string | undefined;
+                    required?: boolean | undefined;
+                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -553,9 +506,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;
@@ -563,25 +516,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;
-                    buttonIcon?: string | undefined;
-                    showIconButton?: boolean | 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;
+                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -598,9 +551,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;
@@ -608,52 +561,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;
-                        blur?: number | 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;
@@ -665,10 +618,57 @@ 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,53 +734,6 @@ 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: ({
@@ -818,11 +771,11 @@ export declare const useFormViewerStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
+                    controlType: "multipleChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -839,16 +792,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: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -857,25 +810,25 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
+                    controlType: "choice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    variableName?: string | undefined;
                     showInput?: boolean | undefined;
+                    variableName?: string | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
+                    controlType: "pictureChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                         image?: string | undefined;
                     }[];
-                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -888,13 +841,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";
@@ -928,10 +881,10 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                     yesLabel?: string | undefined;
                     noLabel?: string | undefined;
+                    required?: boolean | undefined;
+                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -950,9 +903,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;
@@ -960,25 +913,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;
-                    buttonIcon?: string | undefined;
-                    showIconButton?: boolean | 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;
+                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -995,9 +948,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;
@@ -1005,52 +958,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;
-                        blur?: number | 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;
@@ -1099,11 +1052,11 @@ export declare const useFormViewerStore: () => {
                     max?: number | undefined;
                 } | {
                     id: string;
+                    controlType: "multipleChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "multipleChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1120,16 +1073,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: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "dropdown";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1138,25 +1091,25 @@ export declare const useFormViewerStore: () => {
                     variableName?: string | undefined;
                 } | {
                     id: string;
+                    controlType: "choice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                     }[];
-                    controlType: "choice";
                     title?: string | undefined;
                     description?: string | undefined;
                     required?: boolean | undefined;
-                    variableName?: string | undefined;
                     showInput?: boolean | undefined;
+                    variableName?: string | undefined;
                     otherOption?: boolean | undefined;
                 } | {
                     id: string;
+                    controlType: "pictureChoice";
                     options: {
-                        id: string;
                         label: string;
+                        id: string;
                         image?: string | undefined;
                     }[];
-                    controlType: "pictureChoice";
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
@@ -1169,13 +1122,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";
@@ -1209,10 +1162,10 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    required?: boolean | undefined;
-                    variableName?: string | undefined;
                     yesLabel?: string | undefined;
                     noLabel?: string | undefined;
+                    required?: boolean | undefined;
+                    variableName?: string | undefined;
                 } | {
                     id: string;
                     controlType: "longText";
@@ -1231,9 +1184,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;
@@ -1241,25 +1194,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;
-                    buttonIcon?: string | undefined;
-                    showIconButton?: boolean | 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;
+                    required?: boolean | undefined;
                     fullWidthMobile?: boolean | undefined;
                 } | {
                     id: string;
@@ -1276,9 +1229,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;
@@ -1286,52 +1239,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;
-                        blur?: number | 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;
@@ -1343,10 +1296,57 @@ 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;