@saasquatch/mint-components 2.1.9-9 → 2.1.10-0

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

@@ -1,232 +0,0 @@
-import { useLocale, useMutation, useQuery, useSetParent, } from "@saasquatch/component-boilerplate";
-import { useEffect, 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";
-// 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
-          publisher {
-            phoneNumber
-            phoneNumberCountryCode
-            countryCode
-            currency
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-            withdrawalSettings {
-              paymentMethod
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-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 GET_BRAND_NAME = gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
-export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  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 [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
-  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) || "");
-  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) || "");
-  console.log(countryCode, currency, "initial country and currency state"); // TEMP
-  const [countrySearch, setCountrySearch] = useState("");
-  const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
-  const [error, setError] = useState("");
-  const [success, setSuccess] = useState(false);
-  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
-  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
-  console.log(user, "user data from partner info query"); // TEMP
-  useEffect(() => {
-    var _a;
-    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
-      setCountryCode(user.impactConnection.publisher.countryCode);
-      setCurrency(user.impactConnection.publisher.currency);
-    }
-  }, [userData]);
-  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 connectImpactPartner({ vars });
-      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
-        setError(props.networkErrorText);
-        return;
-      }
-      const connectionResult = result
-        .createImpactConnection;
-      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);
-    }
-  }
-  console.log(success, "success state in partner info modal");
-  const showModal = !success &&
-    !userLoading &&
-    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
-  console.log(showModal, "showModal condition in partner info modal"); // TEMP
-  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: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.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 };