@saasquatch/mint-components 1.16.0-9 → 2.0.0-0

package/dist/esm/sqm-text-span-view-4c17b8c9.js

@@ -0,0 +1,61 @@
+import { h } from './index-b3a06de8.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+
+function TextSpanView(props, children) {
+  const { type, fontSize, textColor } = props;
+  const style = {
+    p: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text-subdued)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": fontSize ? `${fontSize}px` : "13px",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (h("span", { class: sheet.classes[type], part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}
+
+export { TextSpanView as T };

package/dist/esm/sqm-text-span.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
-const Text = class {
+const TextSpan = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -12,8 +12,8 @@ const Text = class {
   disconnectedCallback() { }
   componentWillLoad() { }
   render() {
-    return h$1(TextSpanView, { type: this.type }, this.text);
+    return (h$1(TextSpanView, { type: this.type, fontSize: this.fontSize, textColor: this.textColor }, this.text));
   }
 };
 
-export { Text as sqm_text_span };
+export { TextSpan as sqm_text_span };

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { b as browser, n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { I as In, u as useCallback } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { I as In, u as useCallback, i as isDemo } from './index.module-c9811a48.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");
@@ -33,18 +33,26 @@ function useTemplateChildren({ parent, callback }) {
 const WidgetVerificationController = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false } }
+     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true } }
+     */
+    this.stateController = "{}";
     h(this);
   }
   disconnectedCallback() { }
   render() {
+    var _a;
     const [context, setContext] = In({
       namespace: VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
+    const props = JSON.parse(this.stateController);
+    const demoIsAuth = isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
     const [container, setContainer] = useState(undefined);
     const [slot, setSlot] = useState(undefined);
     const updateTemplates = useCallback(() => {
-      const isAuth = context;
+      const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -92,7 +100,7 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context]);
+    }, [container, slot, context, demoIsAuth]);
     useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -101,7 +109,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context]);
+    }, [slot, container, context, demoIsAuth]);
     return (h$1(Host, null, h$1("div", { ref: setSlot, style: { display: "contents" } }, h$1("slot", { name: "not-verified" }), h$1("slot", { name: "verified" })), h$1("div", { ref: setContainer }, h$1("slot", { name: "shown" }))));
   }
 };

package/dist/esm/sqm-widget-verification.entry.js

@@ -1,7 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-89a79f66.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, I as In, p as En, X as Xe, i as isDemo } from './index.module-c9811a48.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { g as getProps } from './utils-84b4b092.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
@@ -159,6 +161,12 @@ const WidgetVerification = class {
      * @uiGroup Code Verification Step
      */
     this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
+    /**
+     * @undocumented
+     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
+     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
+     */
+    this.stateController = "{}";
     h(this);
   }
   disconnectedCallback() { }
@@ -167,20 +175,20 @@ const WidgetVerification = class {
     return extractProps(props, prefix);
   }
   render() {
-    const { showCode, onVerification, loading } = isDemo()
-      ? useDemoWidgetVerificationInternal()
+    const props = isDemo()
+      ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
-    if (loading)
+    if (props.loading)
       return h$1("sl-spinner", null);
     const generalText = this.getStepTextProps("general_");
     return (h$1("div", null, h$1("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), h$1("p", { style: {
         color: "var(--sl-color-neutral-500)",
         fontSize: "var(--sl-font-size-medium)",
         margin: "0",
-      } }, generalText.verifyEmailDescription), showCode ? (h$1("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_")))) : (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))))));
+      } }, generalText.verifyEmailDescription), props.showCode ? (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_")))) : (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))))));
   }
 };
-function useDemoWidgetVerificationInternal() {
+function useDemoWidgetVerificationInternal(props) {
   const [showCode, setShowCode] = In({
     namespace: SHOW_CODE_NAMESPACE,
     initialValue: false,
@@ -190,10 +198,14 @@ function useDemoWidgetVerificationInternal() {
     initialValue: undefined,
   });
   const setContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   const onVerification = () => {
     setContext(true);
   };
-  return { showCode, onVerification, loading: false };
+  return cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
 }
 
 export { WidgetVerification as sqm_widget_verification };

package/dist/esm/{useChildElements-7945ae56.js → useChildElements-3d872cef.js}

@@ -1,5 +1,5 @@
-import { k as useState, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { _ } from './index.module-89a79f66.js';
+import { k as useState, u as useMemo } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-dc4ad9f2.js → useInstantAccessRegistration-dda1f52b.js}

@@ -1,7 +1,7 @@
-import { k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { L, v as vn } from './index.module-89a79f66.js';
+import { k as useState } from './dom-context-hooks.module-63370afd.js';
+import { L, v as vn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{useLeadFormState-9016d812.js → useLeadFormState-c379e5d7.js}

@@ -1,7 +1,7 @@
-import { h } from './index-91e7729f.js';
-import { k as useState, y } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-be1f9992.js';
-import { _ } from './index.module-89a79f66.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-1099f20d.js';
+import { k as useState, y } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/{usePayoutStatus-f07bcf90.js → usePayoutStatus-42cc6a2c.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-c9811a48.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
@@ -979,38 +979,58 @@ const GET_USER_STATUS = dist.gql `
             }
           }
         }
+        rewards(limit: 1000) {
+          data {
+            statuses
+            partnerFundsTransfer {
+              id
+              status
+            }
+          }
+        }
       }
     }
   }
 `;
+const GET_TAX_SETTING = dist.gql `
+  query getTenantSettings {
+    tenantSettings {
+      enforceUsTaxCompliance
+    }
+  }
+`;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
-  if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
+  const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
+    reward.partnerFundsTransfer.status === "TRANSFERRED");
+  if (!((_g = (_f = data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.connected) || !account)
     return "INFORMATION_REQUIRED";
-  if (((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.length) === 1 && ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("NEW_PAYEE_REVIEW"))) {
-    return "DONE";
-  }
-  const currentTaxDocument = (_h = (_g = data.user.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher) === null || _h === void 0 ? void 0 : _h.currentTaxDocument;
-  if (((_j = account.holdReasons) === null || _j === void 0 ? void 0 : _j.includes("NO_W9_DOCUMENT")) && !currentTaxDocument)
+  const currentTaxDocument = (_j = (_h = data.user.impactConnection) === null || _h === void 0 ? void 0 : _h.publisher) === null || _j === void 0 ? void 0 : _j.currentTaxDocument;
+  if (((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("NO_W9_DOCUMENT")) && !currentTaxDocument)
     return "OVER_W9_THRESHOLD";
-  if ((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("IDV_CHECK_REQUIRED"))
+  if ((_l = account.holdReasons) === null || _l === void 0 ? void 0 : _l.includes("IDV_CHECK_REQUIRED"))
     return "VERIFICATION:REQUIRED";
-  if ((_l = account.holdReasons) === null || _l === void 0 ? void 0 : _l.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+  if ((_m = account.holdReasons) === null || _m === void 0 ? void 0 : _m.includes("IDV_CHECK_REQUIRED_INTERNAL"))
     return "VERIFICATION:INTERNAL";
-  if ((_m = account.holdReasons) === null || _m === void 0 ? void 0 : _m.includes("IDV_CHECK_REVIEW_INTERNAL"))
+  if ((_o = account.holdReasons) === null || _o === void 0 ? void 0 : _o.includes("IDV_CHECK_REVIEW_INTERNAL"))
     return "VERIFICATION:REVIEW";
-  if ((_o = account.holdReasons) === null || _o === void 0 ? void 0 : _o.includes("IDV_CHECK_FAILED_INTERNAL"))
+  if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
+    return "ACCOUNT_REVIEW";
   if (account.hold)
     return "HOLD";
   return "DONE";
 }
 function usePayoutStatus(props) {
+  var _a;
   const { type } = getEnvironmentSDK();
   const { loading, data, errors, refetch } = wn(GET_USER_STATUS, {});
+  const { data: taxSettingRes } = wn(GET_TAX_SETTING, {});
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
   const [status, setStatus] = useState(undefined);
+  const enforceUsTaxComplianceOption = (_a = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _a === void 0 ? void 0 : _a.enforceUsTaxCompliance;
   useEffect(() => {
     if (!data)
       return;
@@ -1026,17 +1046,29 @@ function usePayoutStatus(props) {
       window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
     };
   }, []);
+  const onTermsClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    if (url.includes("#"))
+      url = url.split("#")[0];
+    if (status === "INFORMATION_REQUIRED")
+      url += "#1";
+    else if (status === "OVER_W9_THRESHOLD" &&
+      enforceUsTaxComplianceOption === "CASH_ONLY_DEFER_W9")
+      url += "#3";
+    window.history.pushState(null, "", url);
+  };
   return {
     states: {
       loading,
       veriffLoading,
       status,
       error: !!errors,
+      enforceUsTaxComplianceOption,
     },
     data: { type },
     text: props.getTextProps(),
     callbacks: {
-      onTermsClick: () => window.open(props.cashPayoutsPageUrl, "_blank").focus(),
+      onTermsClick,
       onClick: render,
     },
   };

package/dist/esm/{usePortalLogin-ef647a50.js → usePortalLogin-95814943.js}

@@ -1,7 +1,7 @@
-import { k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { e as je, h as hn, j as jn } from './index.module-89a79f66.js';
+import { k as useState } from './dom-context-hooks.module-63370afd.js';
+import { c as je, h as hn, j as jn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { s as sanitizeUrlPath } from './utils-334c1e34.js';
+import { s as sanitizeUrlPath } from './utils-84b4b092.js';
 
 function usePortalLogin(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;

package/dist/esm/{usePortalRegistrationForm-4b35a357.js → usePortalRegistrationForm-1eb3cd72.js}

@@ -1,7 +1,7 @@
-import { m as useRef, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-89a79f66.js';
+import { m as useRef, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const RegistrationFormQuery = dist.gql `

package/dist/esm/{useReferralCodes-8f75921a.js → useReferralCodes-c2e809cf.js}

@@ -1,5 +1,5 @@
-import { f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, H, Q as Qe, R as Rn, I as In, B } from './index.module-89a79f66.js';
+import { f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-c9811a48.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-b3876ed6.js → useReferralTable-909ccb28.js}

@@ -1,8 +1,8 @@
-import { h } from './index-91e7729f.js';
-import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-89a79f66.js';
-import { u as useRerenderListener } from './re-render-cc945f38.js';
-import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { h } from './index-b3a06de8.js';
+import { b as browser, j as useReducer, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-c9811a48.js';
+import { u as useRerenderListener } from './re-render-7e22fb0d.js';
+import { u as useChildElements } from './useChildElements-3d872cef.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-d6f33135.js → useRegistrationFormState-24d594ea.js}

@@ -1,5 +1,5 @@
-import { i as d, y } from './stencil-hooks.module-4bc38af4.js';
-import { _ } from './index.module-89a79f66.js';
+import { i as d, y } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/esm/{useVerificationEmail-edc318cb.js → useVerificationEmail-55e0e98f.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-c9811a48.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-5b0ca040.js → utilities-72c07b09.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { u as useCallback } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { u as useCallback } from './index.module-c9811a48.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/esm/utils-6122971b.js

@@ -0,0 +1,97 @@
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-1099f20d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+
+const style = {
+  Container: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "24px",
+  },
+  HeaderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px",
+  },
+  TitleSkeleton: {
+    width: "45%",
+    height: "40px !important",
+  },
+  StepSkeleton: {
+    width: "15%",
+  },
+  HeaderSkeleton: {
+    width: "25%",
+    height: "30px !important",
+  },
+  InputSkeleton: {
+    width: "75%",
+  },
+  ButtonSkeleton: {
+    width: "80px",
+    height: "30px !important",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+const LoadingView = () => {
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" }, styleString),
+    h("sl-skeleton", { class: sheet.classes.TitleSkeleton }),
+    h("div", { class: sheet.classes.HeaderContainer },
+      h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+      h("sl-skeleton", { class: sheet.classes.HeaderSkeleton })),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.ButtonSkeleton })));
+};
+
+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, validateBillingField as a, formatErrorMessage as f, getCountryObj as g, objectIsFull as o, taxTypeToName as t, validTaxDocument as v };

package/dist/esm/{utils-334c1e34.js → utils-84b4b092.js}

@@ -37,5 +37,9 @@ function sanitizeUrlPath(path) {
   cleanUrl.hash = url.hash;
   return cleanUrl;
 }
+function capitalizeFirstLetter(word) {
+  return word[0].toUpperCase() + word.slice(1);
+}
+console.log(capitalizeFirstLetter("warning"));
 
 export { getMissingProps as a, getProps as g, luxonLocale as l, sanitizeUrlPath as s };

package/dist/esm-es5/ErrorView-bbf0a042.js

@@ -0,0 +1 @@
+import{h}from"./index-b3a06de8.js";var ErrorView=function(r){return h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.loadingErrorAlertHeader),h("p",{part:"alert-description"},r.loadingErrorAlertDescription))};export{ErrorView as E};

package/dist/esm-es5/GenericTableView-e43d310f.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function GenericTableView(e){var a;var t=e.states,r=e.data,s=e.callbacks,l=e.elements;var i=l.columns,o=l.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(o.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var c={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)","&:first-child":{borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"inherit",border:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[m]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var b=createStyleSheet(c);var g=b.toString();if(n==="empty")return l.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,i===null||i===void 0?void 0:i.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,n==="loading"&&l.loadingElement,n==="rows"&&(o===null||o===void 0?void 0:o.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof i[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":i[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:n==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};

package/dist/esm-es5/IndirectTaxDetailsView-0a57b622.js

@@ -0,0 +1 @@
+import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-1099f20d.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{f as formatErrorMessage}from"./utils-6122971b.js";var style={Description:{fontSize:"var(--sl-font-size-small)",marginTop:"var(--sl-spacing-small)",margin:"0 0 var(--sl-spacing-large)",color:"var(--sqm-text-subdued)"},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(-sl-font-weight-semibold)",margin:"0 0 var(--sl-spacing-xxx-small)"},Container:{},InvoiceTableContaier:{"& sl-details::part(base)":{border:"none"},"& sl-details::part(content)":{padding:0},"& sl-details::part(header)":{fontSize:"var(--sl-font-size-medium)",padding:"0px"},"& sl-details::part(summary)":{fontWeight:"var(-sl-font-weight-semibold)"},"& sl-details::part(summary-icon)":{marginRight:"100%",marginLeft:"var(--sl-spacing-x-small)",transform:"rotate(90deg)"},"& sl-details[open]::part(summary-icon)":{transform:"rotate(270deg)"}}};function InvoiceTableView(e,a){var l=createStyleSheet(style);var r=l.toString();var n="\n    :host{\n      display: block;\n    }";return h("div",{class:l.classes.Container},h("style",{type:"text/css"},n,r),h("div",{class:l.classes.InvoiceTableContaier},h("sl-details",{summary:e.header},h("p",{class:l.classes.Description},e.description),a)))}var INDIRECT_TAX_PROVINCES=[{regionCode:"ALBERTA",taxType:"GST",displayName:"Alberta"},{regionCode:"BRITISHCOLUMBIA",taxType:"HST",displayName:"British Columbia"},{regionCode:"MANITOBA",taxType:"HST",displayName:"Manitoba"},{regionCode:"NEWBRUNSWICK",taxType:"HST",displayName:"New Brunswick"},{regionCode:"NEWFOUNDLANDLABRADOR",taxType:"HST",displayName:"Newfoundland"},{regionCode:"NORTHWESTTERRITORIES",taxType:"GST",displayName:"North West Territories"},{regionCode:"NOVASCOTIA",taxType:"HST",displayName:"Nova Scotia"},{regionCode:"NUNAVUT",taxType:"HST",displayName:"Nunavut"},{regionCode:"ONTARIO",taxType:"HST",displayName:"Ontario"},{regionCode:"PRINCEEDWARDISLAND",taxType:"HST",displayName:"Prince Edward Island"},{regionCode:"QUEBEC",taxType:"GST",displayName:"Quebec"},{regionCode:"SASKATCHEWAN",taxType:"HST",displayName:"Saskatchewan"},{regionCode:"YUKON",taxType:"GST",displayName:"Yukon"}];var INDIRECT_TAX_SPAIN_REGIONS=[{regionCode:"SPAINPROPER",taxType:"VAT",displayName:"Spain Proper"},{regionCode:"CANARYISLANDS",taxType:"VAT",displayName:"Canary Islands"}];var ADDRESS_REGIONS={CA:{labelEnum:"PROVINCE",regions:[{label:"Alberta",value:"ALBERTA"},{label:"British Columbia",value:"BRITISHCOLUMBIA"},{label:"Manitoba",value:"MANITOBA"},{label:"New Brunswick",value:"NEWBRUNSWICK"},{label:"Newfoundland & Labrador",value:"NEWFOUNDLANDANDLABRADOR"},{label:"Northwest Territories",value:"NORTHWESTTERRITORIES"},{label:"Nova Scotia",value:"NOVASCOTIA"},{label:"Nunavut",value:"NUNAVUT"},{label:"Ontario",value:"ONTARIO"},{label:"Prince Edward Island",value:"PRINCEEDWARDISLAND"},{label:"Quebec",value:"QUEBEC"},{label:"Saskatchewan",value:"SASKATCHEWAN"},{label:"Yukon",value:"YUKON"}]},ES:{labelEnum:"REGION",regions:[{label:"Canary Islands",value:"CANARYISLANDS"},{label:"Spain Proper",value:"SPAINPROPER"}]},AU:{labelEnum:"STATE",regions:[{label:"Australian Capital Territory",value:"CAPITALTERRITORY"},{label:"New South Wales",value:"NEWSOUTHWALES"},{label:"Northern Territory",value:"NORTHERNTERRITORY"},{label:"Queensland",value:"QUEENSLAND"},{label:"South Australia",value:"SOUTHAUSTRALIA"},{label:"Tasmania",value:"TASMANIA"},{label:"Victoria",value:"VICTORIA"},{label:"Western Australia",value:"WESTERNAUSTRALIA"}]},US:{labelEnum:"STATE",regions:[{label:"Alabama",value:"ALABAMA"},{label:"Alaska",value:"ALASKA"},{label:"Arizona",value:"ARIZONA"},{label:"Arkansas",value:"ARKANSAS"},{label:"California",value:"CALIFORNIA"},{label:"Colorado",value:"COLORADO"},{label:"Connecticut",value:"CONNECTICUT"},{label:"Delaware",value:"DELAWARE"},{label:"District of Columbia",value:"DISTRICTOFCOLUMBIA"},{label:"Florida",value:"FLORIDA"},{label:"Georgia",value:"GEORGIA"},{label:"Hawaii",value:"HAWAII"},{label:"Idaho",value:"IDAHO"},{label:"Illinois",value:"ILLINOIS"},{label:"Indiana",value:"INDIANA"},{label:"Iowa",value:"IOWA"},{label:"Kansas",value:"KANSAS"},{label:"Kentucky",value:"KENTUCKY"},{label:"Louisiana",value:"LOUISIANA"},{label:"Maine",value:"MAINE"},{label:"Maryland",value:"MARYLAND"},{label:"Massachusetts",value:"MASSACHUSETTS"},{label:"Michigan",value:"MICHIGAN"},{label:"Minnesota",value:"MINNESOTA"},{label:"Mississippi",value:"MISSISSIPPI"},{label:"Missouri",value:"MISSOURI"},{label:"Montana",value:"MONTANA"},{label:"Nebraska",value:"NEBRASKA"},{label:"Nevada",value:"NEVADA"},{label:"New Hampshire",value:"NEWHAMPSHIRE"},{label:"New Jersey",value:"NEWJERSEY"},{label:"New Mexico",value:"NEWMEXICO"},{label:"New York",value:"NEWYORK"},{label:"North Carolina",value:"NORTHCAROLINA"},{label:"North Dakota",value:"NORTHDAKOTA"},{label:"Ohio",value:"OHIO"},{label:"Oklahoma",value:"OKLAHOMA"},{label:"Oregon",value:"OREGON"},{label:"Pennsylvania",value:"PENNSYLVANIA"},{label:"Rhode Island",value:"RHODEISLAND"},{label:"South Carolina",value:"SOUTHCAROLINA"},{label:"South Dakota",value:"SOUTHDAKOTA"},{label:"Tennessee",value:"TENNESSEE"},{label:"Texas",value:"TEXAS"},{label:"Utah",value:"UTAH"},{label:"Vermont",value:"VERMONT"},{label:"Virgin Islands",value:"VIRGINISLANDS"},{label:"Virginia",value:"VIRGINIA"},{label:"Washington",value:"WASHINGTON"},{label:"West Virginia",value:"WESTVIRGINIA"},{label:"Wisconsin",value:"WISCONSIN"},{label:"Wyoming",value:"WYOMING"},{label:"Americas Forces",value:"AAMILITARY"},{label:"Europe, Middle East, Canada, Africa and Canada Forces",value:"AEMILITARY"},{label:"Pacific Forces",value:"APMILITARY"},{label:"Other",value:"OTHER"}]}};var vatLabels={GB:"VAT",AU:"GST",NZ:"GST",CA:"HST",AT:"VAT",BE:"VAT",BG:"VAT",HR:"VAT",CY:"VAT",CZ:"VAT",DK:"VAT",EE:"VAT",FI:"VAT",FR:"VAT",DE:"VAT",GR:"VAT",HU:"VAT",IE:"VAT",IT:"VAT",LV:"VAT",LT:"VAT",LU:"VAT",MT:"VAT",NL:"VAT",PL:"VAT",PT:"VAT",RO:"VAT",SK:"VAT",SI:"VAT",ES:"VAT",SE:"VAT",IS:"VAT",IN:"GST",IL:"VAT",JP:"CT",MX:"VAT",NO:"VAT",SG:"GST",ZA:"VAT",KR:"VAT",CH:"VAT",TW:"VAT",TH:"VAT",PH:"VAT",MY:"SST",AE:"VAT",TR:"VAT",RU:"VAT"};var style$1={Container:{width:"100%"},InputContainer:{width:"100%",display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"16px",padding:"16px",maxWidth:"450px"},ConditionalInputsContainer:{width:"100%",display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"16px"},HR:{border:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",margin:"10px 0"},Input:{maxWidth:"500px"},Checkbox:{"&::part(control)":{borderRadius:"0 !important"}},SearchInput:{padding:"var(--sl-spacing-x-small)"},ErrorInput:{maxWidth:"500px","&::part(base)":{border:"var(--sqm-border-thickness, 1px) solid var(--sqm-danger-color-border)",borderRadius:"var(--sl-input-border-radius-medium)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var sheet=createStyleSheet(style$1);var styleString=sheet.toString();var vanillaStyle="\n    :host{\n      display: block;   \n    }\n    * {\n       margin: 0;\n       padding: 0;\n       box-sizing: border-box;\n    }\n    sl-menu-item::part(base) {\n      color: var(--sqm-input-color);\n    }\n\n    sl-menu-item::part(base):hover {\n      background-color: var(--sqm-input-border-color-hover);\n    }\n    sl-checkbox[checked]::part(control){\n      background-color: var(--sqm-input-border-color-focus);\n    }\n\n    sl-checkbox[checked]::part(checked-icon){\n      color: var(--sqm-input-background);\n    }\n  ";var OtherRegionSlotView=function(e){var a,l,r;var n=e.states,i=e.states.formState,s=e.callbacks,t=e.text;var o=sheet.classes;var u=function(e){return intl.formatMessage({id:"tax-field-label"+e,defaultMessage:t.indirectTaxNumber},{taxType:e})};var d=function(e){return intl.formatMessage({id:"tax-field-label"+e,defaultMessage:t.error.indirectTaxNumber},{taxType:e})};var b=function(e){var a=e.label,l=e.error,r=e.name;var s;return h("sl-input",Object.assign({required:true,exportparts:"label: input-label, base: input-base",class:o.Input,label:a,disabled:n.loading||n.disabled,value:i[r]},((s=i.errors)===null||s===void 0?void 0:s[r])&&{class:o.ErrorInput,helpText:l},{id:r,name:"/"+r}))};var T=function(){var a,l;return h("div",{class:o.ConditionalInputsContainer},h("sl-select",Object.assign({required:true,exportparts:"label: input-label, base: input-base",class:o.Input,value:i.subRegion,label:t.subRegion,disabled:n.loading||n.disabled},((a=i.errors)===null||a===void 0?void 0:a.indirectTaxNumber)&&{class:o.ErrorInput,helpText:formatErrorMessage(t.subRegion,t.error.fieldRequiredError)},{id:"subRegion",name:"/subRegion"}),e.data.esRegions.map((function(e){return h("sl-menu-item",{value:e.regionCode},e.displayName)}))),h(b,{name:"indirectTaxNumber",label:u("VAT"),error:d("VAT")}),h("sl-checkbox",{class:o.Checkbox,exportparts:"label: input-label, base: input-base",checked:i.hasSubRegionTaxNumber,"onSl-change":s.onSpainToggle,disabled:n.disabled||n.isPartner},t.isRegisteredSubRegionIncomeTax),i.hasSubRegionTaxNumber&&h("sl-input",Object.assign({required:true,exportparts:"label: input-label, base: input-base",class:o.Input,label:t.subRegionTaxNumberLabel,disabled:n.loading||n.disabled,value:i.subRegionTaxNumber},((l=i.errors)===null||l===void 0?void 0:l.subRegionTaxNumber)&&{class:o.ErrorInput,helpText:formatErrorMessage(t.subRegionTaxNumberLabel,t.error.fieldRequiredError)},{id:"subRegionTaxNumber",name:"/subRegionTaxNumber"})))};var A=function(){var a,l;var r=sheet.classes;var o=(a=INDIRECT_TAX_PROVINCES===null||INDIRECT_TAX_PROVINCES===void 0?void 0:INDIRECT_TAX_PROVINCES.find((function(e){return e.regionCode===i.province})))===null||a===void 0?void 0:a.taxType;return h("div",{class:r.ConditionalInputsContainer},h("sl-select",Object.assign({required:true,value:i.province,exportparts:"label: input-label, base: input-base",class:r.Input,label:t.province,disabled:n.loading||n.disabled,"onSl-select":function(e){return s.onFormChange("province",e)}},((l=i.errors)===null||l===void 0?void 0:l.province)&&{class:r.ErrorInput,helpText:formatErrorMessage(t.province,t.error.fieldRequiredError)},{id:"province",name:"/province"}),e.data.provinces.map((function(e){return h("sl-menu-item",{value:e.regionCode},e.displayName)}))),o==="GST"&&h(b,{label:u("GST"),error:d("GST"),name:"indirectTaxNumber"}),o==="HST"&&h(b,{label:u("HST"),error:d("HST"),name:"indirectTaxNumber"}),i.province==="QUEBEC"&&h("div",{class:r.ConditionalInputsContainer},h("sl-checkbox",{class:r.Checkbox,exportparts:"label: input-label, base: input-base","onSl-change":s.onQstToggle,checked:i.hasQst,disabled:n.isPartner||n.disabled},t.isRegisteredQST),i.hasQst&&h(b,{name:"qstNumber",label:t.qstNumber,error:formatErrorMessage(t.qstNumber,t.error.fieldRequiredError)})))};var c=function(e){var a;switch(e){case"CA":return h(A,null);case"ES":return h(T,null);default:return h("sl-input",Object.assign({required:true,exportparts:"label: input-label, base: input-base",class:o.Input,value:i.indirectTaxNumber,label:u(vatLabels[e]||"GENERAL"),disabled:n.loading||n.disabled},((a=i.errors)===null||a===void 0?void 0:a.indirectTaxNumber)&&{class:o.ErrorInput,helpText:d(vatLabels[e]||"GENERAL")},{id:"indirectTaxNumber",name:"/indirectTaxNumber"}))}};var v=c(i.selectedRegion);return h("div",{style:n.hide?{display:"none"}:{}},h("form",{class:o.Container},h("style",{type:"text/css"},styleString,vanillaStyle),h("hr",{class:o.HR}),h("div",{class:o.InputContainer},h("sl-select",Object.assign({required:true,class:o.Input,value:i.selectedRegion,exportparts:"label: input-label, base: input-base",label:t.selectedRegion,disabled:n.loading||n.disabled,"onSl-select":function(e){return s.onFormChange("selectedRegion",e)}},((a=i.errors)===null||a===void 0?void 0:a.selectedRegion)&&{class:o.ErrorInput,helpText:formatErrorMessage(t.selectedRegion,t.error.fieldRequiredError)},{id:"selectedRegion",name:"/selectedRegion"}),h("sl-input",{class:o.SearchInput,placeholder:t.searchForCountryText,onKeyDown:function(e){e.stopPropagation()},"onSl-input":function(e){s.setCountrySearch(e.target.value)}}),(l=e.data.countries)===null||l===void 0?void 0:l.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)})),(r=e.data.allCountries)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.countryCode,style:{display:"none"}},e.displayName)}))),v),h("hr",{class:o.HR})))};export{ADDRESS_REGIONS as A,InvoiceTableView as I,OtherRegionSlotView as O,INDIRECT_TAX_SPAIN_REGIONS as a,INDIRECT_TAX_PROVINCES as b,vatLabels as v};