@saasquatch/mint-components 2.2.0-6 → 2.2.0

package/dist/cjs/sqm-code-verification.cjs.entry.js

@@ -10,8 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
-const keys = require('./keys-5a2c9ed2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
+const keys = require('./keys-cff24974.js');
 const useVerificationEmail = require('./useVerificationEmail-5d19aa99.js');
 
 const style = {
@@ -65,6 +65,7 @@ const style = {
   },
   ContinueButton: {
     width: "100%",
+    maxWidth: "100px",
   },
   FooterContainer: {
     display: "flex",
@@ -142,9 +143,9 @@ function WidgetCodeVerificationView(props) {
           index.h("sl-input", { class: inputClass, name: "code" }),
           index.h("sl-input", { class: inputClass, name: "code" })),
         states.verifyFailed && (index.h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
-        index.h("div", { class: sheet.classes.FooterContainer },
-          index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText)),
-        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)))));
+        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
+      index.h("div", { class: sheet.classes.FooterContainer },
+        index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText)))));
 }
 
 const VerifyEmailWithCodeMutation = index_module.dist.gql `

package/dist/cjs/sqm-email-verification.cjs.entry.js

@@ -0,0 +1,418 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8277cbb3.js');
+const global = require('./global-b7b1b8fe.js');
+const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
+const index_module = require('./index.module-f8c8495f.js');
+const cjs = require('./cjs-1066ec21.js');
+const utils = require('./utils-6847bc06.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
+const keys = require('./keys-cff24974.js');
+const useVerificationEmail = require('./useVerificationEmail-5d19aa99.js');
+
+const UpsertUserEmailMutation = index_module.dist.gql `
+  mutation upsertUser($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`;
+const UserLookupQuery = index_module.dist.gql `
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;
+function useUpsertUserEmail() {
+  const user = index_module.J();
+  const [request, { loading: loading, data, errors }] = index_module.$e(UpsertUserEmailMutation);
+  const upsertUserEmail = async (email) => {
+    try {
+      const result = await request({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          email,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not set email on user", e);
+      return undefined;
+    }
+  };
+  return [
+    upsertUserEmail,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
+function useWidgetEmailVerification(props) {
+  const [_, setShowCode] = index_module.Pn(keys.SHOW_CODE_NAMESPACE);
+  const [email, setEmail] = index_module.Pn(keys.VERIFICATION_EMAIL_NAMESPACE);
+  const [emailExists, setEmailExists] = domContextHooks_module.useState(false);
+  const [error, setError] = domContextHooks_module.useState(false);
+  const [mutationError, setMutationError] = domContextHooks_module.useState(false);
+  const { initialized, send: [sendEmail, { loading: sendLoading, errors }], } = useVerificationEmail.useVerificationEmail();
+  const [upsertUserEmail] = useUpsertUserEmail();
+  const [loading, setLoading] = domContextHooks_module.useState(true);
+  const { data, loading: initialLoading } = index_module.wn(UserLookupQuery, {});
+  const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  domContextHooks_module.useEffect(() => {
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setEmailExists(!!data.viewer.email);
+  }, [data]);
+  domContextHooks_module.useEffect(() => {
+    if (initialized)
+      setLoading(false);
+  }, [initialized]);
+  const submitEmail = async (e) => {
+    e.preventDefault();
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setLoading(true);
+    const toAddress = data.viewer.email;
+    if (!toAddress) {
+      // If no email on the user, set one
+      const formData = e.detail.formData;
+      const newEmail = formData.get("email").toString();
+      if (!emailRegex.test(newEmail)) {
+        setError(true);
+        return;
+      }
+      const result = await upsertUserEmail(newEmail);
+      if (!result || !result.user.email)
+        setError(true);
+    }
+    // UI should not allow this call til initialisation is done
+    if (!initialized)
+      return;
+    const result = await sendEmail();
+    if (!result || !result.success)
+      setMutationError(true);
+    else {
+      // This is used to let the code verification widget know an email was already sent
+      setEmail(toAddress);
+      setShowCode(true);
+    }
+    setLoading(false);
+  };
+  return {
+    callbacks: {
+      submitEmail,
+    },
+    states: {
+      loading,
+      initialLoading: initialLoading && !initialized,
+      error,
+      email: data === null || data === void 0 ? void 0 : data.viewer.email,
+      sendCodeError: mutationError,
+    },
+    text: props.getTextProps(),
+  };
+}
+
+const style = {
+  Wrapper: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-medium)",
+  },
+  InputsContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    position: "relative",
+    flexDirection: "column",
+    maxWidth: "320px",
+  },
+  ContinueButton: {
+    width: "100%",
+    maxWidth: "100px",
+  },
+  SkeletonOne: {
+    width: "50%",
+    height: "16px",
+  },
+  SkeletonTwo: {
+    width: "30%",
+    height: "34px",
+  },
+  SkeletonThree: {
+    width: "15%",
+    height: "24px",
+  },
+  ErrorInput: {
+    "&::part(base)": {
+      border: "var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",
+      borderRadius: "var(--sqm-input-border-radius)",
+    },
+    "&::part(help-text)": {
+      color: "var(--sqm-danger-color-text)",
+    },
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+
+a {
+  color: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+*::part(primarybutton-base),
+sl-button[type="primary"]::part(base) {
+  font-family: var(--sqm-primary-font);
+  width: 100%;
+  background-color: var(--sqm-primary-button-background);
+  color: var(--sqm-primary-button-color);
+  border-color: var(--sqm-primary-button-color-border);
+  border-radius: var(--sqm-primary-button-radius);
+}
+
+*::part(primarybutton-base):hover,
+sl-button[type="primary"]::part(base):hover{
+  background-color: var(--sqm-primary-button-background-hover);
+  border-color: var(--sqm-primary-button-border-color-hover);
+  color: var(--sqm-primary-button-color-hover);
+}
+
+
+*::part(primarybutton-base):focus,
+sl-button[type="primary"]::part(base):focus {
+  box-shadow: none;
+}
+
+*::part(secondarybutton-base),
+sl-button[type="secondary"]::part(base) {
+font-family: var(--sqm-primary-font);
+  background-color: var(--sqm-secondary-button-background);
+  color: var(--sqm-secondary-button-color);
+  border-color: var(--sqm-secondary-button-color-border);
+  border-radius: var(--sqm-secondary-button-radius);
+}
+
+*::part(secondarybutton-base):hover,
+sl-button[type="secondary"]::part(base):hover {
+  background-color: var(--sqm-secondary-button-background-hover);
+  color: var(--sqm-secondary-button-color-hover);
+  border-color: var(--sqm-secondary-button-border-color-hover);
+}
+
+*::part(input-label), *::part(select-label), *::part(textarea-label){
+  font-family: var(--sqm-primary-font);
+  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
+  font-weight: var(--sl-font-weight-semibold);
+  color: var(--sqm-input-label-color, var(--sqm-text), black);
+}
+
+*::part(input-base), *::part(select-base), *::part(textarea-base){
+  font-family: var(--sqm-primary-font);
+  background-color: var(--sqm-input-background, #fff);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
+  color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-thickness, 1px);
+}
+
+*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{
+  border-color: var(--sqm-border-color-hover);
+}
+
+*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{
+  border-color: var(--sqm-border-color-focus);
+}
+
+sqm-name-fields::part(input-base) {
+  font-family: var(--sqm-primary-font);
+  background-color: var(--sqm-input-background, #fff);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
+  color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-thickness, 1px);
+}
+
+sl-input::part(base):focus,
+sl-select::part(form-control-wrapper):focus,
+sl-textarea::part(textarea-label):focus {
+  border-color: var(--sqm-border-color-focus);
+}
+
+*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
+  background: var(--sqm-input-disabled-background, #f5f5f5);
+  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
+}
+
+*::part(input):-webkit-autofill {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:hover {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:focus {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input)::placeholder,
+*::part(select)::placeholder, 
+*::part(textarea)::placeholder {
+  font-family: var(--sqm-primary-font);
+  color: var(--sqm-text-subdued);
+}
+
+*::part(input)::-webkit-input-placeholder,
+*::part(select)::-webkit-input-placeholder,
+*::part(textarea)::-webkit-input-placeholder {
+  font-family: var(--sqm-primary-font);
+  color: var(--sqm-text-subdued);
+}
+
+*::part(input)::-moz-placeholder,
+*::part(select)::-moz-placeholder,
+*::part(textarea)::-moz-placeholder {
+  font-family: var(--sqm-primary-font);
+  opacity: 1; /* Firefox adds an opacity to placeholders by default */
+  color: var(--sqm-text-subdued);
+}
+
+*::part(input)::-ms-input-placeholder,
+*::part(select)::-ms-input-placeholder,
+*::part(textarea)::-ms-input-placeholder {
+  font-family: var(--sqm-primary-font);
+  color: var(--sqm-text-subdued);
+}
+
+
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function WidgetEmailVerificationView(props) {
+  const { states, callbacks, text } = props;
+  const renderLoadingSkeleton = () => {
+    return (index.h("div", { class: sheet.classes.Wrapper },
+      index.h("sqm-skeleton", { height: "16px", width: "50%" }),
+      index.h("sqm-skeleton", { height: "16px", width: "50%" }),
+      index.h("sqm-skeleton", { height: "16px", width: "50%" }),
+      index.h("sqm-skeleton", { height: "34px", width: "30%" }),
+      index.h("sqm-skeleton", { height: "24px", width: "15%" }),
+      index.h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: true, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)));
+  };
+  return (index.h("div", { part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    states.sendCodeError && (index.h("sqm-form-message", { type: "error" },
+      index.h("p", { part: "alert-title" }, text.sendCodeErrorHeader),
+      global.intl.formatMessage({
+        id: "sendCodeErrorDescription",
+        defaultMessage: text.sendCodeErrorDescription,
+      }, {
+        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+      }))),
+    states.initialLoading ? (renderLoadingSkeleton()) : (index.h("div", { class: sheet.classes.Wrapper },
+      index.h(sqmTextSpanView.TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
+      index.h("sl-form", { "onSl-submit": callbacks.submitEmail },
+        index.h("div", { class: sheet.classes.InputsContainer },
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email || "", type: "email", id: "email", name: "email", disabled: !!states.email || states.loading }, (states.error
+            ? {
+              class: sheet.classes.ErrorInput,
+              helpText: text.emailValidationErrorText,
+            }
+            : {}))),
+          index.h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
+}
+
+const WidgetEmailVerification = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Verify email widget header text
+     */
+    this.verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Send code to email alert header
+     */
+    this.sendCodeErrorHeader = "There was an error sending your code";
+    /**
+     * @uiName Support link text
+     */
+    this.supportLink = "support team";
+    /**
+     * @uiName Send code to email alert description
+     */
+    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program {supportLink}.";
+    /**
+     * @uiName Email input label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     */
+    this.sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     */
+    this.emailValidationErrorText = "Please enter a valid email";
+    domContextHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return utils.getProps(this);
+  }
+  render() {
+    const props = index_module.isDemo()
+      ? useDemoWidgetEmailVerification(this)
+      : useWidgetEmailVerification(this);
+    return index.h(WidgetEmailVerificationView, Object.assign({}, props));
+  }
+};
+function useDemoWidgetEmailVerification(props) {
+  const setShowCode = index_module.En(keys.SHOW_CODE_NAMESPACE);
+  return cjs.cjs({
+    states: {
+      error: true,
+      initialLoading: false,
+      loading: false,
+      email: "test@example.com",
+      sendCodeError: true,
+    },
+    callbacks: {
+      submitEmail: async () => setShowCode(true),
+    },
+    text: props.getTextProps(),
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_email_verification = WidgetEmailVerification;

package/dist/cjs/sqm-empty_4.cjs.entry.js

@@ -9,7 +9,7 @@ require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const imageUrl = require('./imageUrl-a7880cab.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/cjs/{sqm-portal-container-view-70a47420.js → sqm-portal-container-view-757f921b.js}

@@ -48,12 +48,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h(index.Host, null,
-    index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.PortalContainerView = PortalContainerView;

package/dist/cjs/{sqm-portal-email-verification-view-d51c2a06.js → sqm-portal-email-verification-view-abb773a7.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -9,8 +9,8 @@ const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d51c2a06.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-abb773a7.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -10,11 +10,11 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-6258dcae.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -302,7 +302,7 @@ const PortalGoogleLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: (index.h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.registerCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
       emailLabel: this.emailLabel,
@@ -407,7 +407,7 @@ const PortalLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("sl-button", { exportparts: "base: secondarybutton-base", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,

package/dist/cjs/{sqm-portal-profile-view-e6927959.js → sqm-portal-profile-view-3515e1e5.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -9,8 +9,8 @@ const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-e6927959.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-3515e1e5.js');
 const utilities = require('./utilities-fcdb9504.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/{sqm-portal-registration-form-view-fd48f1d3.js → sqm-portal-registration-form-view-a45f7a52.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-reset-password-view-d90d77f9.js → sqm-portal-reset-password-view-a767b044.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -10,8 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d90d77f9.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-6258dcae.js → sqm-portal-verify-email-view-717d0633.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const index_module = require('./index.module-f8c8495f.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const vanillaStyle = `
 :host {