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

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

@@ -0,0 +1,314 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3cf5ef3d.js');
+const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+const index_module = require('./index.module-ccf9bd9c.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+const cjs = require('./cjs-1066ec21.js');
+const JSS = require('./JSS-8503a151.js');
+require('./mixins-f7e0377a.js');
+require('./sqm-text-span-view-a22f50aa.js');
+const useRegistrationFormState = require('./useRegistrationFormState-5911d016.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-e4a74dee.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-0502824e.js');
+require('./AsYouType-6788393a.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-16151c0c.js');
+
+function usePortalGoogleRegistrationForm(props) {
+  const [emailValidationError, setEmailValidationError] = stencilHooks_module.useState(null);
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
+  const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.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.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 = index_module.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) {
+    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;
+    /**
+     * 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";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, refs } = index_module.isDemo()
+      ? useRegisterDemo(this)
+      : usePortalRegistrationForm.usePortalRegistrationForm(this);
+    const styles = {
+      LoginButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = JSS.createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = index_module.isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
+    const content = {
+      formData: index.h("slot", { name: "formData" }),
+      googleButton: (index.h("sqm-google-sign-in", { 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.xn.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(sqmBaseRegistrationFormView.BaseRegistrationFormView, { states: {
+          error: emailValidationError,
+        }, callbacks: { handleEmailSubmit }, content: content }));
+    }
+    return (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, { states: {
+        ...states,
+        hidePasswords: showRegistrationForm.mode === "google",
+      }, callbacks: callbacks, content: {
+        ...content,
+        secondaryButton: index.h("div", { style: { display: "none" } }),
+      }, refs: refs }));
+  }
+};
+function useRegisterDemo(props) {
+  return cjs.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] = stencilHooks_module.useState({
+    mode: "base",
+  });
+  return cjs.cjs({
+    emailValidationError: true,
+    handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
+    showRegistrationForm,
+    handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),
+  }, props.demoGoogleData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_portal_google_registration_form = PortalGoogleRegistrationForm;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index = require('./index-3cf5ef3d.js');
+const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+const index_module = require('./index.module-ccf9bd9c.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.$n.push({ pathname: nextPage, search: "" });
+  index_module.xn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/cjs/{sqm-portal-profile-view-fde54e35.js → sqm-portal-profile-view-f4489585.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
+const index = require('./index-3cf5ef3d.js');
+const global = require('./global-d9abaf4d.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmTextSpanView = require('./sqm-text-span-view-a22f50aa.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
+const index = require('./index-3cf5ef3d.js');
+const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+require('./global-d9abaf4d.js');
+const index_module = require('./index.module-ccf9bd9c.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
-const utilities = require('./utilities-cec9dd36.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-a22f50aa.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-f4489585.js');
+const utilities = require('./utilities-27e9535b.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -57,12 +57,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.Q();
+  const userIdent = index_module.K();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.yn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
+  const userDataResponse = index_module.En(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.xe(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

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

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index = require('./index-3cf5ef3d.js');
+const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+const index_module = require('./index.module-ccf9bd9c.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.Q();
+  const userIdent = index_module.K();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.Sn();
+  const { pathname, search } = index_module.jn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.$n.push({
+      return index_module.xn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.$n.push({
+      return index_module.xn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

package/dist/cjs/{sqm-portal-registration-form-view-621348a6.js → sqm-portal-registration-form-view-0502824e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
-const mixins = require('./mixins-fe9d4112.js');
+const index = require('./index-3cf5ef3d.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const mixins = require('./mixins-f7e0377a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-a22f50aa.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -34,7 +34,7 @@ sqm-portal-register {
 const sheet = JSS.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, _v;
+  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" });
@@ -48,8 +48,8 @@ function PortalRegistrationFormView(props) {
       ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.disabled) ? (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error)))),
-      content.formData,
-      !states.hideInputs && (index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), required: true, validationError: ({ value }) => {
+      states.showNameFields && index.h("sqm-name-fields", null),
+      !states.hideInputs && (index.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;
           }
@@ -57,28 +57,30 @@ function PortalRegistrationFormView(props) {
           if (!value.includes("@")) {
             return content.invalidEmailErrorMessage;
           }
-        } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.email) ? {
-        value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.email,
+        } }, (((_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,
       }
-        : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.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: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
+        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 && (index.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 })),
-      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
-        value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
+      !(states.hideInputs || states.hidePasswords) && (index.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 && (index.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,
       }
-        : {}), (((_s = (_r = states.registrationFormState) === null || _r === void 0 ? void 0 : _r.validationErrors) === null || _s === void 0 ? void 0 : _s.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: ((_u = (_t = states.registrationFormState) === null || _t === void 0 ? void 0 : _t.validationErrors) === null || _u === void 0 ? void 0 : _u.confirmPassword) || content.requiredFieldErrorMessage,
+        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || content.requiredFieldErrorMessage,
       }
         : [])))),
-      content.emailOptIn,
+      content.formData,
       content.terms,
       index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, disabled: (_v = states.registrationFormState) === null || _v === void 0 ? void 0 : _v.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        index.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))));
 }