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

package/dist/esm/sqm-instant-access-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 InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-invoice-table-view-eb07d994.js → sqm-invoice-table-view-af69cd33.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,7 +1,7 @@
 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 intl } from './global-19d115b9.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, w as wn, b as setUserIdentity, 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';

package/dist/esm/{sqm-navigation-sidebar-item-view-70b65660.js → sqm-navigation-sidebar-item-view-8f1c72bc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { j as jn } from './index.module-8553586f.js';
+import { j as jn } from './index.module-89a79f66.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-83f90fa1.js';
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { k as kn, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { k as kn, 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 './mixins-83f90fa1.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-70b65660.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h, m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { k as kn, H } from './index.module-8553586f.js';
+import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { k as kn, H } from './index.module-89a79f66.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
 
 const NavigationSidebar = class {

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

@@ -1,11 +1,11 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1, m as useState } from './stencil-hooks.module-c643ef4a.js';
-import { i as intl } from './global-19d115b9.js';
-import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-8553586f.js';
+import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.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 { c as cjs } from './cjs-bdfb4486.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-1fdb0d92.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-782137ba.js';
 

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, m as useState, n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo } from './index.module-8553586f.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 { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.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-7229b088.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-d6f33135.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import { B } from './index.module-8553586f.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';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-84867a42.js → sqm-portal-email-verification-view-35b4353b.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.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-ca32495e.js';

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 { m as useState, j as useRef, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import './global-19d115b9.js';
-import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import './global-be1f9992.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-84867a42.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { c as un, j as jn, i as isDemo } from './index.module-8553586f.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 { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';

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

@@ -1,6 +1,6 @@
 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, j as jn } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
@@ -8,7 +8,7 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
-import { u as usePortalLogin } from './usePortalLogin-e6f1ebd1.js';
+import { u as usePortalLogin } from './usePortalLogin-ef647a50.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 { m as useState, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, j as jn } from './index.module-8553586f.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 { 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-ca32495e.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-7229b088.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.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 './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-6f22d7d7.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 class InvalidTokenError extends Error {
 }

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-c643ef4a.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-8553586f.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';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-32088a59.js → sqm-portal-profile-view-93003974.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

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 { m as useState, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import './global-19d115b9.js';
-import { d as dist, J, w as wn, $ as $e, 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 './global-be1f9992.js';
+import { d as dist, J, w as wn, $ as $e, 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 './sqm-text-span-view-ca32495e.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-32088a59.js';
-import { i as isEmpty } from './utilities-559f8273.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import { i as isEmpty } from './utilities-5b0ca040.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-c643ef4a.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-8553586f.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';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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-c643ef4a.js';
-import { i as isDemo, j as jn } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, j as jn } 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 './sqm-text-span-view-ca32495e.js';
-import './useRegistrationFormState-7229b088.js';
+import './useRegistrationFormState-d6f33135.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-6f22d7d7.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

package/dist/esm/sqm-portal-reset-password.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 { f as Je, T as Te, j as jn, 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 { f as Je, T as Te, j as jn, i as isDemo } from './index.module-89a79f66.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';

package/dist/esm/sqm-portal-verify-email.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 { J, o as an, j as jn, b as setUserIdentity, 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 { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-qr-code-view-814b2929.js

@@ -0,0 +1,85 @@
+import { h } from './index-91e7729f.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+
+const style = {
+  DialogContainer: {
+    maxWidth: "390px !important",
+  },
+  Container: {
+    padding: "var(--sl-spacing-small)",
+    display: "flex",
+    flexDirection: "row",
+    gap: "var(--sl-spacing-small)",
+    justifyContent: "space-between",
+  },
+  FacadeContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    flexDirection: "column",
+  },
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+  },
+  FooterContainer: {
+    textAlign: "left",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+  },
+  CodeContainer: {
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  Code: {
+    width: "100%",
+    height: "100%",
+    maxWidth: "335px",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+const vanillaStyle = `
+  sl-dialog::part(panel) {
+    max-width: 390px;
+    width: 100%;
+  }
+  sl-dialog::part(footer) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--sl-spacing-small);
+    width: 100%;
+  }
+  sl-dialog::part(body) {
+    padding: 0 var(--sl-spacing-large);
+  }
+  :host{
+    display: flex;
+    width: 100%;
+  }
+  @media (max-width: 499px) {
+    :host{
+      display: block;
+    }
+  }`;
+function QrCodeView({ dialogIsOpen, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, createDownloadable, createPrintable, }) {
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", null, vanillaStyle),
+    h("style", null, styleString),
+    h("div", { class: sheet.classes.FacadeContainer },
+      h("span", { part: "sqm-title" }, titleText),
+      h("div", { class: sheet.classes.ButtonContainer },
+        h("sl-button", { type: "primary", onClick: showDialog }, viewCodeText),
+        h("sl-button", { type: "text", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { type: "text", onClick: createPrintable }, printCodeText))),
+    h("sl-dialog", { class: sheet.classes.DialogContainer, width: "250px", open: dialogIsOpen, label: titleText, "onSl-hide": hideDialog },
+      h("div", { class: sheet.classes.CodeContainer },
+        h("img", { class: sheet.classes.Code, src: `${qrLink}&qrCodeImageFormat=svg` })),
+      h("div", { slot: "footer", class: sheet.classes.FooterContainer },
+        h("sl-button", { variant: "default", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { variant: "default", onClick: createPrintable }, printCodeText)))));
+}
+
+export { QrCodeView as Q };

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

@@ -1,7 +1,11 @@
 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, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, H, J, F as Fn, w as wn, 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 { Q as QrCodeView } from './sqm-qr-code-view-814b2929.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -16,47 +20,98 @@ const ShareLinkQuery = dist.gql `
     }
   }
 `;
+function useQRCode(props) {
+  const programId = H();
+  const user = J();
+  const engagementMedium = B();
+  const contextData = Fn(REFERRAL_CODES_NAMESPACE);
+  const [dialogIsOpen, setDialog] = 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);
+  const qrLink = `${data.user.shareLink}?qrCode`;
+  const createDownloadable = async () => {
+    const res = await fetch(`${qrLink}&qrCodeSize=800&qrCodeImageFormat=png`);
+    const blob = await res.blob();
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = "qrCode.png";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  const createPrintable = async () => {
+    const res = await fetch(`${qrLink}&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H`);
+    const blob = await res.blob();
+    const url = URL.createObjectURL(blob);
+    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);
+  };
+  return {
+    ...props,
+    qrLink,
+    dialogIsOpen,
+    showDialog: () => setDialog(true),
+    hideDialog: () => 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";
     h(this);
   }
   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`);
-      const blob = await res.blob();
-      const url = URL.createObjectURL(blob);
-      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 })));
+    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: this.titleText,
+    viewCodeText: this.viewCodeText,
+    downloadCodeText: this.downloadCodeText,
+    printCodeText: this.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";