@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js

@@ -18,27 +18,35 @@ export class PortalFooter {
      */
     this.supportText = "For program support, contact {email}";
     /**
-     * @uiName Show Powered By SaaSquatch
+     * @uiName Hide Powered By SaaSquatch
      */
-    this.showPoweredBy = true;
+    this.hidePoweredBy = false;
     /**
      * @uiName Powered By Link
      */
     this.poweredByLink = "https://saasquatch.com";
     /**
      * @uiName Padding Top
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingTop = "large";
     /**
      * @uiName Padding Right
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingRight = "large";
     /**
      * @uiName Padding Bottom
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingBottom = "large";
     /**
      * @uiName Padding Left
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
     withHooks(this);
@@ -176,7 +184,7 @@ export class PortalFooter {
       "attribute": "faq-text",
       "reflect": false
     },
-    "showPoweredBy": {
+    "hidePoweredBy": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -188,14 +196,14 @@ export class PortalFooter {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Show Powered By SaaSquatch",
+            "text": "Hide Powered By SaaSquatch",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "show-powered-by",
+      "attribute": "hide-powered-by",
       "reflect": false,
-      "defaultValue": "true"
+      "defaultValue": "false"
     },
     "poweredByLink": {
       "type": "string",
@@ -232,6 +240,12 @@ export class PortalFooter {
         "tags": [{
             "text": "Padding Top",
             "name": "uiName"
+          }, {
+            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
+            "name": "uiEnumNames"
           }],
         "text": ""
       },
@@ -253,6 +267,12 @@ export class PortalFooter {
         "tags": [{
             "text": "Padding Right",
             "name": "uiName"
+          }, {
+            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
+            "name": "uiEnumNames"
           }],
         "text": ""
       },
@@ -274,6 +294,12 @@ export class PortalFooter {
         "tags": [{
             "text": "Padding Bottom",
             "name": "uiName"
+          }, {
+            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
+            "name": "uiEnumNames"
           }],
         "text": ""
       },
@@ -295,6 +321,12 @@ export class PortalFooter {
         "tags": [{
             "text": "Padding Left",
             "name": "uiName"
+          }, {
+            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
+            "name": "uiEnumNames"
           }],
         "text": ""
       },

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -5,19 +5,20 @@ import deepmerge from "deepmerge";
 import { PortalForgotPasswordView, } from "./sqm-portal-forgot-password-view";
 import { usePortalForgotPassword } from "./usePortalForgotPassword";
 /**
- * @uiName Portal Forgot Password
+ * @uiName Microsite Forgot Password
  */
 export class PortalForgotPassword {
   constructor() {
     this.ignored = true;
     /**
-     * The page that users are redirected to from the password reset email.
+     * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -25,9 +26,19 @@ export class PortalForgotPassword {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
+     * @uiWidget pageSelect
      */
     this.loginPath = "/login";
+    /**
+     * @uiName Header Text
+     * @uiWidget textArea
+     */
+    this.headerText = "Enter your email below to receive a password reset link.";
+    /**
+     * Sign In Link Text
+     */
+    this.loginText = "Sign In";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -59,10 +70,13 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Base Path",
+            "text": "Email Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "The page that users are redirected to from the password reset email."
+        "text": "Redirect participants to this page after they verify their email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -80,7 +94,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Label",
+            "text": "Email Field Label",
             "name": "uiName"
           }],
         "text": ""
@@ -122,8 +136,11 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Page Routing Path",
+            "text": "Login Redirect Path",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
         "text": ""
       },
@@ -131,6 +148,48 @@ export class PortalForgotPassword {
       "reflect": false,
       "defaultValue": "\"/login\""
     },
+    "headerText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Header Text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "header-text",
+      "reflect": false,
+      "defaultValue": "\"Enter your email below to receive a password reset link.\""
+    },
+    "loginText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Sign In Link Text"
+      },
+      "attribute": "login-text",
+      "reflect": false,
+      "defaultValue": "\"Sign In\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/sqm-portal-forgot-password/usePortalForgotPassword.js

@@ -1,14 +1,15 @@
 import jsonpointer from "jsonpointer";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { useRequestPasswordResetEmailMutation } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/universal-hooks";
+import { navigation, useRequestPasswordResetEmailMutation, } from "@saasquatch/component-boilerplate";
 export function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
   const [request, { loading, data, errors }] = useRequestPasswordResetEmailMutation();
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(navigation.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a;
     setError("");
     setSuccess(false);
     let formData = event.detail.formData;
@@ -18,26 +19,25 @@ export function usePortalForgotPassword(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email: formData.email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setSuccess(true);
     }
-  }, [errors]);
+  };
   return {
     states: {
       loading,
-      error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
+      error: ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,

package/dist/collection/components/sqm-portal-frame/sqm-portal-frame-view.js

@@ -3,11 +3,7 @@ import { createStyleSheet } from "../../styling/JSS";
 import { HostBlock } from "../../global/mixins";
 const style = {
   HostBlock: HostBlock,
-  ":host": {
-    "min-height": "100vh",
-  },
   Frame: {
-    "min-height": "100vh",
     display: "flex",
     "flex-direction": "column",
     "box-sizing": "border-box",
@@ -29,7 +25,7 @@ const style = {
     "box-sizing": "border-box",
     display: "flex",
     "justify-content": "space-between",
-    padding: "var(--sl-spacing-small) var(--sl-spacing-large)",
+    // padding: "var(--sl-spacing-small) var(--sl-spacing-large)",
     "align-items": "center",
     "background-color": "var(--sqm-header-background)",
     "@media screen and (max-width: 499px)": {
@@ -42,8 +38,8 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalFrameView(props, children) {
-  const { data } = props;
-  return (h("div", { class: sheet.classes.Frame },
+  const { data, notFullScreen } = props;
+  return (h("div", { style: { minHeight: notFullScreen ? "100%" : "100vh" }, class: sheet.classes.Frame },
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.HeaderWrapper },
       data.header,

package/dist/collection/components/sqm-portal-frame/sqm-portal-frame.js

@@ -5,11 +5,16 @@ import { PortalFrameView } from "./sqm-portal-frame-view";
 import { usePortalFrame } from "./usePortalFrame";
 import deepmerge from "deepmerge";
 /**
- * @uiName Portal Frame
+ * @uiName Microsite Frame
+ * @slots [{"name":"header","title":"Header Content"},{"name":"footer","title":"Footer Content"},{"name":"","title":"Body Content"}]
  */
 export class PortalFrame {
   constructor() {
     this.ignored = true;
+    /**
+     * @undocumented
+     */
+    this.notFullScreen = false;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -25,12 +30,33 @@ export class PortalFrame {
   static get is() { return "sqm-portal-frame"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
+    "notFullScreen": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }],
+        "text": ""
+      },
+      "attribute": "not-full-screen",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalFrameViewProps>",
-        "resolved": "{ data?: { footer: VNode; header: VNode; }; }",
+        "resolved": "{ data?: { footer: VNode; header: VNode; }; notFullScreen?: boolean; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -62,6 +88,7 @@ export class PortalFrame {
 }
 function usePortalFrameDemo(footerContent, headerContent, props) {
   return deepmerge({
+    notFullScreen: true,
     data: {
       footer: footerContent ? (footerContent) : (h("span", null, "example@example.com")),
       header: headerContent ? (headerContent) : (h("div", { style: { display: "flex", flexDirection: "column" } },

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -5,63 +5,55 @@ import deepmerge from "deepmerge";
 import { PortalLoginView } from "./sqm-portal-login-view";
 import { usePortalLogin } from "./usePortalLogin";
 /**
- * @uiName Portal Login
+ * @uiName Microsite Login
  */
 export class PortalLogin {
   constructor() {
     this.ignored = true;
     /**
-     * Page navigated to after sign-in
+     * Redirect participants to this page after they successfully login.
      *
-     * @uiName Next Page Path
+     * @uiName Login Redirect
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * Label for email field
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
-     * Label for password field
-     *
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordLabel = "Password";
     /**
-     * Label for submit button
-     *
      * @uiName Submit Button Text
      */
     this.submitLabel = "Sign In";
     /**
-     * Label for forgotten password button
-     *
+     * Redirect participants to this page to reset their password
+     * @uiName Forgot Password Redirect
+     * @uiWidget pageSelect
+     */
+    this.forgotPasswordPath = "/forgotPassword";
+    /**
      * @uiName Forgot Password Text
      */
     this.forgotPasswordLabel = "Forgot Password?";
     /**
-     * Label for register button
-     *
      * @uiName Register Button Text
      */
     this.registerLabel = "Register";
     /**
-     * @uiName Heading Label
-     */
-    this.pageLabel = "Sign in to your account";
-    /**
-     * Register redirect path
-     *
-     * @uiName Register Path
+     * Redirect participants to this page to start registration.
+     * @uiName Register Button Redirect
+     * @uiWidget pageSelect
      */
     this.registerPath = "/register";
     /**
-     * Forgot password redirect path
-     *
-     * @uiName Forgot Password Path
+     * @uiName Heading Label
+     * @uiWidget textArea
      */
-    this.forgotPasswordPath = "/forgotPassword";
+    this.pageLabel = "Sign in to your account";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -96,10 +88,13 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Login Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Page navigated to after sign-in"
+        "text": "Redirect participants to this page after they successfully login."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -117,10 +112,10 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Label",
+            "text": "Email Field Label",
             "name": "uiName"
           }],
-        "text": "Label for email field"
+        "text": ""
       },
       "attribute": "email-label",
       "reflect": false,
@@ -138,10 +133,10 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "Password Field Label",
             "name": "uiName"
           }],
-        "text": "Label for password field"
+        "text": ""
       },
       "attribute": "password-label",
       "reflect": false,
@@ -162,13 +157,13 @@ export class PortalLogin {
             "text": "Submit Button Text",
             "name": "uiName"
           }],
-        "text": "Label for submit button"
+        "text": ""
       },
       "attribute": "submit-label",
       "reflect": false,
       "defaultValue": "\"Sign In\""
     },
-    "forgotPasswordLabel": {
+    "forgotPasswordPath": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -180,16 +175,19 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Text",
+            "text": "Forgot Password Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Label for forgotten password button"
+        "text": "Redirect participants to this page to reset their password"
       },
-      "attribute": "forgot-password-label",
+      "attribute": "forgot-password-path",
       "reflect": false,
-      "defaultValue": "\"Forgot Password?\""
+      "defaultValue": "\"/forgotPassword\""
     },
-    "registerLabel": {
+    "forgotPasswordLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -201,16 +199,16 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Button Text",
+            "text": "Forgot Password Text",
             "name": "uiName"
           }],
-        "text": "Label for register button"
+        "text": ""
       },
-      "attribute": "register-label",
+      "attribute": "forgot-password-label",
       "reflect": false,
-      "defaultValue": "\"Register\""
+      "defaultValue": "\"Forgot Password?\""
     },
-    "pageLabel": {
+    "registerLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -222,14 +220,14 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Heading Label",
+            "text": "Register Button Text",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "page-label",
+      "attribute": "register-label",
       "reflect": false,
-      "defaultValue": "\"Sign in to your account\""
+      "defaultValue": "\"Register\""
     },
     "registerPath": {
       "type": "string",
@@ -243,16 +241,19 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Path",
+            "text": "Register Button Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Register redirect path"
+        "text": "Redirect participants to this page to start registration."
       },
       "attribute": "register-path",
       "reflect": false,
       "defaultValue": "\"/register\""
     },
-    "forgotPasswordPath": {
+    "pageLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -264,14 +265,17 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Path",
+            "text": "Heading Label",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Forgot password redirect path"
+        "text": ""
       },
-      "attribute": "forgot-password-path",
+      "attribute": "page-label",
       "reflect": false,
-      "defaultValue": "\"/forgotPassword\""
+      "defaultValue": "\"Sign in to your account\""
     },
     "demoData": {
       "type": "unknown",