@saasquatch/mint-components 1.12.0-13 → 1.12.0-15

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

@@ -31,7 +31,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification required alert description
      */
-    this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    this.verificationRequiredDescription = "It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.";
     /**
      * @uiName Verification required alert button text
      */
@@ -43,7 +43,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification required internal alert description
      */
-    this.verificationRequiredInternalDescription = "Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortley.";
+    this.verificationRequiredInternalDescription = "Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortley. If you don't hear from us contact our {supportLink}.";
     /**
      * @uiName Verification review internal alert header
      */
@@ -51,7 +51,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification review internal alert description
      */
-    this.verificationReviewInternalDescription = "Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly.";
+    this.verificationReviewInternalDescription = "Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.";
     /**
      * @uiName Verification failed internal alert header
      */
@@ -59,7 +59,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification failed internal alert description
      */
-    this.verificationFailedInternalDescription = "Identity verification has failed. Our team is reviewing the report and will contact you with further information.";
+    this.verificationFailedInternalDescription = "Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.";
     /**
      * @uiName Payout on hold alert header
      */
@@ -68,11 +68,15 @@ export class PayoutStatusAlert {
      * @uiName Payout on hold alert description
      * AL: TODO copy not finalized for support section
      */
-    this.holdDescription = "Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our support team.";
+    this.holdDescription = "Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.";
     /**
-     * @uiName Cash & Payouts Terms and Conditions url
+     * @uiName Cash & Payouts Microsite Page (only set if alert is used in a microsite)
      */
-    this.termsUrl = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    this.cashPayoutsPageUrl = "/cash";
+    /**
+     * @uiName Support link text
+     */
+    this.supportLink = "support team";
     /**
      * @uiName Error header
      */
@@ -199,7 +203,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-required-description",
       "reflect": false,
-      "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
+      "defaultValue": "\"It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.\""
     },
     "verificationRequiredButtonText": {
       "type": "string",
@@ -262,7 +266,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-required-internal-description",
       "reflect": false,
-      "defaultValue": "\"Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortley.\""
+      "defaultValue": "\"Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortley. If you don't hear from us contact our {supportLink}.\""
     },
     "verificationReviewInternalHeader": {
       "type": "string",
@@ -304,7 +308,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-review-internal-description",
       "reflect": false,
-      "defaultValue": "\"Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly.\""
+      "defaultValue": "\"Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.\""
     },
     "verificationFailedInternalHeader": {
       "type": "string",
@@ -346,7 +350,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-failed-internal-description",
       "reflect": false,
-      "defaultValue": "\"Identity verification has failed. Our team is reviewing the report and will contact you with further information.\""
+      "defaultValue": "\"Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.\""
     },
     "holdHeader": {
       "type": "string",
@@ -388,9 +392,30 @@ export class PayoutStatusAlert {
       },
       "attribute": "hold-description",
       "reflect": false,
-      "defaultValue": "\"Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our support team.\""
+      "defaultValue": "\"Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.\""
+    },
+    "cashPayoutsPageUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Cash & Payouts Microsite Page (only set if alert is used in a microsite)",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "cash-payouts-page-url",
+      "reflect": false,
+      "defaultValue": "\"/cash\""
     },
-    "termsUrl": {
+    "supportLink": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -402,14 +427,14 @@ export class PayoutStatusAlert {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Cash & Payouts Terms and Conditions url",
+            "text": "Support link text",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "terms-url",
+      "attribute": "support-link",
       "reflect": false,
-      "defaultValue": "\"https://terms.advocate.impact.com/PayoutTermsAndConditions.html\""
+      "defaultValue": "\"support team\""
     },
     "errorHeader": {
       "type": "string",

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

@@ -69,7 +69,7 @@ export function usePayoutStatus(props) {
     data: { type },
     text: props.getTextProps(),
     callbacks: {
-      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
+      onTermsClick: () => window.open(props.cashPayoutsPageUrl, "_blank").focus(),
       onClick: render,
     },
   };

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

@@ -116,6 +116,8 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 1 Properties
      */
     this.step1_searchForCurrencyText = "Search for currency..";
+    /**
+  
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 2 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -218,7 +220,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 2 Properties
      * @uiWidget textArea
      */
-    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.";
+    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 3 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -291,7 +293,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 3 Properties
      * @uiWidget textArea
      */
-    this.step3_docusignError = "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
+    this.step3_docusignError = "There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.";
     /**
      * @uiName Refresh page button label
      * @uiGroup Step 3 Properties
@@ -653,7 +655,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact Support.";
+    this.dashboard_indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact our {supportLink}.";
     /**
      * Displayed to participants who have submitted their indirect tax information.
      *
@@ -676,7 +678,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.";
+    this.dashboard_notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.";
     /**
      * Displayed to participants registered in Quebec, Canada.
      * @uiName QST indirect tax details
@@ -755,7 +757,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.payoutHoldAlertDescription = "Please contact Support or check your inbox for an email from our referral program provider, impact.com.";
+    this.payoutHoldAlertDescription = "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.";
     /**
      * Text displayed for existing publishers that do not have saved banking information.
      * @uiName Payout missing information subtext
@@ -824,7 +826,7 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact Support.";
+    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact our {supportLink}.";
     /**
      * Displayed under a field that is missing required information.
      * @uiName Empty form field error message
@@ -871,7 +873,7 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.";
     /**
      * Placeholder text displayed in the country search dropdown
      * @uiName Country field placeholder text
@@ -891,13 +893,19 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
+    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact our {supportLink}.";
     /**
      * Displayed at the top of the page on all set up steps.
      * @uiName Page description
      * @uiGroup General Form Properties
      */
     this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
+    /**
+     * Link text for contacting support team
+     * @uiName Suport link text
+     * @uiGroup General Form Properties
+     */
+    this.supportLink = "support team";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -921,6 +929,7 @@ export class TaxAndCashMonolith {
       taxAndPayoutsDescription: props.taxAndPayoutsDescription,
       searchForCountryText: props.searchForCountryText,
       formStep: props.formStep,
+      supportLink: props.supportLink,
     };
   }
   render() {
@@ -1816,7 +1825,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-2_cannot-change-info-alert",
       "reflect": false,
-      "defaultValue": "\"Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.\""
+      "defaultValue": "\"Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.\""
     },
     "step3_taxForm": {
       "type": "string",
@@ -2098,7 +2107,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-3_docusign-error",
       "reflect": false,
-      "defaultValue": "\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.\""
+      "defaultValue": "\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.\""
     },
     "step3_refreshButton": {
       "type": "string",
@@ -3604,7 +3613,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_indirect-tax-tooltip-support",
       "reflect": false,
-      "defaultValue": "\"To make changes to your indirect tax information, please contact Support.\""
+      "defaultValue": "\"To make changes to your indirect tax information, please contact our {supportLink}.\""
     },
     "dashboard_indirectTaxDetails": {
       "type": "string",
@@ -3703,7 +3712,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_not-registered-for-tax",
       "reflect": false,
-      "defaultValue": "\"Not registered for indirect tax. If you\u2019ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.\""
+      "defaultValue": "\"Not registered for indirect tax. If you\u2019ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.\""
     },
     "dashboard_qstNumber": {
       "type": "string",
@@ -4024,7 +4033,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "payout-hold-alert-description",
       "reflect": false,
-      "defaultValue": "\"Please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
+      "defaultValue": "\"Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.\""
     },
     "dashboard_payoutMissingInformationText": {
       "type": "string",
@@ -4321,7 +4330,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "general-error-description",
       "reflect": false,
-      "defaultValue": "\"Please review your information and try again. If this problem continues, contact Support.\""
+      "defaultValue": "\"Please review your information and try again. If this problem continues, contact our {supportLink}.\""
     },
     "fieldRequiredError": {
       "type": "string",
@@ -4519,7 +4528,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "is-partner-alert-description",
       "reflect": false,
-      "defaultValue": "\"If you don\u2019t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.\""
+      "defaultValue": "\"If you don\u2019t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.\""
     },
     "searchForCountryText": {
       "type": "string",
@@ -4597,7 +4606,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "loading-error-alert-description",
       "reflect": false,
-      "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
+      "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact our {supportLink}.\""
     },
     "taxAndPayoutsDescription": {
       "type": "string",
@@ -4623,6 +4632,30 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
     },
+    "supportLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Suport link text",
+            "name": "uiName"
+          }, {
+            "text": "General Form Properties",
+            "name": "uiGroup"
+          }],
+        "text": "Link text for contacting support team"
+      },
+      "attribute": "support-link",
+      "reflect": false,
+      "defaultValue": "\"support team\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -15,6 +15,7 @@ const style = {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-yellow-100)",
       borderTop: "none",
+      maxWidth: "600px",
     },
     "& sl-icon::part(base)": {
       color: "var(--sl-color-warning-500)",
@@ -23,6 +24,7 @@ const style = {
   WarningHoldAlertContainer: {
     marginLeft: "-20px",
     "&::part(base)": {
+      maxWidth: "850px",
       border: "none",
       backgroundColor: "transparent",
     },
@@ -33,6 +35,7 @@ const style = {
   ErrorHoldAlertContainer: {
     marginLeft: "-20px",
     "&::part(base)": {
+      maxWidth: "850px",
       border: "none",
       backgroundColor: "transparent",
     },
@@ -199,7 +202,12 @@ export const TaxAndCashDashboardView = (props) => {
       case "VERIFICATION:REQUIRED":
         return {
           header: text.verificationRequiredHeader,
-          description: text.verificationRequiredDescription,
+          description: intl.formatMessage({
+            id: "verificationRequiredDescription",
+            defaultMessage: text.verificationRequiredDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -208,7 +216,12 @@ export const TaxAndCashDashboardView = (props) => {
       case "VERIFICATION:INTERNAL":
         return {
           header: text.verificationRequiredInternalHeader,
-          description: text.verificationRequiredInternalDescription,
+          description: intl.formatMessage({
+            id: "verificationRequiredInternalDescription",
+            defaultMessage: text.verificationRequiredInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -216,7 +229,12 @@ export const TaxAndCashDashboardView = (props) => {
       case "VERIFICATION:REVIEW":
         return {
           header: text.verificationReviewInternalHeader,
-          description: text.verificationReviewInternalDescription,
+          description: intl.formatMessage({
+            id: "verificationReviewInternalDescription",
+            defaultMessage: text.verificationReviewInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -224,7 +242,12 @@ export const TaxAndCashDashboardView = (props) => {
       case "VERIFICATION:FAILED":
         return {
           header: text.verificationFailedInternalHeader,
-          description: text.verificationFailedInternalDescription,
+          description: intl.formatMessage({
+            id: "verificationFailedInternalDescription",
+            defaultMessage: text.verificationFailedInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
           alertType: "critical",
           icon: "exclamation-octagon",
           class: sheet.classes.ErrorHoldAlertContainer,
@@ -232,7 +255,12 @@ export const TaxAndCashDashboardView = (props) => {
       case "HOLD":
         return {
           header: text.payoutHoldAlertHeader,
-          description: text.payoutHoldAlertDescription,
+          description: intl.formatMessage({
+            id: "payoutHoldAlertDescription",
+            defaultMessage: text.payoutHoldAlertDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
           buttonText: null,
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -322,12 +350,22 @@ export const TaxAndCashDashboardView = (props) => {
           h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           h("strong", null, text.error.loadingErrorAlertHeader),
           h("br", null),
-          text.error.loadingErrorAlertDescription))),
+          intl.formatMessage({
+            id: "loadingErrorAlertDescription",
+            defaultMessage: text.error.loadingErrorAlertDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          })))),
       ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
         h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
         h("strong", null, text.error.generalTitle),
         h("br", null),
-        text.error.generalDescription)),
+        intl.formatMessage({
+          id: "generalDescription",
+          defaultMessage: text.error.generalDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        }))),
       getAlert(states.payoutStatus) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: (_b = getAlert(states.payoutStatus)) === null || _b === void 0 ? void 0 : _b.alertType, open: true, class: (_c = getAlert(states.payoutStatus)) === null || _c === void 0 ? void 0 : _c.class },
         h("sl-icon", { slot: "icon", name: (_d = getAlert(states.payoutStatus)) === null || _d === void 0 ? void 0 : _d.icon }),
         h("strong", null, getAlert(states.payoutStatus).header),
@@ -369,7 +407,12 @@ export const TaxAndCashDashboardView = (props) => {
           h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet.classes.TooltipContainer },
             h("sl-icon", { name: "info-circle", class: sheet.classes.ToolTip }))),
         h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
-          h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
+          h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, intl.formatMessage({
+            id: "notRegisteredForTax",
+            defaultMessage: text.notRegisteredForTax,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }))) : (getIndirectTaxRegisteredIn())),
           !states.notRegistered && (h("div", { class: sheet.classes.TaxNumberContainer },
             h("span", null, intl.formatMessage({
               id: `indirectTaxDetails`,