@saasquatch/mint-components 2.1.9-12 → 2.1.9-13

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

@@ -6,11 +6,6 @@ const style = {
     "&::part(panel)": {
       maxWidth: "480px",
     },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-    },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large)",
       fontSize: "var(--sl-font-size-small)",
@@ -19,14 +14,17 @@ const style = {
     "&::part(footer)": {
       display: "flex",
       flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
+      padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
     },
     "&::part(overlay)": {
       background: "rgba(0, 0, 0, 0.5)",
     },
-    "&::part(close-button)": {
-      display: "none",
-    },
+  },
+  DialogTitle: {
+    fontSize: "var(--sl-font-size-x-large)",
+    fontWeight: "600",
+    padding: "var(--sl-spacing-x-large) 0 0 0",
+    margin: "0",
   },
   FormFields: {
     display: "flex",
@@ -53,22 +51,24 @@ const style = {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-small)",
+    margin: "0",
     "& > p": {
       margin: "0",
     },
   },
+  SubmitButton: {
+    width: "100%",
+    marginTop: "var(--sl-spacing-small)",
+  },
 };
 function PartnerInfoModalContentView(props) {
   var _a, _b;
   const { states, callbacks, text } = props;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const description = states.isExistingPartner ? (h("div", { class: sheet.classes.DescriptionContainer },
+  const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
     h("p", null, text.descriptionExistingPartner),
-    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", null,
-    " ",
-    text.descriptionNewPartner));
+    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
@@ -76,17 +76,17 @@ function PartnerInfoModalContentView(props) {
     h("style", { type: "text/css" }, styleString),
     description,
     h("div", { class: sheet.classes.FormFields },
-      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, "onSl-select": callbacks.onCountryChange },
+      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;
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }), (_a = states.filteredCountries) === null || _a === void 0 ? void 0 :
         _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
-      h("sl-select", { key: `currency-${states.currency}`, exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, "onSl-select": callbacks.onCurrencyChange },
+      h("sl-select", { key: `currency-${states.currency}`, exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         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, style: { width: "100%" }, 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) {
@@ -95,7 +95,7 @@ function PartnerInfoModalView(props) {
   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: false, label: states.isExistingPartner
+  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();
@@ -105,6 +105,9 @@ function PartnerInfoModalView(props) {
         e.preventDefault();
       }
     } },
+    h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+      ? text.modalHeaderExistingPartner
+      : text.modalHeader),
     h(PartnerInfoModalContentView, Object.assign({}, props))));
 }
 

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-dd777f00.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>