@saasquatch/mint-components 1.12.0-6 → 1.12.0-8

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

@@ -44,6 +44,18 @@ export class PayoutStatusAlert {
      * @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 {support email}.";
+    /**
+     * @uiName Cash & Payouts Terms and Conditions url
+     */
+    this.termsUrl = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    /**
+     * @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() { }
@@ -54,6 +66,7 @@ export class PayoutStatusAlert {
     const props = isDemo()
       ? useDemoPayoutStatusAlert(this)
       : usePayoutStatus(this);
+    console.log({ props });
     return h(PayoutStatusAlertView, Object.assign({}, props));
   }
   static get is() { return "sqm-payout-status-alert"; }
@@ -227,12 +240,75 @@ export class PayoutStatusAlert {
       "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 {support email}.\""
     },
+    "termsUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Cash & Payouts Terms and Conditions url",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "terms-url",
+      "reflect": false,
+      "defaultValue": "\"https://terms.advocate.impact.com/PayoutTermsAndConditions.html\""
+    },
+    "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?: { loading: boolean; status: PayoutStatus; showVerifyIdentity: boolean; }; }",
+        "resolved": "{ states?: { error: boolean; loading: boolean; status: PayoutStatus; showVerifyIdentity: boolean; }; data?: { type: \"SquatchJS2\" | \"SquatchAndroid\" | \"SquatchIOS\" | \"SquatchPortal\" | \"SquatchAdmin\" | \"None\"; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -262,12 +338,15 @@ export class PayoutStatusAlert {
 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"),
       onCancel: () => console.log("hide"),
     },

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

@@ -1,4 +1,4 @@
-import { useQuery } from "@saasquatch/component-boilerplate";
+import { getEnvironmentSDK, useQuery } from "@saasquatch/component-boilerplate";
 import { useState, useEffect } from "@saasquatch/stencil-hooks";
 import { gql } from "graphql-request";
 const GET_USER_STATUS = gql `
@@ -20,6 +20,7 @@ const GET_USER_STATUS = gql `
   }
 `;
 export function usePayoutStatus(props) {
+  const { type } = getEnvironmentSDK();
   const { loading, data, errors, refetch } = useQuery(GET_USER_STATUS, {});
   const [status, setStatus] = useState(undefined);
   const [showDialog, setShowDialog] = useState(false);
@@ -47,11 +48,18 @@ 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: {
+      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
       onClick: () => setShowDialog(true),
-      onCancel: () => setShowDialog(false)
-    }
+      onCancel: () => setShowDialog(false),
+    },
   };
 }

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/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");