@cakemail-org/ui-components-v2 2.0.97 → 2.0.99

package/dist/cjs/components/index.d.ts

@@ -30,6 +30,7 @@ export * from "./iconPill";
 export * from "./informationGroup";
 export * from "./inlineTextEdit";
 export * from "./linearProgress";
+export * from "./link";
 export * from "./loadingContainer";
 export * from "./logo";
 export * from "./metricCard";

package/dist/cjs/components/link/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TLink } from "./types";
+export declare function Link({ variant, color, children, className, bold, semiBold, ...props }: TLink): React.JSX.Element;
+export default Link;

package/dist/cjs/components/link/types.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from "@mui/material";
+import { TColorsMain, TTypographyVariant } from "../../types/generic";
+export interface TLink extends LinkProps {
+    variant?: TTypographyVariant;
+    color?: TColorsMain;
+    bold?: boolean;
+    semiBold?: boolean;
+}

package/dist/cjs/data/theme/MuiLink.d.ts

@@ -0,0 +1,101 @@
+import { Theme } from "@mui/material";
+declare module "@mui/material/styles" {
+    interface LinkVariants {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+    interface LinkVariantsOptions {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface LinkPropsVariantOverrides {
+        h1L: true;
+        h1S: true;
+        displayL: true;
+        display: true;
+        displayS: true;
+        h2L: true;
+        h2S: true;
+        headlineL: true;
+        headline: true;
+        headlineS: true;
+        h3L: true;
+        h3S: true;
+        titleL: true;
+        title: true;
+        titleS: true;
+        body1L: true;
+        body1S: true;
+        body2L: true;
+        body2S: true;
+        linkS: true;
+        link: true;
+        linkL: true;
+    }
+}
+export default function getMuiLink(theme: Theme): {
+    variants: {
+        props: {
+            color: string;
+        };
+        style: {
+            "&:hover": {
+                color: string;
+            };
+        };
+    }[];
+    styleOverrides: {
+        root: {
+            cursor: string;
+            "&:hover": {
+                color: string;
+            };
+        };
+    };
+    defaultProps: {
+        color: string;
+        variant: string;
+    };
+};

package/dist/cjs/factories/forms/index.d.ts

@@ -8,5 +8,9 @@ export declare class FormsFactory {
     static create({ form }: {
         form: Partial<TEnhancedFormModel>;
     }): Promise<EnhancedFormModel>;
+    static renderPublic({ id, token }: {
+        id: string;
+        token: string;
+    }): Promise<string>;
 }
 export * from "./types";

package/dist/cjs/index.js

@@ -6152,6 +6152,273 @@ function getMuiLinearProgress(theme) {
     };
 }
 
+function getMuiLink(theme) {
+    return {
+        variants: [
+            {
+                props: { color: "secondary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.secondary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "primary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.primary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body1.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body1.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body2.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body2.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "darkMatter.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.darkMatter.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "silver.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.silver.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "wildSand.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.wildSand.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "cloud.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.cloud.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "boulder.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.boulder.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "pebble.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.pebble.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "white.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.white.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade1000.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade1000.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade950.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade950.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade900.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade900.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade850.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade850.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade800.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade800.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade750.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade750.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade700.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade700.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade650.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade650.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade600.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade600.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade550.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade550.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade500.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade500.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade450.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade450.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade400.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade400.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade350.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade350.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade300.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade300.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade250.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade250.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade200.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade200.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade150.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade150.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade100.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade100.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade50.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade50.dark,
+                    }
+                },
+            },
+        ],
+        styleOverrides: {
+            root: {
+                cursor: "pointer",
+                "&:hover": {
+                    color: theme.palette.primary.dark,
+                }
+            },
+        },
+        defaultProps: {
+            color: "secondary.main",
+            variant: "link"
+        },
+    };
+}
+
 function getMuiMenu(theme) {
     return {
         styleOverrides: {
@@ -7375,43 +7642,7 @@ function buildMUITheme(_a) {
             MuiFab: {},
             MuiTextField: getMuiTextField(theme),
             MuiToolbar: {},
-            MuiLink: {
-                styleOverrides: {
-                    root: {
-                        fontFamily: bodyFont,
-                        fontWeight: 400,
-                        fontSize: "1rem",
-                        letterSpacing: "0px",
-                        textDecoration: "underline",
-                        cursor: "pointer",
-                        color: theme.palette.secondary.main,
-                        "&:hover": {
-                            color: theme.palette.secondary.dark,
-                        }
-                    },
-                },
-                variants: [
-                    //These new variants can specify what styles the component should have when that specific variant prop value is applied.
-                    {
-                        props: { color: "text.secondary" },
-                        style: {
-                            color: theme.palette.text.secondary,
-                            "&:hover": {
-                                color: theme.palette.text.primary,
-                            }
-                        },
-                    },
-                    {
-                        props: { color: "primary" },
-                        style: {
-                            color: theme.palette.primary.main,
-                            "&:hover": {
-                                color: theme.palette.primary.dark,
-                            }
-                        },
-                    }
-                ],
-            },
+            MuiLink: getMuiLink(theme),
             MuiTypography: {
                 defaultProps: {
                     variantMapping: {
@@ -8834,6 +9065,15 @@ function FileUpload(_a) {
             }), value: dropdown.value }));
 }
 
+function Link(_a) {
+    var variant = _a.variant, color = _a.color, children = _a.children, className = _a.className, bold = _a.bold, semiBold = _a.semiBold, props = __rest(_a, ["variant", "color", "children", "className", "bold", "semiBold"]);
+    var classes = classNames(className, {
+        "bold": bold,
+        "semiBold": semiBold,
+    });
+    return React.createElement(material.Link, __assign({}, props, { variant: variant, color: color, className: classes }), children);
+}
+
 var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
 styleInject(css_248z$b);
 
@@ -9008,7 +9248,7 @@ function FilterBar(_a) {
                                 React.createElement(DropMenu, { inlineMenu: true, options: dropMenuOptions }),
                                 currentAction && React.createElement(Button, { color: "cloud", onClick: currentAction.onClick }, currentAction.text)))),
             !showSearch &&
-                React.createElement(material.Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
+                React.createElement(Link, { color: "secondary.main", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
                     React.createElement(Icon, { name: "Add18", color: "secondary" }),
                     " ",
                     addFilterTxt)),
@@ -9023,10 +9263,8 @@ function FilterBar(_a) {
         }).reverse()),
         cFilterTerms.length > 0 &&
             React.createElement(material.Stack, { direction: "row", className: "actionContainer", alignItems: "center", justifyContent: "center", gap: 3 },
-                onSave && React.createElement(material.Link, { onClick: handleOnSave },
-                    React.createElement(Typography, { variant: "body2" }, saveTxt)),
-                React.createElement(material.Link, { onClick: handleOnClear },
-                    React.createElement(Typography, { variant: "body2" }, clearTxt))));
+                onSave && React.createElement(Link, { onClick: handleOnSave, variant: "body2" }, saveTxt),
+                React.createElement(Link, { onClick: handleOnClear, variant: "body2" }, clearTxt)));
 }
 
 var emptyAccountLimits = {
@@ -9936,6 +10174,15 @@ function renderForm(_a) {
         }
     });
 }
+function renderPublicHtmlForm(_a) {
+    var id = _a.id, token = _a.token;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/render-html?token=" + token,
+        fetchOptions: {
+            method: exports.EMethods.get
+        }
+    });
+}
 
 exports.EEditorType = void 0;
 (function (EEditorType) {
@@ -15863,7 +16110,7 @@ function ResourceEdit(_a) {
         React.createElement(material.Box, { className: "resource-support ".concat(!open ? "open" : "hidden") }, support));
 }
 
-var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
+var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
 styleInject(css_248z$2);
 
 //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
@@ -15899,7 +16146,7 @@ function SideMenuItem(_a) {
     var mainClasses = classNames("sideMenuItem-component-v2", className, item.className, variant);
     return React.createElement(Box, { className: mainClasses },
         variant === "" || variant === "soloItem" ?
-            React.createElement(material.Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
+            React.createElement(Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
                 item.prefix && React.cloneElement(item.prefix, { key: 'sideMenuItemPrefix' }),
                 item.icon && React.createElement(Icon, { name: item.icon }),
                 React.createElement(material.Stack, { alignItems: "flex-start", justifyContent: "center", flex: 1 },
@@ -16860,7 +17107,7 @@ var FormModel = /** @class */ (function (_super) {
 var SummaryEnhancedFormModel = /** @class */ (function (_super) {
     __extends(SummaryEnhancedFormModel, _super);
     function SummaryEnhancedFormModel(_a) {
-        var id = _a.id, list_id = _a.list_id, enabled = _a.enabled, name = _a.name, description = _a.description, tags = _a.tags, post_redirect_url = _a.post_redirect_url, double_opt_in = _a.double_opt_in, double_opt_in_redirect_url = _a.double_opt_in_redirect_url, submission_url = _a.submission_url, async_processing = _a.async_processing, branding = _a.branding, created_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, edited_by = _a.edited_by, thumbnail_url = _a.thumbnail_url, recaptcha = _a.recaptcha;
+        var id = _a.id, list_id = _a.list_id, enabled = _a.enabled, name = _a.name, description = _a.description, tags = _a.tags, post_redirect_url = _a.post_redirect_url, double_opt_in = _a.double_opt_in, double_opt_in_redirect_url = _a.double_opt_in_redirect_url, submission_url = _a.submission_url, async_processing = _a.async_processing, branding = _a.branding, created_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, edited_by = _a.edited_by, thumbnail_url = _a.thumbnail_url, recaptcha = _a.recaptcha, published_url = _a.published_url;
         var _this = _super.call(this, { id: id, name: name, list_id: list_id, double_opt_in: double_opt_in }) || this;
         _this.enabled = enabled;
         _this.description = description;
@@ -16876,6 +17123,7 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         _this.edited_by = edited_by;
         _this.thumbnail_url = thumbnail_url;
         _this.recaptcha = recaptcha;
+        _this.published_url = published_url;
         return _this;
     }
     SummaryEnhancedFormModel.prototype.enable = function () {
@@ -17203,6 +17451,16 @@ var FormsFactory = /** @class */ (function () {
             });
         });
     };
+    FormsFactory.renderPublic = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var id = _b.id, token = _b.token;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, renderPublicHtmlForm({ id: id, token: token }).then(function (data) {
+                        return data;
+                    })];
+            });
+        });
+    };
     return FormsFactory;
 }());
 
@@ -17529,6 +17787,7 @@ exports.IconPill = IconPill;
 exports.InformationGroup = InformationGroup;
 exports.InlineTextEdit = InlineTextEdit;
 exports.LinearProgress = LinearProgress;
+exports.Link = Link;
 exports.ListCampaignModel = ListCampaignModel;
 exports.ListModel = ListModel;
 exports.ListTemplateModel = ListTemplateModel;
@@ -17698,6 +17957,7 @@ exports.removeQueryParams = removeQueryParams;
 exports.removeTrailingChar = removeTrailingChar;
 exports.renderCampaign = renderCampaign;
 exports.renderForm = renderForm;
+exports.renderPublicHtmlForm = renderPublicHtmlForm;
 exports.renderTemplate = renderTemplate;
 exports.requestSupportService = requestSupportService;
 exports.resumeCampaign = resumeCampaign;

package/dist/cjs/models/form/index.d.ts

@@ -44,16 +44,17 @@ export declare class SummaryEnhancedFormModel extends CommonFormModel {
     tags: string[] | null;
     post_redirect_url: string;
     double_opt_in_redirect_url: string;
-    submission_url: string;
     async_processing: boolean;
     branding: string;
+    recaptcha: TEnhancedFormRecaptcha;
+    readonly submission_url: string;
     readonly created_on: number;
     readonly updated_on: number;
     readonly published_on: number;
     readonly edited_by: TEnhancedFormEditedBy;
     readonly thumbnail_url: string;
-    recaptcha: TEnhancedFormRecaptcha;
-    constructor({ id, list_id, enabled, name, description, tags, post_redirect_url, double_opt_in, double_opt_in_redirect_url, submission_url, async_processing, branding, created_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, }: TSummaryEnhancedFormModel);
+    readonly published_url: string;
+    constructor({ id, list_id, enabled, name, description, tags, post_redirect_url, double_opt_in, double_opt_in_redirect_url, submission_url, async_processing, branding, created_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, published_url }: TSummaryEnhancedFormModel);
     enable(): Promise<EnhancedFormModel>;
     disable(): Promise<EnhancedFormModel>;
     publish(): Promise<EnhancedFormModel>;

package/dist/cjs/models/form/types.d.ts

@@ -53,6 +53,7 @@ export interface TSummaryEnhancedFormModel {
     readonly edited_by: TEnhancedFormEditedBy;
     readonly thumbnail_url: string;
     recaptcha: TEnhancedFormRecaptcha;
+    published_url: string;
 }
 export interface TEnhancedFormModel extends TSummaryEnhancedFormModel {
     content: TEnhancedFormContent;

package/dist/cjs/services/forms/index.d.ts

@@ -27,4 +27,8 @@ export declare function renderForm({ id, published }: {
     id: string;
     published: boolean;
 }): Promise<any>;
+export declare function renderPublicHtmlForm({ id, token }: {
+    id: string;
+    token: string;
+}): Promise<any>;
 export * from "./types";