@saasquatch/mint-components 1.15.0-4 → 1.15.0-41

package/dist/esm/{copy-text-view-782137ba.js → copy-text-view-4a207b17.js}

@@ -1,42 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { H as HostBlock } from './mixins-83f90fa1.js';
+import { H as HostBlock } from './mixins-f750863a.js';
 
-const style = {
-  HostBlock: HostBlock,
-  inputStyle: {
-    "&::part(input)": { textOverflow: "ellipsis", width: "100%" },
-    "&::part(base)": { cursor: "pointer", overflow: "visible" },
-    width: "100%",
-  },
-  inputErrorStyle: {
-    "&::part(base)": {
-      border: "2px solid red",
-    },
-  },
-  ContainerDiv: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    justifyContent: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  containerStyle: {
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  errorTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-danger-500)",
-  },
-  notificationTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-neutral-500)",
-  },
-};
 const vanillaStyle = `
   :host{
     display: block;   
@@ -59,10 +24,60 @@ const disabledStyles = `
     cursor: default;
   }
 `;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
 function CopyTextView(props) {
   const { buttonStyle = "icon" } = props;
+  const style = {
+    HostBlock: HostBlock,
+    inputStyle: {
+      "&::part(input)": {
+        textOverflow: "ellipsis",
+        width: "100%",
+        color: props.textColor || "var(--sqm-text)",
+      },
+      "&::part(base)": {
+        cursor: "pointer",
+        overflow: "visible",
+        borderRadius: `${props.borderRadius}px` || "var(--sl-border-radius-medium)",
+        background: props.backgroundColor || "var(--sl-color-white)",
+        border: `1px solid ${props.borderColor || "transparent"}`,
+      },
+      width: "100%",
+    },
+    icon: {
+      "&::part(base)": {
+        color: props.textColor || "var(--sqm-text)",
+      },
+    },
+    inputErrorStyle: {
+      "&::part(base)": {
+        border: "2px solid red",
+      },
+    },
+    ContainerDiv: {
+      display: "flex",
+      alignItems: "flex-start",
+      flexDirection: "column",
+      justifyContent: "center",
+      gap: "var(--sl-spacing-x-small)",
+      width: "100%",
+    },
+    containerStyle: {
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--sl-spacing-x-small)",
+      width: "100%",
+    },
+    errorTextStyle: {
+      margin: "0",
+      color: "var(--sqm-danger-color-text)",
+    },
+    notificationTextStyle: {
+      margin: "0",
+      color: "inherit",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
   const error = !props.loading && props.error;
   const inputText = error ? props.inputPlaceholderText : props.copyString;
   const disabled = error || props.loading || props.disabled;
@@ -71,7 +86,7 @@ function CopyTextView(props) {
     : props.buttonStyle === "button-outside"
       ? "top"
       : "top-end";
-  const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: "base: copy-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
+  const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { class: sheet.classes.icon, exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: `base: ${props.buttonType || "primary"}button-base`, onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
   return (h("div", { class: sheet.classes.ContainerDiv },
     h("style", { type: "text/css" },
       styleString,

package/dist/esm/data-a05c78ae.js

@@ -0,0 +1,121 @@
+import { d as dist } from './index.module-89a79f66.js';
+
+const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
+const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
+const USER_QUERY_NAMESPACE = "sq:user-info-query";
+const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
+const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
+const COUNTRIES_NAMESPACE = "sq:countries:list";
+const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
+const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
+const CURRENCIES_NAMESPACE = "sq:currencies:list";
+const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
+const GET_USER = dist.gql `
+  query getUserTaxInfo {
+    user: viewer {
+      ... on User {
+        id
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+        managedIdentity {
+          uid
+          email
+          emailVerified
+        }
+        impactConnection {
+          connected
+          user {
+            firstName
+            lastName
+          }
+          publisher {
+            id
+            brandedSignup
+            countryCode
+            currency
+            billingAddress
+            billingCity
+            billingState
+            billingCountryCode
+            billingPostalCode
+            phoneNumberCountryCode
+            phoneNumber
+            taxInformation {
+              indirectTaxId
+              indirectTaxCountryCode
+              indirectTaxRegion
+              additionalTaxId
+              withholdingTaxId
+              withholdingTaxCountryCode
+            }
+            requiredTaxDocumentType
+            currentTaxDocument {
+              status
+              type
+              dateCreated
+            }
+            withdrawalSettings {
+              paymentMethod
+              paypalEmailAddress
+              bankCountry
+              bankAccountNumber
+              paymentSchedulingType
+              paymentThreshold
+              paymentDay
+            }
+            payoutsAccount {
+              hold
+              holdReasons
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+const GET_COUNTRIES = dist.gql `
+  query getCountries {
+    impactPayoutCountries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+const GET_CURRENCIES = dist.gql `
+  query currencies($locale: RSLocale) {
+    currencies(limit: 300) {
+      data {
+        displayName(locale: $locale)
+        currencyCode
+      }
+    }
+  }
+`;
+const GET_FINANCE_NETWORK_SETTINGS = dist.gql `
+  query impactFinanceNetworkSettings(
+    $filter: ImpactFinanceNetworkSettingsFilterInput
+  ) {
+    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
+      data {
+        countryCode
+        currency
+        defaultFinancePaymentMethodId
+        thresholdOptions
+        withdrawalSettingId
+        internationalEftFee
+        foreignFxFee
+        defaultFxFee
+      }
+      totalCount
+    }
+  }
+`;
+const FORM_STEPS = 4;
+
+export { CURRENCIES_NAMESPACE as C, FINANCE_NETWORK_SETTINGS_NAMESPACE as F, GET_USER as G, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, GET_FINANCE_NETWORK_SETTINGS as f, CURRENCIES_QUERY_NAMESPACE as g, GET_CURRENCIES as h, FORM_STEPS as i };

package/dist/esm/{email-registration-view-a7818cf2.js → email-registration-view-8782c01b.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, g as gap, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-83f90fa1.js';
+import { A as AuthWrapper, g as gap, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
 
 const style = {
   Wrapper: {
@@ -44,7 +44,7 @@ function EmailRegistrationView(props) {
   };
   const emailValidationRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   return (h("div", { part: "sqm-base", class: sheet.classes.Wrapper, style: {
-      border: `${content.hideBorder ? "none" : "1px solid #eaeaea"}`,
+      border: `${content.hideBorder ? "none" : "1px solid var(--sqm-border-color)"}`,
       backgroundColor: content.backgroundColor,
       "padding-top": `var(--sl-spacing-${content.paddingTop})`,
       "padding-right": `var(--sl-spacing-${content.paddingRight})`,