@saasquatch/mint-components 1.6.8 → 1.6.9

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -4,21 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-c34577fa.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-235733ea.js');
+require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0142350f.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.nn();
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const [request, { loading, data, errors }] = index_module.tn();
+  const urlParams = new URLSearchParams(index_module.pn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     var _a;
@@ -64,30 +63,30 @@ const PortalForgotPassword = class {
     /**
      * 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";
     stencilHooks_module.h$1(this);
@@ -98,7 +97,7 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.pn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.fn.push({ pathname: nextPage, search: "" });
+  index_module.pn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -19,7 +18,7 @@ const PortalLogout = class {
     /**
      * Redirect participants to this page when they log out.
      *
-     * @uiName Logout Redirect Path
+     * @uiName Logout redirect path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";

package/dist/cjs/{sqm-portal-profile-view-14d2f91d.js → sqm-portal-profile-view-4847f1ea.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0b8cbb00.js');
+const global = require('./global-40232313.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -59,7 +59,7 @@ function PortalProfileView(props) {
     type: "region",
   })
     : "";
-  return (index.h("div", { class: sheet.classes.Container },
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString),
     index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,48 +4,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-0b8cbb00.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+require('./global-40232313.js');
+const index_module = require('./index.module-4314dfb1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-c34577fa.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-14d2f91d.js');
+require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-4847f1ea.js');
 
-const GET_USER = index_module.dist.gql `
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-      }
-    }
-  }
+const GET_USER = index_module.dist.gql `
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
 `;
-const UPSERT_USER = index_module.dist.gql `
-  mutation (
-    $id: String!
-    $accountId: String!
-    $firstName: String!
-    $lastName: String!
-  ) {
-    upsertUser(
-      userInput: {
-        id: $id
-        accountId: $accountId
-        firstName: $firstName
-        lastName: $lastName
-      }
-    ) {
-      firstName
-      lastName
-    }
-  }
+const UPSERT_USER = index_module.dist.gql `
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
 `;
 // view doesn't tolerate undefined, even when we're loading
 const defaultFormState = {
@@ -57,12 +56,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.N();
+  const userIdent = index_module.L();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.Pe(UPSERT_USER);
+  const userDataResponse = index_module.mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.Ie(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -165,35 +164,35 @@ const PortalProfile = class {
     index.registerInstance(this, hostRef);
     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;
     stencilHooks_module.h$1(this);

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -4,26 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.N();
+  const userIdent = index_module.L();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.ln();
+  const { pathname, search } = index_module.vn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.fn.push({
+      return index_module.pn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.fn.push({
+      return index_module.pn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -39,17 +38,17 @@ const PortalProtectedRoute = class {
     /**
      * 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";
     stencilHooks_module.h$1(this);

package/dist/cjs/sqm-portal-registration-form.cjs.entry.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const useCallback = require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const useRegistrationFormState = require('./useRegistrationFormState-67c0b5ff.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a1861717.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -25,20 +24,20 @@ const style = {
   ButtonsContainer: mixins.AuthButtonsContainer,
   ErrorStyle: mixins.ErrorStyles,
 };
-const vanillaStyle = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
+const vanillaStyle = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
@@ -48,7 +47,7 @@ function PortalRegistrationFormView(props) {
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (index.h("div", { class: sheet.classes.Wrapper },
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -91,25 +90,25 @@ function PortalRegistrationFormView(props) {
         content.secondaryButton))));
 }
 
-const RegistrationFormQuery = index_module.dist.gql `
-  query RegistrationFormQuery($key: String!) {
-    form(key: $key) {
-      key
-      type
-      initialData {
-        initialData
-        isEnabled
-        isEnabledErrorMessage
-      }
-    }
-  }
+const RegistrationFormQuery = index_module.dist.gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
 `;
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = stencilHooks_module.useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
   const [request, { loading, errors, data, formError }] = index_module.qe();
-  const queryResponse = index_module.dn(RegistrationFormQuery, { key: props.formKey });
+  const queryResponse = index_module.mn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
     var _a, _b, _c;
@@ -211,7 +210,7 @@ function usePortalRegistrationForm(props) {
         managedIdentityResponse.result.results.length &&
         managedIdentityResponse.result.results[0].success &&
         managedIdentityResponse.result.results[0].data.token) {
-        index_module.fn.push(props.nextPage);
+        index_module.pn.push(props.nextPage);
       }
       else if (
       // check for blocked email error response
@@ -249,7 +248,7 @@ function usePortalRegistrationForm(props) {
       }
     }
   };
-  const inputFunction = useCallback.useCallback((e) => {
+  const inputFunction = index_module.useCallback((e) => {
     var _a, _b;
     const name = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
     if (name !== "tel")
@@ -300,94 +299,94 @@ const PortalRegistrationForm = class {
     /**
      * Redirect participants to this page after they successfully register.
      *
-     * @uiName Registration Redirect
+     * @uiName Registration redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * Redirect participants to this page from their verification email
      *
-     * @uiName Email Verification Redirect
+     * @uiName Email verification redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @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 = "Register";
     /**
-     * @uiName Login Button Text
+     * @uiName Login button text
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Field Label
+     * @uiName Confirm password field label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Disable Password Validation
+     * @uiName Disable password validation
      */
     this.disablePasswordValidation = false;
     /**
      * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
      *
-     * @uiName Hide Default Fields
+     * @uiName Hide default fields
      */
     this.hideInputs = false;
     /**
-     * @uiName Header Text
+     * @uiName Header text
      */
     this.pageLabel = "Register";
     /**
      * Redirect participants to this page after clicking the login button.
      *
-     * @uiName Login Redirect
+     * @uiName Login redirect
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
      * The message to be displayed when a required field is not filled.
      *
-     * @uiName Required Field Message
+     * @uiName Required field message
      * @uiWidget textArea
      */
     this.requiredFieldErrorMessage = "Cannot be empty";
     /**
      * The message to be displayed when a the form submission fails unexpectedly.
      *
-     * @uiName Network Error Message
+     * @uiName Network error message
      * @uiWidget textArea
      */
     this.networkErrorMessage = "Network request failed.";
     /**
      * The message to be displayed when password inputs do not match.
      *
-     * @uiName Password Mismatch Message
+     * @uiName Password mismatch message
      * @uiWidget textArea
      */
     this.passwordMismatchErrorMessage = "Passwords do not match.";
     /**
      * The message to be displayed when the email used is invalid or blocked.
      *
-     * @uiName Invalid Email Message
+     * @uiName Invalid email message
      * @uiWidget textArea
      */
     this.invalidEmailErrorMessage = "Must be a valid email address";
     /**
      * The message to be displayed when the registration form is disabled.
      *
-     * @uiName Form Disabled Message
+     * @uiName Form disabled message
      * @uiWidget textArea
      */
     this.formDisabledErrorMessage = "The registration form is currently disabled.";
@@ -400,7 +399,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.pn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

package/dist/cjs/{sqm-portal-reset-password-view-803a56be.js → sqm-portal-reset-password-view-d5bc7afc.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -28,13 +28,13 @@ const style = {
     width: "100%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();