@saasquatch/mint-components 1.15.0-9 → 1.15.0-91

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

@@ -1,13 +1,13 @@
-import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-6dc825bc.js';
-import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
+import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-80edfef3.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-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { g as getProps } from './utils-03188de2.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-8f75921a.js';
-import './mixins-83f90fa1.js';
-import { C as CopyTextView } from './copy-text-view-0ac6e1d1.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-311e6d72.js';
+import './mixins-f750863a.js';
+import { C as CopyTextView } from './copy-text-view-708e62b5.js';
 
 const style = {
   Container: {
@@ -25,7 +25,7 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PaginationView(props) {
-  const { states, callbacks, text } = props;
+  const { states, callbacks, text, buttonType } = props;
   const { onNext, onPrev } = callbacks;
   const { currentPage, totalPages, loading } = states;
   if (totalPages === 1)
@@ -33,10 +33,10 @@ function PaginationView(props) {
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     !loading && (h(Fragment, null,
-      h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
         h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
       h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
-    h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
@@ -75,6 +75,15 @@ const Pagination = class {
      * @uiName Pagination text
      */
     this.paginationText = "{currentPage} of {totalPages}";
+    /**
+     * The type of the button that is used (primary or secondary).
+     * @uiName Button Type
+     * @uiType string
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiGroup Style
+     */
+    this.buttonType = "secondary";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -93,6 +102,7 @@ function useDemoPagination(props) {
       totalPages: 5,
       loading: false,
     },
+    buttonType: props.buttonType,
     callbacks: {
       onNext: () => setCurrentPage(currentPage + 1),
       onPrev: () => setCurrentPage(currentPage - 1),
@@ -203,6 +213,7 @@ const ReferralCode = class {
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
+     * @uiGroup Style
      */
     this.textAlign = "left";
     /**
@@ -220,7 +231,7 @@ const ReferralCode = class {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary or secondary).
      * @uiName Button Type
      * @uiType string
      * @uiEnum ["primary", "secondary"]

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance } from './index-91e7729f.js';
-import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo } from './index.module-89a79f66.js';
+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-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { g as getProps } from './utils-03188de2.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorStyles } from './mixins-83f90fa1.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-d6f33135.js';
+import { E as ErrorStyles } from './mixins-f750863a.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-18c2cea7.js';
 
 var constants = {
   error: {

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

@@ -1,7 +1,7 @@
-import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { B } from './index.module-89a79f66.js';
-import { g as getProps } from './utils-334c1e34.js';
+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-38dad6c9.js';
+import { g as getProps } from './utils-03188de2.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;

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

@@ -1,4 +1,4 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
@@ -36,7 +36,7 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      backgroundColor: props.backgroundColor || "transparent",
+      backgroundColor: props.backgroundColor || "var(--sqm-portal-background)",
     },
   };
   const vanillaStyle = `

package/dist/esm/{sqm-portal-email-verification-view-d96d6c43.js → sqm-portal-email-verification-view-5719eb87.js}

@@ -1,8 +1,8 @@
-import { h } from './index-91e7729f.js';
-import { i as intl } from './global-6dc825bc.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-80edfef3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-6dc825bc.js';
-import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-80edfef3.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-d96d6c43.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-5719eb87.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-50444a7c.js → sqm-portal-forgot-password-view-0e795cdd.js}

@@ -1,17 +1,9 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
+import { j as jn } from './index.module-38dad6c9.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-  ButtonsContainer: AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
 const vanillaStyle = `
 :host {
   display: block;
@@ -20,11 +12,27 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+  const style = {
+    FormWrapper: {
+      ...AuthWrapper,
+      background: content.backgroundColor || "var(--sqm-portal-background)",
+      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
+      border: content.border ||
+        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
+    },
+    Column: { ...AuthColumn },
+    ButtonsContainer: AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -37,7 +45,7 @@ function PortalForgotPasswordView(props) {
       h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
+        h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => jn.push(states.loginPath) }, content.loginText)))));
 }
 
 export { PortalForgotPasswordView as P };

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { c as un, j as jn, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, n as h } from './dom-context-hooks.module-63370afd.js';
+import { c as un, j as jn, i as isDemo } from './index.module-38dad6c9.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-0e795cdd.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -94,6 +94,21 @@ const PortalForgotPassword = class {
      * @uiName Email verification sent text
      */
     this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     */
+    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
+    /**
+     * @uiName Border radius
+     * @uiWidget number
+     */
+    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
+    /**
+     * @uiName Border style
+     * @uiWidget textArea
+     */
+    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
     h(this);
   }
   disconnectedCallback() { }
@@ -102,11 +117,14 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => jn.push(states.loginPath) }, this.loginText))),
       messageSlot: h$1("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
+      loginText: this.loginText,
+      backgroundColor: this.backgroundColor,
+      borderRadius: this.borderRadius,
+      border: this.border,
     };
     return (h$1(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }
@@ -117,6 +135,17 @@ function usePortalForgotPasswordDemo(props) {
     callbacks: {
       submit: async (_event) => { },
     },
+    content: {
+      secondaryButton: (h$1("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => jn.push(props.loginPath) }, props.loginText)),
+      messageSlot: h$1("span", null, props.headerText),
+      emailLabel: props.emailLabel,
+      submitLabel: props.submitLabel,
+      successAlertText: props.successAlertText,
+      loginText: props.loginText,
+      backgroundColor: props.backgroundColor,
+      borderRadius: props.borderRadius,
+      border: props.border,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, j as jn } from './index.module-38dad6c9.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './utils-334c1e34.js';
+import './utils-03188de2.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
-import { u as usePortalLogin } from './usePortalLogin-ef647a50.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-d0720c81.js';
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {

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

@@ -1,16 +1,16 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, j as jn } from './index.module-38dad6c9.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-31f1cb87.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-18c2cea7.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-afc0171e.js';
 
 class InvalidTokenError extends Error {
 }

package/dist/esm/{sqm-portal-login-view-37c85d04.js → sqm-portal-login-view-7670cd86.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -11,7 +11,7 @@ const style = {
     cursor: "pointer",
     "font-size": "13px",
     "font-weight": "600",
-    color: "#AAAAAA",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-38dad6c9.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-4ce1c7c3.js → sqm-portal-profile-view-9a82fe2e.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
-import { i as intl } from './global-6dc825bc.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-80edfef3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -77,7 +77,7 @@ function PortalProfileView(props) {
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label, base: input-base", disabled: true }),
       states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label, base: input-base", disabled: true })),
-      h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
+      h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
           callbacks.onSubmit(e);
         }, submit: true }, text.submitChangeButtonText))));
 }

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-6dc825bc.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-80edfef3.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-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { g as getProps } from './utils-03188de2.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-4ce1c7c3.js';
-import { i as isEmpty } from './utilities-5b0ca040.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-9a82fe2e.js';
+import { i as isEmpty } from './utilities-ad9c2893.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-38dad6c9.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-registration-form-view-21d57492.js → sqm-portal-registration-form-view-8bdc3804.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, j as jn } from './index.module-38dad6c9.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import './useRegistrationFormState-d6f33135.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import './useRegistrationFormState-18c2cea7.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-afc0171e.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-reset-password-view-b000ffc5.js → sqm-portal-reset-password-view-abef7286.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-89a79f66.js';
+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 { f as Je, T as Te, j as jn, i as isDemo } from './index.module-38dad6c9.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath } from './utils-334c1e34.js';
+import { s as sanitizeUrlPath } from './utils-03188de2.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-2983ba9b.js → sqm-portal-verify-email-view-33805220.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
+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, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
+import { s as sanitizeUrlPath, g as getProps } from './utils-03188de2.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/esm/{sqm-qr-code-view-10b8b4cb.js → sqm-qr-code-view-97124a66.js}

@@ -1,6 +1,11 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-48e2b969.js';
+
+const ErrorView = (props) => {
+  return (h("sqm-form-message", { type: "error" },
+    h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
+    h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
+};
 
 const style = {
   DialogContainer: {
@@ -90,7 +95,7 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       codeContent,
       h("div", { class: sheet.classes.ButtonContainer },
         h("sl-button", { size: "small", exportparts: "base: primarybutton-base", type: "primary", onClick: createDownloadable }, downloadCodeText),
-        h("sl-button", { size: "small", exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
+        h("sl-button", { size: "small", exportparts: "base: secondarybutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
 }
 
 export { QrCodeView as Q };

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

@@ -1,12 +1,11 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, i as isDemo } from './index.module-89a79f66.js';
+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-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { g as getProps } from './utils-03188de2.js';
 import './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-8f75921a.js';
-import './ErrorView-48e2b969.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-311e6d72.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {