@saasquatch/mint-components 2.1.9-20 → 2.1.9-22

package/dist/esm/sqm-partner-info-modal-view-08b7c5f6.js

@@ -1,114 +0,0 @@
-import { h } from './index-38ad4957.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "480px",
-    },
-    "&::part(body)": {
-      padding: "0 var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-      overflow: "visible",
-    },
-    "&::part(overlay)": {
-      background: "var(--sl-overlay-background-color)",
-    },
-  },
-  DialogTitle: {
-    fontSize: "var(--sl-font-size-x-large)",
-    fontWeight: "600",
-    padding: "var(--sl-spacing-large) 0 0 0",
-    margin: "0",
-  },
-  FormFields: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-large)",
-  },
-  ErrorMessage: {
-    color: "var(--sqm-danger-color-text, #d32f2f)",
-    fontSize: "var(--sl-font-size-small)",
-    marginTop: "var(--sl-spacing-x-small)",
-  },
-  SearchInput: {
-    "&::part(base)": {
-      border: "none",
-      borderBottom: "1px solid var(--sl-color-neutral-300)",
-      borderRadius: "0",
-    },
-  },
-  DescriptionContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-    margin: "0",
-    "& > p": {
-      margin: "0",
-    },
-  },
-  SubmitButton: {
-    width: "100%",
-    marginTop: "var(--sl-spacing-large)",
-  },
-};
-function PartnerInfoModalContentView(props) {
-  var _a, _b;
-  const { states, callbacks, text } = props;
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
-    h("p", null, text.descriptionExistingPartner),
-    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
-  const buttonLabel = states.isExistingPartner
-    ? text.confirmButtonLabel
-    : text.submitButtonLabel;
-  return (h("div", null,
-    h("style", { type: "text/css" },
-      " ",
-      styleString),
-    h("div", { class: sheet.classes.FormFields },
-      description,
-      h("sl-select", { 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", { 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,
-          " - ",
-          c.displayName))))),
-    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)));
-}
-function PartnerInfoModalView(props) {
-  const { states, text, callbacks } = props;
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  if (!states.open)
-    return h("div", null);
-  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();
-      }, "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/utils-8267d3d8.js

@@ -1,85 +0,0 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-39f55ec2.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Container: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "35px",
-  },
-  HeaderContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const LoadingView = () => {
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("sqm-skeleton", { width: "45%", height: "40px !important" }),
-    h("div", { class: sheet.classes.HeaderContainer },
-      h("sqm-skeleton", { width: "15%" }),
-      h("sqm-skeleton", { width: "25%", height: "30px !important" })),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "15%" }),
-    h("sqm-skeleton", { width: "80px", height: "30px !important" })));
-};
-
-function validTaxDocument(requiredType) {
-  const validTypes = ["W9", "W8BENE", "W8BEN"];
-  if (validTypes.includes(requiredType))
-    return true;
-  return false;
-}
-const objectIsFull = (obj) => {
-  return !Object.keys(obj).find((k) => obj[k] == undefined);
-};
-const taxTypeToName = (taxType) => {
-  switch (taxType) {
-    case "W9":
-      return "W-9";
-    case "W8BEN":
-    case "W8BENE":
-      return "W-8";
-    default:
-      return "";
-  }
-};
-function validateBillingField(regex, value) {
-  const trimmed = value.trim();
-  const idx = trimmed.search(regex);
-  return idx > -1;
-}
-const formatErrorMessage = (fieldName, errorMessage) => {
-  return intl.formatMessage({
-    id: fieldName,
-    defaultMessage: errorMessage,
-  }, {
-    fieldName,
-  });
-};
-function getCountryObj({ countryCode, locale, }) {
-  // @ts-ignore DisplayNames not in Intl type
-  const displayName = new Intl.DisplayNames([locale], {
-    type: "region",
-  }).of(countryCode);
-  return {
-    countryCode,
-    displayName,
-  };
-}
-
-export { LoadingView as L, validTaxDocument as a, formatErrorMessage as f, getCountryObj as g, objectIsFull as o, taxTypeToName as t, validateBillingField as v };