@saasquatch/mint-components 2.2.0-7 → 2.2.0

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-38ad4957.js';
 import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-02cb914c.js';
-import { a as useRequestRerender } from './re-render-bf46ba54.js';
+import './index.module-b23fdad8.js';
+import { a as useRequestRerender } from './re-render-f30aeb6b.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-38ad4957.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-02cb914c.js';
+import { _ } from './index.module-b23fdad8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-bf46ba54.js';
-import { u as useChildElements } from './useChildElements-06937df7.js';
+import { u as useRerenderListener } from './re-render-f30aeb6b.js';
+import { u as useChildElements } from './useChildElements-9bccfb72.js';
 
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/{sqm-text-span-view-4db9e33f.js → sqm-text-span-view-72f43dff.js}

@@ -51,7 +51,7 @@ function TextSpanView(props, children) {
       display: inline;
     }
   `;
-  return (h("span", { class: sheet.classes[type], part: "sqm-text-span-base" },
+  return (h("span", { class: sheet.classes[type], part: "sqm-text-span" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const TextSpan = class {
   constructor(hostRef) {

package/dist/esm/{sqm-user-info-form-view-d13f9d3e.js → sqm-user-info-form-view-19d81a2b.js}

@@ -1,8 +1,7 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-75e96214.js';
+import { i as intl } from './global-96c14d63.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage, L as LoadingView, v as validateBillingField } from './utils-17daa419.js';
-import { F as FORM_STEPS } from './data-017e5ef2.js';
+import { f as formatErrorMessage, L as LoadingView, F as FORM_STEPS, v as validateBillingField } from './data-12e6aae1.js';
 
 const style = {
   Description: {
@@ -1881,7 +1880,7 @@ const vanillaStyle$1 = `
     }
 `;
 const UserInfoFormView = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
   const { states, states: { formState }, callbacks, text, refs, data, } = props;
   const { classes } = sheet$1;
   const bankingCollectionText = intl.formatMessage({
@@ -1904,14 +1903,9 @@ const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
-  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
-    var _a, _b;
-    if (((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
-      (field === "phoneNumber" || field === "phoneNumberCountryCode")) {
-      return false;
-    }
-    return states.isPartner && !!((_b = data.partnerData) === null || _b === void 0 ? void 0 : _b[field]);
+    var _a;
+    return states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]);
   }
   function isDisabledUserInput(field) {
     var _a;
@@ -1947,6 +1941,14 @@ const UserInfoFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         })))),
+      (states.isPartner || states.isUser) && (h("sqm-form-message", { loading: states.loading, type: "info" },
+        h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
+        h("p", { part: "alert-description" }, intl.formatMessage({
+          id: "isPartnerAlertDescription",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        })))),
       h("div", null,
         h("div", { class: classes.InputContainer },
           h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || isDisabledUserInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
@@ -2034,7 +2036,7 @@ const UserInfoFormView = (props) => {
             helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
             : {}), { required: true })),
-          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency") }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
+          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency"), helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
             class: classes.ErrorInput,
             helpText: formatErrorMessage(text.currency, formState.errors.currency),
           }
@@ -2052,7 +2054,12 @@ const UserInfoFormView = (props) => {
             _t.map((c) => (h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
               c.currencyCode,
               " - ",
-              c.displayName))))),
+              c.displayName)))),
+          h("div", { class: classes.CheckboxWrapper },
+            h("sl-checkbox", { checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
+                e.target.value = e.target.checked;
+              }, disabled: states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
+            ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (h("p", { class: classes.ErrorText }, formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
         h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
 };
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { I as In, b as useCallback, i as isDemo } from './index.module-02cb914c.js';
-import { V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';
+import { I as In, b as useCallback, i as isDemo } from './index.module-b23fdad8.js';
+import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {

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

@@ -0,0 +1,210 @@
+import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
+import { d as dist, J, I as In, o as En, X as Xe, i as isDemo } from './index.module-b23fdad8.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { g as getProps } from './utils-334c1e34.js';
+import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
+import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
+
+const USER_LOOKUP = dist.gql `
+  query checkUserVerification {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+        managedIdentity {
+          email
+          emailVerified
+        }
+      }
+    }
+  }
+`;
+function useWidgetVerification() {
+  const userIdentity = J();
+  const [showCode, setShowCode] = In({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = In({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+  });
+  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const [loading, setLoading] = useState(true);
+  const [fetch] = Xe(USER_LOOKUP);
+  useEffect(() => {
+    const checkUser = async () => {
+      var _a, _b, _c;
+      try {
+        const res = await fetch({});
+        if (!res || res instanceof Error)
+          throw new Error();
+        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
+          setContext(true);
+        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
+          setContext(true);
+      }
+      catch (e) {
+        console.error("Could not fetch user information:", e);
+      }
+      finally {
+        setLoading(false);
+      }
+    };
+    checkUser();
+  }, []);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading };
+}
+
+const WidgetVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    GENERAL PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName General verify widget header text
+     * @uiGroup General Text
+     */
+    this.general_verifyEmailHeader = "Verify your email";
+    /**
+     * @uiName General verify widget description text
+     * @uiGroup General Text
+     */
+    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    EMAIL STEP PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify email widget header text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Send code to email alert header
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
+    /**
+     * @uiName Email input label
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailValidationErrorText = "Please enter a valid email";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    EMAIL STEP PROPS
+      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Reverify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
+    /**
+     * The link that appears in the resend code link
+     * @uiName Resend code label
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeLabel = "Resend code";
+    /**
+     * Link text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
+    /**
+     * Error text displayed under verification input
+     * @uiName Invalid code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
+    /**
+     * @uiName Verify code button text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyText = "Verify";
+    /**
+     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+     * @uiName Network error message
+     * @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() { }
+  getStepTextProps(prefix) {
+    const props = getProps(this);
+    return extractProps(props, prefix);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoWidgetVerificationInternal(this)
+      : useWidgetVerification();
+    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), 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(props) {
+  const [showCode, setShowCode] = In({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = In({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    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 cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
+}
+
+export { WidgetVerification as sqm_widget_verification };

package/dist/esm/{useChildElements-06937df7.js → useChildElements-9bccfb72.js}

@@ -1,5 +1,5 @@
 import { k as useState, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-02cb914c.js';
+import { _ } from './index.module-b23fdad8.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-69c9ffe0.js → useInstantAccessRegistration-69fefed0.js}

@@ -1,7 +1,7 @@
 import { k as useState } from './dom-context-hooks.module-50442785.js';
-import { L, v as vn } from './index.module-02cb914c.js';
+import { L, v as vn } from './index.module-b23fdad8.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-aa44cfff.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-2c090c38.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{useLeadFormState-332b2796.js → useLeadFormState-dd4e8b08.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-75e96214.js';
+import { i as intl } from './global-96c14d63.js';
 import { k as useState, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-02cb914c.js';
+import { _ } from './index.module-b23fdad8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/{usePayoutStatus-227ae365.js → usePayoutStatus-46c0c289.js}

@@ -1,6 +1,7 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-02cb914c.js';
-import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-b23fdad8.js';
+
+const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
 var toArray = function toArray(a) {
   var ret = Array(a.length);
@@ -1106,4 +1107,4 @@ function usePayoutStatus(props) {
   };
 }
 
-export { VERIFF_COMPLETE_EVENT_KEY as V, useVeriffApp as a, getStatus as g, usePayoutStatus as u };
+export { TAX_FORM_UPDATED_EVENT_KEY as T, VERIFF_COMPLETE_EVENT_KEY as V, useVeriffApp as a, getStatus as g, usePayoutStatus as u };

package/dist/esm/{usePortalRegistrationForm-3a1f36a2.js → usePortalRegistrationForm-62de6fb1.js}

@@ -1,7 +1,7 @@
 import { m as useRef, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, b as useCallback } from './index.module-02cb914c.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, b as useCallback } from './index.module-b23fdad8.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-aa44cfff.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-2c090c38.js';
 
 // This file is a workaround for a bug in web browsers' "native"
 // ES6 importing system which is uncapable of importing "*.json" files.

package/dist/esm/{useReferralCodes-25f8b792.js → useReferralCodes-52ca720f.js}

@@ -1,5 +1,5 @@
 import { f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-02cb914c.js';
+import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-b23fdad8.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-03d32c6f.js → useReferralTable-92af4133.js}

@@ -1,8 +1,8 @@
 import { h } from './index-38ad4957.js';
 import { b as browser, j as useReducer, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-02cb914c.js';
-import { u as useRerenderListener } from './re-render-bf46ba54.js';
-import { u as useChildElements } from './useChildElements-06937df7.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-b23fdad8.js';
+import { u as useRerenderListener } from './re-render-f30aeb6b.js';
+import { u as useChildElements } from './useChildElements-9bccfb72.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-aa44cfff.js → useRegistrationFormState-2c090c38.js}

@@ -1,5 +1,5 @@
 import { i as d, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-02cb914c.js';
+import { _ } from './index.module-b23fdad8.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-9f2c0bab.js → useVerificationEmail-c13c3b51.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-02cb914c.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-b23fdad8.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-cbd8f2eb.js → utilities-77b1e0cc.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { b as useCallback } from './index.module-02cb914c.js';
+import { b as useCallback } from './index.module-b23fdad8.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {