@saasquatch/mint-components 1.12.0-9 → 1.12.1-0

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

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const JSS = require('./JSS-8503a151.js');
-
-const REVEAL_EVENT = "sq:reveal";
-function useScroll(props) {
-  const { scrollTagName, scrollId } = props;
-  async function scroll() {
-    const element = document === null || document === void 0 ? void 0 : document.querySelector(scrollTagName || `#${scrollId}`);
-    element.dispatchEvent(new CustomEvent(REVEAL_EVENT, {
-      detail: scrollTagName || `#${scrollId}`,
-      bubbles: true,
-      composed: true,
-    }));
-    await new Promise((resolve) => setTimeout(resolve, 500));
-    element.scrollIntoView({ behavior: props.scrollAnimation });
-  }
-  return {
-    callbacks: { scroll },
-  };
-}
-
-const Scroll = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Button type
-     * @uiType string
-     * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-     * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
-  
-     */
-    this.buttonType = "default";
-    /**
-     * @uiName Scroll animation style
-     * @uiType string
-     * @uiEnum ["smooth", "auto"]
-     * @uiEnumNames ["Smooth", "Auto"]
-     */
-    this.scrollAnimation = "smooth";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    var _a;
-    const { callbacks } = useScroll(this);
-    const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
-    const style = {
-      Button: {
-        "& .outline": {
-          "&::part(base)": {
-            color: "var(--sl-color-" + outlineColor + "-500)",
-            borderColor: "var(--sl-color-" + outlineColor + "-500)",
-            backgroundColor: "transparent",
-            "&:hover": {
-              color: "var(--sl-color-primary-text)",
-              backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
-            },
-          },
-        },
-        "& .neutral": {
-          "&::part(base)": {
-            color: "var(--sl-color-primary-text)",
-            background: "var(--sl-color-neutral-500)",
-            "&:hover": {
-              opacity: "0.8",
-            },
-          },
-        },
-        "& .mobile": {
-          "@media (max-width: 499px)": {
-            width: "100%",
-          },
-        },
-      },
-    };
-    const sheet = JSS.createStyleSheet(style);
-    const styleString = sheet.toString();
-    const vanillaStyle = `
-		:host{
-			display: contents;
-		}
-		${this.mobile &&
-      `
-		@media only screen and (max-width: 499px) {
-			:host {
-				display: block;
-				width: 100%;
-			}
-		}
-	  `}
-	`;
-    let classStack = "";
-    if (this.outline && this.buttonType != "default")
-      classStack += "outline ";
-    if (this.buttonType === "neutral")
-      classStack += "neutral ";
-    if (this.mobile)
-      classStack += "mobile ";
-    return (index.h("div", { class: sheet.classes.Button }, index.h("style", { type: "text/css" }, vanillaStyle, styleString), index.h("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack }, (this.iconSlot || this.iconName) && (index.h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, index.h("slot", null))));
-  }
-};
-
-exports.sqm_scroll = Scroll;

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

@@ -1,103 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-const utils = require('./utils-6847bc06.js');
-const keys = require('./keys-cff24974.js');
-const extractProps = require('./extractProps-fd93ba62.js');
-
-const USER_LOOKUP = index_module.dist.gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-      }
-    }
-  }
-`;
-function useWidgetVerificationInternal() {
-  const userIdentity = index_module.K();
-  const [showCode, setShowCode] = index_module.Fn({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.Fn({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = index_module.Sn(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = stencilHooks_module.useState(true);
-  const [fetch] = index_module.an(USER_LOOKUP);
-  stencilHooks_module.useEffect(() => {
-    const checkUser = async () => {
-      var _a;
-      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);
-      }
-      catch (e) {
-        console.error("Could not fetch user information:", e);
-      }
-      finally {
-        setLoading(false);
-      }
-    };
-    checkUser();
-  }, []);
-  const onVerification = () => {
-    setContext(true);
-  };
-  return { showCode, onVerification, loading };
-}
-const WidgetVerificationInternal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = utils.getProps(this);
-    return extractProps.extractProps(props, prefix);
-  }
-  render() {
-    const { showCode, onVerification, loading } = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal()
-      : useWidgetVerificationInternal();
-    // TODO: Shoelace spinner is throwing errors
-    if (loading)
-      return index.h("div", null);
-    // if (loading) {
-    //   return <sl-spinner style="font-size: 2rem;"></sl-spinner>;
-    // }
-    if (showCode) {
-      return (index.h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_"))));
-    }
-    return (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))));
-  }
-};
-function useDemoWidgetVerificationInternal() {
-  const [showCode, setShowCode] = index_module.Fn({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.Fn({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: undefined,
-  });
-  const setContext = index_module.Sn(keys.VERIFICATION_PARENT_NAMESPACE);
-  const onVerification = () => {
-    setContext(true);
-  };
-  return { showCode, onVerification, loading: false };
-}
-
-exports.sqm_widget_verification_internal = WidgetVerificationInternal;

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

@@ -1,210 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-const utils = require('./utils-6847bc06.js');
-const keys = require('./keys-cff24974.js');
-
-const debug = stencilHooks_module.browser("sq:widget-verification");
-function useTemplateChildren({ parent, callback }) {
-  const parentObserver = new MutationObserver(listenForTemplateChanges);
-  const childTemplateObserver = new MutationObserver(callback);
-  parentObserver.observe(parent, {
-    childList: true,
-    // We only care about immediate children templates
-    subtree: false,
-  });
-  listenForTemplateChanges({ addedNodes: parent.querySelectorAll("template") });
-  function listenForTemplateChanges(mutationList) {
-    var _a;
-    // Be smart, only look at the mutation list
-    (_a = mutationList.addedNodes) === null || _a === void 0 ? void 0 : _a.forEach((t) => {
-      childTemplateObserver.observe(t.content, {
-        childList: true,
-        attributes: true,
-        // Look deep into the templates for re-rendering
-        subtree: true,
-      });
-    });
-  }
-  return () => {
-    parentObserver.disconnect();
-    childTemplateObserver.disconnect();
-  };
-}
-const WidgetVerification = class {
-  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                CODE STEP PROPS
-  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                  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.";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const [context, setContext] = index_module.Fn({
-      namespace: keys.VERIFICATION_PARENT_NAMESPACE,
-      initialValue: false,
-    });
-    const [container, setContainer] = stencilHooks_module.useState(undefined);
-    const [slot, setSlot] = stencilHooks_module.useState(undefined);
-    const updateTemplates = index_module.useCallback(() => {
-      const isAuth = context;
-      const templates = slot.querySelectorAll(`template`);
-      const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
-      if (template) {
-        // use outerHTML if template's innerHTML is unset (only happens in Stencilbook)
-        const newContent = template.innerHTML || template.firstElementChild.outerHTML;
-        // if template contents are an exact match
-        if (newContent === container.innerHTML) {
-          debug("don't rerender");
-        }
-        else if (template) {
-          container.innerHTML = newContent;
-        }
-      }
-      const plopTargets = Array.from(slot.children).filter((el) => el.tagName === "RAISINS-PLOP-TARGET");
-      // if editing in raisins
-      if (plopTargets.length) {
-        const loggedInPlopTargets = plopTargets.filter((el) => el.slot === "verified");
-        const loggedOutPlopTargets = plopTargets.filter((el) => el.slot === "not-verified");
-        loggedOutPlopTargets.forEach((target, i) => {
-          if (isAuth) {
-            target.style.display = "none";
-            return;
-          }
-          // Place last plop target at the bottom of the parent
-          if (i === loggedOutPlopTargets.length - 1) {
-            target.style.bottom = "0px";
-            target.style.left = "0px";
-            target.style.right = "0px";
-            target.style.position = "absolute";
-          }
-          target.style.height = "25px";
-        });
-        loggedInPlopTargets.forEach((target, i) => {
-          if (!isAuth) {
-            target.style.display = "none";
-            return;
-          }
-          // Place last plop target at the bottom of the parent
-          if (i === loggedInPlopTargets.length - 1) {
-            target.style.bottom = "0px";
-            target.style.left = "0px";
-            target.style.right = "0px";
-            target.style.position = "absolute";
-          }
-          target.style.height = "25px";
-        });
-      }
-    }, [container, slot, context]);
-    stencilHooks_module.useEffect(() => {
-      if (!container || !slot) {
-        debug("DOM not ready:");
-        return;
-      }
-      // Run on first render
-      updateTemplates();
-      return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context]);
-    // useEffect(() => {
-    //   const host = useHost();
-    //   const callback = (e: CustomEvent) => {
-    //     e.stopPropagation();
-    //     setContext({ token: e.detail.token });
-    //   };
-    //   host.addEventListener(VERIFICATION_EVENT_KEY, callback);
-    //   return () => {
-    //     host.removeEventListener(VERIFICATION_EVENT_KEY, callback);
-    //   };
-    // }, []);
-    return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("template", { slot: "not-verified" }, index.h("sqm-widget-verification-internal", Object.assign({}, utils.getProps(this)))), index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
-  }
-};
-
-exports.sqm_widget_verification = WidgetVerification;

package/dist/cjs/usePayoutStatus-b9fb7399.js

@@ -1,70 +0,0 @@
-'use strict';
-
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-
-const GET_USER_STATUS = index_module.dist.gql `
-  query getUserStatus {
-    user: viewer {
-      ... on User {
-        id
-        impactConnection {
-          connected
-          publisher {
-            id
-            payoutsAccount {
-              hold
-              holdReasons
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-function getStatus(data) {
-  var _a, _b, _c, _d, _e;
-  const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
-  if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
-    return "INFORMATION_REQUIRED";
-  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
-    return "VERIFICATION_NEEDED";
-  if (account.hold)
-    return "HOLD";
-  return "DONE";
-}
-function usePayoutStatus(props) {
-  const { type } = index_module.getEnvironmentSDK();
-  const { loading, data, errors, refetch } = index_module.En(GET_USER_STATUS, {});
-  const [status, setStatus] = stencilHooks_module.useState(undefined);
-  const [showDialog, setShowDialog] = stencilHooks_module.useState(false);
-  stencilHooks_module.useEffect(() => {
-    if (!data)
-      return;
-    const s = getStatus(data);
-    setStatus(s);
-  }, [data]);
-  stencilHooks_module.useEffect(() => {
-    const cb = () => refetch();
-    window.addEventListener("sqm:tax-form-updated", cb);
-    return () => window.removeEventListener("sqm:tax-form-updated", cb);
-  }, []);
-  return {
-    states: {
-      loading,
-      status,
-      showVerifyIdentity: showDialog,
-      error: !!errors,
-    },
-    data: { type },
-    text: props.getTextProps(),
-    callbacks: {
-      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
-      onClick: () => setShowDialog(true),
-      onCancel: () => setShowDialog(false),
-    },
-  };
-}
-
-exports.getStatus = getStatus;
-exports.usePayoutStatus = usePayoutStatus;

package/dist/cjs/useVerificationEmail-6aacdb71.js

@@ -1,169 +0,0 @@
-'use strict';
-
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-
-const UserLookupQuery = index_module.dist.gql `
-  query userLookup {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        impactConnection {
-          user {
-            id
-            email
-          }
-        }
-      }
-    }
-  }
-`;
-const ParticipantVerificationEmailMutation = index_module.dist.gql `
-  mutation requestUserEmailVerification($user: UserIdInput!) {
-    requestUserEmailVerification(user: $user) {
-      success
-    }
-  }
-`;
-const ImpactVerificationEmailMutation = index_module.dist.gql `
-  mutation requestImpactPublisherEmail2FA($user: UserIdInput!) {
-    requestImpactPublisherEmail2FA(user: $user) {
-      success
-    }
-  }
-`;
-const VerifyUserEmailMutation = index_module.dist.gql `
-  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
-    verifyUserEmail(user: $user, code: $code) {
-      id
-      accountId
-      email
-      emailVerified
-    }
-  }
-`;
-const SubmitImpactCodeMutation = index_module.dist.gql `
-  mutation submitImpactPublisherEmail2FACode(
-    $user: UserIdInput!
-    $code: String!
-  ) {
-    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
-      verifiedEmail
-      accessKey
-    }
-  }
-`;
-// ! It's important when using this hook to ensure initialisation
-// ! is done before calling any mutations
-function useVerificationEmail() {
-  const userIdentity = index_module.K();
-  const [hasEmails, setHasEmails] = stencilHooks_module.useState({
-    participant: false,
-    impact: false,
-  });
-  const [fetch] = index_module.an(UserLookupQuery);
-  // Send mutations
-  const [sendParticipantEmail, { loading: participantEmailLoading, errors: participantEmailErrors },] = index_module.xe(ParticipantVerificationEmailMutation);
-  const [sendImpactEmail, { loading: impactEmailLoading, errors: impactEmailErrors },] = index_module.xe(ImpactVerificationEmailMutation);
-  const sendLoading = participantEmailLoading || impactEmailLoading;
-  const sendErrors = participantEmailErrors || impactEmailErrors;
-  // Verification mutations
-  const [verifyUserEmail, { loading: verifyMutationLoading, errors: verifyMutationErrors },] = index_module.xe(VerifyUserEmailMutation);
-  const [submitImpactCode, { loading: submitImpactCodeLoading, errors: submitImpactCodeErrors },] = index_module.xe(SubmitImpactCodeMutation);
-  const verifyLoading = verifyMutationLoading || submitImpactCodeLoading;
-  const verifyErrors = verifyMutationErrors || submitImpactCodeErrors;
-  const [initialized, setInitialized] = stencilHooks_module.useState(false);
-  const initialise = async () => {
-    var _a, _b, _c, _d;
-    try {
-      const lookup = await fetch({});
-      if (!lookup || lookup instanceof Error)
-        throw new Error();
-      setHasEmails({
-        participant: !!((_a = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _a === void 0 ? void 0 : _a.email),
-        impact: !!((_d = (_c = (_b = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.email),
-      });
-      setInitialized(true);
-    }
-    catch (e) {
-      console.error("Could not initialise verification", e);
-    }
-  };
-  const sendVerificationEmail = async () => {
-    let result = null;
-    if (!initialized)
-      return result;
-    if (!hasEmails.participant && !hasEmails.impact)
-      return result;
-    try {
-      const request = hasEmails.impact ? sendImpactEmail : sendParticipantEmail;
-      const res = await request({
-        user: {
-          id: userIdentity.id,
-          accountId: userIdentity.accountId,
-        },
-      });
-      if (res instanceof Error || !res)
-        throw new Error();
-      result = hasEmails.impact
-        ? res.requestImpactPublisherEmail2FA
-        : res.requestUserEmailVerification;
-    }
-    catch (e) {
-      console.error("Could not send verification email", e);
-    }
-    finally {
-      return result;
-    }
-  };
-  const verifyVerificationEmail = async (code) => {
-    var _a;
-    let result = null;
-    if (!initialized)
-      return result;
-    if (!hasEmails.participant && !hasEmails.impact)
-      return result;
-    try {
-      const request = hasEmails.impact ? submitImpactCode : verifyUserEmail;
-      const res = await request({
-        user: {
-          id: userIdentity.id,
-          accountId: userIdentity.accountId,
-        },
-        code,
-      });
-      if (res instanceof Error || !res)
-        throw new Error();
-      result = {
-        success: true,
-        accessKey: hasEmails.impact
-          ? (_a = res.submitImpactPublisherEmail2FACode) === null || _a === void 0 ? void 0 : _a.accessKey : undefined,
-      };
-    }
-    catch (e) {
-      console.error("Could not verify email", e);
-    }
-    finally {
-      return result;
-    }
-  };
-  stencilHooks_module.useEffect(() => {
-    if (!initialized)
-      initialise();
-  }, []);
-  return {
-    initialized,
-    send: [
-      sendVerificationEmail,
-      { loading: sendLoading, errors: sendErrors },
-    ],
-    verify: [
-      verifyVerificationEmail,
-      { loading: verifyLoading, errors: verifyErrors },
-    ],
-  };
-}
-
-exports.useVerificationEmail = useVerificationEmail;

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

@@ -1,8 +0,0 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/Payout Scroll Button",
-};
-const defaultProps = {
-  payoutSettingsComplete: true,
-};
-export const CompletedTaxForm = () => (h("sqm-payout-button-scroll", { demoData: { states: { ...defaultProps, payoutSettingsComplete: true } } }));

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

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-const style = {
-  Wrapper: {
-    maxWidth: "200px",
-  },
-  PayoutButtonDescription: {
-    color: "var(--sl-color-neutral-500)",
-    fontSize: "var(--sl-font-size-small)",
-    margin: "0",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function PayoutButtonScrollView(props) {
-  const { text, states } = props;
-  if (!states.payoutSettingsComplete)
-    return h("div", null);
-  return (h("div", { part: "sqm-base", class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" }, styleString),
-    h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": text.payoutButtonText, "scroll-animation": "smooth" }),
-    h("p", { class: sheet.classes.PayoutButtonDescription }, text.payoutButtonDescription)));
-}