@saasquatch/mint-components 1.13.0-9 → 1.13.0

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

@@ -0,0 +1,37 @@
+import { gql } from "graphql-request";
+import { useQuery } from "@saasquatch/component-boilerplate";
+import { useEffect } from "@saasquatch/universal-hooks";
+const GET_PAYOUT_DETAILS = gql `
+  query getPayoutDetails {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+export function usePayoutButton(props) {
+  var _a, _b, _c;
+  const { data, refetch } = useQuery(GET_PAYOUT_DETAILS, {});
+  useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener("sqm:tax-form-updated", cb);
+    return () => window.removeEventListener("sqm:tax-form-updated", cb);
+  }, []);
+  return {
+    states: {
+      payoutSettingsComplete: !!((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.payoutsAccount),
+    },
+    text: props.getTextProps(),
+  };
+}

package/dist/collection/components/sqm-portal-google-login/sqm-portal-google-login.js

@@ -0,0 +1,428 @@
+import { isDemo, navigation } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { createStyleSheet } from "../../styling/JSS";
+import { PortalLoginView, } from "../sqm-portal-login/sqm-portal-login-view";
+import { usePortalLogin } from "../sqm-portal-login/usePortalLogin";
+/**
+ * @uiName Microsite Login
+ */
+export class PortalGoogleLogin {
+  constructor() {
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully login.
+     *
+     * @uiName Login redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Submit button text
+     */
+    this.submitLabel = "Sign In";
+    /**
+     * Redirect participants to this page to reset their password
+     * @uiName Forgot password redirect
+     * @uiWidget pageSelect
+     */
+    this.forgotPasswordPath = "/forgotPassword";
+    /**
+     * @uiName Forgot password text
+     */
+    this.forgotPasswordLabel = "Forgot Password?";
+    /**
+     * @uiName Register button text
+     */
+    this.registerLabel = "Register";
+    /**
+     * Redirect participants to this page to start registration.
+     * @uiName Register button redirect
+     * @uiWidget pageSelect
+     */
+    this.registerPath = "/register";
+    /**
+     * @uiName Heading label
+     * @uiWidget textArea
+     */
+    this.pageLabel = "Sign in to your account";
+    /**
+     * @uiName Network error message
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
+    /**
+     * @uiName Google account error message
+     * Displayed when user tries to sign in with Google account but has not registered.
+     */
+    this.googleUserNotRegisteredError = "Your Google account has not registered on our platform. Please complete the registration process with your Google account.";
+    /**
+     * @uiName Register CTA
+     */
+    this.registerCTA = "Don't have an account?";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useLoginDemo(this)
+      : usePortalLogin(this);
+    const styles = {
+      RegisterButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const content = {
+      forgotPasswordButton: (h("slot", { name: "forgotPassword" },
+        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      googleButton: (h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
+      secondaryButton: (h("slot", { name: "secondaryButton" },
+        h("style", null, styleString),
+        h("span", null,
+          this.registerCTA,
+          " ",
+          h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => navigation.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (h(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+  static get is() { return "sqm-portal-google-login"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "nextPage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Login redirect",
+            "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
+          }],
+        "text": "Redirect participants to this page after they successfully login."
+      },
+      "attribute": "next-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
+    "emailLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-label",
+      "reflect": false,
+      "defaultValue": "\"Email\""
+    },
+    "passwordLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "password-label",
+      "reflect": false,
+      "defaultValue": "\"Password\""
+    },
+    "submitLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Submit button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "submit-label",
+      "reflect": false,
+      "defaultValue": "\"Sign In\""
+    },
+    "forgotPasswordPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Forgot password redirect",
+            "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
+          }],
+        "text": "Redirect participants to this page to reset their password"
+      },
+      "attribute": "forgot-password-path",
+      "reflect": false,
+      "defaultValue": "\"/forgotPassword\""
+    },
+    "forgotPasswordLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Forgot password text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "forgot-password-label",
+      "reflect": false,
+      "defaultValue": "\"Forgot Password?\""
+    },
+    "registerLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Register button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "register-label",
+      "reflect": false,
+      "defaultValue": "\"Register\""
+    },
+    "registerPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Register button redirect",
+            "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
+          }],
+        "text": "Redirect participants to this page to start registration."
+      },
+      "attribute": "register-path",
+      "reflect": false,
+      "defaultValue": "\"/register\""
+    },
+    "pageLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Heading label",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "page-label",
+      "reflect": false,
+      "defaultValue": "\"Sign in to your account\""
+    },
+    "networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message\nDisplayed when the login fails due to a network error. The participant can try refreshing the page.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "network-error-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while logging you in. Please refresh the page and try again.\""
+    },
+    "googleUserNotRegisteredError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Google account error message\nDisplayed when user tries to sign in with Google account but has not registered.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "google-user-not-registered-error",
+      "reflect": false,
+      "defaultValue": "\"Your Google account has not registered on our platform. Please complete the registration process with your Google account.\""
+    },
+    "registerCTA": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Register CTA",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "register-c-t-a",
+      "reflect": false,
+      "defaultValue": "\"Don't have an account?\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PortalLoginViewProps>",
+        "resolved": "{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { googleButton?: VNode; forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "PortalLoginViewProps": {
+            "location": "import",
+            "path": "../sqm-portal-login/sqm-portal-login-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useLoginDemo(props) {
+  return deepmerge({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+      showLoginForm: "manual",
+    },
+    callbacks: {
+      googleSubmit: async () => {
+        console.log("google submit");
+      },
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+    content: {
+      googleButton: null,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js

@@ -192,10 +192,10 @@ export class PortalGoogleRegistrationForm {
     }
     return (h(PortalRegistrationFormView, { states: {
         ...states,
+        emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
       }, callbacks: callbacks, content: {
         ...content,
-        secondaryButton: h("div", { style: { display: "none" } }),
       }, refs: refs }));
   }
   static get is() { return "sqm-portal-google-registration-form"; }
@@ -778,7 +778,7 @@ export class PortalGoogleRegistrationForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegistrationFormViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; hidePasswords?: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; hidePasswords?: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; emailDisabled?: boolean; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -808,7 +808,7 @@ export class PortalGoogleRegistrationForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegistrationFormViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; hidePasswords?: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; hidePasswords?: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; emailDisabled?: boolean; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-login/PortalLogin.stories.js

@@ -48,19 +48,8 @@ const loadingProps = {
     pageLabel: "Sign in to your account",
   },
 };
-export const Default = () => (h("sqm-portal-login", { showGoogleLogin: false, demoData: { ...defaultProps } }));
-export const IsGoogle = () => (
-// <sqm-portal-login
-//   showGoogleLogin
-//   demoData={{
-//     ...defaultProps,
-//     content: {
-//       googleButton: <sl-button>Sign in with Google</sl-button>,
-//     },
-//     states: { ...defaultProps.states },
-//   }}
-// ></sqm-portal-login>
-h(PortalLoginView, Object.assign({}, defaultProps, { content: {
+export const Default = () => (h("sqm-portal-login", { demoData: { ...defaultProps } }));
+export const IsGoogle = () => (h(PortalLoginView, Object.assign({}, defaultProps, { content: {
     secondaryButton: (h("span", null,
       "Don't have an account?",
       " ",

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -64,10 +64,6 @@ export class PortalLogin {
      * @uiName Register CTA
      */
     this.registerCTA = "Don't have an account?";
-    /**
-     * @undocumented
-     */
-    this.showGoogleLogin = false;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -87,13 +83,10 @@ export class PortalLogin {
     const content = {
       forgotPasswordButton: (h("slot", { name: "forgotPassword" },
         h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
-      googleButton: this.showGoogleLogin ? (h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })) : null,
+      googleButton: null,
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("style", null, styleString),
-        this.showGoogleLogin ? (h("span", null,
-          this.registerCTA,
-          " ",
-          h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => navigation.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel))) : (h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.registerPath) }, this.registerLabel)))),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -347,27 +340,6 @@ export class PortalLogin {
       "reflect": false,
       "defaultValue": "\"Don't have an account?\""
     },
-    "showGoogleLogin": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }],
-        "text": ""
-      },
-      "attribute": "show-google-login",
-      "reflect": false,
-      "defaultValue": "false"
-    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/sqm-portal-login/usePortalLogin.js

@@ -1,5 +1,5 @@
-import jsonpointer from "jsonpointer";
 import { useState } from "@saasquatch/universal-hooks";
+import jsonpointer from "jsonpointer";
 import { navigation, useAuthenticateWithGoogle, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
 import { sanitizeUrlPath } from "../../utils/utils";
 export function usePortalLogin(props) {
@@ -10,16 +10,21 @@ export function usePortalLogin(props) {
   const urlParams = new URLSearchParams(navigation.location.search);
   const nextPageOverride = urlParams.get("nextPage");
   const googleSubmit = async (e) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (!((_a = e.detail) === null || _a === void 0 ? void 0 : _a.credential))
       return;
     const result = await loginWithGoogle({ idToken: e.detail.credential });
     if (result instanceof Error) {
       if ((result === null || result === void 0 ? void 0 : result.message) || ((_b = result === null || result === void 0 ? void 0 : result["response"]) === null || _b === void 0 ? void 0 : _b["error"]))
-        setError(props.networkErrorMessage);
+        if ((_c = result === null || result === void 0 ? void 0 : result["response"]) === null || _c === void 0 ? void 0 : _c["errors"].some((error) => { var _a; return ((_a = error === null || error === void 0 ? void 0 : error["extensions"]) === null || _a === void 0 ? void 0 : _a["message"]) === "Invalid Credentials."; })) {
+          setError(props.googleUserNotRegisteredError);
+        }
+        else {
+          setError(props.networkErrorMessage);
+        }
       return;
     }
-    if ((_c = result.authenticateManagedIdentityWithGoogle) === null || _c === void 0 ? void 0 : _c.token) {
+    if ((_d = result.authenticateManagedIdentityWithGoogle) === null || _d === void 0 ? void 0 : _d.token) {
       urlParams.delete("nextPage");
       const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
       navigation.push(url.href);