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

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

@@ -197,6 +197,30 @@ export class TaxAndCashDashboard {
      * @uiWidget textArea
      */
     this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    /**
+     * @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 shortley.";
+    /**
+     * @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.";
+    /**
+     * @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.";
     /**
      * Part of the alert displayed at the top of the page when the user needs to verify their identity.
      * @uiName Verification required alert button text
@@ -1060,6 +1084,132 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
     },
+    "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 shortley.\""
+    },
+    "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.\""
+    },
+    "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.\""
+    },
     "verificationRequiredButtonText": {
       "type": "string",
       "mutable": false,
@@ -1521,7 +1671,7 @@ export class TaxAndCashDashboard {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseTaxAndCashDashboardResult>",
-        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; showIdentityVerificationDialog?: boolean; identiyRequired?: boolean; hasHold: boolean; payoutStatus: PayoutStatus; showVerifyIdentity: boolean; errors?: { general?: boolean; }; }; }",
+        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; hasHold: boolean; payoutStatus: PayoutStatus; veriffLoading: boolean; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1565,13 +1715,14 @@ function useDemoTaxAndCashDashboard(props) {
       hasHold: false,
       showVerifyIdentity: false,
       payoutStatus: "DONE",
+      veriffLoading: false,
     },
     callbacks: {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
       onNewFormCancel: () => console.log("hide"),
       onNewFormClick: () => console.log("show"),
-      onVerifyIdentityCancel: () => console.log("hide"),
+      onVerifyClick: () => console.log("verify"),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

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

@@ -6,6 +6,7 @@ import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { taxTypeToName } from "../utils";
 import { getStatus } from "../sqm-payout-status-alert/usePayoutStatus";
+import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
 function getCountryName(countryCode, locale) {
   if (!countryCode)
     return undefined;
@@ -45,13 +46,13 @@ export const useTaxAndCashDashboard = (props) => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = useState(false);
-  const [showVerification, setShowVerification] = useState(false);
+  const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
   const locale = useLocale();
   useEffect(() => {
     // Clear override context once on submitted
     setContext({});
   }, []);
-  const { data, loading, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
+  const { data, loading, errors: userError, refetch, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
   const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
@@ -76,7 +77,14 @@ export const useTaxAndCashDashboard = (props) => {
     setStep("/3");
   };
   const provinceName = (_d = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
-  const payoutStatus = getStatus(data);
+  const payoutStatus = data ? getStatus(data) : null;
+  useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    return () => {
+      window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    };
+  }, []);
   return {
     states: {
       dateSubmitted,
@@ -100,14 +108,14 @@ export const useTaxAndCashDashboard = (props) => {
       showNewFormDialog: showDialog,
       hasHold: !!((_m = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _m === void 0 ? void 0 : _m.hold),
       payoutStatus,
-      showVerifyIdentity: showVerification,
+      veriffLoading,
     },
     callbacks: {
       onClick: () => setShowDialog(true),
+      onVerifyClick: () => render(),
       onEditPayoutInfo,
       onNewFormCancel: () => setShowDialog(false),
       onNewFormClick,
-      onVerifyIdentityCancel: () => setShowVerification(false),
     },
     text: props.getTextProps(),
   };

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

@@ -0,0 +1,64 @@
+import { useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { createVeriffFrame, MESSAGES } from "@veriff/incontext-sdk";
+import { gql } from "graphql-request";
+const CREATE_IMPACT_VERIFICATION_SESSION = gql `
+  mutation createImpactVerificationSession($user: UserIdInput!) {
+    createImpactPublisherIdentityVerificationSession(user: $user) {
+      sessionUrl
+    }
+  }
+`;
+const REFRESH_USER_STATUS = gql `
+  mutation refreshImpactPublisherFinanceStatus($user: UserIdInput!) {
+    refreshImpactPublisherFinanceStatus(user: $user) {
+      id
+    }
+  }
+`;
+export const VERIFF_COMPLETE_EVENT_KEY = "sqm:veriff-updated";
+export function useVeriffApp() {
+  const { id, accountId } = useUserIdentity();
+  const [createImpactVerificationSessionMutation, { loading, errors }] = useMutation(CREATE_IMPACT_VERIFICATION_SESSION);
+  const [refreshImpactPublisherFinanceStatus, { loading: refreshLoading, errors: refreshErrors },] = useMutation(REFRESH_USER_STATUS);
+  const refresh = async () => {
+    try {
+      const res = await refreshImpactPublisherFinanceStatus({
+        user: { id, accountId },
+      });
+      if (!res || res.message)
+        throw new Error();
+      window.dispatchEvent(new Event(VERIFF_COMPLETE_EVENT_KEY));
+    }
+    catch (e) {
+      console.error("Failed to initialise Veriff:", e);
+    }
+  };
+  const render = async () => {
+    try {
+      const res = await createImpactVerificationSessionMutation({
+        user: { id, accountId },
+      });
+      if (!res || res.message)
+        throw new Error();
+      const sessionUrl = res.createImpactPublisherIdentityVerificationSession.sessionUrl;
+      createVeriffFrame({
+        url: sessionUrl,
+        onEvent: (msg) => {
+          switch (msg) {
+            case MESSAGES.FINISHED:
+            case MESSAGES.CANCELED:
+              refresh();
+          }
+        },
+      });
+    }
+    catch (e) {
+      console.error("Failed to initialise Veriff:", e);
+    }
+  };
+  return {
+    render,
+    loading: loading || refreshLoading,
+    errors: errors || refreshErrors,
+  };
+}