@saasquatch/mint-components 2.0.8-7 → 2.0.9-0

package/dist/cjs/{sqm-big-stat_47.cjs.entry.js → sqm-big-stat_49.cjs.entry.js}

@@ -22,12 +22,11 @@ const emailRegistrationView = require('./email-registration-view-ace50780.js');
 const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-08bcb487.js');
 const useLeadFormState = require('./useLeadFormState-91999606.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
-const usePortalLogin = require('./usePortalLogin-1c022d8d.js');
-const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-8ed0d753.js');
 const ErrorView = require('./ErrorView-3f91e5ab.js');
-const ShadowViewAddon = require('./ShadowViewAddon-ae3a32c3.js');
+const ShadowViewAddon = require('./ShadowViewAddon-31199cba.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const data = require('./data-24028727.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
@@ -2114,7 +2113,7 @@ function useLeadForm(props) {
     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")
       return;
-    const asYouType = new AsYouType.AsYouType("US");
+    const asYouType = new usePortalRegistrationForm.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
   function resetForm() {
@@ -2943,7 +2942,6 @@ const sheet$2 = JSS.createStyleSheet(style$2);
 const styleString$2 = sheet$2.toString();
 function PayoutStatusAlertView(props) {
   const { text, states, data, callbacks } = props;
-  console.log("test 123456");
   function getAlert(status) {
     if (states.error)
       return {
@@ -3177,7 +3175,6 @@ function PayoutStatusAlertView(props) {
     return index.h("sl-skeleton", { class: sheet$2.classes.SkeletonOne });
   }
   const alertDetails = getAlert(states.status);
-  console.log("status is ", states.status, alertDetails);
   if (states.status === "DONE" || !alertDetails) {
     return index.h("div", null);
   }
@@ -3368,16 +3365,10 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  var _a, _b;
   const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
-  const status = states.status ? states.status : (_b = (_a = props.demoData) === null || _a === void 0 ? void 0 : _a.states) === null || _b === void 0 ? void 0 : _b.status;
-  console.log("the value of the status variable is", status);
-  console.log("the value of states.status is ", states.status);
-  console.log("the value of states is ", states);
-  console.log("the value of formatted states is ", formatted);
   return cjs.cjs({
     states: {
       error: false,
@@ -4036,7 +4027,73 @@ function usePortalFrameDemo(footerContent, headerContent, props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const PortalLogin = class {
+function usePortalLogin(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const [request, { loading, errors, data }] = index_module.je();
+  const [loginWithGoogle, { loading: gLoading, errors: gErrors }] = index_module.hn();
+  const [error, setError] = domContextHooks_module.useState("");
+  const urlParams = new URLSearchParams(index_module.jn.location.search);
+  const nextPageOverride = urlParams.get("nextPage");
+  const googleSubmit = async (e) => {
+    var _a, _b, _c, _d;
+    if (!((_a = e.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
+    const result = await loginWithGoogle({ idToken: e.detail.credential });
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_b = result === null || result === void 0 ? void 0 : result["response"]) === null || _b === void 0 ? void 0 : _b["error"]))
+        if ((_c = result === null || result === void 0 ? void 0 : result["response"]) === null || _c === void 0 ? void 0 : _c["errors"].some((error) => { var _a; return ((_a = error === null || error === void 0 ? void 0 : error["extensions"]) === null || _a === void 0 ? void 0 : _a["message"]) === "Invalid Credentials."; })) {
+          setError(props.googleUserNotRegisteredError);
+        }
+        else {
+          setError(props.networkErrorMessage);
+        }
+      return;
+    }
+    if ((_d = result.authenticateManagedIdentityWithGoogle) === null || _d === void 0 ? void 0 : _d.token) {
+      urlParams.delete("nextPage");
+      const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+      index_module.jn.push(url.href);
+    }
+  };
+  const submit = async (event) => {
+    var _a, _b;
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.jsonpointer.set(formData, key, value);
+    });
+    const variables = { email: formData.email, password: formData.password };
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
+        setError(props.networkErrorMessage);
+      return;
+    }
+    if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {
+      urlParams.delete("nextPage");
+      const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+      index_module.jn.push(url.href);
+    }
+  };
+  const errorMessage = ((_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;
+  const googleErrorMessage = ((_l = (_k = (_j = (_h = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.extensions) === null || _l === void 0 ? void 0 : _l.message) || ((_p = (_o = (_m = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _m === void 0 ? void 0 : _m.errors) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.message) ||
+    error;
+  return {
+    states: {
+      loading: loading || gLoading,
+      error: errorMessage || googleErrorMessage,
+      registerPath: props.registerPath,
+      forgotPasswordPath: props.forgotPasswordPath,
+    },
+    callbacks: {
+      googleSubmit,
+      submit,
+    },
+  };
+}
+
+const PortalGoogleLogin = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
@@ -4085,10 +4142,15 @@ const PortalLogin = class {
      */
     this.pageLabel = "Sign in to your account";
     /**
-     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
      * @uiName Network error message
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
+    /**
+     * @uiName Google account error message
+     * Displayed when user tries to sign in with Google account but has not registered.
+     */
+    this.googleUserNotRegisteredError = "Your Google account has not registered on our platform. Please complete the registration process with your Google account.";
     /**
      * @uiName Register CTA
      */
@@ -4099,7 +4161,474 @@ const PortalLogin = class {
   render() {
     const { states, callbacks } = index_module.isDemo()
       ? useLoginDemo(this)
-      : usePortalLogin.usePortalLogin(this);
+      : usePortalLogin(this);
+    const styles = {
+      RegisterButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    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))),
+      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,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (index.h(ShadowViewAddon.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useLoginDemo(props) {
+  var _a, _b;
+  return cjs.cjs({
+    states: {
+      error: ((_b = (_a = props.demoData) === null || _a === void 0 ? void 0 : _a.states) === null || _b === void 0 ? void 0 : _b.error) || "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+      showLoginForm: "manual",
+    },
+    callbacks: {
+      googleSubmit: async () => {
+        console.log("google submit");
+      },
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+    content: {
+      googleButton: null,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+class InvalidTokenError extends Error {
+}
+InvalidTokenError.prototype.name = "InvalidTokenError";
+function b64DecodeUnicode(str) {
+    return decodeURIComponent(atob(str).replace(/(.)/g, (m, p) => {
+        let code = p.charCodeAt(0).toString(16).toUpperCase();
+        if (code.length < 2) {
+            code = "0" + code;
+        }
+        return "%" + code;
+    }));
+}
+function base64UrlDecode(str) {
+    let output = str.replace(/-/g, "+").replace(/_/g, "/");
+    switch (output.length % 4) {
+        case 0:
+            break;
+        case 2:
+            output += "==";
+            break;
+        case 3:
+            output += "=";
+            break;
+        default:
+            throw new Error("base64 string is not of the correct length");
+    }
+    try {
+        return b64DecodeUnicode(output);
+    }
+    catch (err) {
+        return atob(output);
+    }
+}
+function jwtDecode(token, options) {
+    if (typeof token !== "string") {
+        throw new InvalidTokenError("Invalid token specified: must be a string");
+    }
+    options || (options = {});
+    const pos = options.header === true ? 0 : 1;
+    const part = token.split(".")[pos];
+    if (typeof part !== "string") {
+        throw new InvalidTokenError(`Invalid token specified: missing part #${pos + 1}`);
+    }
+    let decoded;
+    try {
+        decoded = base64UrlDecode(part);
+    }
+    catch (e) {
+        throw new InvalidTokenError(`Invalid token specified: invalid base64 for part #${pos + 1} (${e.message})`);
+    }
+    try {
+        return JSON.parse(decoded);
+    }
+    catch (e) {
+        throw new InvalidTokenError(`Invalid token specified: invalid json for part #${pos + 1} (${e.message})`);
+    }
+}
+
+function usePortalGoogleRegistrationForm(props) {
+  const [registrationFormState, setRegistrationFormState] = useRegistrationFormState.useRegistrationForm();
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
+    mode: "base",
+  });
+  const handleEmailSubmit = async (event) => {
+    const formControls = event.target.getFormControls();
+    let formData = {};
+    let validationErrors = {};
+    formControls.forEach((control) => {
+      if (!control.name)
+        return;
+      const key = control.name;
+      const value = control.value;
+      jsonpointer.jsonpointer.set(formData, key, value);
+      if (control.required && !value) {
+        jsonpointer.jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError;
+        const validationError = validate({
+          control,
+          key,
+          value,
+        });
+        if (validationError)
+          jsonpointer.jsonpointer.set(validationErrors, key, validationError);
+      }
+    });
+    if (Object.keys(validationErrors).length) {
+      // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
+      return;
+    }
+    setRegistrationFormState({
+      ...registrationFormState,
+      validationErrors: {},
+      initialData: {
+        ...registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData,
+        ...formData,
+      },
+    });
+    setShowRegistrationForm({ mode: "manual" });
+  };
+  const handleGoogleInit = (event) => {
+    var _a;
+    if (!((_a = event.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
+    try {
+      const res = jwtDecode(event.detail.credential);
+      setRegistrationFormState({
+        ...registrationFormState,
+        _googleOAuthIdToken: event.detail.credential,
+        initialData: {
+          email: res.email,
+          firstName: res.given_name,
+          lastName: res.family_name,
+        },
+      });
+      setShowRegistrationForm({ mode: "google" });
+    }
+    catch (e) {
+      console.error("Failed to decode Google Sign In credential JWT:", e);
+    }
+  };
+  return {
+    registrationFormState,
+    showRegistrationForm,
+    validationErrors: registrationFormState.validationErrors,
+    handleGoogleInit,
+    handleEmailSubmit,
+  };
+}
+
+const PortalGoogleRegistrationForm = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully register.
+     *
+     * @uiName Registration redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * Redirect participants to this page from their verification email
+     *
+     * @uiName Email verification redirect
+     * @uiWidget pageSelect
+     */
+    this.redirectPath = "/verifyEmail";
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Submit button text
+     */
+    this.submitLabel = "Register";
+    /**
+     * @uiName Login button text
+     */
+    this.loginLabel = "Sign in";
+    /**
+     * @uiName Confirm password field label
+     */
+    this.confirmPasswordLabel = "Confirm Password";
+    /**
+     * @uiName Show confirm password field
+     */
+    this.confirmPassword = false;
+    /**
+     * @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
+     */
+    this.hideInputs = false;
+    /**
+     * @uiName Header text
+     */
+    this.pageLabel = "Register";
+    /**
+     * Redirect participants to this page after clicking the login button.
+     *
+     * @uiName Login redirect
+     * @uiWidget pageSelect
+     */
+    this.loginPath = "/login";
+    /**
+     * Login Call-to-action
+     *
+     * @uiName Login CTA
+     */
+    this.loginCTA = "Already have an account?";
+    /**
+     * The message to be displayed when a required field is not filled.
+     *
+     * @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
+     * @uiWidget textArea
+     */
+    this.networkErrorMessage = "Network request failed.";
+    /**
+     * The message to be displayed when password inputs do not match.
+     *
+     * @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
+     * @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
+     * @uiWidget textArea
+     */
+    this.formDisabledErrorMessage = "The registration form is currently disabled.";
+    /**
+     * @uiName Password requirement met
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Password requirement failed
+     */
+    this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
+    /**
+     * @uiName Minimum length text
+     */
+    this.minErrorText = "be a minimum of 8 characters";
+    /**
+     * @uiName Missing uppercase text
+     */
+    this.uppercaseErrorText = "contain at least 1 uppercase character";
+    /**
+     * @uiName Missing lowercase text
+     */
+    this.lowercaseErrorText = "contain at least 1 lowercase character";
+    /**
+     * @uiName Missing number or symbol text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
+    /**
+     * Can be "signup_with", "signin_with", "continue_with", or "signin"
+     *
+     * @uiName Google button text
+     */
+    this.googleButtonText = "signup_with";
+    domContextHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, refs } = index_module.isDemo()
+      ? useRegisterDemo$1(this)
+      : usePortalRegistrationForm.usePortalRegistrationForm(this);
+    const styles = {
+      LoginButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = JSS.createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, validationErrors, } = index_module.isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
+    const content = {
+      formData: index.h("slot", { name: "formData" }),
+      googleButton: (index.h("sqm-google-sign-in", { text: this.googleButtonText, onInitComplete: handleGoogleInit })),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.loginCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath), className: sheet.classes.LoginButton }, this.loginLabel), " "))),
+      terms: index.h("slot", { name: "terms" }),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+      confirmPasswordLabel: this.confirmPasswordLabel,
+      networkErrorMessage: this.networkErrorMessage,
+      passwordMismatchErrorMessage: this.passwordMismatchErrorMessage,
+      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
+      formDisabledErrorMessage: this.formDisabledErrorMessage,
+      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      meetsRequirementsText: this.meetsRequirementsText,
+      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
+      minErrorText: this.minErrorText,
+      uppercaseErrorText: this.uppercaseErrorText,
+      lowercaseErrorText: this.lowercaseErrorText,
+      hasErrorText: this.hasErrorText,
+    };
+    if (showRegistrationForm.mode === "base") {
+      return (index.h(ShadowViewAddon.BaseRegistrationFormView, { states: {
+          validationErrors,
+        }, callbacks: { handleEmailSubmit }, content: content }));
+    }
+    return (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, { states: {
+        ...states,
+        emailDisabled: true,
+        hidePasswords: showRegistrationForm.mode === "google",
+      }, callbacks: callbacks, content: content, refs: refs }));
+  }
+};
+function useRegisterDemo$1(props) {
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+      confirmPassword: props.confirmPassword,
+      hideInputs: props.hideInputs || false,
+      customPasswordField: false,
+      loginPath: "/login",
+    },
+    callbacks: {
+      handleGoogleInit: () => { },
+      setShowRegistrationForm: () => { },
+      submit: async (_event) => {
+        console.log("submit");
+      },
+      inputFunction: () => { },
+    },
+    content: {
+      pageLabel: "Register",
+      formData: null,
+      passwordField: null,
+    },
+    refs: {
+      formRef: {},
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+function useGoogleDemo(props) {
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
+    mode: "base",
+  });
+  return cjs.cjs({
+    validationErrors: {},
+    handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
+    showRegistrationForm,
+    handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),
+  }, props.demoGoogleData || {}, { arrayMerge: (_, a) => a });
+}
+
+const PortalLogin = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully login.
+     *
+     * @uiName Login redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Submit button text
+     */
+    this.submitLabel = "Sign In";
+    /**
+     * 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?";
+    /**
+     * @uiName Register button text
+     */
+    this.registerLabel = "Register";
+    /**
+     * Redirect participants to this page to start registration.
+     * @uiName Register button redirect
+     * @uiWidget pageSelect
+     */
+    this.registerPath = "/register";
+    /**
+     * @uiName Heading label
+     * @uiWidget textArea
+     */
+    this.pageLabel = "Sign in to your account";
+    /**
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
+     * @uiName Network error message
+     */
+    this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
+    domContextHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useLoginDemo$1(this)
+      : usePortalLogin(this);
     const styles = {
       RegisterButton: {
         "&::part(label)": {
@@ -4118,10 +4647,10 @@ const PortalLogin = class {
       submitLabel: this.submitLabel,
       pageLabel: this.pageLabel,
     };
-    return (index.h(sqmPortalLoginView.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(ShadowViewAddon.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
   }
 };
-function useLoginDemo(props) {
+function useLoginDemo$1(props) {
   return cjs.cjs({
     states: {
       error: "",
@@ -4237,7 +4766,7 @@ function usePortalRegister(props) {
     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")
       return;
-    const asYouType = new AsYouType.AsYouType("US");
+    const asYouType = new usePortalRegistrationForm.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
   let errorMessage = "";
@@ -4391,7 +4920,7 @@ const PortalRegister = class {
   disconnectedCallback() { }
   render() {
     const { states, callbacks, refs } = index_module.isDemo()
-      ? useRegisterDemo$1(this)
+      ? useRegisterDemo$2(this)
       : usePortalRegister(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
@@ -4414,7 +4943,7 @@ const PortalRegister = class {
     return (index.h(ShadowViewAddon.PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }
 };
-function useRegisterDemo$1(props) {
+function useRegisterDemo$2(props) {
   return cjs.cjs({
     states: {
       error: "",
@@ -8118,6 +8647,8 @@ exports.sqm_portal_change_password = PortalChangePassword;
 exports.sqm_portal_footer = PortalFooter;
 exports.sqm_portal_forgot_password = PortalForgotPassword;
 exports.sqm_portal_frame = PortalFrame;
+exports.sqm_portal_google_login = PortalGoogleLogin;
+exports.sqm_portal_google_registration_form = PortalGoogleRegistrationForm;
 exports.sqm_portal_login = PortalLogin;
 exports.sqm_portal_register = PortalRegister;
 exports.sqm_program_explainer = ProgramExplainer;

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

@@ -12,8 +12,7 @@ require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
 require('./useRegistrationFormState-bbee6e7b.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
-require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-75b647fe.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-8ed0d753.js');
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {