@saasquatch/mint-components 2.0.2-4 → 2.0.2-6

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-8bba5b3a.js');
+require('./global-3d01d469.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 require('./cjs-1066ec21.js');
@@ -19,26 +19,26 @@ require('./sqm-text-span-view-7a61ae4c.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-5e85ac51.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-ace50780.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-340acad0.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-ebb9ead9.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-4e88f774.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5518eb0d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-c280139a.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-69a4b615.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-615e6975.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7bca5749.js');
 require('./utilities-9a0c5e91.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 require('./ErrorView-3f91e5ab.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
-const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
+const ShadowViewAddon = require('./ShadowViewAddon-357bc625.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
-const utils = require('./utils-83d125fa.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-06ed3632.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-dce2a79b.js');
+const utils = require('./utils-5167439f.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-62debb73.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -15650,7 +15650,6 @@ const stepOneProps = {
     },
   },
   data: {
-    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [

package/dist/cjs/{useLeadFormState-fd0445f9.js → useLeadFormState-593f5d39.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-8bba5b3a.js');
+const global = require('./global-3d01d469.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const JSS = require('./JSS-8503a151.js');

package/dist/cjs/{utils-83d125fa.js → utils-5167439f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-8bba5b3a.js');
+const global = require('./global-3d01d469.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/collection/components/sqm-header-logo/sqm-header-logo.js

@@ -6,15 +6,6 @@ import { Component, h, Host, Prop } from "@stencil/core";
  */
 export class HeroImage {
   constructor() {
-    /**
-     * @uiName Logo text size
-     */
-    this.logoTextSize = 32;
-    /**
-     * @uiWidget color
-     * @uiName Logo text color
-     */
-    this.logoTextColor = "#555555";
     /**
      * Page participants are navigated to after clicking the header logo.
      *
@@ -31,11 +22,8 @@ export class HeroImage {
   disconnectedCallback() { }
   render() {
     return (h(Host, null,
-      h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
-          fontSize: `${this.logoTextSize}px`,
-          color: this.logoTextColor || "#555555",
-          textDecoration: "none",
-        } }, this.logoText)))));
+      h("a", { href: this.nextPage, part: "sqm-link" },
+        h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
   }
   static get is() { return "sqm-header-logo"; }
   static get encapsulation() { return "shadow"; }
@@ -49,7 +37,7 @@ export class HeroImage {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [{
             "text": "ImageUpload",
@@ -66,71 +54,6 @@ export class HeroImage {
       "attribute": "image-url",
       "reflect": false
     },
-    "logoText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Logo text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "logo-text",
-      "reflect": false
-    },
-    "logoTextSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Logo text size",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "logo-text-size",
-      "reflect": false,
-      "defaultValue": "32"
-    },
-    "logoTextColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "Logo text color",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "logo-text-color",
-      "reflect": false,
-      "defaultValue": "\"#555555\""
-    },
     "nextPage": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js

@@ -3,14 +3,14 @@ import { createStyleSheet } from "../../styling/JSS";
 import { intl } from "../../global/global";
 import { PoweredByImg } from "./PoweredByImg";
 const vanillaStyle = `
-  :host {
+  :host{
     margin: 0 auto;
     width: 100%;
   }
-  a {
+  a{
     cursor:pointer;
     color: var(--sqm-text-subdued);
-    text-decoration: none;
+    text-decoration: none ;
   }
 `;
 export function PortalFooterView(props) {

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js

@@ -34,7 +34,7 @@ const style = {
     },
     "& sl-menu-item::part(base)": {
       flexDirection: "column",
-      color: "var(--sqm-input-color)"
+      color: "var(--sqm-input-color)",
     },
     "& sl-menu-item::part(base):hover": {
       backgroundColor: "var(--sqm-input-border-color-hover)",
@@ -205,14 +205,14 @@ const style = {
       marginBottom: "var(--sl-spacing-xxx-large)",
     },
     "& sl-menu-item[disabled]::part(label)": {
-      color: "var(sqm-text-subdued)",
+      color: "var(--sqm-text-subdued)",
     },
     "& sl-menu-item[disabled]": {
       "& .step-cost": {
-        color: "var(sqm-text-subdued)",
+        color: "var(--sqm-text-subdued)",
       },
       "& .step-value": {
-        color: "var(sqm-text-subdued)",
+        color: "var(--sqm-text-subdued)",
       },
     },
   },

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -31,7 +31,6 @@ const stepOneProps = {
     },
   },
   data: {
-    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js

@@ -127,8 +127,7 @@ export function useBankingInfoForm(props) {
     : _paymentMethodChecked;
   useEffect(() => {
     // reset redirect hash
-    if (window.location.hash !== "#4")
-      window.location.hash = "";
+    window.location.hash = "";
   }, []);
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js

@@ -6,7 +6,7 @@ import { COUNTRIES_QUERY_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAME
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { getCountryObj, validTaxDocument } from "../utils";
-export const CONNECT_PARTNER = gql `
+const CONNECT_PARTNER = gql `
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
       success
@@ -111,51 +111,8 @@ export function useIndirectTaxForm(props) {
       console.error("Could not detect select change");
     setFormState((p) => ({ ...p, [field]: value }));
   };
-  async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
-    const vars = {
-      user: {
-        id: user.id,
-        accountId: user.accountId,
-      },
-      firstName: userForm.firstName,
-      lastName: userForm.lastName,
-      countryCode: userForm.countryCode,
-      currency: userForm.currency,
-      address: userForm.address,
-      city: userForm.city,
-      state: userForm.state,
-      postalCode: userForm.postalCode,
-      phoneNumber: userForm.phoneNumber,
-      phoneNumberCountryCode: userForm.phoneNumberCountryCode,
-      indirectTaxCountryCode: formData.selectedRegion,
-      indirectTaxRegion: formData.province || formData.subRegion,
-      indirectTaxId: formData.indirectTaxNumber,
-      additionalTaxId: formData.qstNumber,
-      withholdingTaxId: formData.subRegionTaxNumber,
-    };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
-      throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
-      throw new Error();
-    }
-    await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
-    // Fire form change event
-    window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
-    return {
-      resultPublisher,
-      hasValidCurrentDocument,
-    };
-  }
   const onSubmit = async (event) => {
+    var _a, _b, _c, _d, _e;
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -181,7 +138,44 @@ export function useIndirectTaxForm(props) {
     }
     setLoading(true);
     try {
-      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
+      const vars = {
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+        firstName: userForm.firstName,
+        lastName: userForm.lastName,
+        countryCode: userForm.countryCode,
+        currency: userForm.currency,
+        address: userForm.address,
+        city: userForm.city,
+        state: userForm.state,
+        postalCode: userForm.postalCode,
+        phoneNumber: userForm.phoneNumber,
+        phoneNumberCountryCode: userForm.phoneNumberCountryCode,
+        indirectTaxCountryCode: formData.selectedRegion,
+        indirectTaxRegion: formData.province || formData.subRegion,
+        indirectTaxId: formData.indirectTaxNumber,
+        additionalTaxId: formData.qstNumber,
+        withholdingTaxId: formData.subRegionTaxNumber,
+      };
+      const result = await connectImpactPartner({
+        vars,
+      });
+      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+        throw new Error();
+      if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+        // Output backend errors to console for now
+        console.error("Failed to create Impact connection: ", result.createImpactConnection
+          .validationErrors);
+        throw new Error();
+      }
+      await refetch();
+      const resultPublisher = (_e = (_d = (_c = result
+        .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+      const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+      // Fire form change event
+      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -1,4 +1,4 @@
-import { Fragment, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 const style = {
@@ -126,7 +126,7 @@ export function PayoutStatusAlertView(props) {
             icon: "exclamation-triangle",
           };
         }
-      case "NEW_PAYEE_REVIEW":
+      case "ACCOUNT_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: intl.formatMessage({
@@ -139,92 +139,6 @@ export function PayoutStatusAlertView(props) {
           alertType: "warning",
           icon: "exclamation-triangle",
         };
-      case "PAYMENT_HOLD_ON_CHANGE":
-        return {
-          header: text.paymentHoldOnChangeHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentHoldOnChangeDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
-      case "BENEFICIARY_NAME_INVALID":
-        return {
-          header: text.beneficiaryNameInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
-      case "BENEFICIARY_NAME_MISMATCH":
-        return {
-          header: text.beneficiaryNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
-      case "BANK_TAX_NAME_MISMATCH":
-        return {
-          header: text.bankTaxNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.bankTaxNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
-      case "WITHDRAWAL_SETTINGS_INVALID":
-        return {
-          header: text.withdrawalSettingsInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.withdrawalSettingsInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
-      case "PAYMENT_RETURNED":
-        return {
-          header: text.paymentReturnedHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentReturnedDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-        };
       case "HOLD":
         return {
           header: text.holdHeader,
@@ -260,8 +174,6 @@ export function PayoutStatusAlertView(props) {
         return (h("div", { style: { paddingTop: "10px" } },
           h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", loading: states.veriffLoading, onClick: callbacks.onClick }, text.verificationRequiredButtonText)));
       default:
-        if (alertDetails.button)
-          return alertDetails.button;
         return;
     }
   }