@saasquatch/mint-components 1.12.1-7 → 1.12.1-8

package/dist/esm/sqm-portal-google-registration-form.entry.js

@@ -1,310 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { k as useState, n as h } from './stencil-hooks.module-e20edc0b.js';
-import { o, i as isDemo, c as xn } from './index.module-f3d96fbb.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-d1b54710.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-33f9cb24.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-dd481f19.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-22ea3db3.js';
-import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-8b093aa2.js';
-
-function usePortalGoogleRegistrationForm(props) {
-  const [emailValidationError, setEmailValidationError] = useState(null);
-  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState();
-  const [showRegistrationForm, setShowRegistrationForm] = useState({
-    mode: "base",
-  });
-  const handleEmailSubmit = async (event) => {
-    const formControls = event.target.getFormControls();
-    let formData = {};
-    let errorMessage = null;
-    formControls.forEach((control) => {
-      if (!control.name || control.name !== "/email")
-        return;
-      jsonpointer.set(formData, control.name, control.value);
-      if (control.required && !control.value)
-        errorMessage = props.requiredFieldErrorMessage;
-      if (typeof control.validationError === "function") {
-        const validate = control.validationError;
-        const validationError = validate({
-          control,
-          key: "email",
-          value: control.value,
-        });
-        if (validationError)
-          errorMessage = validationError;
-      }
-    });
-    if (errorMessage) {
-      setEmailValidationError(errorMessage);
-      return;
-    }
-    setRegistrationFormState({
-      ...registrationFormState,
-      initialData: {
-        ...registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData,
-        ...formData,
-      },
-    });
-    setShowRegistrationForm({ mode: "manual" });
-  };
-  const handleGoogleInit = (event) => {
-    try {
-      const res = o(event.detail);
-      // TODO: Double check
-      setRegistrationFormState({
-        ...registrationFormState,
-        initialData: {
-          ...registrationFormState.initialData,
-          email: res.payload.email,
-          firstName: res.payload.given_name,
-          lastName: res.payload.family_name,
-        },
-      });
-      setShowRegistrationForm({ mode: "google" });
-    }
-    catch (e) {
-      console.error("Failed to decode Google Sign In credential JWT:", e);
-    }
-  };
-  return {
-    showRegistrationForm,
-    emailValidationError,
-    handleGoogleInit,
-    handleEmailSubmit,
-  };
-}
-
-const PortalGoogleRegistrationForm = class {
-  constructor(hostRef) {
-    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;
-    /**
-     * Shows the first name and last name fields
-     *
-     * @uiName Show name fields
-     */
-    this.showNameFields = 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";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, refs } = isDemo()
-      ? useRegisterDemo(this)
-      : usePortalRegistrationForm(this);
-    const styles = {
-      LoginButton: {
-        "&::part(label)": {
-          padding: "0",
-        },
-      },
-    };
-    const sheet = createStyleSheet(styles);
-    const styleString = sheet.toString();
-    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
-    const content = {
-      formData: h$1("slot", { name: "formData" }),
-      googleButton: (h$1("sqm-google-sign-in", { onInitComplete: handleGoogleInit })),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("span", null, this.loginCTA, " ", h$1("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => xn.push(states.loginPath), className: sheet.classes.LoginButton }, this.loginLabel), " "))),
-      terms: h$1("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 (h$1(BaseRegistrationFormView, { states: {
-          error: emailValidationError,
-        }, callbacks: { handleEmailSubmit }, content: content }));
-    }
-    return (h$1(PortalRegistrationFormView, { states: {
-        ...states,
-        hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks, content: {
-        ...content,
-        secondaryButton: h$1("div", { style: { display: "none" } }),
-      }, refs: refs }));
-  }
-};
-function useRegisterDemo(props) {
-  return cjs({
-    states: {
-      error: "",
-      loading: false,
-      confirmPassword: props.confirmPassword,
-      hideInputs: props.hideInputs || false,
-      showNameFields: props.showNameFields || 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] = useState({
-    mode: "base",
-  });
-  return cjs({
-    emailValidationError: true,
-    handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
-    showRegistrationForm,
-    handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),
-  }, props.demoGoogleData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PortalGoogleRegistrationForm as sqm_portal_google_registration_form };

package/dist/esm/sqm-portal-registration-form-view-22ea3db3.js

@@ -1,85 +0,0 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
-
-const style = {
-  Wrapper: { ...AuthWrapper, "max-width": "600px" },
-  Column: AuthColumn,
-  HostBlock: HostBlock,
-  ":host": {
-    margin: "0 auto",
-    width: "100%",
-  },
-  ButtonsContainer: AuthButtonsContainer,
-  ErrorStyle: ErrorStyles,
-};
-const vanillaStyle = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalRegistrationFormView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-  const { states, refs, callbacks, content } = props;
-  if (states.error) {
-    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
-  }
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, content.pageLabel),
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-      ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.disabled) ? (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error)))),
-      states.showNameFields && h("sqm-name-fields", null),
-      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: true, required: true, validationError: ({ value }) => {
-          if (!value) {
-            return content.requiredFieldErrorMessage;
-          }
-          // this matches shoelace validation, but could be better
-          if (!value.includes("@")) {
-            return content.invalidEmailErrorMessage;
-          }
-        } }, (((_c = (_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.initialData) === null || _c === void 0 ? void 0 : _c.email) ? {
-        value: (_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.email,
-      }
-        : {}), (((_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.email) ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: ((_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.validationErrors) === null || _j === void 0 ? void 0 : _j.email) ||
-          content.requiredFieldErrorMessage,
-      }
-        : [])))),
-      !(states.hideInputs || states.hidePasswords) && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
-      content.passwordField,
-      !(states.hideInputs || states.hidePasswords) &&
-        states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.disabled), required: true }, (((_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.confirmPassword) ? {
-        value: (_p = (_o = states.registrationFormState) === null || _o === void 0 ? void 0 : _o.initialData) === null || _p === void 0 ? void 0 : _p.confirmPassword,
-      }
-        : {}), (((_r = (_q = states.registrationFormState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || content.requiredFieldErrorMessage,
-      }
-        : [])))),
-      content.formData,
-      content.terms,
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, disabled: (_u = states.registrationFormState) === null || _u === void 0 ? void 0 : _u.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
-        content.secondaryButton))));
-}
-
-export { PortalRegistrationFormView as P };

package/dist/esm/usePortalRegistrationForm-8b093aa2.js

@@ -1,212 +0,0 @@
-import { m as useRef, f as useEffect } from './stencil-hooks.module-e20edc0b.js';
-import { d as dist, Q, f as Te, E as En, c as xn, e as useCallback } from './index.module-f3d96fbb.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-33f9cb24.js';
-import { A as AsYouType } from './AsYouType-46f67d0d.js';
-
-const RegistrationFormQuery = 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 = useRef(null);
-  const locale = Q();
-  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
-  const [request, { loading, errors, data, formError }] = Te();
-  const queryResponse = En(RegistrationFormQuery, { key: props.formKey });
-  const formLoading = loading || queryResponse.loading;
-  useEffect(() => {
-    var _a, _b, _c;
-    const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
-    const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
-    const disabledMessage = ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
-      props.formDisabledErrorMessage;
-    const formState = {
-      loading: formLoading,
-      disabled,
-      disabledMessage,
-      initialData,
-    };
-    setRegistrationFormState(formState);
-  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
-  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, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    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;
-      // control.value = initialData[key] || control.value;
-      jsonpointer.set(formData, key, value);
-      // required validation
-      if (control.required && !value) {
-        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.set(validationErrors, key, validationError);
-      }
-    });
-    if ((props.confirmPassword || formData.confirmPassword) &&
-      formData.password !== formData.confirmPassword) {
-      validationErrors = {
-        ...validationErrors,
-        confirmPassword: props.passwordMismatchErrorMessage,
-      };
-    }
-    if (Object.keys(validationErrors).length) {
-      // early return for validation errors
-      setRegistrationFormState({
-        ...registrationFormState,
-        loading: false,
-        error: "",
-        validationErrors,
-      });
-      return;
-    }
-    setRegistrationFormState({
-      ...registrationFormState,
-      loading: true,
-      error: "",
-      validationErrors: {},
-    });
-    const { email, password } = formData;
-    delete formData.email;
-    delete formData.password;
-    delete formData.confirmPassword;
-    const redirectPath = props.redirectPath;
-    const variables = {
-      key: props.formKey,
-      formData: {
-        locale,
-        email,
-        password,
-        redirectPath,
-        ...formData,
-      },
-    };
-    try {
-      const result = await request(variables);
-      if (result instanceof Error) {
-        throw result;
-      }
-      setRegistrationFormState({
-        ...registrationFormState,
-        loading: false,
-        error: "",
-        validationErrors: {},
-      });
-      const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => { var _a; return ((_a = result === null || result === void 0 ? void 0 : result.formHandler) === null || _a === void 0 ? void 0 : _a.namespace) === "identity"; });
-      if (managedIdentityResponse &&
-        managedIdentityResponse.result.results.length &&
-        managedIdentityResponse.result.results[0].success &&
-        managedIdentityResponse.result.results[0].data.token) {
-        xn.push(props.nextPage);
-      }
-      else if (
-      // check for blocked email error response
-      ((_b = result.submitForm) === null || _b === void 0 ? void 0 : _b.results.length) === 1 &&
-        ((_f = (_e = (_d = (_c = result.submitForm) === null || _c === void 0 ? void 0 : _c.results[0]) === null || _d === void 0 ? void 0 : _d.result) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length) === 1 &&
-        ((_l = (_k = (_j = (_h = (_g = result.submitForm) === null || _g === void 0 ? void 0 : _g.results[0]) === null || _h === void 0 ? void 0 : _h.result) === null || _j === void 0 ? void 0 : _j.results) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.success) ===
-          false && ((_s = (_r = (_q = (_p = (_o = (_m = result.submitForm) === null || _m === void 0 ? void 0 : _m.results[0]) === null || _o === void 0 ? void 0 : _o.result) === null || _p === void 0 ? void 0 : _p.results) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) === null || _s === void 0 ? void 0 : _s.startsWith("Blocked email"))) {
-        setRegistrationFormState({
-          ...registrationFormState,
-          loading: false,
-          error: "",
-          validationErrors: {
-            email: props.invalidEmailErrorMessage,
-          },
-        });
-      }
-    }
-    catch (error) {
-      // check for invalid email
-      if ((_t = error === null || error === void 0 ? void 0 : error.message) === null || _t === void 0 ? void 0 : _t.includes("is not a valid email address")) {
-        setRegistrationFormState({
-          ...registrationFormState,
-          loading: false,
-          error: "",
-          validationErrors: { email: props.invalidEmailErrorMessage },
-        });
-      }
-      else {
-        setRegistrationFormState({
-          ...registrationFormState,
-          loading: false,
-          error: props.networkErrorMessage,
-          validationErrors: {},
-        });
-      }
-    }
-  };
-  const inputFunction = 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("US");
-    e.target.value = asYouType.input(e.target.value);
-  }, []);
-  let errorMessage = "";
-  if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
-    errorMessage =
-      ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
-        props.formDisabledErrorMessage;
-  }
-  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
-    errorMessage = props.networkErrorMessage;
-  }
-  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors.length)) {
-    errorMessage = props.networkErrorMessage;
-  }
-  else {
-    errorMessage =
-      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.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: loading || queryResponse.loading,
-      error: errorMessage,
-      registrationFormState,
-      confirmPassword: props.confirmPassword,
-      hideInputs: props.hideInputs,
-      showNameFields: props.showNameFields,
-      loginPath: props.loginPath,
-      enablePasswordValidation: !props.disablePasswordValidation,
-    },
-    callbacks: {
-      submit,
-      inputFunction,
-    },
-    refs: {
-      formRef,
-    },
-  };
-}
-
-export { usePortalRegistrationForm as u };