@saasquatch/mint-components 1.6.2-1 → 1.6.2-10

package/dist/collection/components/sqm-password-field/usePasswordField.js

@@ -1,9 +1,11 @@
 import { useState } from "@saasquatch/universal-hooks";
+import { FORM_VALIDATION_CONTEXT, } from "../sqm-portal-register/useValidationState";
 import { validateNewPassword } from "./passwordValidation";
 import { useDomContext } from "@saasquatch/stencil-hooks";
-const CONTEXT_NAME = "sq:validation-state";
+import { REGISTRATION_FORM_STATE_CONTEXT, } from "../sqm-portal-registration-form/useRegistrationFormState";
 export function usePasswordField(props) {
-  const validationState = useDomContext(CONTEXT_NAME);
+  const validationState = useDomContext(FORM_VALIDATION_CONTEXT);
+  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -13,6 +15,7 @@ export function usePasswordField(props) {
     states: {
       enableValidation: props.enableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,

package/dist/collection/components/sqm-popup-container/sqm-popup-container.js

@@ -4,7 +4,9 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { usePopupContainer } from "./usePopupContainer";
 import { getProps } from "../../utils/utils";
 /**
- * @uiName Popup Container For Widgets
+ * @uiName Popup Container
+ * @slots [{"name":"","title":"Content"}]
+ * @canvasRenderer always-replace
  */
 export class PopupContainer {
   constructor() {

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

@@ -5,7 +5,7 @@ import { usePortalChangePassword } from "./usePortalChangePassword";
 import { isDemo } from "@saasquatch/component-boilerplate";
 import deepmerge from "deepmerge";
 /**
- * @uiName Portal Profile
+ * @uiName Microsite Password Change
  */
 export class PortalChangePassword {
   constructor() {
@@ -41,7 +41,8 @@ export class PortalChangePassword {
     /**
      * Successful password change message
      *
-     * @uiName Successful Message
+     * @uiName Successful Password Change Message
+     * @uiWidget textArea
      */
     this.successMessage = "Your password has been updated.";
     /**
@@ -183,8 +184,11 @@ export class PortalChangePassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Successful Message",
+            "text": "Successful Password Change Message",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": "Successful password change message"
       },

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

@@ -6,8 +6,8 @@ import { getProps } from "../../utils/utils";
  * @uiName Container
  * @slots [{"name":"", "title":"Widget Content"}]
  * @exampleGroup Layout
- * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your column content above or below!</p></sqm-portal-container>
- * @example Column Layout Container - <sqm-portal-container direction="column" padding="none" gap="xxx-large" display="grid" max-width="100%"><p>Add your column content to the left or right!</p></sqm-portal-container>
+ * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your row content!</p></sqm-portal-container>
+ * @example Column Layout Container - <sqm-portal-container direction="column" padding="none" gap="xxx-large" display="grid" max-width="100%"><p>Add your column content!</p></sqm-portal-container>
  */
 export class PortalContainer {
   constructor() {

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -5,15 +5,15 @@ import deepmerge from "deepmerge";
 import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
 import { usePortalEmailVerification } from "./usePortalEmailVerification";
 /**
- * @uiName Portal Email Verification
+ * @uiName Microsite Email Verification
  */
 export class PortalEmailVerification {
   constructor() {
     this.ignored = true;
     /**
-     * The page that users are redirected to from the verification email.
+     * The microsite page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -26,6 +26,7 @@ export class PortalEmailVerification {
     this.resendEmailButtonText = "Re-send Email";
     /**
      * @uiName Email Verification Body Text
+     * @uiWidget textArea
      */
     this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
     withHooks(this);
@@ -52,10 +53,10 @@ export class PortalEmailVerification {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Base Path",
+            "text": "Email Redirection Path",
             "name": "uiName"
           }],
-        "text": "The page that users are redirected to from the verification email."
+        "text": "The microsite page that participants are redirected to from the verification email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -117,6 +118,9 @@ export class PortalEmailVerification {
         "tags": [{
             "text": "Email Verification Body Text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": ""
       },

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

@@ -3,7 +3,7 @@ import { Component, h, Prop, State } from "@stencil/core";
 import { getProps } from "../../utils/utils";
 import { PortalFooterView } from "./sqm-portal-footer-view";
 /**
- * @uiName Portal Footer
+ * @uiName Footer
  */
 export class PortalFooter {
   constructor() {
@@ -14,6 +14,7 @@ export class PortalFooter {
     this.supportEmail = "support@example.com";
     /**
      * @uiName Support Text
+     * @uiWidget textArea
      */
     this.supportText = "For program support, contact {email}";
     /**
@@ -26,18 +27,26 @@ export class PortalFooter {
     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);
@@ -85,6 +94,9 @@ export class PortalFooter {
         "tags": [{
             "text": "Support Text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": ""
       },
@@ -228,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": ""
       },
@@ -249,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": ""
       },
@@ -270,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": ""
       },
@@ -291,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,19 @@ 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.
+     * The microsite page that participants are redirected to from the password reset email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -25,9 +25,18 @@ export class PortalForgotPassword {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
      */
     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 +68,10 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Base Path",
+            "text": "Email Redirection Path",
             "name": "uiName"
           }],
-        "text": "The page that users are redirected to from the password reset email."
+        "text": "The microsite page that participants are redirected to from the password reset email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -80,7 +89,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Label",
+            "text": "Email Field Label",
             "name": "uiName"
           }],
         "text": ""
@@ -122,7 +131,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Page Routing Path",
+            "text": "Login Redirect Path",
             "name": "uiName"
           }],
         "text": ""
@@ -131,6 +140,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

@@ -38,6 +38,8 @@ export function usePortalForgotPassword(props) {
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,

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

@@ -5,7 +5,8 @@ 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() {

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

@@ -5,63 +5,50 @@ 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
+     * Page participants are navigated to after login.
      *
-     * @uiName Next Page Path
+     * @uiName Login Redirect Path
      */
     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
-     *
+     * @uiName Forgot Password Redirect Path
+     */
+    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
+     * @uiName Register Button Redirect Path
      */
     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 +83,10 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Login Redirect Path",
             "name": "uiName"
           }],
-        "text": "Page navigated to after sign-in"
+        "text": "Page participants are navigated to after login."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -117,10 +104,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 +125,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 +149,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 +167,16 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Text",
+            "text": "Forgot Password Redirect Path",
             "name": "uiName"
           }],
-        "text": "Label for forgotten password button"
+        "text": ""
       },
-      "attribute": "forgot-password-label",
+      "attribute": "forgot-password-path",
       "reflect": false,
-      "defaultValue": "\"Forgot Password?\""
+      "defaultValue": "\"/forgotPassword\""
     },
-    "registerLabel": {
+    "forgotPasswordLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -201,16 +188,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 +209,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 +230,16 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Path",
+            "text": "Register Button Redirect Path",
             "name": "uiName"
           }],
-        "text": "Register redirect path"
+        "text": ""
       },
       "attribute": "register-path",
       "reflect": false,
       "defaultValue": "\"/register\""
     },
-    "forgotPasswordPath": {
+    "pageLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -264,14 +251,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",

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

@@ -3,13 +3,15 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, State } from "@stencil/core";
 import { usePortalLogout } from "./usePortalLogout";
 /**
- * @uiName Portal Logout
+ * @uiName Microsite Logout
  */
 export class PortalLogout {
   constructor() {
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this path when they log out
+     *
+     *  @uiName Logout Redirect Path
      */
     this.nextPage = "/";
     withHooks(this);
@@ -33,10 +35,10 @@ export class PortalLogout {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Logout Redirect Path",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Redirect participants to this path when they log out"
       },
       "attribute": "next-page",
       "reflect": false,