@saasquatch/mint-components 2.1.9-14 → 2.1.9-16

package/dist/cjs/parseStates-d1effc19.js

@@ -0,0 +1,16 @@
+'use strict';
+
+function parseStates(states) {
+  if (typeof states === "string") {
+    try {
+      return JSON.parse(states);
+    }
+    catch (e) {
+      return undefined;
+    }
+  }
+  if (typeof states === "object")
+    return states;
+}
+
+exports.parseStates = parseStates;

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

@@ -33,6 +33,7 @@ const data = require('./data-e83f8a41.js');
 const keys = require('./keys-cff24974.js');
 require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
+const parseStates = require('./parseStates-d1effc19.js');
 
 /**
  *
@@ -3214,19 +3215,6 @@ function PayoutStatusAlertView(props) {
       getButton(states.status))));
 }
 
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
 const PayoutStatusAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -3405,7 +3393,7 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  const states = parseStates(props.stateController);
+  const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -5784,7 +5772,7 @@ function EmptySlot$1() {
   return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { emptyStateImage: "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png", emptyStateHeader: "Redeem rewards", emptyStateText: "Use your points to redeem rewards once they become available" })));
 }
 function useRewardExchangeListDemo(props) {
-  const states = parseStates(props.stateController);
+  const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-reward-exchange-list"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -7766,7 +7754,7 @@ function useDemoTaxAndCash(props) {
     namespace: data.TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
-  const states = parseStates(props.stateController);
+  const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -8235,11 +8223,19 @@ const WidgetVerification = class {
     return extractProps(props, prefix);
   }
   render() {
+    var _a;
     const props = index_module.isDemo()
       ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
     if (props.loading)
       return index.h("sl-spinner", null);
+    // Check if partner modal state indicates verification is complete (open: false)
+    const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
+      ? parseStates.parseStates(props["sqm-partner-info-modal_stateController"])
+      : props["sqm-partner-info-modal_stateController"];
+    if (props.showPartnerModal && ((_a = partnerState === null || partnerState === void 0 ? void 0 : partnerState.states) === null || _a === void 0 ? void 0 : _a.open) === false) {
+      return index.h("div", null);
+    }
     const style = {
       Dialog: {
         "&::part(panel)": {
@@ -8300,7 +8296,7 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = parseStates(props.stateController);
+  const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});

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

@@ -13,6 +13,7 @@ const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
 const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
+const parseStates = require('./parseStates-d1effc19.js');
 const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
 
 const UpsertUserEmailMutation = index_module.dist.gql `
@@ -754,6 +755,8 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = domContextHooks_module.useState("US");
   const [currency, setCurrency] = domContextHooks_module.useState("");
   const [error, setError] = domContextHooks_module.useState("");
+  const parsed = parseStates.parseStates(props.stateController);
+  const stateOverride = (parsed === null || parsed === void 0 ? void 0 : parsed["sqm-partner-info-modal"]) || parsed || {};
   // @ts-ignore
   return cjs.cjs({
     states: {
@@ -808,7 +811,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_email_verification = WidgetEmailVerification;

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js

@@ -2,13 +2,14 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { parseStates } from "../../utils/parseStates";
 import { getProps } from "../../utils/utils";
 import { PartnerInfoModalContentView, PartnerInfoModalView, } from "./sqm-partner-info-modal-view";
 import { usePartnerInfoModal, } from "./usePartnerInfoModal";
 /**
  * @uiName Partner Info Modal
  * @exampleGroup Tax and Cash
- * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqb-program-section", "sqb-conditional-section"]
+ * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqm-divided-layout", "sqb-program-section", "sqb-conditional-section"]
  * @example Partner Info Modal - <sqm-partner-info-modal></sqm-partner-info-modal>
  */
 export class PartnerInfoModal {
@@ -520,6 +521,8 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
+  const parsed = parseStates(props.stateController);
+  const stateOverride = (parsed === null || parsed === void 0 ? void 0 : parsed["sqm-partner-info-modal"]) || parsed || {};
   // @ts-ignore
   return deepmerge({
     states: {
@@ -574,5 +577,5 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }

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

@@ -205,11 +205,19 @@ export class WidgetVerification {
     return extractProps(props, prefix);
   }
   render() {
+    var _a;
     const props = isDemo()
       ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
     if (props.loading)
       return h("sl-spinner", null);
+    // Check if partner modal state indicates verification is complete (open: false)
+    const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
+      ? parseStates(props["sqm-partner-info-modal_stateController"])
+      : props["sqm-partner-info-modal_stateController"];
+    if (props.showPartnerModal && ((_a = partnerState === null || partnerState === void 0 ? void 0 : partnerState.states) === null || _a === void 0 ? void 0 : _a.open) === false) {
+      return h("div", null);
+    }
     const style = {
       Dialog: {
         "&::part(panel)": {

package/dist/esm/parseStates-ed75e224.js

@@ -0,0 +1,14 @@
+function parseStates(states) {
+  if (typeof states === "string") {
+    try {
+      return JSON.parse(states);
+    }
+    catch (e) {
+      return undefined;
+    }
+  }
+  if (typeof states === "object")
+    return states;
+}
+
+export { parseStates as p };

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

@@ -29,6 +29,7 @@ import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
 import './eventKeys-f76b6a03.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fa504d49.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
 
 /**
  *
@@ -3210,19 +3211,6 @@ function PayoutStatusAlertView(props) {
       getButton(states.status))));
 }
 
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
 const PayoutStatusAlert = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -8231,11 +8219,19 @@ const WidgetVerification = class {
     return extractProps(props, prefix);
   }
   render() {
+    var _a;
     const props = isDemo()
       ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
     if (props.loading)
       return h$1("sl-spinner", null);
+    // Check if partner modal state indicates verification is complete (open: false)
+    const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
+      ? parseStates(props["sqm-partner-info-modal_stateController"])
+      : props["sqm-partner-info-modal_stateController"];
+    if (props.showPartnerModal && ((_a = partnerState === null || partnerState === void 0 ? void 0 : partnerState.states) === null || _a === void 0 ? void 0 : _a.open) === false) {
+      return h$1("div", null);
+    }
     const style = {
       Dialog: {
         "&::part(panel)": {

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

@@ -9,6 +9,7 @@ import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.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';
 
 const UpsertUserEmailMutation = dist.gql `
@@ -750,6 +751,8 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
+  const parsed = parseStates(props.stateController);
+  const stateOverride = (parsed === null || parsed === void 0 ? void 0 : parsed["sqm-partner-info-modal"]) || parsed || {};
   // @ts-ignore
   return cjs({
     states: {
@@ -804,7 +807,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }
 
 export { WidgetEmailVerification as sqm_email_verification, PartnerInfoModal as sqm_partner_info_modal };

package/dist/esm-es5/parseStates-ed75e224.js

@@ -0,0 +1 @@
+function parseStates(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(t){return undefined}}if(typeof t==="object")return t}export{parseStates as p};