@saasquatch/mint-components 1.12.0-7 → 1.12.0-9

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

@@ -12,6 +12,7 @@ const GET_USER_STATUS = gql `
             id
             payoutsAccount {
               hold
+              holdReasons
             }
           }
         }
@@ -19,6 +20,17 @@ const GET_USER_STATUS = gql `
     }
   }
 `;
+export function getStatus(data) {
+  var _a, _b, _c, _d, _e;
+  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_NEEDED";
+  if (account.hold)
+    return "HOLD";
+  return "DONE";
+}
 export function usePayoutStatus(props) {
   const { type } = getEnvironmentSDK();
   const { loading, data, errors, refetch } = useQuery(GET_USER_STATUS, {});
@@ -27,18 +39,6 @@ export function usePayoutStatus(props) {
   useEffect(() => {
     if (!data)
       return;
-    function getStatus(data) {
-      var _a, _b;
-      const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
-      if (!account)
-        return "INFORMATION_REQUIRED";
-      if (account.hold)
-        return "HOLD";
-      // @ts-ignore, TODO: add check for account verification
-      if (!account.verified)
-        return "VERIFICATION_NEEDED";
-      return "DONE";
-    }
     const s = getStatus(data);
     setStatus(s);
   }, [data]);
@@ -48,7 +48,12 @@ export function usePayoutStatus(props) {
     return () => window.removeEventListener("sqm:tax-form-updated", cb);
   }, []);
   return {
-    states: { loading, status, showVerifyIdentity: showDialog },
+    states: {
+      loading,
+      status,
+      showVerifyIdentity: showDialog,
+      error: !!errors,
+    },
     data: { type },
     text: props.getTextProps(),
     callbacks: {

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

@@ -67,6 +67,7 @@ export const GET_USER = gql `
             }
             payoutsAccount {
               hold
+              holdReasons
               balance
             }
           }

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

@@ -3,8 +3,8 @@ import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { getCountryObj } from "../utils";
 import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "./data";
 function getCurrentStep(user) {
-  var _a;
-  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected)) {
+  var _a, _b;
+  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;

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

@@ -258,6 +258,17 @@ export const TaxAndCashDashboardView = (props) => {
         h("strong", null, text.payoutHoldAlertHeader),
         h("br", null),
         text.payoutHoldAlertDescription)),
+      states.payoutStatus === "VERIFICATION_NEEDED" && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.HoldAlertContainer },
+        h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
+        h("strong", null, text.verificationRequiredHeader),
+        h("p", { style: { margin: "0" } }, text.verificationRequiredDescription),
+        h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.loading, 
+          //AL: TODO hooks
+          onClick: () => callbacks.onClick }, text.verificationRequiredButtonText))),
+      h("sl-dialog", { noDismiss: true, class: sheet.classes.Dialog, open: states.showVerifyIdentity, "onSl-hide": callbacks.onVerifyIdentityCancel },
+        h("iframe", { 
+          // AL: TODO replace iframe URL with verification url when available
+          scrolling: "yes", frameBorder: "0", width: "100%", height: "100%", src: "https://impacttech.complytaxforms.com/ServiceRedirect.aspx?Language=eng&Param1=UxBORV4bOIrqNb4gbpNmtvW3wjdZJyx4gPElIGMJNR8=&UUID=B576EA3E-80FD-4D85-AA59-653D23A7CCE8" })),
       h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
         h("p", null, text.replaceTaxFormModalBodyText),
         h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),

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

@@ -185,6 +185,23 @@ export class TaxAndCashDashboard {
      * @uiName Payout missing information subtext
      */
     this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+     * @uiName Verification required alert message title
+     * @uiWidget textArea
+     */
+    this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity
+     * @uiName Verification required alert message description
+     * @uiWidget textArea
+     */
+    this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    /**
+     * 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
+     */
+    this.verificationRequiredButtonText = "Start Verification";
     /**
      * Part of the alert displayed at the top of the page.
      * @uiName Form submission error message title
@@ -995,6 +1012,75 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Missing banking information, go to Impact.com to resolve.\""
     },
+    "verificationRequiredHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verification required alert message title",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page when the user needs to verify their identity."
+      },
+      "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 message description",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page when the user needs to verify their identity"
+      },
+      "attribute": "verification-required-description",
+      "reflect": false,
+      "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
+    },
+    "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": "Part of the alert displayed at the top of the page when the user needs to verify their identity."
+      },
+      "attribute": "verification-required-button-text",
+      "reflect": false,
+      "defaultValue": "\"Start Verification\""
+    },
     "generalErrorTitle": {
       "type": "string",
       "mutable": false,
@@ -1435,7 +1521,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; 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; showIdentityVerificationDialog?: boolean; identiyRequired?: boolean; hasHold: boolean; payoutStatus: PayoutStatus; showVerifyIdentity: boolean; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1477,12 +1563,15 @@ function useDemoTaxAndCashDashboard(props) {
       loading: false,
       showNewFormDialog: false,
       hasHold: false,
+      showVerifyIdentity: false,
+      payoutStatus: "DONE",
     },
     callbacks: {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
       onNewFormCancel: () => console.log("hide"),
       onNewFormClick: () => console.log("show"),
+      onVerifyIdentityCancel: () => console.log("hide"),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

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

@@ -5,6 +5,7 @@ import { vatLabels } from "../countries";
 import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { taxTypeToName } from "../utils";
+import { getStatus } from "../sqm-payout-status-alert/usePayoutStatus";
 function getCountryName(countryCode, locale) {
   if (!countryCode)
     return undefined;
@@ -44,6 +45,7 @@ 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 locale = useLocale();
   useEffect(() => {
     // Clear override context once on submitted
@@ -74,6 +76,7 @@ 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);
   return {
     states: {
       dateSubmitted,
@@ -96,12 +99,15 @@ export const useTaxAndCashDashboard = (props) => {
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       showNewFormDialog: showDialog,
       hasHold: !!((_m = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _m === void 0 ? void 0 : _m.hold),
+      payoutStatus,
+      showVerifyIdentity: showVerification,
     },
     callbacks: {
       onClick: () => setShowDialog(true),
       onEditPayoutInfo,
       onNewFormCancel: () => setShowDialog(false),
       onNewFormClick,
+      onVerifyIdentityCancel: () => setShowVerification(false),
     },
     text: props.getTextProps(),
   };

package/dist/esm/{ShadowViewAddon-72e231a5.js → ShadowViewAddon-69b61037.js}

@@ -1,17 +1,16 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
-import { f as useState, b as browser, u as useMemo } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { z as z$1, K, E as En, b as xe, n as ne, g as getEnvironmentSDK, Q } from './index.module-c0eb7dc2.js';
+import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import { d as dist, z as z$1, K, E as En, c as xe, n as ne, g as getEnvironmentSDK, Q } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { u as useChildElements } from './useChildElements-fe94b660.js';
-import { l as luxon } from './luxon-63e24900.js';
-import { d as dist } from './index-0c7b14c5.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
+import { l as luxon } from './luxon-7600be8d.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { a as isValidColor, b as isMobile } from './utilities-98445452.js';
+import { a as isValidColor, b as isMobile } from './utilities-443732be.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
 
 const medium = {
@@ -1270,9 +1269,12 @@ const payoutBalanceQuery = () => {
       query payoutBalance {
         viewer: viewer {
           ... on User {
-            publisher {
-              payoutsAccount {
-                balance
+            id
+            impactConnection {
+              publisher {
+                payoutsAccount {
+                  balance
+                }
               }
             }
           }

package/dist/esm/{global-adae7650.js → global-6306a9b8.js}

@@ -1,5 +1,5 @@
-import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { J } from './index.module-c0eb7dc2.js';
+import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { s as src, m as memoize, J } from './index.module-6c840c4e.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -11996,157 +11996,6 @@ function parse(input, opts) {
     return els;
 }
 
-//
-// Main
-//
-
-function memoize (fn, options) {
-  var cache = options && options.cache
-    ? options.cache
-    : cacheDefault;
-
-  var serializer = options && options.serializer
-    ? options.serializer
-    : serializerDefault;
-
-  var strategy = options && options.strategy
-    ? options.strategy
-    : strategyDefault;
-
-  return strategy(fn, {
-    cache: cache,
-    serializer: serializer
-  })
-}
-
-//
-// Strategy
-//
-
-function isPrimitive (value) {
-  return value == null || typeof value === 'number' || typeof value === 'boolean' // || typeof value === "string" 'unsafe' primitive for our needs
-}
-
-function monadic (fn, cache, serializer, arg) {
-  var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.call(this, arg);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function variadic (fn, cache, serializer) {
-  var args = Array.prototype.slice.call(arguments, 3);
-  var cacheKey = serializer(args);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.apply(this, args);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function assemble (fn, context, strategy, cache, serialize) {
-  return strategy.bind(
-    context,
-    fn,
-    cache,
-    serialize
-  )
-}
-
-function strategyDefault (fn, options) {
-  var strategy = fn.length === 1 ? monadic : variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyVariadic (fn, options) {
-  var strategy = variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyMonadic (fn, options) {
-  var strategy = monadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-//
-// Serializer
-//
-
-function serializerDefault () {
-  return JSON.stringify(arguments)
-}
-
-//
-// Cache
-//
-
-function ObjectWithoutPrototypeCache () {
-  this.cache = Object.create(null);
-}
-
-ObjectWithoutPrototypeCache.prototype.has = function (key) {
-  return (key in this.cache)
-};
-
-ObjectWithoutPrototypeCache.prototype.get = function (key) {
-  return this.cache[key]
-};
-
-ObjectWithoutPrototypeCache.prototype.set = function (key, value) {
-  this.cache[key] = value;
-};
-
-var cacheDefault = {
-  create: function create () {
-    return new ObjectWithoutPrototypeCache()
-  }
-};
-
-//
-// API
-//
-
-var src = memoize;
-var strategies = {
-  variadic: strategyVariadic,
-  monadic: strategyMonadic
-};
-src.strategies = strategies;
-
-const memoize$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), src, {
-    'default': src,
-    strategies: strategies
-}));
-
 var ErrorCode;
 (function (ErrorCode) {
     // When we have a placeholder but no value to format
@@ -12409,7 +12258,7 @@ function createFastMemoizeCache(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl = src || memoize$1;
+var _memoizeIntl = src || memoize;
 var memoizeIntl = _memoizeIntl;
 function createDefaultFormatters(cache) {
     if (cache === void 0) { cache = {
@@ -12701,7 +12550,7 @@ function createFastMemoizeCache$1(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl$1 = src || memoize$1;
+var _memoizeIntl$1 = src || memoize;
 var memoizeIntl$1 = _memoizeIntl$1;
 /**
  * Create intl formatters and populate cache
@@ -13680,7 +13529,7 @@ var TemplateResult = class {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-var isPrimitive$1 = (value) => {
+var isPrimitive = (value) => {
   return value === null || !(typeof value === "object" || typeof value === "function");
 };
 var isIterable = (value) => {
@@ -13719,7 +13568,7 @@ var AttributeCommitter = class {
       const part = parts2[i];
       if (part !== void 0) {
         const v = part.value;
-        if (isPrimitive$1(v) || !isIterable(v)) {
+        if (isPrimitive(v) || !isIterable(v)) {
           text += typeof v === "string" ? v : String(v);
         } else {
           for (const t of v) {
@@ -13744,7 +13593,7 @@ var AttributePart = class {
     this.committer = committer;
   }
   setValue(value) {
-    if (value !== noChange && (!isPrimitive$1(value) || value !== this.value)) {
+    if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
       this.value = value;
       if (!isDirective(value)) {
         this.committer.dirty = true;
@@ -13802,7 +13651,7 @@ var NodePart = class {
     if (value === noChange) {
       return;
     }
-    if (isPrimitive$1(value)) {
+    if (isPrimitive(value)) {
       if (value !== this.value) {
         this.__commitText(value);
       }
@@ -18630,7 +18479,7 @@ var unsafeHTML = directive((value) => (part) => {
     throw new Error("unsafeHTML can only be used in text bindings");
   }
   const previousValue = previousValues$1.get(part);
-  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");
@@ -20309,7 +20158,7 @@ var unsafeSVG = directive((value) => (part) => {
     throw new Error("unsafeSVG can only be used in text bindings");
   }
   const previousValue = previousValues$2.get(part);
-  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");