@saasquatch/mint-components 1.13.3-0 → 1.13.3-11

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

@@ -1,7 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h, m as useState } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, H, J, F as Fn, w as wn, B } from './index.module-8553586f.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-1fdb0d92.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 { c as cjs } from './cjs-bdfb4486.js';
+import { g as getProps } from './utils-334c1e34.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-15fe1127.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -16,47 +21,175 @@ const ShareLinkQuery = dist.gql `
     }
   }
 `;
-const QrCode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
+const WIDGET_ENGAGEMENT_EVENT = dist.gql `
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-  disconnectedCallback() { }
-  render() {
-    const programId = H();
-    const user = J();
-    const engagementMedium = B();
-    const contextData = Fn(REFERRAL_CODES_NAMESPACE);
-    const [expanded, setExpanded] = useState(false);
-    const { data } = wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
-    if (!data)
-      return h$1("div", null);
-    const qrLink = `${data.user.shareLink}?qrCode`;
-    const createDownloadable = async () => {
-      const res = await fetch(`${qrLink}&qrCodeSize=800&qrCodeImageFormat=png`);
+`;
+function useQRCode(props) {
+  var _a;
+  const programId = H();
+  const user = J();
+  const engagementMedium = B();
+  const contextData = Fn(REFERRAL_CODES_NAMESPACE);
+  const [dialogIsOpen, setDialog] = useState(false);
+  const [qrLink, setQrUrl] = useState(null);
+  const [error, setError] = useState(false);
+  const [viewError, setViewError] = useState(false);
+  const { data, errors } = wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
+  const shareLink = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink;
+  const qrPrefix = `${shareLink}?qrCode`;
+  useEffect(() => {
+    if (!shareLink)
+      return;
+    const getQrCode = async () => {
+      try {
+        const res = await fetch(`${shareLink}?qrCode&qrCodeImageFormat=svg`);
+        const blob = await res.blob();
+        const url = URL.createObjectURL(blob);
+        setQrUrl(url);
+      }
+      catch (e) {
+        setViewError(true);
+      }
+    };
+    getQrCode();
+  }, [shareLink]);
+  const fireEvent = async () => {
+    sendLoadEvent({
+      eventMeta: {
+        programId,
+        id: user === null || user === void 0 ? void 0 : user.id,
+        accountId: user === null || user === void 0 ? void 0 : user.accountId,
+        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
+        meta: {
+          engagementMedium,
+          shareMedium: "DIRECT",
+        },
+      },
+    });
+  };
+  const createDownloadable = async () => {
+    try {
+      const res = await fetch(`${qrPrefix}&qrCodeSize=800&qrCodeImageFormat=png`);
       const blob = await res.blob();
       const url = URL.createObjectURL(blob);
+      // Successful
+      if (blob)
+        fireEvent();
+      // Trigger download
       const link = document.createElement("a");
       link.href = url;
       link.download = "qrCode.png";
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
-    };
-    const fireViewQrEvent = () => {
-      setExpanded((e) => !e);
-    };
-    const dimensions = expanded ? 500 : 100;
-    const buttonLabel = expanded ? "Hide QR Code" : "View QR Code";
-    return (h$1("div", { style: {
-        border: "1px solid #eee",
-        padding: "12px",
-        display: "flex",
-        flexDirection: expanded ? "column" : "row",
-        gap: "12px",
-        justifyContent: "space-between",
-      } }, h$1("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, h$1("span", null, "Share your QR code"), h$1("div", { style: { display: "flex", gap: "12px" } }, h$1("button", { onClick: fireViewQrEvent }, buttonLabel), h$1("button", { onClick: createDownloadable }, "Download"))), h$1("img", { src: `${qrLink}&qrCodeImageFormat=svg`, width: dimensions, height: dimensions })));
+    }
+    catch (e) {
+      console.error("Failed to fetch QR code:", e);
+      setError(true);
+    }
+  };
+  const createPrintable = async () => {
+    try {
+      const res = await fetch(`${qrPrefix}&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H`);
+      const blob = await res.blob();
+      const url = URL.createObjectURL(blob);
+      // Successful
+      if (blob)
+        fireEvent();
+      // Trigger print
+      const page = window.open("about:blank", "_new");
+      const img = page.document.createElement("img");
+      img.src = url;
+      img.onload = () => {
+        page.print();
+        page.close();
+      };
+      page.document.body.appendChild(img);
+    }
+    catch (e) {
+      console.error("Failed to fetch QR code: ", e);
+      setError(true);
+    }
+  };
+  return {
+    ...props,
+    qrLink,
+    dialogIsOpen,
+    error: error,
+    viewError: viewError || !!(errors === null || errors === void 0 ? void 0 : errors.message),
+    showDialog: () => {
+      setError(false);
+      setDialog(true);
+    },
+    hideDialog: () => {
+      setError(false);
+      setDialog(false);
+    },
+    createDownloadable,
+    createPrintable,
+  };
+}
+
+const QrCode = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Title
+     */
+    this.titleText = "Share your QR code";
+    /**
+     * @uiName View QR code text
+     */
+    this.viewCodeText = "View QR code";
+    /**
+     * @uiName Download QR code text
+     */
+    this.downloadCodeText = "Download";
+    /**
+     * @uiName Print QR code text
+     */
+    this.printCodeText = "Print";
+    /**
+     * @uiName Header for error banner
+     */
+    this.errorHeaderText = "There was an error loading your QR code";
+    /**
+     * @uiName Description for error banner
+     */
+    this.errorDescriptionText = "Please refresh this page and try again";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = isDemo() ? useDemoQRCode(thisProps) : useQRCode(thisProps);
+    return h$1(QrCodeView, Object.assign({}, props));
   }
 };
+function useDemoQRCode(props) {
+  const [dialogIsOpen, setDialog] = useState(false);
+  return cjs({
+    dialogIsOpen,
+    showDialog: () => setDialog(true),
+    hideDialog: () => setDialog(false),
+    titleText: props.titleText,
+    viewCodeText: props.viewCodeText,
+    downloadCodeText: props.downloadCodeText,
+    printCodeText: props.printCodeText,
+    qrLink: "https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",
+    fireViewQrEvent: () => {
+      console.log("View QR Code clicked");
+    },
+    createDownloadable: async () => {
+      console.log("Download QR Code clicked");
+    },
+    createPrintable: async () => {
+      console.log("Print QR Code clicked");
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
 
 export { QrCode as sqm_qr_code };

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
-import { n as h, k as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { i as intl } from './global-19d115b9.js';
-import { i as isDemo } from './index.module-8553586f.js';
+import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-bc2b60fe.js';
-import { u as useChildElements } from './useChildElements-cbd0fedf.js';
-import { l as luxon } from './luxon-94dbc741.js';
-import { g as getPaypalMeta } from './mockRewardData-cc9b3ada.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-055a8849.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { l as luxon } from './luxon-8d51c92b.js';
+import { g as getPaypalMeta } from './mockRewardData-8bd1b356.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-b3876ed6.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const mockReferralData = (count = 4) => {

package/dist/esm/sqm-referred-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
-import './useRegistrationFormState-7229b088.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-06e94ce3.js';
+import './useRegistrationFormState-d6f33135.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
 
 const ReferredRegistration = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import './index.module-8553586f.js';
-import { a as useRequestRerender } from './re-render-bc2b60fe.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import './index.module-89a79f66.js';
+import { a as useRequestRerender } from './re-render-cc945f38.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
-import { b as browser, k as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-c643ef4a.js';
-import { i as intl } from './global-19d115b9.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-8553586f.js';
+import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-bc2b60fe.js';
-import { u as useChildElements } from './useChildElements-cbd0fedf.js';
-import { l as luxon } from './luxon-94dbc741.js';
-import { m as mockRewardData } from './mockRewardData-cc9b3ada.js';
-import { g as generateUserError } from './useReferralTable-055a8849.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { l as luxon } from './luxon-8d51c92b.js';
+import { m as mockRewardData } from './mockRewardData-8bd1b356.js';
+import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const REVEAL_EVENT = "sq:reveal";

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

@@ -1,16 +1,16 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
-import { a as commonjsGlobal, u as useMemo, m as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import './global-19d115b9.js';
-import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-8553586f.js';
+import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import './global-be1f9992.js';
+import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-89a79f66.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './useReferralCodes-1fdb0d92.js';
+import './useReferralCodes-8f75921a.js';
 import './mixins-83f90fa1.js';
 import { C as CopyTextView } from './copy-text-view-782137ba.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import './useChildElements-cbd0fedf.js';
-import { l as luxon } from './luxon-94dbc741.js';
+import './useChildElements-7945ae56.js';
+import { l as luxon } from './luxon-8d51c92b.js';
 import './sqm-text-span-view-ca32495e.js';
 import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
 import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
@@ -19,19 +19,21 @@ import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.j
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-70b65660.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-84867a42.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
 import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-32088a59.js';
-import './utilities-559f8273.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import './utilities-5b0ca040.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, J as CouponCodeView, K as ProgressBar$2, M as autoColorScaleCss, O as ShadowViewAddon } from './ShadowViewAddon-d3c11480.js';
+import './ErrorView-48e2b969.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-15fe1127.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, J as CouponCodeView, K as ProgressBar$2, M as autoColorScaleCss, O as ShadowViewAddon } from './ShadowViewAddon-499b1f86.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-eb07d994.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-2c726568.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -15668,6 +15670,51 @@ const PortalGoogleRegistrationFormStories = /*#__PURE__*/Object.freeze({
   TermsAndConditions: TermsAndConditions$4
 });
 
+const QRCode_stories = {
+  title: "Components/QR Code",
+};
+const defaultProps$r = {
+  dialogIsOpen: false,
+  error: false,
+  viewError: false,
+  showDialog: () => void 0,
+  hideDialog: () => void 0,
+  qrLink: "https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",
+  createDownloadable: async () => {
+    console.log("Download QR Code clicked");
+  },
+  createPrintable: async () => {
+    console.log("Print QR Code clicked");
+  },
+  titleText: "Share your QR code",
+  viewCodeText: "View QR code",
+  downloadCodeText: "Download",
+  printCodeText: "Print",
+  errorHeaderText: "There was an error loading your QR code",
+  errorDescriptionText: "Please refresh this page and try again",
+};
+const Default$o = () => {
+  return h(QrCodeView, Object.assign({}, defaultProps$r));
+};
+const Expanded = () => {
+  return h(QrCodeView, Object.assign({}, defaultProps$r, { dialogIsOpen: true }));
+};
+const Error$b = () => {
+  return (h(QrCodeView, Object.assign({}, defaultProps$r, { dialogIsOpen: true, viewError: true })));
+};
+const DownloadError = () => {
+  return (h(QrCodeView, Object.assign({}, defaultProps$r, { dialogIsOpen: false, error: true })));
+};
+
+const QRCode = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': QRCode_stories,
+  Default: Default$o,
+  Expanded: Expanded,
+  Error: Error$b,
+  DownloadError: DownloadError
+});
+
 /**
  *
  * Themes
@@ -15680,7 +15727,7 @@ const PortalGoogleRegistrationFormStories = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$o = `
+const Default$p = `
  // No CSS
 `;
 const Orangey = `
@@ -15714,7 +15761,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$o,
+  Default: Default$p,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,
@@ -18401,6 +18448,7 @@ const stories = [
   WidgetCodeVerification,
   PayoutButtonScroll,
   PayoutStatusAlert,
+  QRCode,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {

package/dist/esm/sqm-tab.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-c643ef4a.js';
-import './index.module-8553586f.js';
-import { a as useRequestRerender } from './re-render-bc2b60fe.js';
+import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import './index.module-89a79f66.js';
+import { a as useRequestRerender } from './re-render-cc945f38.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import { _ } from './index.module-8553586f.js';
+import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import { _ } from './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-bc2b60fe.js';
-import { u as useChildElements } from './useChildElements-cbd0fedf.js';
+import { u as useRerenderListener } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/sqm-text-span.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { b as browser, n as h, m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { I as In, u as useCallback } from './index.module-8553586f.js';
+import { b as browser, n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { I as In, u as useCallback } from './index.module-89a79f66.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';

package/dist/esm/{stencil-hooks.module-c643ef4a.js → stencil-hooks.module-4bc38af4.js}

@@ -1111,4 +1111,4 @@ function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.le
 
 function s$2(){return getRenderingRef()}function l$1(){var e=s$2();return getElement(e)}function d$2(e,t){void 0===t&&(t={});var n=l$1();return h$1(n,e,t)}function m$2(e,t){var n=l$1();return y$1(n,e,t)}var p$1=browser("stencil-hook");function h$2(t){var r,u=getElement(t),c=(r=!1,new State(function(){p$1("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p$1("Forced update on element",u),r=!1,forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
 
-export { commonjsGlobal as a, browser as b, createCommonjsModule as c, c as d, getDefaultExportFromCjs as e, useEffect as f, getAugmentedNamespace as g, h$1 as h, d$2 as i, useRef as j, useReducer as k, l$1 as l, useState as m, h$2 as n, m$2 as o, s$1 as s, useMemo as u, y$1 as y };
+export { commonjsGlobal as a, browser as b, createCommonjsModule as c, c as d, getDefaultExportFromCjs as e, useEffect as f, getAugmentedNamespace as g, h$1 as h, d$2 as i, useReducer as j, useState as k, l$1 as l, useRef as m, h$2 as n, m$2 as o, s$1 as s, useMemo as u, y$1 as y };

package/dist/esm/{useChildElements-cbd0fedf.js → useChildElements-7945ae56.js}

@@ -1,5 +1,5 @@
-import { m as useState, u as useMemo } from './stencil-hooks.module-c643ef4a.js';
-import { _ } from './index.module-8553586f.js';
+import { k as useState, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
+import { _ } from './index.module-89a79f66.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-06e94ce3.js → useInstantAccessRegistration-dc4ad9f2.js}

@@ -1,7 +1,7 @@
-import { m as useState } from './stencil-hooks.module-c643ef4a.js';
-import { L, v as vn } from './index.module-8553586f.js';
+import { k as useState } from './stencil-hooks.module-4bc38af4.js';
+import { L, v as vn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-7229b088.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{usePayoutStatus-6701d491.js → usePayoutStatus-58aa56b4.js}

@@ -1,5 +1,5 @@
-import { m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-8553586f.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-89a79f66.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 

package/dist/esm/{usePortalLogin-e6f1ebd1.js → usePortalLogin-ef647a50.js}

@@ -1,5 +1,5 @@
-import { m as useState } from './stencil-hooks.module-c643ef4a.js';
-import { e as je, h as hn, j as jn } from './index.module-8553586f.js';
+import { k as useState } from './stencil-hooks.module-4bc38af4.js';
+import { e as je, h as hn, j as jn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 

package/dist/esm/{usePortalRegistrationForm-6f22d7d7.js → usePortalRegistrationForm-4b35a357.js}

@@ -1,7 +1,7 @@
-import { j as useRef, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-8553586f.js';
+import { m as useRef, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-7229b088.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const RegistrationFormQuery = dist.gql `

package/dist/esm/{useReferralCodes-1fdb0d92.js → useReferralCodes-8f75921a.js}

@@ -1,5 +1,5 @@
-import { f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, H, Q as Qe, R as Rn, I as In, B } from './index.module-8553586f.js';
+import { f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, H, Q as Qe, R as Rn, I as In, B } from './index.module-89a79f66.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-055a8849.js → useReferralTable-b3876ed6.js}

@@ -1,8 +1,8 @@
 import { h } from './index-91e7729f.js';
-import { b as browser, k as useReducer, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-8553586f.js';
-import { u as useRerenderListener } from './re-render-bc2b60fe.js';
-import { u as useChildElements } from './useChildElements-cbd0fedf.js';
+import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-89a79f66.js';
+import { u as useRerenderListener } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-7229b088.js → useRegistrationFormState-d6f33135.js}

@@ -1,5 +1,5 @@
-import { i as d, y } from './stencil-hooks.module-c643ef4a.js';
-import { _ } from './index.module-8553586f.js';
+import { i as d, y } from './stencil-hooks.module-4bc38af4.js';
+import { _ } from './index.module-89a79f66.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/esm/{useVerificationEmail-a142db0c.js → useVerificationEmail-edc318cb.js}

@@ -1,5 +1,5 @@
-import { m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-8553586f.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-89a79f66.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-559f8273.js → utilities-5b0ca040.js}

@@ -1,5 +1,5 @@
-import { m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { u as useCallback } from './index.module-8553586f.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { u as useCallback } from './index.module-89a79f66.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/esm-es5/ErrorView-48e2b969.js

@@ -0,0 +1 @@
+import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var styles={Alert:{"&::part(base)":{backgroundColor:"var(--sl-color-danger-100)",border:"1px solid var(--sl-color-danger-200)",padding:"0 16px"},"& sl-icon":{margin:0},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)",margin:0}}};var ErrorView=function(r){var e=createStyleSheet(styles);var o=e.toString();var a=e.classes;return h("div",null,h("style",null,o),h("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:true,class:a.Alert},h("sl-icon",{slot:"icon",name:"exclamation-octagon",class:"Error"}),h("strong",null,r.loadingErrorAlertHeader),h("br",null),r.loadingErrorAlertDescription))};export{ErrorView as E};