@saasquatch/mint-components 2.1.10-56 → 2.1.11-0

package/dist/esm/sqm-email-verification.entry.js

@@ -1,414 +0,0 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
-import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, q as Pn, w as wn, J, $ as $e, i as isDemo, o as En } from './index.module-b23fdad8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
-import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-c13c3b51.js';
-
-const UpsertUserEmailMutation = dist.gql `
-  mutation upsertUser($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      id
-      accountId
-      email
-    }
-  }
-`;
-const UserLookupQuery = dist.gql `
-  query user {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        impactConnection {
-          user {
-            id
-            email
-          }
-        }
-      }
-    }
-  }
-`;
-function useUpsertUserEmail() {
-  const user = J();
-  const [request, { loading: loading, data, errors }] = $e(UpsertUserEmailMutation);
-  const upsertUserEmail = async (email) => {
-    try {
-      const result = await request({
-        userInput: {
-          id: user.id,
-          accountId: user.accountId,
-          email,
-        },
-      });
-      if (result instanceof Error || !result)
-        throw new Error();
-      return result;
-    }
-    catch (e) {
-      console.error("Could not set email on user", e);
-      return undefined;
-    }
-  };
-  return [
-    upsertUserEmail,
-    {
-      loading,
-      data,
-      errors,
-    },
-  ];
-}
-function useWidgetEmailVerification(props) {
-  const [_, setShowCode] = Pn(SHOW_CODE_NAMESPACE);
-  const [email, setEmail] = Pn(VERIFICATION_EMAIL_NAMESPACE);
-  const [emailExists, setEmailExists] = useState(false);
-  const [error, setError] = useState(false);
-  const [mutationError, setMutationError] = useState(false);
-  const { initialized, send: [sendEmail, { loading: sendLoading, errors }], } = useVerificationEmail();
-  const [upsertUserEmail] = useUpsertUserEmail();
-  const [loading, setLoading] = useState(true);
-  const { data, loading: initialLoading } = wn(UserLookupQuery, {});
-  const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  useEffect(() => {
-    if (!(data === null || data === void 0 ? void 0 : data.viewer))
-      return;
-    setEmailExists(!!data.viewer.email);
-  }, [data]);
-  useEffect(() => {
-    if (initialized)
-      setLoading(false);
-  }, [initialized]);
-  const submitEmail = async (e) => {
-    e.preventDefault();
-    if (!(data === null || data === void 0 ? void 0 : data.viewer))
-      return;
-    setLoading(true);
-    const toAddress = data.viewer.email;
-    if (!toAddress) {
-      // If no email on the user, set one
-      const formData = e.detail.formData;
-      const newEmail = formData.get("email").toString();
-      if (!emailRegex.test(newEmail)) {
-        setError(true);
-        return;
-      }
-      const result = await upsertUserEmail(newEmail);
-      if (!result || !result.user.email)
-        setError(true);
-    }
-    // UI should not allow this call til initialisation is done
-    if (!initialized)
-      return;
-    const result = await sendEmail();
-    if (!result || !result.success)
-      setMutationError(true);
-    else {
-      // This is used to let the code verification widget know an email was already sent
-      setEmail(toAddress);
-      setShowCode(true);
-    }
-    setLoading(false);
-  };
-  return {
-    callbacks: {
-      submitEmail,
-    },
-    states: {
-      loading,
-      initialLoading: initialLoading && !initialized,
-      error,
-      email: data === null || data === void 0 ? void 0 : data.viewer.email,
-      sendCodeError: mutationError,
-    },
-    text: props.getTextProps(),
-  };
-}
-
-const style = {
-  Wrapper: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-  },
-  InputsContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    position: "relative",
-    flexDirection: "column",
-    maxWidth: "320px",
-  },
-  ContinueButton: {
-    width: "100%",
-    maxWidth: "100px",
-  },
-  SkeletonOne: {
-    width: "50%",
-    height: "16px",
-  },
-  SkeletonTwo: {
-    width: "30%",
-    height: "34px",
-  },
-  SkeletonThree: {
-    width: "15%",
-    height: "24px",
-  },
-  ErrorInput: {
-    "&::part(base)": {
-      border: "var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",
-      borderRadius: "var(--sqm-input-border-radius)",
-    },
-    "&::part(help-text)": {
-      color: "var(--sqm-danger-color-text)",
-    },
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-
-a {
-  color: inherit;
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-*::part(primarybutton-base),
-sl-button[type="primary"]::part(base) {
-  font-family: var(--sqm-primary-font);
-  width: 100%;
-  background-color: var(--sqm-primary-button-background);
-  color: var(--sqm-primary-button-color);
-  border-color: var(--sqm-primary-button-color-border);
-  border-radius: var(--sqm-primary-button-radius);
-}
-
-*::part(primarybutton-base):hover,
-sl-button[type="primary"]::part(base):hover{
-  background-color: var(--sqm-primary-button-background-hover);
-  border-color: var(--sqm-primary-button-border-color-hover);
-  color: var(--sqm-primary-button-color-hover);
-}
-
-
-*::part(primarybutton-base):focus,
-sl-button[type="primary"]::part(base):focus {
-  box-shadow: none;
-}
-
-*::part(secondarybutton-base),
-sl-button[type="secondary"]::part(base) {
-font-family: var(--sqm-primary-font);
-  background-color: var(--sqm-secondary-button-background);
-  color: var(--sqm-secondary-button-color);
-  border-color: var(--sqm-secondary-button-color-border);
-  border-radius: var(--sqm-secondary-button-radius);
-}
-
-*::part(secondarybutton-base):hover,
-sl-button[type="secondary"]::part(base):hover {
-  background-color: var(--sqm-secondary-button-background-hover);
-  color: var(--sqm-secondary-button-color-hover);
-  border-color: var(--sqm-secondary-button-border-color-hover);
-}
-
-*::part(input-label), *::part(select-label), *::part(textarea-label){
-  font-family: var(--sqm-primary-font);
-  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
-  font-weight: var(--sl-font-weight-semibold);
-  color: var(--sqm-input-label-color, var(--sqm-text), black);
-}
-
-*::part(input-base), *::part(select-base), *::part(textarea-base){
-  font-family: var(--sqm-primary-font);
-  background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
-  color: var(--sqm-input-color, white);
-  border-width: var(--sqm-border-thickness, 1px);
-}
-
-*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{
-  border-color: var(--sqm-border-color-hover);
-}
-
-*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{
-  border-color: var(--sqm-border-color-focus);
-}
-
-sqm-name-fields::part(input-base) {
-  font-family: var(--sqm-primary-font);
-  background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
-  color: var(--sqm-input-color, white);
-  border-width: var(--sqm-border-thickness, 1px);
-}
-
-sl-input::part(base):focus,
-sl-select::part(form-control-wrapper):focus,
-sl-textarea::part(textarea-label):focus {
-  border-color: var(--sqm-border-color-focus);
-}
-
-*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
-  background: var(--sqm-input-disabled-background, #f5f5f5);
-  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
-}
-
-*::part(input):-webkit-autofill {
-  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-}
-
-*::part(input):-webkit-autofill:hover {
-  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-}
-
-*::part(input):-webkit-autofill:focus {
-  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-}
-
-*::part(input)::placeholder,
-*::part(select)::placeholder, 
-*::part(textarea)::placeholder {
-  font-family: var(--sqm-primary-font);
-  color: var(--sqm-text-subdued);
-}
-
-*::part(input)::-webkit-input-placeholder,
-*::part(select)::-webkit-input-placeholder,
-*::part(textarea)::-webkit-input-placeholder {
-  font-family: var(--sqm-primary-font);
-  color: var(--sqm-text-subdued);
-}
-
-*::part(input)::-moz-placeholder,
-*::part(select)::-moz-placeholder,
-*::part(textarea)::-moz-placeholder {
-  font-family: var(--sqm-primary-font);
-  opacity: 1; /* Firefox adds an opacity to placeholders by default */
-  color: var(--sqm-text-subdued);
-}
-
-*::part(input)::-ms-input-placeholder,
-*::part(select)::-ms-input-placeholder,
-*::part(textarea)::-ms-input-placeholder {
-  font-family: var(--sqm-primary-font);
-  color: var(--sqm-text-subdued);
-}
-
-
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function WidgetEmailVerificationView(props) {
-  const { states, callbacks, text } = props;
-  const renderLoadingSkeleton = () => {
-    return (h("div", { class: sheet.classes.Wrapper },
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "34px", width: "30%" }),
-      h("sqm-skeleton", { height: "24px", width: "15%" }),
-      h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: true, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)));
-  };
-  return (h("div", { part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    states.sendCodeError && (h("sqm-form-message", { type: "error" },
-      h("p", { part: "alert-title" }, text.sendCodeErrorHeader),
-      intl.formatMessage({
-        id: "sendCodeErrorDescription",
-        defaultMessage: text.sendCodeErrorDescription,
-      }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-      }))),
-    states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
-      h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
-      h("sl-form", { "onSl-submit": callbacks.submitEmail },
-        h("div", { class: sheet.classes.InputsContainer },
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email || "", type: "email", id: "email", name: "email", disabled: !!states.email || states.loading }, (states.error
-            ? {
-              class: sheet.classes.ErrorInput,
-              helpText: text.emailValidationErrorText,
-            }
-            : {}))),
-          h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
-}
-
-const WidgetEmailVerification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Verify email widget header text
-     */
-    this.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
-     */
-    this.sendCodeErrorHeader = "There was an error sending your code";
-    /**
-     * @uiName Support link text
-     */
-    this.supportLink = "support team";
-    /**
-     * @uiName Send code to email alert description
-     */
-    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program {supportLink}.";
-    /**
-     * @uiName Email input label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Send code button text
-     */
-    this.sendCodeText = "Send code";
-    /**
-     * @uiName Send code button text
-     */
-    this.emailValidationErrorText = "Please enter a valid email";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  getTextProps() {
-    return getProps(this);
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoWidgetEmailVerification(this)
-      : useWidgetEmailVerification(this);
-    return h(WidgetEmailVerificationView, Object.assign({}, props));
-  }
-};
-function useDemoWidgetEmailVerification(props) {
-  const setShowCode = En(SHOW_CODE_NAMESPACE);
-  return cjs({
-    states: {
-      error: true,
-      initialLoading: false,
-      loading: false,
-      email: "test@example.com",
-      sendCodeError: true,
-    },
-    callbacks: {
-      submitEmail: async () => setShowCode(true),
-    },
-    text: props.getTextProps(),
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { WidgetEmailVerification as sqm_email_verification };

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

@@ -1,210 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, I as In, o as En, X as Xe, i as isDemo } from './index.module-b23fdad8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-334c1e34.js';
-import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
-import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
-
-const USER_LOOKUP = dist.gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-        managedIdentity {
-          email
-          emailVerified
-        }
-      }
-    }
-  }
-`;
-function useWidgetVerification() {
-  const userIdentity = J();
-  const [showCode, setShowCode] = In({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = In({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = useState(true);
-  const [fetch] = Xe(USER_LOOKUP);
-  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) {
-    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 = "{}";
-    h(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = getProps(this);
-    return extractProps(props, prefix);
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoWidgetVerificationInternal(this)
-      : useWidgetVerification();
-    if (props.loading)
-      return h$1("sl-spinner", null);
-    const generalText = this.getStepTextProps("general_");
-    return (h$1("div", null, h$1("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), h$1("p", { style: {
-        color: "var(--sl-color-neutral-500)",
-        fontSize: "var(--sl-font-size-medium)",
-        margin: "0",
-      } }, generalText.verifyEmailDescription), props.showCode ? (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_")))) : (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))))));
-  }
-};
-function useDemoWidgetVerificationInternal(props) {
-  const [showCode, setShowCode] = In({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = In({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: undefined,
-  });
-  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
-  const states = 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({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
-}
-
-export { WidgetVerification as sqm_widget_verification };

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

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};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";var style={Container:{display:"flex",flexDirection:"column",gap:"35px"},HeaderContainer:{display:"flex",flexDirection:"column",gap:"10px"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var LoadingView=function(){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(e){var n=["W9","W8BENE","W8BEN"];if(n.includes(e))return true;return false}var objectIsFull=function(e){return!Object.keys(e).find((function(n){return e[n]==undefined}))};var taxTypeToName=function(e){switch(e){case"W9":return"W-9";case"W8BEN":case"W8BENE":return"W-8";default:return""}};function validateBillingField(e,n){var t=n.trim();var a=t.search(e);return a>-1}var formatErrorMessage=function(e,n){return intl.formatMessage({id:e,defaultMessage:n},{fieldName:e})};function getCountryObj(e){var n=e.countryCode,t=e.locale;var a=new Intl.DisplayNames([t],{type:"region"}).of(n);return{countryCode:n,displayName:a}}var TAX_CONTEXT_NAMESPACE="sq:tax-and-cash";var TAX_FORM_CONTEXT_NAMESPACE="sq:tax-form-context";var USER_QUERY_NAMESPACE="sq:user-info-query";var USER_FORM_CONTEXT_NAMESPACE="sq:user-form-context";var FINANCE_NETWORK_SETTINGS_NAMESPACE="sq:finance-network-settings";var COUNTRIES_NAMESPACE="sq:countries:list";var SORTED_COUNTRIES_NAMESPACE="sq:countries:sorted";var COUNTRIES_QUERY_NAMESPACE="sq:countries:query";var CURRENCIES_NAMESPACE="sq:currencies:list";var CURRENCIES_QUERY_NAMESPACE="sq:currencies:query";var GET_USER=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query getUserTaxInfo {\n    user: viewer {\n      ... on User {\n        id\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        rewards(limit: 1000) {\n          data {\n            statuses\n            partnerFundsTransfer {\n              id\n              status\n              dateScheduled\n              dateCreated\n              dateTransferred\n            }\n          }\n        }\n        managedIdentity {\n          uid\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n          user {\n            firstName\n            lastName\n          }\n          publisher {\n            id\n            brandedSignup\n            countryCode\n            currency\n            billingAddress\n            billingCity\n            billingState\n            billingCountryCode\n            billingPostalCode\n            phoneNumberCountryCode\n            phoneNumber\n            taxInformation {\n              indirectTaxId\n              indirectTaxCountryCode\n              indirectTaxRegion\n              additionalTaxId\n              withholdingTaxId\n              withholdingTaxCountryCode\n            }\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n              paypalEmailAddress\n              bankCountry\n              bankAccountNumber\n              paymentSchedulingType\n              paymentThreshold\n              paymentDay\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getUserTaxInfo {\n    user: viewer {\n      ... on User {\n        id\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        rewards(limit: 1000) {\n          data {\n            statuses\n            partnerFundsTransfer {\n              id\n              status\n              dateScheduled\n              dateCreated\n              dateTransferred\n            }\n          }\n        }\n        managedIdentity {\n          uid\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n          user {\n            firstName\n            lastName\n          }\n          publisher {\n            id\n            brandedSignup\n            countryCode\n            currency\n            billingAddress\n            billingCity\n            billingState\n            billingCountryCode\n            billingPostalCode\n            phoneNumberCountryCode\n            phoneNumber\n            taxInformation {\n              indirectTaxId\n              indirectTaxCountryCode\n              indirectTaxRegion\n              additionalTaxId\n              withholdingTaxId\n              withholdingTaxCountryCode\n            }\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n              paypalEmailAddress\n              bankCountry\n              bankAccountNumber\n              paymentSchedulingType\n              paymentThreshold\n              paymentDay\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"])));var GET_COUNTRIES=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"],["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"])));var GET_CURRENCIES=dist.gql(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"],["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"])));var GET_FINANCE_NETWORK_SETTINGS=dist.gql(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  query impactFinanceNetworkSettings(\n    $filter: ImpactFinanceNetworkSettingsFilterInput\n  ) {\n    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {\n      data {\n        countryCode\n        currency\n        defaultFinancePaymentMethodId\n        thresholdOptions\n        withdrawalSettingId\n        internationalEftFee\n        foreignFxFee\n        defaultFxFee\n      }\n      totalCount\n    }\n  }\n"],["\n  query impactFinanceNetworkSettings(\n    $filter: ImpactFinanceNetworkSettingsFilterInput\n  ) {\n    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {\n      data {\n        countryCode\n        currency\n        defaultFinancePaymentMethodId\n        thresholdOptions\n        withdrawalSettingId\n        internationalEftFee\n        foreignFxFee\n        defaultFxFee\n      }\n      totalCount\n    }\n  }\n"])));var 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};var templateObject_1,templateObject_2,templateObject_3,templateObject_4;

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

@@ -1 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++){r=arguments[e];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))t[s]=r[s]}return t};return __assign.apply(this,arguments)};function parseStates(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(t){return undefined}}if(typeof t==="object")return t}function extractProps(t,r){var e=Object.keys(t).filter((function(t){return t.startsWith(r)}));var n=e.reduce((function(e,n){var s;var a=n.replace(r,"");return __assign(__assign({},e),(s={},s[a]=t[n],s))}),{});return n}export{extractProps as e,parseStates as p};