@saasquatch/mint-components 1.13.0-8 → 1.13.0

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

@@ -0,0 +1,527 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { getProps } from "../../../utils/utils";
+import { PayoutStatusAlertView, } from "./sqm-payout-status-alert-view";
+import { usePayoutStatus } from "./usePayoutStatus";
+import { isDemo } from "@saasquatch/component-boilerplate";
+/**
+ * @uiName Payout Status Alert
+ * @exampleGroup Tax and Cash
+ * @example Payout Status Alert - <sqm-payout-status-alert></sqm-payout-status-alert>
+ */
+export class PayoutStatusAlert {
+  constructor() {
+    /**
+     * @uiName Info required alert header
+     */
+    this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     * @uiName Info required alert description
+     */
+    this.informationRequiredDescription = "Submit your banking details and tax documents to receive your rewards.";
+    /**
+     * @uiName Info required alert button text
+     */
+    this.informationRequiredButtonText = "Payouts & Tax Settings";
+    /**
+     * @uiName Verification required alert header
+     */
+    this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * @uiName Verification required alert description
+     */
+    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
+     */
+    this.verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName Verification required internal alert header
+     */
+    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    /**
+     * @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 shortly. If you don't hear from us contact our {supportLink}.";
+    /**
+     * @uiName Verification review internal alert header
+     */
+    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    /**
+     * @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. If you don't hear from us contact our {supportLink}.";
+    /**
+     * @uiName Verification failed internal alert header
+     */
+    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    /**
+     * @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. If you don't hear from us contact our {supportLink}.";
+    /**
+     * @uiName Payout on hold alert header
+     */
+    this.holdHeader = "Your payouts and account are on hold";
+    /**
+     * @uiName Payout on hold alert description
+     */
+    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 Microsite Page (only set if alert is used in a microsite)
+     */
+    this.cashPayoutsPageUrl = "/cash";
+    /**
+     * @uiName Support link text
+     */
+    this.supportLink = "support team";
+    /**
+     * @uiName Error header
+     */
+    this.errorHeader = "Could not determine payout status.";
+    /**
+     * @uiName Error description
+     */
+    this.errorDescription = "There was an error with determining your payout status.";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return getProps(this);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoPayoutStatusAlert(this)
+      : usePayoutStatus(this);
+    return h(PayoutStatusAlertView, Object.assign({}, props));
+  }
+  static get is() { return "sqm-payout-status-alert"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "informationRequiredHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Info required alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "information-required-header",
+      "reflect": false,
+      "defaultValue": "\"Payout and tax information required\""
+    },
+    "informationRequiredDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Info required alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "information-required-description",
+      "reflect": false,
+      "defaultValue": "\"Submit your banking details and tax documents to receive your rewards.\""
+    },
+    "informationRequiredButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Info required alert button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "information-required-button-text",
+      "reflect": false,
+      "defaultValue": "\"Payouts & Tax Settings\""
+    },
+    "verificationRequiredHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-required-header",
+      "reflect": false,
+      "defaultValue": "\"Verify your identity\""
+    },
+    "verificationRequiredDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-required-description",
+      "reflect": false,
+      "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",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required alert button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-required-button-text",
+      "reflect": false,
+      "defaultValue": "\"Start Verification\""
+    },
+    "verificationRequiredInternalHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required internal alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-required-internal-header",
+      "reflect": false,
+      "defaultValue": "\"Identity Verification in Progress\""
+    },
+    "verificationRequiredInternalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required internal alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "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 shortly. If you don't hear from us contact our {supportLink}.\""
+    },
+    "verificationReviewInternalHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification review internal alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-review-internal-header",
+      "reflect": false,
+      "defaultValue": "\"Identity Verification Under Review\""
+    },
+    "verificationReviewInternalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification review internal alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "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. If you don't hear from us contact our {supportLink}.\""
+    },
+    "verificationFailedInternalHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification failed internal alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-failed-internal-header",
+      "reflect": false,
+      "defaultValue": "\"Identity Verification Unsuccessful\""
+    },
+    "verificationFailedInternalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification failed internal alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "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. If you don't hear from us contact our {supportLink}.\""
+    },
+    "holdHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payout on hold alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "hold-header",
+      "reflect": false,
+      "defaultValue": "\"Your payouts and account are on hold\""
+    },
+    "holdDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payout on hold alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "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 {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\""
+    },
+    "supportLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Support link text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "support-link",
+      "reflect": false,
+      "defaultValue": "\"support team\""
+    },
+    "errorHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Error header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "error-header",
+      "reflect": false,
+      "defaultValue": "\"Could not determine payout status.\""
+    },
+    "errorDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Error description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "error-description",
+      "reflect": false,
+      "defaultValue": "\"There was an error with determining your payout status.\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PayoutStatusAlertViewProps>",
+        "resolved": "{ states?: { error: boolean; loading: boolean; status: PayoutStatus; veriffLoading: boolean; }; data?: { type: \"SquatchJS2\" | \"SquatchAndroid\" | \"SquatchIOS\" | \"SquatchPortal\" | \"SquatchAdmin\" | \"None\"; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../../global/demo"
+          },
+          "PayoutStatusAlertViewProps": {
+            "location": "import",
+            "path": "./sqm-payout-status-alert-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+}
+function useDemoPayoutStatusAlert(props) {
+  return deepmerge({
+    states: {
+      error: false,
+      status: "INFORMATION_REQUIRED",
+      loading: false,
+      showVerifyIdentity: false,
+    },
+    data: { type: "SquatchAdmin" },
+    text: props.getTextProps(),
+    callbacks: {
+      onTermsClick: () => { },
+      onClick: () => console.log("show"),
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

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

@@ -0,0 +1,76 @@
+import { getEnvironmentSDK, useQuery } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/stencil-hooks";
+import { gql } from "graphql-request";
+import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
+import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
+const GET_USER_STATUS = gql `
+  query getUserStatus {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              holdReasons
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+export function getStatus(data) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  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)
+    return "INFORMATION_REQUIRED";
+  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
+    return "VERIFICATION:REQUIRED";
+  if ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+    return "VERIFICATION:INTERNAL";
+  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REVIEW_INTERNAL"))
+    return "VERIFICATION:REVIEW";
+  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_FAILED_INTERNAL"))
+    return "VERIFICATION:FAILED";
+  if (account.hold)
+    return "HOLD";
+  return "DONE";
+}
+export function usePayoutStatus(props) {
+  const { type } = getEnvironmentSDK();
+  const { loading, data, errors, refetch } = useQuery(GET_USER_STATUS, {});
+  const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
+  const [status, setStatus] = useState(undefined);
+  useEffect(() => {
+    if (!data)
+      return;
+    const s = getStatus(data);
+    setStatus(s);
+  }, [data]);
+  useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
+    window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    return () => {
+      window.removeEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
+      window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    };
+  }, []);
+  return {
+    states: {
+      loading,
+      veriffLoading,
+      status,
+      error: !!errors,
+    },
+    data: { type },
+    text: props.getTextProps(),
+    callbacks: {
+      onTermsClick: () => window.open(props.cashPayoutsPageUrl, "_blank").focus(),
+      onClick: render,
+    },
+  };
+}

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

@@ -13,11 +13,17 @@ export const GET_USER = gql `
   query getUserTaxInfo {
     user: viewer {
       ... on User {
+        id
         firstName
         lastName
         email
         countryCode
         customFields
+        managedIdentity {
+          uid
+          email
+          emailVerified
+        }
         impactConnection {
           connected
           user {
@@ -61,6 +67,7 @@ export const GET_USER = gql `
             }
             payoutsAccount {
               hold
+              holdReasons
               balance
             }
           }