@saasquatch/mint-components 2.1.9-20 → 2.1.9-22

package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js

@@ -1,269 +0,0 @@
-import { useLocale, useMutation, useQuery, useSetParent, } from "@saasquatch/component-boilerplate";
-import { useEffect, useMemo, useState } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
-import { TAX_FORM_UPDATED_EVENT_KEY } from "../tax-and-cash/eventKeys";
-import { VERIFICATION_PARENT_NAMESPACE } from "../sqm-widget-verification/keys";
-import { GET_FINANCE_NETWORK_SETTINGS, } from "../tax-and-cash/data";
-// new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
-export const GET_USER_PARTNER_INFO = gql `
-  query getUserPartnerInfo {
-    user: viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        impactConnection {
-          connected
-          connectionStatus
-          publisher {
-            id
-            countryCode
-            currency
-          }
-        }
-      }
-    }
-  }
-`;
-export const GET_COUNTRIES = gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-export const GET_CURRENCIES = gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-export const CONNECT_PARTNER = gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const START_IMPACT_CONNECTION = gql `
-  mutation startImpactConnection($vars: ImpactConnectionInput!) {
-    startImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_BRAND_NAME = gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
-export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const locale = useLocale();
-  const setVerificationContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
-  const { data: userData, loading: userLoading, refetch, } = useQuery(GET_USER_PARTNER_INFO, {});
-  const user = userData === null || userData === void 0 ? void 0 : userData.user;
-  const { data: currenciesData, loading: currenciesLoading } = useQuery(GET_CURRENCIES, { variables: { locale } });
-  const { data: countriesData, loading: countriesLoading } = useQuery(GET_COUNTRIES, {});
-  const { data: tenantSettingsData } = useQuery(GET_BRAND_NAME, {});
-  const { data: financeNetworkData } = useQuery(GET_FINANCE_NETWORK_SETTINGS, {
-    variables: { filter: {} },
-  });
-  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = useMutation(START_IMPACT_CONNECTION);
-  // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
-    locale.replace(/^.*_/, ""));
-  const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
-  const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
-  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
-  const currencies = useMemo(() => {
-    var _a, _b;
-    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
-      var _a, _b;
-      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
-      if (!currency)
-        return agg;
-      if (agg.find((c) => c.currencyCode === settings.currency))
-        return agg;
-      if (countryCode && settings.countryCode !== countryCode)
-        return agg;
-      return [...agg, currency];
-    }, []);
-    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
-  }, [financeNetworkData, currenciesData, countryCode]);
-  const [countrySearch, setCountrySearch] = useState("");
-  const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
-  console.log(userData, "userData partner info modal");
-  const [error, setError] = useState("");
-  const [success, setSuccess] = useState(false);
-  useEffect(() => {
-    var _a;
-    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
-    if (!userData || !publisher)
-      return;
-    setCountryCode(publisher.countryCode);
-    setCurrency(publisher.currency);
-  }, [userData, user]);
-  useEffect(() => {
-    if (!(countries === null || countries === void 0 ? void 0 : countries.length))
-      return;
-    if (countrySearch.trim() === "") {
-      setFilteredCountries(countries || []);
-    }
-    else {
-      setFilteredCountries(countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase())) || []);
-    }
-  }, [countrySearch, countries]);
-  useEffect(() => {
-    if (!(currencies === null || currencies === void 0 ? void 0 : currencies.length))
-      return;
-    if (currencySearch.trim() === "") {
-      setFilteredCurrencies(currencies || []);
-    }
-    else {
-      setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
-    }
-  }, [currencySearch, currencies]);
-  const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
-  function onCountryChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCountryCode(value);
-    setCurrency("");
-    setError("");
-  }
-  function onCurrencyChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCurrency(value);
-    setError("");
-  }
-  async function onSubmit() {
-    var _a, _b;
-    if (!countryCode || !currency) {
-      setError(props.missingFieldsErrorText);
-      return;
-    }
-    setError("");
-    try {
-      const vars = {
-        user: {
-          id: user.id,
-          accountId: user.accountId,
-        },
-        firstName: user.firstName,
-        lastName: user.lastName,
-        // phoneNumber: null,
-        // phoneNumberCountryCode: null,
-        countryCode,
-        currency,
-      };
-      const result = await startImpactConnection({ vars });
-      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
-        setError(props.networkErrorText);
-        return;
-      }
-      const connectionResult = result
-        .startImpactConnection;
-      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
-      if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
-        const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
-        setError(validationMsg || props.networkErrorText);
-        console.error("Failed to create Impact connection:", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
-        return;
-      }
-      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
-      await refetch();
-      setSuccess(true);
-      setVerificationContext(true);
-    }
-    catch (e) {
-      console.error("Partner creation error:", e);
-      setError(props.networkErrorText);
-    }
-  }
-  const showModal = !success &&
-    !userLoading &&
-    (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
-  return {
-    states: {
-      open: showModal,
-      loading: userLoading || countriesLoading || currenciesLoading,
-      submitting: connectLoading,
-      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
-      countryCode,
-      currency,
-      error,
-      success,
-      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
-      filteredCountries: filteredCountries || [],
-      filteredCurrencies: filteredCurrencies || [],
-    },
-    callbacks: {
-      onCountryChange,
-      onCurrencyChange,
-      setCurrencySearch,
-      setCountrySearch,
-      onSubmit,
-      onClose: () => setSuccess(true),
-    },
-    text: props.getTextProps(),
-  };
-}

package/dist/collection/components/sqm-widget-verification/WidgetVerification.stories.js

@@ -1,16 +0,0 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/Widget Verification",
-};
-export const Step1Email = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showCode: false },
-  }) }));
-export const Step2Code = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showCode: true },
-  }) }));
-export const Step3PartnerModal = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showPartnerModal: true },
-  }) }));
-export const Loading = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { loading: true },
-  }) }));

package/dist/esm/eventKeys-f76b6a03.js

@@ -1,3 +0,0 @@
-const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
-
-export { TAX_FORM_UPDATED_EVENT_KEY as T };

package/dist/esm/parseStates-ed75e224.js

@@ -1,14 +0,0 @@
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
-export { parseStates as p };