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

package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js

@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-410d2435.js');
 const luxon = require('./luxon-05098e19.js');
 const useReferralTable = require('./useReferralTable-824ac152.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-e92c557a.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-ed76d7bd.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-5ac536a3.js');
 const extractProps = require('./extractProps-fd93ba62.js');

package/dist/cjs/sqm-big-stat_39.cjs.entry.js

@@ -1743,6 +1743,41 @@ function PayoutButtonScrollView(props) {
     index.h("p", { class: sheet$2.classes.PayoutButtonDescription }, text.payoutButtonDescription)));
 }
 
+const GET_PAYOUT_DETAILS = index_module.dist.gql `
+  query getPayoutDetails {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function usePayoutButton(props) {
+  var _a, _b, _c;
+  const { data, refetch } = index_module.En(GET_PAYOUT_DETAILS, {});
+  stencilHooks_module.useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener("sqm:tax-form-updated", cb);
+    return () => window.removeEventListener("sqm:tax-form-updated", cb);
+  }, []);
+  return {
+    states: {
+      payoutSettingsComplete: !!((_c = (_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) === null || _c === void 0 ? void 0 : _c.payoutsAccount),
+    },
+    text: props.getTextProps(),
+  };
+}
+
 const PayoutButtonScroll = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -1763,7 +1798,9 @@ const PayoutButtonScroll = class {
     return utils.getProps(this);
   }
   render() {
-    const props = useDemoPayoutButtonScroll(this);
+    const props = index_module.isDemo()
+      ? useDemoPayoutButtonScroll(this)
+      : usePayoutButton(this);
     return index.h(PayoutButtonScrollView, Object.assign({}, props));
   }
 };

package/dist/cjs/{sqm-invoice-table-view-e92c557a.js → sqm-invoice-table-view-ed76d7bd.js}

@@ -1263,6 +1263,20 @@ const StepFourToPaypalChecked = () => {
       },
     } }));
 };
+const StepFourReVerifyEmail = () => {
+  return (index.h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        showVerification: true,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
 const TaxAndCashDashboardActiveW9Form = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -1756,6 +1770,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   StepFourIsPartner: StepFourIsPartner,
   StepFourDirectToBankChecked: StepFourDirectToBankChecked,
   StepFourToPaypalChecked: StepFourToPaypalChecked,
+  StepFourReVerifyEmail: StepFourReVerifyEmail,
   TaxAndCashDashboardActiveW9Form: TaxAndCashDashboardActiveW9Form,
   TaxAndCashDashboardActiveW8BENForm: TaxAndCashDashboardActiveW8BENForm,
   TaxAndCashDashboardActiveW8BENEForm: TaxAndCashDashboardActiveW8BENEForm,

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -30,7 +30,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
 const ShadowViewAddon = require('./ShadowViewAddon-040cffad.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-e92c557a.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-ed76d7bd.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-payout-button-scroll/sqm-payout-button-scroll.js

@@ -1,8 +1,10 @@
 import { Component, h, Prop, State } from "@stencil/core";
 import { withHooks } from "@saasquatch/stencil-hooks";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { getProps } from "../../utils/utils";
 import { PayoutButtonScrollView, } from "./sqm-payout-button-scroll-view";
 import deepmerge from "deepmerge";
+import { usePayoutButton } from "./usePayoutButton";
 /**
  * @uiName Payout Button Scroll
  */
@@ -25,7 +27,9 @@ export class PayoutButtonScroll {
     return getProps(this);
   }
   render() {
-    const props = useDemoPayoutButtonScroll(this);
+    const props = isDemo()
+      ? useDemoPayoutButtonScroll(this)
+      : usePayoutButton(this);
     return h(PayoutButtonScrollView, Object.assign({}, props));
   }
   static get is() { return "sqm-payout-button-scroll"; }

package/dist/collection/components/sqm-payout-button-scroll/usePayoutButton.js

@@ -1,6 +1,6 @@
 import { gql } from "graphql-request";
 import { useQuery } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
 const GET_PAYOUT_DETAILS = gql `
   query getPayoutDetails {
     user: viewer {
@@ -21,15 +21,8 @@ const GET_PAYOUT_DETAILS = gql `
   }
 `;
 export function usePayoutButton(props) {
+  var _a, _b, _c;
   const { data, refetch } = useQuery(GET_PAYOUT_DETAILS, {});
-  const [completed, setCompleted] = useState(false);
-  useEffect(() => {
-    var _a, _b, _c;
-    if (!data)
-      return;
-    const hasCompleted = (_c = (_b = (_a = data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.payoutAccount;
-    setCompleted(hasCompleted);
-  }, [data]);
   useEffect(() => {
     const cb = () => refetch();
     window.addEventListener("sqm:tax-form-updated", cb);
@@ -37,7 +30,7 @@ export function usePayoutButton(props) {
   }, []);
   return {
     states: {
-      payoutSettingsComplete: completed,
+      payoutSettingsComplete: !!((_c = (_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) === null || _c === void 0 ? void 0 : _c.payoutsAccount),
     },
     text: props.getTextProps(),
   };

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -759,6 +759,20 @@ export const StepFourToPaypalChecked = () => {
       },
     } }));
 };
+export const StepFourReVerifyEmail = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        showVerification: true,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
 export const TaxAndCashDashboardActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,

package/dist/esm/sqm-banking-info-form_16.entry.js

@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-fc84e640.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { g as generateUserError } from './useReferralTable-f6ffa103.js';
 import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
-import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-c184248a.js';
+import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-6601d8f2.js';
 import { b as VERIFICATION_EVENT_KEY } from './keys-db1897ae.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-d613ff10.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';

package/dist/esm/sqm-big-stat_39.entry.js

@@ -1739,6 +1739,41 @@ function PayoutButtonScrollView(props) {
     h$1("p", { class: sheet$2.classes.PayoutButtonDescription }, text.payoutButtonDescription)));
 }
 
+const GET_PAYOUT_DETAILS = dist.gql `
+  query getPayoutDetails {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function usePayoutButton(props) {
+  var _a, _b, _c;
+  const { data, refetch } = En(GET_PAYOUT_DETAILS, {});
+  useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener("sqm:tax-form-updated", cb);
+    return () => window.removeEventListener("sqm:tax-form-updated", cb);
+  }, []);
+  return {
+    states: {
+      payoutSettingsComplete: !!((_c = (_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) === null || _c === void 0 ? void 0 : _c.payoutsAccount),
+    },
+    text: props.getTextProps(),
+  };
+}
+
 const PayoutButtonScroll = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -1759,7 +1794,9 @@ const PayoutButtonScroll = class {
     return getProps(this);
   }
   render() {
-    const props = useDemoPayoutButtonScroll(this);
+    const props = isDemo()
+      ? useDemoPayoutButtonScroll(this)
+      : usePayoutButton(this);
     return h$1(PayoutButtonScrollView, Object.assign({}, props));
   }
 };

package/dist/esm/{sqm-invoice-table-view-c184248a.js → sqm-invoice-table-view-6601d8f2.js}

@@ -1261,6 +1261,20 @@ const StepFourToPaypalChecked = () => {
       },
     } }));
 };
+const StepFourReVerifyEmail = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        showVerification: true,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
 const TaxAndCashDashboardActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -1754,6 +1768,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   StepFourIsPartner: StepFourIsPartner,
   StepFourDirectToBankChecked: StepFourDirectToBankChecked,
   StepFourToPaypalChecked: StepFourToPaypalChecked,
+  StepFourReVerifyEmail: StepFourReVerifyEmail,
   TaxAndCashDashboardActiveW9Form: TaxAndCashDashboardActiveW9Form,
   TaxAndCashDashboardActiveW8BENForm: TaxAndCashDashboardActiveW8BENForm,
   TaxAndCashDashboardActiveW8BENEForm: TaxAndCashDashboardActiveW8BENEForm,

package/dist/esm/sqm-stencilbook.entry.js

@@ -26,7 +26,7 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-7
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
 import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-69b61037.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-c184248a.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-6601d8f2.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>