@saasquatch/mint-components 1.7.4-2 → 1.7.5

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-21dcca39.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-84128b9f.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.vn();
+  const currentPage = index_module.pn();
   return {
     states: {
       active: currentPage.pathname === props.path,

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
 
 const NavigationSidebar = class {
@@ -20,8 +20,8 @@ const NavigationSidebar = class {
   }
 };
 function useNavigationSidebar() {
-  const location = index_module.vn();
-  const programId = index_module.W();
+  const location = index_module.pn();
+  const programId = index_module._();
   const [checked, setChecked] = stencilHooks_module.useState(false);
   // Close hamburger menu after navigation
   stencilHooks_module.useEffect(() => {

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useRegistrationFormState = require('./useRegistrationFormState-01d63bda.js');
+const utils = require('./utils-6847bc06.js');
+const useRegistrationFormState = require('./useRegistrationFormState-58ce55f2.js');
 
 var constants = {
   error: {
@@ -400,21 +401,15 @@ const passwordSchema = new src()
   .lowercase() // Must have lowercase letters
   .has(/([\d`~\!@#\$%\^\&\*\(\)\-_\=\+\[\{\}\]\\\|;:'",<.>\/\?€£¥₹§±].*){1,}/); // Must contain at least 1 digit or symbol
 // Taken from combining https://github.com/tarunbatra/password-validator/blob/40184970e4f65efa8aed7a64185a011a3b5d0e54/src/constants.js#L9
-const validateNewPassword = (password) => {
+const validateNewPassword = (password, validationText) => {
   const errors = passwordSchema.validate(password, { list: true });
-  const message = getErrorMessage(errors, password);
+  const message = getErrorMessage(errors, password, validationText);
   return message;
 };
 const Valid = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
   index.h("path", { d: "M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM4.8 9L1.8 6L2.646 5.154L4.8 7.302L9.354 2.748L10.2 3.6L4.8 9Z", fill: "#259053" })));
 const Invalid = () => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM6 10.8C3.354 10.8 1.2 8.646 1.2 6C1.2 3.354 3.354 1.2 6 1.2C8.646 1.2 10.8 3.354 10.8 6C10.8 8.646 8.646 10.8 6 10.8ZM8.754 3.348L4.8 7.302L3.246 5.754L2.4 6.6L4.8 9L9.6 4.2L8.754 3.348Z", fill: "#555555" })));
-const validationMessages = {
-  min: "be a minimum of 8 characters",
-  uppercase: "contain at least 1 uppercase character",
-  lowercase: "contain at least 1 lowercase character",
-  has: "contain at least 1 number or symbol",
-};
 const baseItem = {
   display: "flex",
   alignItems: "center",
@@ -446,16 +441,22 @@ const style = {
 };
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
-const getErrorMessage = (errorKeys, password) => {
+const getErrorMessage = (errorKeys, password, validationText) => {
+  const validationMessages = {
+    min: validationText.minErrorText,
+    uppercase: validationText.uppercaseErrorText,
+    lowercase: validationText.lowercaseErrorText,
+    has: validationText.hasErrorText,
+  };
   if (!errorKeys.length && password)
     return (index.h("div", { class: sheet.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
       index.h("style", { type: "text/css" }, styleString),
       index.h(Valid, null),
       " ",
-      index.h("span", null, "Password has met all requirements")));
+      index.h("span", null, validationText.meetsRequirementsText)));
   return (index.h("div", { class: sheet.classes.Base },
     index.h("style", { type: "text/css" }, styleString),
-    "Password must meet the following requirements:",
+    validationText.doesNotMeetRequirementsText,
     index.h("ul", { class: sheet.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (index.h("li", { class: sheet.classes.ValidationItemInvalid },
       index.h(Invalid, null),
       " ",
@@ -512,7 +513,7 @@ function usePasswordField(props) {
   const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
   function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
+    const validation = validateNewPassword(input.target.value, props);
     setDynamicValidation(validation);
   }
   return {
@@ -545,13 +546,37 @@ const PortalPasswordField = class {
      * @uiName Disable validation
      */
     this.disableValidation = false;
+    /**
+     * @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 } = index_module.isDemo()
-      ? usePasswordFieldDemo(this)
-      : usePasswordField(this);
+      ? usePasswordFieldDemo(utils.getProps(this))
+      : usePasswordField(utils.getProps(this));
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });
   }
 };
@@ -560,12 +585,12 @@ function usePasswordFieldDemo(props) {
   const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
   const [lastValidated, setLastValidated] = stencilHooks_module.useState("");
   if (props.demoData && lastValidated != ((_a = props === null || props === void 0 ? void 0 : props.demoData) === null || _a === void 0 ? void 0 : _a.initValue)) {
-    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "");
+    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "", props);
     setDynamicValidation(((_c = props === null || props === void 0 ? void 0 : props.demoData) === null || _c === void 0 ? void 0 : _c.initValue) === "" ? "" : validation);
     setLastValidated((_d = props === null || props === void 0 ? void 0 : props.demoData) === null || _d === void 0 ? void 0 : _d.initValue);
   }
   function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
+    const validation = validateNewPassword(input.target.value, props);
     setDynamicValidation(validation);
   }
   return cjs.cjs({

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -14,14 +14,14 @@ const PopupContainerView = (props) => {
     index.h("div", { style: { padding: props.states.styles.padding }, part: "sqm-base" },
       styles.closeButton && (index.h("span", { part: "sqm-close-button", class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
       index.h("slot", null),
-      styles.poweredBy ? (index.h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
+      styles.poweredBy ? (index.h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, styles.poweredByText)) : (""))));
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.T();
+  const engagementMedium = index_module.Q();
   function closePopup() {
     var _a;
-    if (index_module.T() === "POPUP") {
+    if (index_module.Q() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -35,7 +35,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.T() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.Q() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",
@@ -43,6 +43,7 @@ function usePopupContainer(props) {
         ...props,
         padding,
         closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
+        poweredByText: props.poweredByText,
       },
     },
     data: {},
@@ -55,6 +56,12 @@ const sqmPopupContainerCss = ".squatch-header-close{position:absolute;right:20px
 const PopupContainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * Text at the bottom of the popup
+     *
+     * @uiName "Powered by" text
+     */
+    this.poweredByText = "Powered By";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }

package/dist/cjs/{sqm-portal-email-verification-view-d6e14e8d.js → sqm-portal-email-verification-view-b7cafe0c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6785de71.js');
+const global = require('./global-a8fd1f10.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
@@ -40,7 +40,7 @@ const vanillaStyle = `
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, }, } = props;
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, verificationResentMessage, }, } = props;
   return (index.h("div", { class: sheet.classes.Wrapper },
     index.h("style", { type: "text/css" },
       vanillaStyle,
@@ -50,7 +50,7 @@ function PortalEmailVerificationView(props) {
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        index.h("div", { part: "successalert-text" }, "Your verification email has been resent successfully"))),
+        index.h("div", { part: "successalert-text" }, verificationResentMessage))),
       index.h(sqmTextSpanView.TextSpanView, { type: "p" }, global.intl.formatMessage({
         id: "verifyMessage",
         defaultMessage: verifyMessage,

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

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-6785de71.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+require('./global-a8fd1f10.js');
+const index_module = require('./index.module-7c0deb52.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d6e14e8d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b7cafe0c.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = index_module.on();
-  const [getVerificationStatus, { data: user, loading: loadingVerification }] = index_module.Ke();
+  const [request, { loading, data, errors }] = index_module.un();
+  const [getVerificationStatus, { data: user, loading: loadingVerification }] = index_module.Xe();
   const userIdent = index_module.H();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const urlParams = new URLSearchParams(index_module.hn.location.search);
+  const urlParams = new URLSearchParams(index_module.yn.location.search);
   const nextPage = urlParams.get("nextPage");
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
@@ -48,7 +48,7 @@ function usePortalEmailVerification(props) {
     const data = (await getVerificationStatus());
     if ((_a = data === null || data === void 0 ? void 0 : data.managedIdentitySession) === null || _a === void 0 ? void 0 : _a.emailVerified) {
       clearInterval(timerRef.current);
-      return index_module.hn.push({
+      return index_module.yn.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
@@ -155,6 +155,16 @@ const PortalEmailVerification = class {
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";
+    /**
+     * @uiName Email verification resent text
+     * @uiWidget textArea
+     */
+    this.verificationResentMessage = "Your verification email has been resent successfully";
+    /**
+     * @uiName Network error message
+     * Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while verifying your password. Please refresh the page.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -178,6 +188,7 @@ function usePortalEmailVerificationDemo(props) {
       resendEmailButtonText: props.resendEmailButtonText,
       verificationLoadingMessage: props.verificationLoadingMessage,
       verificationStatusMessage: props.verificationStatusMessage,
+      verificationResentMessage: props.verificationResentMessage,
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/{sqm-portal-forgot-password-view-0142350f.js → sqm-portal-forgot-password-view-ca5f6db9.js}

@@ -35,7 +35,7 @@ function PortalForgotPasswordView(props) {
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        index.h("div", { part: "successalert-text" }, "If an account with that email exists, a password reset email will be sent."))),
+        index.h("div", { part: "successalert-text" }, content.successAlertText))),
       index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0142350f.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ca5f6db9.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.rn();
-  const urlParams = new URLSearchParams(index_module.hn.location.search);
+  const [request, { loading, data, errors }] = index_module.an();
+  const urlParams = new URLSearchParams(index_module.yn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     var _a;
@@ -33,7 +33,7 @@ function usePortalForgotPassword(props) {
     const result = await request(variables);
     if (result instanceof Error) {
       if (result.message)
-        setError("Network request failed.");
+        setError(props.networkErrorMessage);
       return;
     }
     if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
@@ -86,9 +86,18 @@ const PortalForgotPassword = class {
      */
     this.headerText = "Enter your email below to receive a password reset link.";
     /**
-     * Sign in link text
+     * @uiName Sign in link text
      */
     this.loginText = "Sign In";
+    /**
+     * @uiName Network error message
+     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
+     */
+    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.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -97,10 +106,11 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.hn.push(states.loginPath) }, "Sign In"))),
-      messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.yn.push(states.loginPath) }, this.loginText))),
+      messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
+      successAlertText: this.successAlertText,
     };
     return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.hn.push({ pathname: nextPage, search: "" });
+  index_module.yn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/cjs/{sqm-portal-profile-view-13a1229f.js → sqm-portal-profile-view-f092a4ef.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6785de71.js');
+const global = require('./global-a8fd1f10.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
@@ -65,16 +65,16 @@ function PortalProfileView(props) {
     index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     index.h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
       states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
-        index.h("div", { part: "successalert-text" }, "Your profile has been successfully updated."))),
+        index.h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, error))),
       index.h("div", { class: sheet.classes.NameInputContainer },
         index.h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
-          ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+          ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { id: "firstName", name: "firstName", error: (errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.firstName.message : undefined })),
         index.h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
-          ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+          ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { error: (errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       index.h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label", disabled: true }),

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

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-6785de71.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+require('./global-a8fd1f10.js');
+const index_module = require('./index.module-7c0deb52.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-13a1229f.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-f092a4ef.js');
+const utilities = require('./utilities-d2d257c7.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -60,8 +61,8 @@ function usePortalProfile(props) {
   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.mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.Fe(UPSERT_USER);
+  const userDataResponse = index_module.gn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.Me(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -100,7 +101,7 @@ function usePortalProfile(props) {
     if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setFormState({
         ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
-        error: "Network request failed.",
+        error: props.networkRequestMessage,
       });
     }
   }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
@@ -118,15 +119,15 @@ function usePortalProfile(props) {
     }
     const errors = {};
     if (!formState.firstName) {
-      errors["firstName"] = { message: "Field can't be empty" };
+      errors["firstName"] = { message: props.fieldEmptyText };
     }
     if (!formState.lastName) {
-      errors["lastName"] = { message: "Field can't be empty" };
+      errors["lastName"] = { message: props.fieldEmptyText };
     }
-    if (errors !== {}) {
+    if (!utilities.isEmpty(errors)) {
       setFormState((e) => ({
         ...e,
-        error: "Please correct the errors below to update your profile.",
+        error: props.formErrorText,
       }));
     }
     setFormState((e) => ({ ...e, errors }));
@@ -195,6 +196,23 @@ const PortalProfile = class {
      * @uiName Hide country field
      */
     this.hideCountry = false;
+    /**
+     * @uiName Network request error message
+     * Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
+     */
+    this.networkRequestMessage = "An error occurred while loading this page. Please refresh the page.";
+    /**
+     * @uiName Field empty text
+     */
+    this.fieldEmptyText = "Field is required";
+    /**
+     * @uiName Form error message
+     */
+    this.formErrorText = "Please correct the errors below to update your profile.";
+    /**
+     * @uiName Submission success text
+     */
+    this.submissionSuccessText = "Your profile has been successfully updated.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -228,6 +246,8 @@ function usePortalProfileDemo(props) {
         editProfileHeader: props.editProfileHeader,
         editProfileSubHeader: props.editProfileSubHeader,
         submitChangeButtonText: props.submitChangeButtonText,
+        submissionSuccessText: props.submissionSuccessText,
+        fieldEmptyText: props.fieldEmptyText,
       },
       formState: {
         country: "Canada",

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

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-7c0deb52.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
   const userIdent = index_module.H();
   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.vn();
+  const { pathname, search } = index_module.pn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.hn.push({
+      return index_module.yn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.hn.push({
+      return index_module.yn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });