@saasquatch/mint-components 2.2.0 → 2.3.0-10

package/dist/cjs/sqm-widget-verification.cjs.entry.js

@@ -1,214 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8277cbb3.js');
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
-const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
-const extractProps = require('./extractProps-e9c55ba8.js');
-const keys = require('./keys-cff24974.js');
-
-const USER_LOOKUP = index_module.dist.gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-        managedIdentity {
-          email
-          emailVerified
-        }
-      }
-    }
-  }
-`;
-function useWidgetVerification() {
-  const userIdentity = index_module.J();
-  const [showCode, setShowCode] = index_module.In({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.In({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = domContextHooks_module.useState(true);
-  const [fetch] = index_module.Xe(USER_LOOKUP);
-  domContextHooks_module.useEffect(() => {
-    const checkUser = async () => {
-      var _a, _b, _c;
-      try {
-        const res = await fetch({});
-        if (!res || res instanceof Error)
-          throw new Error();
-        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
-          setContext(true);
-        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
-          setContext(true);
-      }
-      catch (e) {
-        console.error("Could not fetch user information:", e);
-      }
-      finally {
-        setLoading(false);
-      }
-    };
-    checkUser();
-  }, []);
-  const onVerification = () => {
-    setContext(true);
-  };
-  return { showCode, onVerification, loading };
-}
-
-const WidgetVerification = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    GENERAL PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName General verify widget header text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailHeader = "Verify your email";
-    /**
-     * @uiName General verify widget description text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    EMAIL STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify email widget header text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
-    /**
-     * @uiName Send code to email alert header
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
-    /**
-     * @uiName Send code to email alert description
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
-    /**
-     * @uiName Email input label
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailLabel = "Email";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeText = "Send code";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailValidationErrorText = "Please enter a valid email";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    EMAIL STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * @uiName Reverify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * Text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
-    /**
-     * The link that appears in the resend code link
-     * @uiName Resend code label
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeLabel = "Resend code";
-    /**
-     * Link text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
-    /**
-     * Error text displayed under verification input
-     * @uiName Invalid code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
-    /**
-     * @uiName Verify code button text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyText = "Verify";
-    /**
-     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /**
-     * @undocumented
-     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     */
-    this.stateController = "{}";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = utils.getProps(this);
-    return extractProps.extractProps(props, prefix);
-  }
-  render() {
-    const props = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal(this)
-      : useWidgetVerification();
-    if (props.loading)
-      return index.h("sl-spinner", null);
-    const generalText = this.getStepTextProps("general_");
-    return (index.h("div", null, index.h("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), index.h("p", { style: {
-        color: "var(--sl-color-neutral-500)",
-        fontSize: "var(--sl-font-size-medium)",
-        margin: "0",
-      } }, generalText.verifyEmailDescription), props.showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps.extractProps(props, "sqm-code-verification_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps.extractProps(props, "sqm-email-verification_"))))));
-  }
-};
-function useDemoWidgetVerificationInternal(props) {
-  const [showCode, setShowCode] = index_module.In({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.In({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: undefined,
-  });
-  const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = extractProps.parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
-  const onVerification = () => {
-    setContext(true);
-  };
-  return cjs.cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_widget_verification = WidgetVerification;

package/dist/esm/data-12e6aae1.js

@@ -1,216 +0,0 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
-import { d as dist } from './index.module-b23fdad8.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Container: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "35px",
-  },
-  HeaderContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const LoadingView = () => {
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("sqm-skeleton", { width: "45%", height: "40px !important" }),
-    h("div", { class: sheet.classes.HeaderContainer },
-      h("sqm-skeleton", { width: "15%" }),
-      h("sqm-skeleton", { width: "25%", height: "30px !important" })),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "15%" }),
-    h("sqm-skeleton", { width: "80px", height: "30px !important" })));
-};
-
-function validTaxDocument(requiredType) {
-  const validTypes = ["W9", "W8BENE", "W8BEN"];
-  if (validTypes.includes(requiredType))
-    return true;
-  return false;
-}
-const objectIsFull = (obj) => {
-  return !Object.keys(obj).find((k) => obj[k] == undefined);
-};
-const taxTypeToName = (taxType) => {
-  switch (taxType) {
-    case "W9":
-      return "W-9";
-    case "W8BEN":
-    case "W8BENE":
-      return "W-8";
-    default:
-      return "";
-  }
-};
-function validateBillingField(regex, value) {
-  const trimmed = value.trim();
-  const idx = trimmed.search(regex);
-  return idx > -1;
-}
-const formatErrorMessage = (fieldName, errorMessage) => {
-  return intl.formatMessage({
-    id: fieldName,
-    defaultMessage: errorMessage,
-  }, {
-    fieldName,
-  });
-};
-function getCountryObj({ countryCode, locale, }) {
-  // @ts-ignore DisplayNames not in Intl type
-  const displayName = new Intl.DisplayNames([locale], {
-    type: "region",
-  }).of(countryCode);
-  return {
-    countryCode,
-    displayName,
-  };
-}
-
-const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
-const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
-const USER_QUERY_NAMESPACE = "sq:user-info-query";
-const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
-const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
-const COUNTRIES_NAMESPACE = "sq:countries:list";
-const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
-const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
-const CURRENCIES_NAMESPACE = "sq:currencies:list";
-const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
-const GET_USER = dist.gql `
-  query getUserTaxInfo {
-    user: viewer {
-      ... on User {
-        id
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        rewards(limit: 1000) {
-          data {
-            statuses
-            partnerFundsTransfer {
-              id
-              status
-              dateScheduled
-              dateCreated
-              dateTransferred
-            }
-          }
-        }
-        managedIdentity {
-          uid
-          email
-          emailVerified
-        }
-        impactConnection {
-          connected
-          user {
-            firstName
-            lastName
-          }
-          publisher {
-            id
-            brandedSignup
-            countryCode
-            currency
-            billingAddress
-            billingCity
-            billingState
-            billingCountryCode
-            billingPostalCode
-            phoneNumberCountryCode
-            phoneNumber
-            taxInformation {
-              indirectTaxId
-              indirectTaxCountryCode
-              indirectTaxRegion
-              additionalTaxId
-              withholdingTaxId
-              withholdingTaxCountryCode
-            }
-            requiredTaxDocumentType
-            currentTaxDocument {
-              status
-              type
-              dateCreated
-            }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              holdReasons
-              balance
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COUNTRIES = dist.gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-const GET_CURRENCIES = dist.gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-const GET_FINANCE_NETWORK_SETTINGS = dist.gql `
-  query impactFinanceNetworkSettings(
-    $filter: ImpactFinanceNetworkSettingsFilterInput
-  ) {
-    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
-      data {
-        countryCode
-        currency
-        defaultFinancePaymentMethodId
-        thresholdOptions
-        withdrawalSettingId
-        internationalEftFee
-        foreignFxFee
-        defaultFxFee
-      }
-      totalCount
-    }
-  }
-`;
-const FORM_STEPS = 4;
-
-export { CURRENCIES_NAMESPACE as C, FORM_STEPS as F, GET_USER as G, LoadingView as L, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, formatErrorMessage as f, getCountryObj as g, FINANCE_NETWORK_SETTINGS_NAMESPACE as h, GET_FINANCE_NETWORK_SETTINGS as i, CURRENCIES_QUERY_NAMESPACE as j, GET_CURRENCIES as k, validTaxDocument as l, objectIsFull as o, taxTypeToName as t, validateBillingField as v };

package/dist/esm/extractProps-54064fb0.js

@@ -1,32 +0,0 @@
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
-/**
- * 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, parseStates as p };

package/dist/esm/keys-406491dc.js

@@ -1,6 +0,0 @@
-const SHOW_CODE_NAMESPACE = "sq:code-verification";
-const VERIFICATION_EMAIL_NAMESPACE = "sq:verification-email";
-const VERIFICATION_PARENT_NAMESPACE = "sq:verification-context";
-const VERIFICATION_EVENT_KEY = "sq:code-verified";
-
-export { SHOW_CODE_NAMESPACE as S, VERIFICATION_EMAIL_NAMESPACE as V, VERIFICATION_PARENT_NAMESPACE as a, VERIFICATION_EVENT_KEY as b };