@saasquatch/mint-components 2.0.0-9 → 2.0.1

package/dist/esm/sqm-code-verification.entry.js

@@ -3,7 +3,7 @@ import { i as intl } from './global-1099f20d.js';
 import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, t as Pn, F as Fn, i as isDemo, p as En } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';

package/dist/esm/sqm-context-router.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
 import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { _ } from './index.module-c9811a48.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 
 const debug = browser("sq:useRouter");

package/dist/esm/sqm-email-verification.entry.js

@@ -3,7 +3,7 @@ import { i as intl } from './global-1099f20d.js';
 import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, p as En } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';

package/dist/esm/sqm-empty_4.entry.js

@@ -2,9 +2,9 @@ import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
 import { i as intl } from './global-1099f20d.js';
 import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import './index.module-c9811a48.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-16309b22.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/esm/sqm-form-message.entry.js

@@ -1,27 +1,31 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { n as h } from './dom-context-hooks.module-63370afd.js';
 
-const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
+const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
 
 const FormMessage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * Render the alert with transparent styles
+     */
+    this.transparent = false;
     h(this);
   }
   disconnectedCallback() { }
   render() {
     if (this.type === "error") {
-      return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
+      return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
     }
     else if (this.type === "info") {
-      return (h$1("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
+      return (h$1("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: `Info ${this.transparent ? "Transparent" : ""}`, type: "info", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
     }
     else if (this.type === "warning") {
-      return (h$1("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), h$1("slot", null)));
+      return (h$1("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: `Warning ${this.transparent ? "Transparent" : ""}`, type: "warning", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), h$1("slot", null)));
     }
     else {
-      return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
+      return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: `Success ${this.transparent ? "Transparent" : ""}`, type: "success", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
     }
   }
 };

package/dist/esm/sqm-invoice-table-data-cell_5.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
 import { n as h } from './dom-context-hooks.module-63370afd.js';
-import { l as luxonLocale } from './utils-84b4b092.js';
+import { l as luxonLocale } from './utils-334c1e34.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 
 const InvoiceTableDataCell = class {

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -3,7 +3,7 @@ import './global-1099f20d.js';
 import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { a as getMissingProps, g as getProps } from './utils-84b4b092.js';
+import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-c379e5d7.js';
 import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-cbafee07.js';

package/dist/esm/sqm-lead-input-field.entry.js

@@ -3,7 +3,7 @@ import './global-1099f20d.js';
 import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps, a as getMissingProps } from './utils-84b4b092.js';
+import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-c379e5d7.js';

package/dist/esm/sqm-logout-current-user.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-f21e54e3.js';
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { k as kn, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5a452423.js';

package/dist/esm/sqm-pagination_3.entry.js

@@ -3,11 +3,11 @@ import { i as intl } from './global-1099f20d.js';
 import { n as h$1, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-c2e809cf.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-83b09456.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 
 const style = {
   Container: {

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance } from './index-b3a06de8.js';
 import { i as d, k as useState, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-24d594ea.js';

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
 import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { B } from './index.module-c9811a48.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;

package/dist/esm/{sqm-portal-container-view-16309b22.js → sqm-portal-container-view-176e92e3.js}

@@ -36,7 +36,7 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      backgroundColor: props.backgroundColor || "inherit",
+      backgroundColor: props.backgroundColor || "var(--sqm-portal-background)",
     },
   };
   const vanillaStyle = `

package/dist/esm/sqm-portal-google-login.entry.js

@@ -3,12 +3,12 @@ import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo, j as jn } from './index.module-c9811a48.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './utils-84b4b092.js';
+import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
-import { u as usePortalLogin } from './usePortalLogin-95814943.js';
+import { u as usePortalLogin } from './usePortalLogin-f95bbc67.js';
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {

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

@@ -7,7 +7,7 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { a as useRegistrationForm } from './useRegistrationFormState-24d594ea.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-9e97d8b4.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-1eb3cd72.js';
@@ -71,7 +71,6 @@ function jwtDecode(token, options) {
 }
 
 function usePortalGoogleRegistrationForm(props) {
-  const [emailValidationError, setEmailValidationError] = useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationForm();
   const [showRegistrationForm, setShowRegistrationForm] = useState({
     mode: "base",
@@ -79,30 +78,40 @@ function usePortalGoogleRegistrationForm(props) {
   const handleEmailSubmit = async (event) => {
     const formControls = event.target.getFormControls();
     let formData = {};
-    let errorMessage = null;
+    let validationErrors = {};
     formControls.forEach((control) => {
-      if (!control.name || control.name !== "/email")
+      if (!control.name)
         return;
-      jsonpointer.set(formData, control.name, control.value);
-      if (control.required && !control.value)
-        errorMessage = props.requiredFieldErrorMessage;
+      const key = control.name;
+      const value = control.value;
+      jsonpointer.set(formData, key, value);
+      if (control.required && !value) {
+        jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
         const validationError = validate({
           control,
-          key: "email",
-          value: control.value,
+          key,
+          value,
         });
         if (validationError)
-          errorMessage = validationError;
+          jsonpointer.set(validationErrors, key, validationError);
       }
     });
-    if (errorMessage) {
-      setEmailValidationError(errorMessage);
+    if (Object.keys(validationErrors).length) {
+      // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
       return;
     }
     setRegistrationFormState({
       ...registrationFormState,
+      validationErrors: {},
       initialData: {
         ...registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData,
         ...formData,
@@ -132,8 +141,9 @@ function usePortalGoogleRegistrationForm(props) {
     }
   };
   return {
+    registrationFormState,
     showRegistrationForm,
-    emailValidationError,
+    validationErrors: registrationFormState.validationErrors,
     handleGoogleInit,
     handleEmailSubmit,
   };
@@ -289,7 +299,7 @@ const PortalGoogleRegistrationForm = class {
     };
     const sheet = createStyleSheet(styles);
     const styleString = sheet.toString();
-    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
+    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, validationErrors, } = isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
     const content = {
       formData: h$1("slot", { name: "formData" }),
       googleButton: (h$1("sqm-google-sign-in", { text: this.googleButtonText, onInitComplete: handleGoogleInit })),
@@ -314,16 +324,14 @@ const PortalGoogleRegistrationForm = class {
     };
     if (showRegistrationForm.mode === "base") {
       return (h$1(BaseRegistrationFormView, { states: {
-          error: emailValidationError,
+          validationErrors,
         }, callbacks: { handleEmailSubmit }, content: content }));
     }
     return (h$1(PortalRegistrationFormView, { states: {
         ...states,
         emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks, content: {
-        ...content,
-      }, refs: refs }));
+      }, callbacks: callbacks, content: content, refs: refs }));
   }
 };
 function useRegisterDemo(props) {
@@ -359,7 +367,7 @@ function useGoogleDemo(props) {
     mode: "base",
   });
   return cjs({
-    emailValidationError: true,
+    validationErrors: {},
     handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
     showRegistrationForm,
     handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),

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

@@ -3,7 +3,7 @@ import './global-1099f20d.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { P as PortalProfileView } from './sqm-portal-profile-view-3ed13e4d.js';

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -3,7 +3,7 @@ import { k as useState, f as useEffect, n as h } from './dom-context-hooks.modul
 import { e as Je, T as Te, j as jn, i as isDemo } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath } from './utils-84b4b092.js';
+import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { J, f as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath, g as getProps } from './utils-84b4b092.js';
+import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';

package/dist/esm/sqm-qr-code.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-c2e809cf.js';
 import './ErrorView-bbf0a042.js';

package/dist/esm/sqm-referral-table_11.entry.js

@@ -3,7 +3,7 @@ import { i as intl } from './global-1099f20d.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { l as luxonLocale } from './utils-84b4b092.js';
+import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { G as GenericTableView } from './GenericTableView-e43d310f.js';

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -3,7 +3,7 @@ import { i as intl } from './global-1099f20d.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { l as luxonLocale } from './utils-84b4b092.js';
+import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { G as GenericTableView } from './GenericTableView-e43d310f.js';
@@ -979,8 +979,7 @@ const RewardTableStatusCell = class {
       : rewardStatus === "DENIED"
         ? this.deniedText
         : null;
-    // @ts-ignore
-    const getBadgeCSSClass = (badgeType) => {
+    const getBadgeCSSClass = () => {
       switch (rewardStatus) {
         case "AVAILABLE":
           return sheet$1.classes.SuccessBadge;

package/dist/esm/sqm-stencilbook.entry.js

@@ -3,11 +3,11 @@ import './global-1099f20d.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, c as createCommonjsModule, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { j as jn, b as setUserIdentity, o as setProgramId, k as kn, d as dist, X as Xe } from './index.module-c9811a48.js';
 import './cjs-bdfb4486.js';
-import './utils-84b4b092.js';
+import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-c2e809cf.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-83b09456.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 import { G as GenericTableView } from './GenericTableView-e43d310f.js';
 import './useChildElements-3d872cef.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
@@ -22,7 +22,7 @@ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec5
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5a452423.js';
 import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7d86299c.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-9e97d8b4.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import { P as PortalProfileView } from './sqm-portal-profile-view-3ed13e4d.js';
 import './utilities-72c07b09.js';
@@ -30,8 +30,8 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-a
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
 import './ErrorView-bbf0a042.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ea505213.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, R as ReferralIframeView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as useShareButton, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-4cde160a.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-16309b22.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, R as ReferralIframeView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as useShareButton, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-1adaf077.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView } from './IndirectTaxDetailsView-0a57b622.js';
 import { t as taxTypeToName, L as LoadingView } from './utils-6122971b.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-f3775c28.js';
@@ -5040,7 +5040,7 @@ const BaseRegistrationForm_stories = {
 };
 const defaultProps = {
   states: {
-    error: "",
+    validationErrors: {},
   },
   callbacks: {
     handleEmailSubmit: () => console.log("Submit!"),
@@ -5060,7 +5060,7 @@ const defaultProps = {
 const errorProps = {
   ...defaultProps,
   states: {
-    error: "Something went wrong. Please try again.",
+    validationErrors: { error: "Something went wrong. Please try again." },
   },
 };
 const Default$1 = () => {
@@ -6428,6 +6428,20 @@ const InfoAlert = () => {
     h("p", { part: "alert-title" }, "This is the title"),
     h("p", { part: "alert-description" }, "This is the description")));
 };
+const SuccessAlertTransparent = () => {
+  return (h("sqm-form-message", { type: "success", transparent: true },
+    h("p", { part: "alert-title" }, "This is the title"),
+    h("p", { part: "alert-description" }, "This is the description")));
+};
+const ErrorAlertTransparent = () => (h("sqm-form-message", { type: "error", transparent: true },
+  h("p", { part: "alert-title" }, "This is the title"),
+  h("p", { part: "alert-description" }, "This is the description")));
+const WarningAlertTransparent = () => (h("sqm-form-message", { type: "warning", transparent: true },
+  h("p", { part: "alert-title" }, "This is the title"),
+  h("p", { part: "alert-description" }, "This is the description")));
+const InfoAlertTransparent = () => (h("sqm-form-message", { type: "info", transparent: true },
+  h("p", { part: "alert-title" }, "This is the title"),
+  h("p", { part: "alert-description" }, "This is the description")));
 
 const FormMessage = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6435,7 +6449,11 @@ const FormMessage = /*#__PURE__*/Object.freeze({
   SuccessAlert: SuccessAlert,
   ErrorAlert: ErrorAlert,
   WarningAlert: WarningAlert,
-  InfoAlert: InfoAlert
+  InfoAlert: InfoAlert,
+  SuccessAlertTransparent: SuccessAlertTransparent,
+  ErrorAlertTransparent: ErrorAlertTransparent,
+  WarningAlertTransparent: WarningAlertTransparent,
+  InfoAlertTransparent: InfoAlertTransparent
 });
 
 const scenario$6 = "@author:kutay\n@owner:kutay\nFeature: Hero Image\n\n\tThe Hero Image component displays media images with a header, description and button using an overlay or a double column layout to offer an attrative widget page.\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the Hero Image component\n\n\t@motivating\n\t@ui\n\tScenario: Overlay image displays header, description, and button with brand color\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png\"                                 |\n\t\t\t| header      | \"Klip Rewards\"                                                     |\n\t\t\t| description | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text | \"Start earning\"                                                    |\n\t\t\t| layout      | \"overlay\"                                                          |\n\t\tThen they see their image\n\t\tAnd the image has no padding\n\t\tAnd it has a brand colour overlay\n\t\tAnd \"Klip Rewards\" is displayed over top of the image in xxx-large font\n\t\tAnd below \"Refer friends or complete tasks while using Klip to earn rewards\" is displayed over top of the image in x-large font\n\t\tAnd below they see a brand coloured button with text \"Start earning\"\n\t\tAnd the text section has xxx-large padding\n\t\tWhen the component is scaled down to 599px\n\t\tThen the image is scaled to fit content\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay image crop can be aligned left, center or right\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png\"                                 |\n\t\t\t| header      | \"Klip Rewards\"                                                     |\n\t\t\t| description | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text | \"Start earning\"                                                    |\n\t\t\t| layout      | \"overlay\"                                                          |\n\t\t\t| image-pos   | <value>                                                            |\n\t\tThen the image with overlay is displayed\n\t\tWhen the component is scaled down to 599px\n\t\tThen the image is <alignment> to fit content\n\t\tExamples:\n\t\t\t| value  | alignment     |\n\t\t\t| left   | left aligned  |\n\t\t\t| center | centered      |\n\t\t\t| right  | right aligned |\n\t\t\t| N/A    | centered      |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay padding is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop         | value                                                              |\n\t\t\t| image-url    | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png\"                                 |\n\t\t\t| header       | \"Klip Rewards\"                                                     |\n\t\t\t| description  | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text  | \"Start earning\"                                                    |\n\t\t\t| layout       | \"overlay\"                                                          |\n\t\t\t| padding-text | <value>                                                            |\n\t\tThen the image with overlay is displayed\n\t\tAnd <padding> is applied around header, description and button\n\t\tExamples:\n\t\t\t| value      | padding    |\n\t\t\t| none       | no padding |\n\t\t\t| xxx-small  | xxx-small  |\n\t\t\t| xx-small   | xx-small   |\n\t\t\t| x-small    | x-small    |\n\t\t\t| small      | small      |\n\t\t\t| medium     | medium     |\n\t\t\t| large      | large      |\n\t\t\t| x-large    | x-large    |\n\t\t\t| xx-large   | xx-large   |\n\t\t\t| xxx-large  | xxx-large  |\n\t\t\t| xxxx-large | xxxx-large |\n\t\t\t| N/A        | no padding |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Overlay color and background is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop            | value                                                              |\n\t\t\t| image-url       | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000278/squatch-assets/bTwu1Um.png\"                                 |\n\t\t\t| header          | \"Klip Rewards\"                                                     |\n\t\t\t| description     | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text     | \"Start earning\"                                                    |\n\t\t\t| layout          | \"overlay\"                                                          |\n\t\t\t| text-color      | <textColor>                                                        |\n\t\t\t| overlay-color   | <overlayColor>                                                     |\n\t\t\t| overlay-opacity | <overlayOpacity>                                                   |\n\t\tThen the image with overlay is displayed\n\t\tAnd the overlay is <overlayColor>\n\t\tAnd the overlay has <overlayOpacity>\n\t\tAnd the text is <textColor>\n\t\tExamples:\n\t\t\t| textColor | overlayColor | overlayOpacity |\n\t\t\t| #fffc4b   | #ff7f7f      | 0.9            |\n\t\t\t| #1d0314   | #4baa1a      | 0              |\n\t\t\t| #211a27   | #aa481a      | 1              |\n\n\t@motivating\n\t@ui\n\tScenario: Two-column layout displays an image on one side and on the other side a header, description, and button\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop        | value                                                              |\n\t\t\t| image-url   | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"                                 |\n\t\t\t| header      | \"Klip Rewards\"                                                     |\n\t\t\t| description | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text | \"Start earning\"                                                    |\n\t\t\t| layout      | \"columns\"                                                          |\n\t\tThen the image is displayed on the left\n\t\tAnd the following elements are displayed on the right\n\t\t\t| elements    |\n\t\t\t| header      |\n\t\t\t| description |\n\t\t\t| button      |\n\t\tWhen the component is scaled down to 599px\n\t\tThen the two-column layout switches to a row layout\n\t\tAnd the image is displayed on top\n\t\tAnd the content is displayed below\n\n\t@motivating\n\t@ui\n\tScenario Outline: Image position is configurable for desktop and mobile\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"                                 |\n\t\t\t| header           | \"Klip Rewards\"                                                     |\n\t\t\t| description      | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text      | \"Start earning\"                                                    |\n\t\t\t| layout           | \"columns\"                                                          |\n\t\t\t| image-pos        | <imagePos>                                                         |\n\t\t\t| image-mobile-pos | <imageMobilePos>                                                   |\n\t\tThen the image is displayed on the <imagePos>\n\t\tWhen the component is scaled down to 599px\n\t\tThen two-column layout switches to a row layout\n\t\tAnd image is displayed on the <imageMobilePos>\n\t\tExamples:\n\t\t\t| imagePos | imageMobilePos |\n\t\t\t| left     | top            |\n\t\t\t| right    | bottom         |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Padding is configurable for the image and text of two column layouts\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop          | value                                                              |\n\t\t\t| image-url     | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"                                 |\n\t\t\t| header        | \"Klip Rewards\"                                                     |\n\t\t\t| description   | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text   | \"Start earning\"                                                    |\n\t\t\t| layout        | \"columns\"                                                          |\n\t\t\t| padding-text  | <paddingText>                                                      |\n\t\t\t| padding-image | <paddingImage>                                                     |\n\t\tThen the two column layout is displayed\n\t\tAnd the image has padding <paddingImage>\n\t\tAnd the text has padding <paddingText>\n\t\tExamples:\n\t\t\t| paddingText | paddingImage |\n\t\t\t| xxx-small   | xxx-small    |\n\t\t\t| xx-small    | xx-small     |\n\t\t\t| x-small     | x-small      |\n\t\t\t| small       | small        |\n\t\t\t| medium      | medium       |\n\t\t\t| large       | large        |\n\t\t\t| x-large     | x-large      |\n\t\t\t| xx-large    | xx-large     |\n\t\t\t| xxx-large   | xxx-large    |\n\t\t\t| xxxx-large  | xxxx-large   |\n\t\t\t| none        | none         |\n\n\t@motivating\n\t@ui\n\tScenario Outline: Two-column layout image division percentage is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000248/squatch-assets/MVgOJn7.png\"                                 |\n\t\t\t| header           | \"Klip Rewards\"                                                     |\n\t\t\t| description      | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text      | \"Start earning\"                                                    |\n\t\t\t| layout           | \"columns\"                                                          |\n\t\t\t| image-percentage | <percent>                                                          |\n\t\tThen the two column layout is displayed\n\t\tAnd the image takes up <percent> of the two-column layout\n\t\tAnd the text elements take up the remainder of the space\n\t\tExamples:\n\t\t\t| percent |\n\t\t\t| 25%     |\n\t\t\t| 42%     |\n\t\t\t| 66%     |\n\n\t@motivating\n\t@ui\n\tScenario: Two-column layout text and background color is configurable\n\t\tGiven a Hero Image component configured with the following props\n\t\t\t| prop             | value                                                              |\n\t\t\t| image-url        | \"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"                                 |\n\t\t\t| header           | \"Klip Rewards\"                                                     |\n\t\t\t| description      | \"Refer friends or complete tasks while using Klip to earn rewards\" |\n\t\t\t| button-text      | \"Start earning\"                                                    |\n\t\t\t| layout           | \"columns\"                                                          |\n\t\t\t| text-color       | <textColor>                                                        |\n\t\t\t| background-color | <backgroundColor>                                                  |\n\t\tThen the two column layout is displayed\n\t\tAnd the text has color <textColor>\n\t\tAnd the background has color <backgroundColor>\n\t\tExamples:\n\t\t\t| textColor | backgroundColor |\n\t\t\t| #fffc4b   | #ff7f7f         |\n\t\t\t| #1d0314   | #4baa1a         |\n\t\t\t| #211a27   | #aa481a         |";
@@ -8228,6 +8246,7 @@ const NameFields_stories = {
 };
 const props = {
   states: {
+    optional: false,
     registrationFormState: {
       validationErrors: undefined,
     },
@@ -8239,6 +8258,7 @@ const props = {
 };
 const errorProps$1 = {
   states: {
+    optional: false,
     registrationFormState: {
       validationErrors: {
         firstName: "Cannot be empty",
@@ -8994,6 +9014,7 @@ const successProps$2 = {
   content: {
     loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
+    successAlertText: "An email has been sent with instructions to reset your password.",
   },
 };
 const Default$e = () => h(PortalForgotPasswordView, Object.assign({}, defaultProps$e));
@@ -9167,6 +9188,7 @@ const defaultProps$g = {
     formData: (h("div", null,
       " ",
       h(NameFieldsView, { states: {
+          optional: false,
           registrationFormState: {
             validationErrors: undefined,
             disabled: true,
@@ -16846,16 +16868,12 @@ const TaxAndCashDashboardDisabled = () => {
       },
     } }));
 };
-// export const TaxAndCashTextProps = () => {
-//   return (
-//     <sqm-tax-and-cash
-//       demoData={{
-//         // @ts-ignore
-//         showTextProps: true,
-//       }}
-//     ></sqm-tax-and-cash>
-//   );
-// };
+const TaxAndCashTextProps = () => {
+  return (h("sqm-tax-and-cash", { demoData: {
+      // @ts-ignore
+      showTextProps: true,
+    } }));
+};
 
 const TaxForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -16925,7 +16943,8 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
   TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,
-  TaxAndCashDashboardDisabled: TaxAndCashDashboardDisabled
+  TaxAndCashDashboardDisabled: TaxAndCashDashboardDisabled,
+  TaxAndCashTextProps: TaxAndCashTextProps
 });
 
 const PayoutDetailsCard_stories = {

package/dist/esm/sqm-tabs.entry.js

@@ -1,13 +1,10 @@
 import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { _ } from './index.module-c9811a48.js';
-import { g as getProps } from './utils-84b4b092.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { u as useRerenderListener } from './re-render-7e22fb0d.js';
 import { u as useChildElements } from './useChildElements-3d872cef.js';
 
-// sl-tab-group {
-//   --sl-color-primary-500: var(--sqm-accent-color-icon);
-// }
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.
   const padding = !placement || placement === "top" || placement === "bottom"

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -34,8 +34,9 @@ const WidgetVerificationController = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false } }
-     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true } }
+     * @undocumented
+     * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false }, "disabled": "true" }
+     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
      */
     this.stateController = "{}";
     h(this);

package/dist/esm/sqm-widget-verification.entry.js

@@ -2,9 +2,8 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, I as In, p as En, X as Xe, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-84b4b092.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
-import { e as extractProps } from './extractProps-ae1afbb3.js';
+import { g as getProps } from './utils-334c1e34.js';
+import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const USER_LOOKUP = dist.gql `

package/dist/esm/{usePortalLogin-95814943.js → usePortalLogin-f95bbc67.js}

@@ -1,7 +1,7 @@
 import { k as useState } from './dom-context-hooks.module-63370afd.js';
 import { c as je, h as hn, j as jn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { s as sanitizeUrlPath } from './utils-84b4b092.js';
+import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 
 function usePortalLogin(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;