@saasquatch/mint-components 2.0.5-1 → 2.0.5-2

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

@@ -13,21 +13,19 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-03024ff4.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
+require('./sqm-text-span-view-f274fdf2.js');
+const AsYouType = require('./AsYouType-6788393a.js');
+const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
 const reRender = require('./re-render-f59ad8a9.js');
 const useChildElements = require('./useChildElements-84b623d1.js');
 require('./luxon-c1ad356a.js');
-require('./sqm-text-span-view-f274fdf2.js');
 const index$1 = require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
-const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-dbe420fb.js');
 const useLeadFormState = require('./useLeadFormState-1895ef0d.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-298425ad.js');
-const usePortalLogin = require('./usePortalLogin-95e7c3a0.js');
-const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-3577b60d.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-00e7bf6d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-5a9d4a55.js');
 require('./sqm-portal-container-view-70a47420.js');
 const utils$1 = require('./utils-064a7c83.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
@@ -3660,147 +3658,6 @@ const PortalFooter = class {
   static get assetsDirs() { return ["../../assets"]; }
 };
 
-function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = domContextHooks_module.useState(false);
-  const [error, setError] = domContextHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.un();
-  const urlParams = new URLSearchParams(index_module.jn.location.search);
-  const nextPage = urlParams.get("nextPage");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    setSuccess(false);
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.jsonpointer.set(formData, key, value);
-    });
-    const urlParams = nextPage ? { nextPage } : null;
-    const redirectPath = props.redirectPath;
-    const variables = { email: formData.email, urlParams, redirectPath };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if (result.message)
-        setError(props.networkErrorMessage);
-      return;
-    }
-    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  };
-  return {
-    states: {
-      loading,
-      error: ((_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,
-      success,
-      loginPath: props.loginPath,
-      headerText: props.headerText,
-      loginText: props.loginText,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
-
-const PortalForgotPassword = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they verify their email.
-     *
-     * @uiName Email redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/resetPassword";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password reset button text
-     */
-    this.submitLabel = "Request Password Reset";
-    /**
-     * @uiName Login redirect path
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * @uiName Header text
-     * @uiWidget textArea
-     */
-    this.headerText = "Enter your email below to receive a password reset link.";
-    /**
-     * @uiName Sign in link text
-     */
-    this.loginText = "Sign In";
-    /**
-     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Email verification sent text
-     */
-    this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     */
-    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
-    /**
-     * @uiName Border radius
-     * @uiWidget number
-     */
-    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
-    /**
-     * @uiName Border style
-     * @uiWidget textArea
-     */
-    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.isDemo()
-      ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword(this);
-    const content = {
-      messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
-      emailLabel: this.emailLabel,
-      submitLabel: this.submitLabel,
-      successAlertText: this.successAlertText,
-      loginText: this.loginText,
-      backgroundColor: this.backgroundColor,
-      borderRadius: this.borderRadius,
-      border: this.border,
-    };
-    return (index.h(ShadowViewAddon.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalForgotPasswordDemo(props) {
-  return cjs.cjs({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
-      messageSlot: index.h("span", null, props.headerText),
-      emailLabel: props.emailLabel,
-      submitLabel: props.submitLabel,
-      successAlertText: props.successAlertText,
-      loginText: props.loginText,
-      backgroundColor: props.backgroundColor,
-      borderRadius: props.borderRadius,
-      border: props.border,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
 function usePortalFrame(footerContent, headerContent, props) {
   const [, rerender] = index_module.yn();
   return {
@@ -3875,407 +3732,6 @@ function usePortalFrameDemo(footerContent, headerContent, props) {
   }, props.demoData || {}, { 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.";
-    /**
-     * @uiName Register CTA
-     */
-    this.registerCTA = "Don't have an account?";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.isDemo()
-      ? useLoginDemo(this)
-      : usePortalLogin.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: 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,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-    };
-    return (index.h(sqmPortalLoginView.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function useLoginDemo(props) {
-  return cjs.cjs({
-    states: {
-      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 });
-}
-
-function usePortalRegister(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const formRef = domContextHooks_module.useRef(null);
-  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
-  const [request, { loading, errors, data }] = index_module.Ve();
-  domContextHooks_module.useEffect(() => {
-    if (!formRef.current)
-      return;
-    const form = formRef.current;
-    form.addEventListener("sl-input", inputFunction);
-    return () => {
-      form.removeEventListener("sl-input", inputFunction);
-    };
-  }, [formRef.current]);
-  const submit = async (event) => {
-    var _a;
-    let formControls = event.target.getFormControls();
-    let formData = {};
-    let validationErrors = {};
-    formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
-      if (!control.name)
-        return;
-      const key = control.name;
-      const value = control.value;
-      jsonpointer.jsonpointer.set(formData, key, value);
-      // required validation
-      if (control.required && !value) {
-        jsonpointer.jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
-      }
-      // custom validation
-      if (typeof control.validationError === "function") {
-        const validate = control.validationError;
-        const validationError = validate({ control, key, value });
-        if (validationError)
-          jsonpointer.jsonpointer.set(validationErrors, key, validationError);
-      }
-    });
-    if ((props.confirmPassword || formData.confirmPassword) &&
-      formData.password !== formData.confirmPassword) {
-      validationErrors = {
-        ...validationErrors,
-        confirmPassword: props.passwordMismatchErrorMessage,
-      };
-    }
-    if (Object.keys(validationErrors).length) {
-      setRegistrationFormState({ loading: false, error: "", validationErrors });
-      // early return for validation errors
-      return;
-    }
-    setRegistrationFormState({
-      loading: true,
-      error: "",
-      validationErrors: {},
-    });
-    const { email, password } = formData;
-    delete formData.email;
-    delete formData.password;
-    delete formData.confirmPassword;
-    formData = { ...formData };
-    const redirectPath = props.redirectPath;
-    const variables = {
-      email,
-      password,
-      formData,
-      redirectPath,
-    };
-    try {
-      const result = await request(variables);
-      if (result instanceof Error) {
-        throw result;
-      }
-      setRegistrationFormState({
-        loading: false,
-        error: "",
-        validationErrors: {},
-      });
-      if ((_a = result.registerManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
-        index_module.jn.push(props.nextPage);
-      }
-    }
-    catch (error) {
-      setRegistrationFormState({
-        loading: false,
-        error: props.networkErrorMessage,
-        validationErrors: {},
-      });
-    }
-  };
-  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")
-      return;
-    const asYouType = new AsYouType.AsYouType("US");
-    e.target.value = asYouType.input(e.target.value);
-  }, []);
-  let errorMessage = "";
-  if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
-    errorMessage = props.networkErrorMessage;
-  }
-  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors.length)) {
-    errorMessage = props.networkErrorMessage;
-  }
-  else {
-    errorMessage =
-      ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
-  }
-  return {
-    states: {
-      loading,
-      error: errorMessage,
-      registrationFormState,
-      confirmPassword: props.confirmPassword,
-      hideInputs: props.hideInputs,
-      loginPath: props.loginPath,
-      disablePasswordValidation: props.disablePasswordValidation,
-    },
-    callbacks: {
-      submit,
-      inputFunction,
-    },
-    refs: {
-      formRef,
-    },
-  };
-}
-
-const PortalRegister = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = false;
-    /**
-     * Redirect participants to this page from their verification email
-     *
-     * @uiName Registration redirect
-     * @uiWidget pageSelect
-     */
-    this.nextPage = "/";
-    /**
-     * The page that participants are redirected to from the 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";
-    /**
-     * 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";
-    /**
-     * @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";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, refs } = index_module.isDemo()
-      ? useRegisterDemo$1(this)
-      : usePortalRegister(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.jn.push(states.loginPath) }, this.loginLabel))),
-      terms: index.h("slot", { name: "terms" }),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-      confirmPasswordLabel: this.confirmPasswordLabel,
-      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
-      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
-      meetsRequirementsText: this.meetsRequirementsText,
-      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
-      minErrorText: this.minErrorText,
-      uppercaseErrorText: this.uppercaseErrorText,
-      lowercaseErrorText: this.lowercaseErrorText,
-      hasErrorText: this.hasErrorText,
-    };
-    return (index.h(ShadowViewAddon.PortalRegisterView, { states: states, 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: props.loginPath,
-      disablePasswordValidation: props.disablePasswordValidation,
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-      inputFunction: () => { },
-    },
-    refs: {
-      formRef: {},
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
 function ProgramExplainerView(props, children) {
   const style = {
     Container: {
@@ -7907,10 +7363,7 @@ exports.sqm_payout_status_alert = PayoutStatusAlert;
 exports.sqm_portal_change_marketing = PortalChangeMarketing;
 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_login = PortalLogin;
-exports.sqm_portal_register = PortalRegister;
 exports.sqm_program_explainer = ProgramExplainer;
 exports.sqm_program_explainer_step = ProgramExplainerStep;
 exports.sqm_program_menu = ProgramMenu;

package/dist/cjs/sqm-instant-access-registration.cjs.entry.js

@@ -9,8 +9,8 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const emailRegistrationView = require('./email-registration-view-306c8878.js');
 require('./useRegistrationFormState-0f85c946.js');
+const emailRegistrationView = require('./email-registration-view-306c8878.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-dbe420fb.js');
 
 const InstantAccessRegistration = class {