@saasquatch/mint-components 1.6.8-9 → 1.6.9

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

@@ -13,30 +13,30 @@ export class PortalForgotPassword {
     /**
      * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirect
+     * @uiName Email redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Redirect Path
+     * @uiName Login redirect path
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
-     * @uiName Header Text
+     * @uiName Header text
      * @uiWidget textArea
      */
     this.headerText = "Enter your email below to receive a password reset link.";
     /**
-     * Sign In Link Text
+     * Sign in link text
      */
     this.loginText = "Sign In";
     withHooks(this);
@@ -70,7 +70,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirect",
+            "text": "Email redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -94,7 +94,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Field Label",
+            "text": "Email field label",
             "name": "uiName"
           }],
         "text": ""
@@ -115,7 +115,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Reset Button Text",
+            "text": "Password reset button text",
             "name": "uiName"
           }],
         "text": ""
@@ -136,7 +136,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Redirect Path",
+            "text": "Login redirect path",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -160,7 +160,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Header Text",
+            "text": "Header text",
             "name": "uiName"
           }, {
             "text": "textArea",
@@ -184,7 +184,7 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Sign In Link Text"
+        "text": "Sign in link text"
       },
       "attribute": "login-text",
       "reflect": false,

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

@@ -39,11 +39,11 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalFrameView(props, children) {
   const { data, notFullScreen } = props;
-  return (h("div", { style: { minHeight: notFullScreen ? "100%" : "100vh" }, class: sheet.classes.Frame, part: "sqm-portal-frame-container" },
+  return (h("div", { style: { minHeight: notFullScreen ? "100%" : "100vh" }, class: sheet.classes.Frame, part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.HeaderWrapper, part: "sqm-portal-frame-header" },
+    h("div", { class: sheet.classes.HeaderWrapper, part: "sqm-header" },
       data.header,
       h("slot", { name: "sqm-navigation-menu" })),
     children,
-    h("div", { class: sheet.classes.FooterWrapper, part: "sqm-portal-frame-footer" }, data.footer)));
+    h("div", { class: sheet.classes.FooterWrapper, part: "sqm-footer" }, data.footer)));
 }

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

@@ -27,7 +27,7 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalLoginView(props) {
   const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-portal-login-container" },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -13,44 +13,44 @@ export class PortalLogin {
     /**
      * Redirect participants to this page after they successfully login.
      *
-     * @uiName Login Redirect
+     * @uiName Login redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Submit Button Text
+     * @uiName Submit button text
      */
     this.submitLabel = "Sign In";
     /**
      * Redirect participants to this page to reset their password
-     * @uiName Forgot Password Redirect
+     * @uiName Forgot password redirect
      * @uiWidget pageSelect
      */
     this.forgotPasswordPath = "/forgotPassword";
     /**
-     * @uiName Forgot Password Text
+     * @uiName Forgot password text
      */
     this.forgotPasswordLabel = "Forgot Password?";
     /**
-     * @uiName Register Button Text
+     * @uiName Register button text
      */
     this.registerLabel = "Register";
     /**
      * Redirect participants to this page to start registration.
-     * @uiName Register Button Redirect
+     * @uiName Register button redirect
      * @uiWidget pageSelect
      */
     this.registerPath = "/register";
     /**
-     * @uiName Heading Label
+     * @uiName Heading label
      * @uiWidget textArea
      */
     this.pageLabel = "Sign in to your account";
@@ -88,7 +88,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Redirect",
+            "text": "Login redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -112,7 +112,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Field Label",
+            "text": "Email field label",
             "name": "uiName"
           }],
         "text": ""
@@ -133,7 +133,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Field Label",
+            "text": "Password field label",
             "name": "uiName"
           }],
         "text": ""
@@ -154,7 +154,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Submit Button Text",
+            "text": "Submit button text",
             "name": "uiName"
           }],
         "text": ""
@@ -175,7 +175,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Redirect",
+            "text": "Forgot password redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -199,7 +199,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Text",
+            "text": "Forgot password text",
             "name": "uiName"
           }],
         "text": ""
@@ -220,7 +220,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Button Text",
+            "text": "Register button text",
             "name": "uiName"
           }],
         "text": ""
@@ -241,7 +241,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Button Redirect",
+            "text": "Register button redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -265,7 +265,7 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Heading Label",
+            "text": "Heading label",
             "name": "uiName"
           }, {
             "text": "textArea",

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

@@ -4,6 +4,7 @@ import { Component, Prop, State } from "@stencil/core";
 import { usePortalLogout } from "./usePortalLogout";
 /**
  * @uiName Microsite Logout
+ * @compatibility Built for instant access
  */
 export class PortalLogout {
   constructor() {
@@ -11,7 +12,7 @@ export class PortalLogout {
     /**
      * Redirect participants to this page when they log out.
      *
-     * @uiName Logout Redirect Path
+     * @uiName Logout redirect path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
@@ -36,7 +37,7 @@ export class PortalLogout {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Logout Redirect Path",
+            "text": "Logout redirect path",
             "name": "uiName"
           }, {
             "text": "pageSelect",

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

@@ -56,7 +56,7 @@ export function PortalProfileView(props) {
     type: "region",
   })
     : "";
-  return (h("div", { class: sheet.classes.Container, part: "sqm-portal-profile-container" },
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     h(TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),

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

@@ -12,35 +12,35 @@ export class PortalProfile {
   constructor() {
     this.ignored = true;
     /**
-     * @uiName First Name Label
+     * @uiName First name label
      */
     this.firstnametext = "First Name";
     /**
-     * @uiName Last Name Field Label
+     * @uiName Last name field label
      */
     this.lastnametext = "Last Name";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailtext = "Email";
     /**
-     * @uiName Country Field Label
+     * @uiName Country field label
      */
     this.countrytext = "Country";
     /**
-     * @uiName Edit Profile Header
+     * @uiName Edit profile header
      */
     this.editProfileHeader = "Edit your profile";
     /**
-     * @uiName Edit Profile Sub Header
+     * @uiName Edit profile sub header
      */
     this.editProfileSubHeader = "Personal Information";
     /**
-     * @uiName Submit Changes Button Text
+     * @uiName Submit changes button text
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * @uiName Hide Country Field
+     * @uiName Hide country field
      */
     this.hideCountry = false;
     withHooks(this);
@@ -67,7 +67,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "First Name Label",
+            "text": "First name label",
             "name": "uiName"
           }],
         "text": ""
@@ -88,7 +88,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Last Name Field Label",
+            "text": "Last name field label",
             "name": "uiName"
           }],
         "text": ""
@@ -109,7 +109,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Field Label",
+            "text": "Email field label",
             "name": "uiName"
           }],
         "text": ""
@@ -130,7 +130,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Country Field Label",
+            "text": "Country field label",
             "name": "uiName"
           }],
         "text": ""
@@ -151,7 +151,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Edit Profile Header",
+            "text": "Edit profile header",
             "name": "uiName"
           }],
         "text": ""
@@ -172,7 +172,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Edit Profile Sub Header",
+            "text": "Edit profile sub header",
             "name": "uiName"
           }],
         "text": ""
@@ -193,7 +193,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Submit Changes Button Text",
+            "text": "Submit changes button text",
             "name": "uiName"
           }],
         "text": ""
@@ -214,7 +214,7 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Hide Country Field",
+            "text": "Hide country field",
             "name": "uiName"
           }],
         "text": ""

package/dist/collection/components/sqm-portal-protected-route/sqm-portal-protected-route.js

@@ -12,17 +12,17 @@ export class PortalProtectedRoute {
     /**
      * Redirect participants to this page they are not logged in.
      *
-     * @uiName Unauthenticated Participant Redirect
+     * @uiName Unauthenticated participant redirect
      */
     this.redirectTo = "/";
     /**
-     * @uiName Require Email Verification
+     * @uiName Require email verification
      */
     this.requireEmailVerification = false;
     /**
      * Redirect participants to this page when email verification is required but they have not verified their email.
      *
-     * @uiName Unverified Participant Redirect
+     * @uiName Unverified participant redirect
      */
     this.redirectToUnverified = "/emailVerification";
     withHooks(this);
@@ -50,7 +50,7 @@ export class PortalProtectedRoute {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Unauthenticated Participant Redirect",
+            "text": "Unauthenticated participant redirect",
             "name": "uiName"
           }],
         "text": "Redirect participants to this page they are not logged in."
@@ -71,7 +71,7 @@ export class PortalProtectedRoute {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Require Email Verification",
+            "text": "Require email verification",
             "name": "uiName"
           }],
         "text": ""
@@ -92,7 +92,7 @@ export class PortalProtectedRoute {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Unverified Participant Redirect",
+            "text": "Unverified participant redirect",
             "name": "uiName"
           }],
         "text": "Redirect participants to this page when email verification is required but they have not verified their email."

package/dist/collection/components/sqm-portal-register/PortalRegister.stories.js

@@ -19,7 +19,12 @@ const defaultProps = {
   refs: {
     formRef: {},
   },
-  content: { pageLabel: "Register", confirmPasswordLabel: "Confirm Password" },
+  content: {
+    pageLabel: "Register",
+    confirmPasswordLabel: "Confirm Password",
+    requiredFieldErrorMessage: "Cannot be empty",
+    invalidEmailErrorMessage: "Must be a valid email address",
+  },
 };
 const errorProps = {
   states: {
@@ -40,6 +45,8 @@ const errorProps = {
   content: {
     pageLabel: "Register",
     confirmPasswordLabel: "Confirm Password",
+    requiredFieldErrorMessage: "Cannot be empty",
+    invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
 const loadingProps = {
@@ -58,7 +65,12 @@ const loadingProps = {
   refs: {
     formRef: {},
   },
-  content: { pageLabel: "Register", confirmPasswordLabel: "Confirm Password" },
+  content: {
+    pageLabel: "Register",
+    confirmPasswordLabel: "Confirm Password",
+    requiredFieldErrorMessage: "Cannot be empty",
+    invalidEmailErrorMessage: "Must be a valid email address",
+  },
 };
 const slottedProps = {
   states: {
@@ -79,6 +91,8 @@ const slottedProps = {
   content: {
     pageLabel: "Register",
     confirmPasswordLabel: "Confirm Password",
+    requiredFieldErrorMessage: "Cannot be empty",
+    invalidEmailErrorMessage: "Must be a valid email address",
     formData: (h("div", null,
       h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label", label: "Slotted Input", required: true }),
       h("sl-input", { exportparts: "label: input-label", label: "Slotted Input 2", required: true }))),

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

@@ -36,7 +36,7 @@ export function PortalRegisterView(props) {
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-portal-register-container" },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -47,23 +47,23 @@ export function PortalRegisterView(props) {
       content.formData,
       !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
           if (!value) {
-            return "Cannot be empty";
+            return content.requiredFieldErrorMessage;
           }
           // this matches shoelace validation, but could be better
           if (!value.includes("@")) {
-            return "Must be a valid email address";
+            return content.invalidEmailErrorMessage;
           }
         } }, (((_b = (_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
         class: sheet.classes.ErrorStyle,
         helpText: ((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
-          "Cannot be empty",
+          content.requiredFieldErrorMessage,
       }
         : [])))),
       !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation })),
       content.passwordField,
       !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) || "Cannot be empty",
+        helpText: ((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) || content.requiredFieldErrorMessage,
       }
         : [])))),
       content.terms,