@saasquatch/mint-components 2.2.0-3 → 2.2.0-4

package/dist/cjs/sqm-big-stat_46.cjs.entry.js

@@ -7973,6 +7973,16 @@ function useWidgetVerification() {
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
+  // Register the verification-email namespace at the widget-verification
+  // host so that <sqm-email-verification> (writer) and <sqm-code-verification>
+  // (reader) can communicate. This registration was accidentally removed in
+  // commit cfbfad9 ("a bunch of review and cleanup of unused code"), which
+  // caused setEmail() in the email step to throw TypeError and aborted the
+  // rest of submitEmail before it could call setShowCode(true).
+  index_module.In({
+    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = domContextHooks_module.useState(true);
   const [showPartnerModal, setShowPartnerModal] = index_module.In({

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -74,8 +74,12 @@ function useUpsertUserEmail() {
   ];
 }
 function useWidgetEmailVerification(props) {
-  const [_, setShowCode] = index_module.Pn(keys.SHOW_CODE_NAMESPACE);
-  const [email, setEmail] = index_module.Pn(keys.VERIFICATION_EMAIL_NAMESPACE);
+  // NOTE: useSetParent (not useParent) so that calling these setters is a
+  // no-op fallback instead of throwing TypeError when the parent provider
+  // hasn't connected yet (e.g. inside <sl-dialog> on first paint). Throwing
+  // here would skip setLoading(false) and leave the button stuck spinning.
+  const setShowCode = index_module.En(keys.SHOW_CODE_NAMESPACE);
+  const setEmail = index_module.En(keys.VERIFICATION_EMAIL_NAMESPACE);
   const [emailExists, setEmailExists] = domContextHooks_module.useState(false);
   const [error, setError] = domContextHooks_module.useState(false);
   const [mutationError, setMutationError] = domContextHooks_module.useState(false);
@@ -94,29 +98,43 @@ function useWidgetEmailVerification(props) {
       setLoading(false);
   }, [initialized]);
   const submitEmail = async (e) => {
+    var _a, _b, _c, _d;
     e.preventDefault();
     if (!(data === null || data === void 0 ? void 0 : data.viewer))
       return;
     setLoading(true);
-    const toAddress = data.viewer.email;
+    setMutationError(false);
+    setError(false);
+    // Resolve the address we'll actually verify. If the user already has an
+    // email on record, use it; otherwise pull the typed value from the form
+    // and upsert it. We capture this AFTER the upsert so the value we hand
+    // off to the code-verification step is never null.
+    let 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();
+      const formData = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.formData;
+      const newEmail = (_c = (_b = formData === null || formData === void 0 ? void 0 : formData.get("email")) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "";
       if (!emailRegex.test(newEmail)) {
         setError(true);
+        setLoading(false);
         return;
       }
-      const result = await upsertUserEmail(newEmail);
-      if (!result || !result.user.email)
+      const upsertResult = await upsertUserEmail(newEmail);
+      if (!upsertResult || !((_d = upsertResult.upsertUser) === null || _d === void 0 ? void 0 : _d.email)) {
         setError(true);
+        setLoading(false);
+        return;
+      }
+      toAddress = upsertResult.upsertUser.email;
     }
     // UI should not allow this call til initialisation is done
-    if (!initialized)
+    if (!initialized) {
+      setLoading(false);
       return;
+    }
     const result = await sendEmail();
-    if (!result || !result.success)
+    if (!result || !result.success) {
       setMutationError(true);
+    }
     else {
       // This is used to let the code verification widget know an email was already sent
       setEmail(toAddress);

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/useEmailVerification.js

@@ -1,4 +1,4 @@
-import { useMutation, useParent, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useMutation, useQuery, useSetParent, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { SHOW_CODE_NAMESPACE, VERIFICATION_EMAIL_NAMESPACE } from "../keys";
@@ -60,8 +60,12 @@ export function useUpsertUserEmail() {
   ];
 }
 export function useWidgetEmailVerification(props) {
-  const [_, setShowCode] = useParent(SHOW_CODE_NAMESPACE);
-  const [email, setEmail] = useParent(VERIFICATION_EMAIL_NAMESPACE);
+  // NOTE: useSetParent (not useParent) so that calling these setters is a
+  // no-op fallback instead of throwing TypeError when the parent provider
+  // hasn't connected yet (e.g. inside <sl-dialog> on first paint). Throwing
+  // here would skip setLoading(false) and leave the button stuck spinning.
+  const setShowCode = useSetParent(SHOW_CODE_NAMESPACE);
+  const setEmail = useSetParent(VERIFICATION_EMAIL_NAMESPACE);
   const [emailExists, setEmailExists] = useState(false);
   const [error, setError] = useState(false);
   const [mutationError, setMutationError] = useState(false);
@@ -80,29 +84,43 @@ export function useWidgetEmailVerification(props) {
       setLoading(false);
   }, [initialized]);
   const submitEmail = async (e) => {
+    var _a, _b, _c, _d;
     e.preventDefault();
     if (!(data === null || data === void 0 ? void 0 : data.viewer))
       return;
     setLoading(true);
-    const toAddress = data.viewer.email;
+    setMutationError(false);
+    setError(false);
+    // Resolve the address we'll actually verify. If the user already has an
+    // email on record, use it; otherwise pull the typed value from the form
+    // and upsert it. We capture this AFTER the upsert so the value we hand
+    // off to the code-verification step is never null.
+    let 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();
+      const formData = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.formData;
+      const newEmail = (_c = (_b = formData === null || formData === void 0 ? void 0 : formData.get("email")) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "";
       if (!emailRegex.test(newEmail)) {
         setError(true);
+        setLoading(false);
         return;
       }
-      const result = await upsertUserEmail(newEmail);
-      if (!result || !result.user.email)
+      const upsertResult = await upsertUserEmail(newEmail);
+      if (!upsertResult || !((_d = upsertResult.upsertUser) === null || _d === void 0 ? void 0 : _d.email)) {
         setError(true);
+        setLoading(false);
+        return;
+      }
+      toAddress = upsertResult.upsertUser.email;
     }
     // UI should not allow this call til initialisation is done
-    if (!initialized)
+    if (!initialized) {
+      setLoading(false);
       return;
+    }
     const result = await sendEmail();
-    if (!result || !result.success)
+    if (!result || !result.success) {
       setMutationError(true);
+    }
     else {
       // This is used to let the code verification widget know an email was already sent
       setEmail(toAddress);

package/dist/collection/components/sqm-widget-verification/useWidgetVerification.js

@@ -2,7 +2,7 @@ import { useLazyQuery, useParentState, useSetParent, } from "@saasquatch/compone
 import { useState } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { PARTNER_CREATED_NAMESPACE, SHOW_CODE_NAMESPACE, SHOW_PARTNER_MODAL_NAMESPACE, VERIFICATION_PARENT_NAMESPACE, } from "./keys";
+import { PARTNER_CREATED_NAMESPACE, SHOW_CODE_NAMESPACE, SHOW_PARTNER_MODAL_NAMESPACE, VERIFICATION_EMAIL_NAMESPACE, VERIFICATION_PARENT_NAMESPACE, } from "./keys";
 const USER_LOOKUP = gql `
   query checkUserVerification {
     viewer {
@@ -27,6 +27,16 @@ export function useWidgetVerification() {
     namespace: SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
+  // Register the verification-email namespace at the widget-verification
+  // host so that <sqm-email-verification> (writer) and <sqm-code-verification>
+  // (reader) can communicate. This registration was accidentally removed in
+  // commit cfbfad9 ("a bunch of review and cleanup of unused code"), which
+  // caused setEmail() in the email step to throw TypeError and aborted the
+  // rest of submitEmail before it could call setShowCode(true).
+  useParentState({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
   const setContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = useState(true);
   const [showPartnerModal, setShowPartnerModal] = useParentState({

package/dist/esm/{keys-d7c5c851.js → keys-1054056a.js}

@@ -5,4 +5,4 @@ const VERIFICATION_EMAIL_NAMESPACE = "sq:verification-email";
 const VERIFICATION_PARENT_NAMESPACE = "sq:verification-context";
 const VERIFICATION_EVENT_KEY = "sq:code-verified";
 
-export { PARTNER_CREATED_NAMESPACE as P, SHOW_CODE_NAMESPACE as S, VERIFICATION_PARENT_NAMESPACE as V, SHOW_PARTNER_MODAL_NAMESPACE as a, VERIFICATION_EMAIL_NAMESPACE as b, VERIFICATION_EVENT_KEY as c };
+export { PARTNER_CREATED_NAMESPACE as P, SHOW_CODE_NAMESPACE as S, VERIFICATION_PARENT_NAMESPACE as V, VERIFICATION_EMAIL_NAMESPACE as a, SHOW_PARTNER_MODAL_NAMESPACE as b, VERIFICATION_EVENT_KEY as c };

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -15,7 +15,7 @@ import { g as generateUserError } from './useReferralTable-35e6d4c1.js';
 import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-e732dc4d.js';
 import { t as taxTypeToName, a as validTaxDocument, g as getCountryObj, o as objectIsFull } from './utils-8267d3d8.js';
 import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-33c16dff.js';
-import { c as VERIFICATION_EVENT_KEY } from './keys-d7c5c851.js';
+import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-fa504d49.js';
 

package/dist/esm/sqm-big-stat_46.entry.js

@@ -27,7 +27,7 @@ import { u as useDemoBigStat, V as useBigStat, B as BigStatView, C as CardFeedVi
 import './sqm-portal-container-view-a8c708cd.js';
 import { g as getCountryObj, L as LoadingView } from './utils-8267d3d8.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-33c16dff.js';
-import { S as SHOW_CODE_NAMESPACE, a as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-d7c5c851.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, b as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';
 import './eventKeys-f76b6a03.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fa504d49.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -7969,6 +7969,16 @@ function useWidgetVerification() {
     namespace: SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
+  // Register the verification-email namespace at the widget-verification
+  // host so that <sqm-email-verification> (writer) and <sqm-code-verification>
+  // (reader) can communicate. This registration was accidentally removed in
+  // commit cfbfad9 ("a bunch of review and cleanup of unused code"), which
+  // caused setEmail() in the email step to throw TypeError and aborted the
+  // rest of submitEmail before it could call setShowCode(true).
+  In({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
   const setContext = En(VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = useState(true);
   const [showPartnerModal, setShowPartnerModal] = In({

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

@@ -7,7 +7,7 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
-import { b as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-d7c5c851.js';
+import { a as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';
 import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
 
 const style = {

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

@@ -1,14 +1,14 @@
 import { h, r as registerInstance } from './index-38ad4957.js';
 import { i as intl } from './global-39f55ec2.js';
 import { k as useState, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, r as En, L } from './index.module-cede12c6.js';
+import { d as dist, r as En, w as wn, J, $ as $e, i as isDemo, L } from './index.module-cede12c6.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 { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
 import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-33c16dff.js';
 import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-bd8ff1c1.js';
-import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-d7c5c851.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
 import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
@@ -70,8 +70,12 @@ function useUpsertUserEmail() {
   ];
 }
 function useWidgetEmailVerification(props) {
-  const [_, setShowCode] = Pn(SHOW_CODE_NAMESPACE);
-  const [email, setEmail] = Pn(VERIFICATION_EMAIL_NAMESPACE);
+  // NOTE: useSetParent (not useParent) so that calling these setters is a
+  // no-op fallback instead of throwing TypeError when the parent provider
+  // hasn't connected yet (e.g. inside <sl-dialog> on first paint). Throwing
+  // here would skip setLoading(false) and leave the button stuck spinning.
+  const setShowCode = En(SHOW_CODE_NAMESPACE);
+  const setEmail = En(VERIFICATION_EMAIL_NAMESPACE);
   const [emailExists, setEmailExists] = useState(false);
   const [error, setError] = useState(false);
   const [mutationError, setMutationError] = useState(false);
@@ -90,29 +94,43 @@ function useWidgetEmailVerification(props) {
       setLoading(false);
   }, [initialized]);
   const submitEmail = async (e) => {
+    var _a, _b, _c, _d;
     e.preventDefault();
     if (!(data === null || data === void 0 ? void 0 : data.viewer))
       return;
     setLoading(true);
-    const toAddress = data.viewer.email;
+    setMutationError(false);
+    setError(false);
+    // Resolve the address we'll actually verify. If the user already has an
+    // email on record, use it; otherwise pull the typed value from the form
+    // and upsert it. We capture this AFTER the upsert so the value we hand
+    // off to the code-verification step is never null.
+    let 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();
+      const formData = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.formData;
+      const newEmail = (_c = (_b = formData === null || formData === void 0 ? void 0 : formData.get("email")) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "";
       if (!emailRegex.test(newEmail)) {
         setError(true);
+        setLoading(false);
         return;
       }
-      const result = await upsertUserEmail(newEmail);
-      if (!result || !result.user.email)
+      const upsertResult = await upsertUserEmail(newEmail);
+      if (!upsertResult || !((_d = upsertResult.upsertUser) === null || _d === void 0 ? void 0 : _d.email)) {
         setError(true);
+        setLoading(false);
+        return;
+      }
+      toAddress = upsertResult.upsertUser.email;
     }
     // UI should not allow this call til initialisation is done
-    if (!initialized)
+    if (!initialized) {
+      setLoading(false);
       return;
+    }
     const result = await sendEmail();
-    if (!result || !result.success)
+    if (!result || !result.success) {
       setMutationError(true);
+    }
     else {
       // This is used to let the code verification widget know an email was already sent
       setEmail(toAddress);

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
 import { I as In, b as useCallback, i as isDemo } from './index.module-cede12c6.js';
-import { V as VERIFICATION_PARENT_NAMESPACE } from './keys-d7c5c851.js';
+import { V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';
 
 const debug = browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {

package/dist/esm-es5/{keys-d7c5c851.js → keys-1054056a.js}

@@ -1 +1 @@
-var SHOW_CODE_NAMESPACE="sq:code-verification";var SHOW_PARTNER_MODAL_NAMESPACE="sq:show-partner-modal";var PARTNER_CREATED_NAMESPACE="sq:partner-created";var VERIFICATION_EMAIL_NAMESPACE="sq:verification-email";var VERIFICATION_PARENT_NAMESPACE="sq:verification-context";var VERIFICATION_EVENT_KEY="sq:code-verified";export{PARTNER_CREATED_NAMESPACE as P,SHOW_CODE_NAMESPACE as S,VERIFICATION_PARENT_NAMESPACE as V,SHOW_PARTNER_MODAL_NAMESPACE as a,VERIFICATION_EMAIL_NAMESPACE as b,VERIFICATION_EVENT_KEY as c};
+var SHOW_CODE_NAMESPACE="sq:code-verification";var SHOW_PARTNER_MODAL_NAMESPACE="sq:show-partner-modal";var PARTNER_CREATED_NAMESPACE="sq:partner-created";var VERIFICATION_EMAIL_NAMESPACE="sq:verification-email";var VERIFICATION_PARENT_NAMESPACE="sq:verification-context";var VERIFICATION_EVENT_KEY="sq:code-verified";export{PARTNER_CREATED_NAMESPACE as P,SHOW_CODE_NAMESPACE as S,VERIFICATION_PARENT_NAMESPACE as V,VERIFICATION_EMAIL_NAMESPACE as a,SHOW_PARTNER_MODAL_NAMESPACE as b,VERIFICATION_EVENT_KEY as c};