@saasquatch/mint-components 1.12.0-2 → 1.12.0-21

package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js

@@ -24,17 +24,20 @@ export function useUserInfoForm(props) {
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [formErrors, setErrors] = useState({});
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const user = data === null || data === void 0 ? void 0 : data.user;
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
     if (objectIsFull(userFormContext))
       return;
-    if (((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) && ((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.user)) {
+    // Prefer MI email if it was verified before this
+    const email = ((_a = user.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) ? user.managedIdentity.email
+      : user.email;
+    if (((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) && ((_c = user.impactConnection) === null || _c === void 0 ? void 0 : _c.user)) {
       // Initialise with partner information
       setUserFormContext({
-        email: user.email,
+        email,
         firstName: user.impactConnection.user.firstName,
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
@@ -50,17 +53,17 @@ export function useUserInfoForm(props) {
     else if (!(userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.email)) {
       // Initialise with user information
       setUserFormContext({
-        email: user.email,
+        email,
         firstName: user.firstName,
         lastName: user.lastName,
         countryCode: user.countryCode || "US",
-        currency: (_c = user.customFields) === null || _c === void 0 ? void 0 : _c.currency,
-        phoneNumberCountryCode: ((_d = user.customFields) === null || _d === void 0 ? void 0 : _d.phoneNumberCountryCode) || "US",
-        phoneNumber: (_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumber,
-        address: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.address,
-        city: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.city,
-        state: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.state,
-        postalCode: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.postalCode,
+        currency: (_d = user.customFields) === null || _d === void 0 ? void 0 : _d.currency,
+        phoneNumberCountryCode: ((_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumberCountryCode) || "US",
+        phoneNumber: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.phoneNumber,
+        address: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.address,
+        city: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.city,
+        state: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.state,
+        postalCode: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.postalCode,
       });
     }
   }, [data, step, userFormContext]);
@@ -139,6 +142,8 @@ export function useUserInfoForm(props) {
     const { allowBankingCollection, ...userData } = formData;
     setUserFormContext({
       ...userFormContext,
+      firstName: userData.firstName,
+      lastName: userData.lastName,
       phoneNumberCountryCode: userData.phoneNumberCountryCode,
       phoneNumber: userData.phoneNumber,
       countryCode: userData.countryCode,

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,
+  };
+}

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/extractProps-ae1afbb3.js

@@ -0,0 +1,19 @@
+/**
+ * Util function for getting just the props with a certain prefix.
+ * @param props Text props on stencil component
+ * @param prefix Prefix denoting which group the text prop belongs to
+ * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
+ */
+function extractProps(props, prefix) {
+  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
+  const formattedProps = keys.reduce((prev, k) => {
+    const key = k.replace(prefix, "");
+    return {
+      ...prev,
+      [key]: props[k],
+    };
+  }, {});
+  return formattedProps;
+}
+
+export { extractProps as e };

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