@saasquatch/mint-components 1.12.0-1 → 1.12.0-3

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

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { a as setUserIdentity, x as xn, i as isDemo } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { s as setUserIdentity, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-15ddbec8.js → sqm-portal-profile-view-a0f6ad48.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-6306a9b8.js';
+import { i as intl } from './global-adae7650.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-6306a9b8.js';
-import { d as dist, K, E as En, c as xe, i as isDemo } from './index.module-6c840c4e.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import './global-adae7650.js';
+import { K, E as En, b as xe, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-15ddbec8.js';
-import { i as isEmpty } from './utilities-443732be.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-a0f6ad48.js';
+import { i as isEmpty } from './utilities-98445452.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-17b4da69.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { K, j as jn, x as xn, i as isDemo } from './index.module-6c840c4e.js';
+import { d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { K, j as jn, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -1,12 +1,13 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { m as useRef, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, Q, e as Te, E as En, x as xn, b as useCallback, i as isDemo } from './index.module-6c840c4e.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { e as useRef, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { Q, c as Te, E as En, x as xn, a as useCallback, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-4cfd1a8d.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const style = {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { X as Xe, f as Ke, x as xn, i as isDemo } from './index.module-6c840c4e.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { X as Xe, d as Ke, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 
 function usePortalResetPassword(props) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { K, l as ln, x as xn, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { K, l as ln, x as xn, s as setUserIdentity, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';

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

@@ -1,16 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { i as isDemo } from './index.module-6c840c4e.js';
+import { j as h, h as useReducer, u as useMemo, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
-import { l as luxon } from './luxon-7600be8d.js';
-import { g as getPaypalMeta } from './mockRewardData-0eb6e778.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-f6ffa103.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-5882a144.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
+import { l as luxon } from './luxon-63e24900.js';
+import { g as getPaypalMeta } from './mockRewardData-e6b763d1.js';
+import './index-0c7b14c5.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-52008143.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo, a as setUserIdentity } from './index.module-6c840c4e.js';
-import './jsonpointer-388a7082.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { i as isDemo, s as setUserIdentity } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.js';
-import './useRegistrationFormState-849e27f7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-8b0a4556.js';
+import './jsonpointer-388a7082.js';
+import './useRegistrationFormState-4cfd1a8d.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-670c1b98.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-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.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-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './index.module-6c840c4e.js';
-import { a as useRequestRerender } from './re-render-1bcfd0de.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import './index.module-c0eb7dc2.js';
+import { a as useRequestRerender } from './re-render-5882a144.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,16 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { d as dist, K, z, Q, E as En, O as On, i as isDemo } from './index.module-6c840c4e.js';
+import { b as browser, h as useReducer, d as useEffect, j as h$1, u as useMemo } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { K, z, Q, E as En, O as On, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
-import { l as luxon } from './luxon-7600be8d.js';
-import { m as mockRewardData } from './mockRewardData-0eb6e778.js';
-import { g as generateUserError } from './useReferralTable-f6ffa103.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-5882a144.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
+import { l as luxon } from './luxon-63e24900.js';
+import { m as mockRewardData } from './mockRewardData-e6b763d1.js';
+import { d as dist } from './index-0c7b14c5.js';
+import { g as generateUserError } from './useReferralTable-52008143.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const REVEAL_EVENT = "sq:reveal";

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

@@ -1,13 +1,14 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.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-ac12ca1c.js';
-import './global-6306a9b8.js';
-import { x as xn, j as jn, a as setUserIdentity, d as dist, o as an, p as setProgramId } from './index.module-6c840c4e.js';
+import { a as commonjsGlobal, u as useMemo, f as useState, d as useEffect, c as createCommonjsModule, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import './global-adae7650.js';
+import { x as xn, j as jn, s as setUserIdentity, e as an, f as setProgramId } from './index.module-c0eb7dc2.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import './useChildElements-fc84e640.js';
-import { l as luxon } from './luxon-7600be8d.js';
+import './useChildElements-fe94b660.js';
+import { l as luxon } from './luxon-63e24900.js';
+import { d as dist } from './index-0c7b14c5.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
 import { A as AssetCardView } from './sqm-asset-card-view-9d93fbdd.js';
@@ -17,16 +18,16 @@ import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.j
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f8e78810.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-4715e546.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-598eb9a7.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-15ddbec8.js';
-import './utilities-443732be.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-a0f6ad48.js';
+import './utilities-98445452.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
-import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, 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 PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-65c8679e.js';
+import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, 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 PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-72e231a5.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-08c03ba7.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-663674f2.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14995,20 +14996,40 @@ const WidgetEmailVerification_stories = {
 };
 const defaultProps$k = {
   email: "",
-  error: "",
+  error: false,
   loading: false,
+  initialLoading: false,
+  sendCodeError: false,
 };
 const Default$i = () => (h("sqm-email-verification", { demoData: {} }));
+const EmailIsPrefilled = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      email: "test@example.com",
+    },
+  } }));
 const Loading$7 = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      initialLoading: true,
+    },
+  } }));
+const SaveLoading = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
       loading: true,
     },
   } }));
-const Error$a = () => (h("sqm-email-verification", { demoData: {
+const InvalidEmail = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      error: true,
+    },
+  } }));
+const SendCodeError = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
-      error: "Email is invalid",
+      sendCodeError: true,
     },
   } }));
 
@@ -15016,8 +15037,11 @@ const WidgetEmailVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetEmailVerification_stories,
   Default: Default$i,
+  EmailIsPrefilled: EmailIsPrefilled,
   Loading: Loading$7,
-  Error: Error$a
+  SaveLoading: SaveLoading,
+  InvalidEmail: InvalidEmail,
+  SendCodeError: SendCodeError
 });
 
 const WidgetCodeVerification_stories = {
@@ -15027,7 +15051,7 @@ const defaultProps$l = {
   email: "testemail@example.com",
   loading: false,
   verifyFailed: false,
-  codeResent: false,
+  emailResent: false,
 };
 const Default$j = () => (h("sqm-code-verification", { demoData: { states: defaultProps$l } }));
 const Loading$8 = () => (h("sqm-code-verification", { demoData: {
@@ -15039,7 +15063,7 @@ const Loading$8 = () => (h("sqm-code-verification", { demoData: {
 const CodeResent = () => (h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$l,
-      codeResent: true,
+      emailResent: true,
     },
   } }));
 const VerificationFailed = () => (h("sqm-code-verification", { demoData: {
@@ -15062,15 +15086,13 @@ const PayoutButtonScroll_stories = {
   title: "Components/Payout Scroll Button",
 };
 const defaultProps$m = {
-  payoutSettingsComplete: false,
+  payoutSettingsComplete: true,
 };
-const Default$k = () => (h("sqm-payout-button-scroll", { demoData: { states: defaultProps$m } }));
 const CompletedTaxForm = () => (h("sqm-payout-button-scroll", { demoData: { states: { ...defaultProps$m, payoutSettingsComplete: true } } }));
 
 const PayoutButtonScroll = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutButtonScroll_stories,
-  Default: Default$k,
   CompletedTaxForm: CompletedTaxForm
 });
 
@@ -15107,7 +15129,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$l = `
+const Default$k = `
  // No CSS
 `;
 const Orangey = `
@@ -15141,7 +15163,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$l,
+  Default: Default$k,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './index.module-6c840c4e.js';
-import { a as useRequestRerender } from './re-render-1bcfd0de.js';
+import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import './index.module-c0eb7dc2.js';
+import { a as useRequestRerender } from './re-render-5882a144.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,8 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
-import { u as useRerenderListener } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
+import { u as useMemo, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { T } from './index.module-c0eb7dc2.js';
+import { u as useRerenderListener } from './re-render-5882a144.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { K, F as Fn } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { K, F as Fn } from './index.module-c0eb7dc2.js';
 import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
 
 const WidgetVerificationInternal = class {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { b as browser, n as h, k as useState, f as useEffect, l } from './stencil-hooks.module-ac12ca1c.js';
-import { F as Fn, b as useCallback } from './index.module-6c840c4e.js';
+import { b as browser, j as h, f as useState, d as useEffect, l } from './stencil-hooks.module-3c7f7c90.js';
+import { F as Fn, a as useCallback } from './index.module-c0eb7dc2.js';
 import { V as VERIFICATION_EVENT_KEY, a as VERIFICATION_PARENT_NAMESPACE } from './keys-a1496e39.js';
 
 const debug = browser("sq:widget-verification");

package/dist/esm/{stencil-hooks.module-ac12ca1c.js → stencil-hooks.module-3c7f7c90.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, 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 };
+export { commonjsGlobal as a, browser as b, createCommonjsModule as c, useEffect as d, useRef as e, useState as f, getAugmentedNamespace as g, useReducer as h, getDefaultExportFromCjs as i, h$2 as j, d$2 as k, l$1 as l, m$2 as m, useMemo as u, y$1 as y };

package/dist/esm/{useChildElements-fc84e640.js → useChildElements-fe94b660.js}

@@ -1,5 +1,5 @@
-import { k as useState, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
+import { f as useState, u as useMemo } from './stencil-hooks.module-3c7f7c90.js';
+import { T } from './index.module-c0eb7dc2.js';
 
 function useChildElements() {
   const host = T();

package/dist/esm/useEmailVerification-8f2dc2bd.js

@@ -0,0 +1,152 @@
+import { f as useState, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { M as Mn, E as En, K, b as xe } from './index.module-c0eb7dc2.js';
+import { d as dist } from './index-0c7b14c5.js';
+import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
+
+const VerificationEmailMutation = dist.gql `
+  mutation requestUserEmailVerification($user: UserIdInput!) {
+    requestUserEmailVerification(user: $user) {
+      success
+    }
+  }
+`;
+const UpsertUserEmailMutation = dist.gql `
+  mutation upsertUser($userInput: UserInput!) {
+    user(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`;
+const UserLookupQuery = dist.gql `
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+      }
+    }
+  }
+`;
+// TODO: Move to component-boilerplate
+function useVerificationEmailMutation() {
+  const user = K();
+  const [request, { loading: loading, data, errors }] = xe(VerificationEmailMutation);
+  const sendVerificationEmailMutation = async () => {
+    try {
+      const result = await request({
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not send verification email", e);
+      return undefined;
+    }
+  };
+  return [
+    sendVerificationEmailMutation,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
+function useUpsertUserEmail() {
+  const user = K();
+  const [request, { loading: loading, data, errors }] = xe(UpsertUserEmailMutation);
+  const upsertUserEmail = async (email) => {
+    try {
+      const result = await request({
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+          email,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not set email on user", e);
+      return undefined;
+    }
+  };
+  return [
+    upsertUserEmail,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
+function useWidgetEmailVerification(props) {
+  const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
+  const [email, setEmail] = Mn(VERIFICATION_EMAIL_NAMESPACE);
+  const [emailExists, setEmailExists] = useState(false);
+  const [error, setError] = useState(false);
+  const [mutationError, setMutationError] = useState(false);
+  const [sendVerificationEmailMutation] = useVerificationEmailMutation();
+  const [upsertUserEmail] = useUpsertUserEmail();
+  const [loading, setLoading] = useState(false);
+  const { data, loading: initialLoading } = En(UserLookupQuery, {});
+  const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  useEffect(() => {
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setEmailExists(!!data.viewer.email);
+  }, [data]);
+  const submitEmail = async (e) => {
+    e.preventDefault();
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setLoading(true);
+    const toAddress = data.viewer.email;
+    if (!toAddress) {
+      // If no email on the user, set one
+      const formData = e.detail.formData;
+      const newEmail = formData.get("email").toString();
+      if (!emailRegex.test(newEmail)) {
+        setError(true);
+        return;
+      }
+      const result = await upsertUserEmail(newEmail);
+      if (!result || !result.user.email)
+        setError(true);
+    }
+    const result = await sendVerificationEmailMutation();
+    if (!result || !result.requestUserEmailVerification.success)
+      setMutationError(true);
+    else {
+      // This is used to let the code verification widget know an email was already sent
+      setEmail(toAddress);
+      setShowCode(true);
+    }
+    setLoading(false);
+  };
+  return {
+    callbacks: {
+      submitEmail,
+    },
+    states: {
+      loading,
+      initialLoading,
+      error,
+      email: data === null || data === void 0 ? void 0 : data.viewer.email,
+      sendCodeError: mutationError,
+    },
+    text: props.getTextProps(),
+  };
+}
+
+export { useVerificationEmailMutation as a, useWidgetEmailVerification as u };

package/dist/esm/{useInstantAccessRegistration-8b0a4556.js → useInstantAccessRegistration-670c1b98.js}

@@ -1,7 +1,7 @@
-import { k as useState } from './stencil-hooks.module-ac12ca1c.js';
-import { C as Cn } from './index.module-6c840c4e.js';
+import { f as useState } from './stencil-hooks.module-3c7f7c90.js';
+import { C as Cn } from './index.module-c0eb7dc2.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-4cfd1a8d.js';
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);

package/dist/esm/{useReferralTable-f6ffa103.js → useReferralTable-52008143.js}

@@ -1,8 +1,9 @@
 import { h } from './index-17b4da69.js';
-import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, K, z, Q, E as En, O as On } from './index.module-6c840c4e.js';
-import { u as useRerenderListener } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
+import { b as browser, h as useReducer, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { K, z, Q, E as En, O as On } from './index.module-c0eb7dc2.js';
+import { u as useRerenderListener } from './re-render-5882a144.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
+import { d as dist } from './index-0c7b14c5.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-849e27f7.js → useRegistrationFormState-4cfd1a8d.js}

@@ -1,5 +1,5 @@
-import { y } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
+import { y } from './stencil-hooks.module-3c7f7c90.js';
+import { T } from './index.module-c0eb7dc2.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/esm/{utilities-443732be.js → utilities-98445452.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { b as useCallback } from './index.module-6c840c4e.js';
+import { f as useState, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { a as useCallback } from './index.module-c0eb7dc2.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {