@saasquatch/mint-components 2.1.9-15 → 2.1.9-17

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

@@ -8223,11 +8223,18 @@ 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);
+    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)": {

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

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bb64a718.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');

package/dist/cjs/{sqm-partner-info-modal-view-2d6e89a4.js → sqm-partner-info-modal-view-bb64a718.js}

@@ -13,29 +13,21 @@ const style = {
       fontSize: "var(--sl-font-size-small)",
       overflow: "visible",
     },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
-    },
     "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
+      background: "var(--sl-overlay-background-color)",
     },
   },
   DialogTitle: {
     fontSize: "var(--sl-font-size-x-large)",
     fontWeight: "600",
-    padding: "var(--sl-spacing-x-large) 0 0 0",
+    padding: "var(--sl-spacing-large) 0 0 0",
     margin: "0",
   },
   FormFields: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
+    marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
     color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -60,7 +52,7 @@ const style = {
   },
   SubmitButton: {
     width: "100%",
-    marginTop: "var(--sl-spacing-small)",
+    marginTop: "var(--sl-spacing-large)",
   },
 };
 function PartnerInfoModalContentView(props) {
@@ -74,10 +66,12 @@ function PartnerInfoModalContentView(props) {
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
-  return [
-    index.h("style", { type: "text/css" }, styleString),
-    description,
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      " ",
+      styleString),
     index.h("div", { class: sheet.classes.FormFields },
+      description,
       index.h("sl-select", { key: `country-${states.countryCode}`, exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
@@ -88,29 +82,33 @@ function PartnerInfoModalContentView(props) {
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
         _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
     states.error && index.h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel),
-  ];
+    index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 function PartnerInfoModalView(props) {
-  const { states, text } = props;
+  const { states, text, callbacks } = props;
   const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
   console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return index.h("div", null);
-  return (index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader, "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      " ",
+      styleString),
+    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader, "onSl-request-close": (e) => {
         e.preventDefault();
-      }
-    } },
-    index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader),
-    index.h(PartnerInfoModalContentView, Object.assign({}, props))));
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } },
+      index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader),
+      index.h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }
 
 exports.PartnerInfoModalContentView = PartnerInfoModalContentView;

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

@@ -38,7 +38,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js'
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-923ff8d9.js');
 const data = require('./data-e83f8a41.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bb64a718.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

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

@@ -10,29 +10,21 @@ const style = {
       fontSize: "var(--sl-font-size-small)",
       overflow: "visible",
     },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
-    },
     "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
+      background: "var(--sl-overlay-background-color)",
     },
   },
   DialogTitle: {
     fontSize: "var(--sl-font-size-x-large)",
     fontWeight: "600",
-    padding: "var(--sl-spacing-x-large) 0 0 0",
+    padding: "var(--sl-spacing-large) 0 0 0",
     margin: "0",
   },
   FormFields: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
+    marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
     color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -57,7 +49,7 @@ const style = {
   },
   SubmitButton: {
     width: "100%",
-    marginTop: "var(--sl-spacing-small)",
+    marginTop: "var(--sl-spacing-large)",
   },
 };
 export function PartnerInfoModalContentView(props) {
@@ -71,10 +63,12 @@ export function PartnerInfoModalContentView(props) {
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
-  return [
-    h("style", { type: "text/css" }, styleString),
-    description,
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
     h("div", { class: sheet.classes.FormFields },
+      description,
       h("sl-select", { key: `country-${states.countryCode}`, exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
@@ -85,27 +79,31 @@ export function PartnerInfoModalContentView(props) {
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
         _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
     states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel),
-  ];
+    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 export function PartnerInfoModalView(props) {
-  const { states, text } = props;
+  const { states, text, callbacks } = props;
   const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
   console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return h("div", null);
-  return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader, "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader, "onSl-request-close": (e) => {
         e.preventDefault();
-      }
-    } },
-    h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader),
-    h(PartnerInfoModalContentView, Object.assign({}, props))));
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } },
+      h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader),
+      h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }

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

@@ -205,11 +205,18 @@ export class WidgetVerification {
     return extractProps(props, prefix);
   }
   render() {
+    var _a;
     const props = isDemo()
       ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
     if (props.loading)
       return h("sl-spinner", null);
+    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/sqm-big-stat_46.entry.js

@@ -8219,11 +8219,18 @@ 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);
+    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

@@ -6,7 +6,7 @@ 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-738acfb3.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b0f31f8a.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';

package/dist/esm/{sqm-partner-info-modal-view-f85b5a08.js → sqm-partner-info-modal-view-b0f31f8a.js}

@@ -11,29 +11,21 @@ const style = {
       fontSize: "var(--sl-font-size-small)",
       overflow: "visible",
     },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
-    },
     "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
+      background: "var(--sl-overlay-background-color)",
     },
   },
   DialogTitle: {
     fontSize: "var(--sl-font-size-x-large)",
     fontWeight: "600",
-    padding: "var(--sl-spacing-x-large) 0 0 0",
+    padding: "var(--sl-spacing-large) 0 0 0",
     margin: "0",
   },
   FormFields: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
+    marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
     color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -58,7 +50,7 @@ const style = {
   },
   SubmitButton: {
     width: "100%",
-    marginTop: "var(--sl-spacing-small)",
+    marginTop: "var(--sl-spacing-large)",
   },
 };
 function PartnerInfoModalContentView(props) {
@@ -72,10 +64,12 @@ function PartnerInfoModalContentView(props) {
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
-  return [
-    h("style", { type: "text/css" }, styleString),
-    description,
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
     h("div", { class: sheet.classes.FormFields },
+      description,
       h("sl-select", { key: `country-${states.countryCode}`, exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
@@ -86,29 +80,33 @@ function PartnerInfoModalContentView(props) {
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
         _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
     states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel),
-  ];
+    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 function PartnerInfoModalView(props) {
-  const { states, text } = props;
+  const { states, text, callbacks } = props;
   const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
   console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return h("div", null);
-  return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader, "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader, "onSl-request-close": (e) => {
         e.preventDefault();
-      }
-    } },
-    h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader),
-    h(PartnerInfoModalContentView, Object.assign({}, props))));
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } },
+      h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader),
+      h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }
 
 export { PartnerInfoModalView as P, PartnerInfoModalContentView as a };

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

@@ -34,7 +34,7 @@ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-c
 import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-f9026468.js';
 import { t as taxTypeToName, L as LoadingView } from './data-2b0feb3f.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-11a4f9a9.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b0f31f8a.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>