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

package/dist/collection/components/sqm-widget-verification/sqm-widget-verification-internal.js

@@ -1,339 +0,0 @@
-import { isDemo, useLazyQuery, useParentState, useSetParent, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { useState, withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop } from "@stencil/core";
-import { SHOW_CODE_NAMESPACE, VERIFICATION_EMAIL_NAMESPACE, VERIFICATION_PARENT_NAMESPACE, } from "./keys";
-import { getProps } from "../../utils/utils";
-import { extractProps } from "../tax-and-cash/sqm-tax-and-cash/extractProps";
-import { gql } from "graphql-request";
-import { useEffect } from "@saasquatch/universal-hooks";
-const USER_LOOKUP = gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-      }
-    }
-  }
-`;
-function useWidgetVerificationInternal() {
-  const userIdentity = useUserIdentity();
-  const [showCode, setShowCode] = useParentState({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = useParentState({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = useState(true);
-  const [fetch] = useLazyQuery(USER_LOOKUP);
-  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 };
-}
-export class WidgetVerificationInternal {
-  constructor() {
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = getProps(this);
-    return extractProps(props, prefix);
-  }
-  render() {
-    const { showCode, onVerification, loading } = isDemo()
-      ? useDemoWidgetVerificationInternal()
-      : useWidgetVerificationInternal();
-    // TODO: Shoelace spinner is throwing errors
-    if (loading)
-      return h("div", null);
-    // if (loading) {
-    //   return <sl-spinner style="font-size: 2rem;"></sl-spinner>;
-    // }
-    if (showCode) {
-      return (h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_"))));
-    }
-    return (h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))));
-  }
-  static get is() { return "sqm-widget-verification-internal"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "emailStep_verifyEmailHeaderText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_verify-email-header-text",
-      "reflect": false
-    },
-    "emailStep_sendCodeErrorHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_send-code-error-header",
-      "reflect": false
-    },
-    "emailStep_sendCodeErrorDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_send-code-error-description",
-      "reflect": false
-    },
-    "emailStep_emailLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_email-label",
-      "reflect": false
-    },
-    "emailStep_sendCodeText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_send-code-text",
-      "reflect": false
-    },
-    "emailStep_emailValidationErrorText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email-step_email-validation-error-text",
-      "reflect": false
-    },
-    "codeStep_verifyCodeHeaderText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_verify-code-header-text",
-      "reflect": false
-    },
-    "codeStep_reverifyCodeHeaderText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_reverify-code-header-text",
-      "reflect": false
-    },
-    "codeStep_resendCodeText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_resend-code-text",
-      "reflect": false
-    },
-    "codeStep_resendCodeLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_resend-code-label",
-      "reflect": false
-    },
-    "codeStep_codeResentSuccessfullyText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_code-resent-successfully-text",
-      "reflect": false
-    },
-    "codeStep_invalidCodeText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_invalid-code-text",
-      "reflect": false
-    },
-    "codeStep_verifyText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_verify-text",
-      "reflect": false
-    },
-    "codeStep_networkErrorMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "code-step_network-error-message",
-      "reflect": false
-    }
-  }; }
-}
-function useDemoWidgetVerificationInternal() {
-  const [showCode, setShowCode] = useParentState({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = useParentState({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: undefined,
-  });
-  const setContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
-  const onVerification = () => {
-    setContext(true);
-  };
-  return { showCode, onVerification, loading: false };
-}