@saasquatch/mint-components 1.3.3-6 → 1.3.3-7

package/dist/collection/components/sqm-portal-email-verification/usePortalEmailVerification.js

@@ -14,7 +14,8 @@ export function usePortalEmailVerification(props) {
       return;
     setError("");
     const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email, urlParams };
+    const redirectPath = props.redirectPath;
+    const variables = { email, urlParams, redirectPath };
     await request(variables);
   };
   useEffect(() => {

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -10,6 +10,10 @@ import { usePortalForgotPassword } from "./usePortalForgotPassword";
 export class PortalForgotPassword {
   constructor() {
     this.ignored = true;
+    /**
+     * @uiName Base path of reset password email link
+     */
+    this.redirectPath = "/resetPassword";
     /**
      * @uiName Email label
      */
@@ -18,16 +22,20 @@ export class PortalForgotPassword {
      * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
+    /**
+     * @uiName Routing path to login page
+     */
+    this.loginPath = "/login";
     withHooks(this);
   }
   disconnectedCallback() { }
   render() {
     const { states, callbacks } = isDemo()
       ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword();
+      : usePortalForgotPassword(this);
     const content = {
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/login") }, "Sign In"))),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, "Sign In"))),
       messageSlot: (h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
@@ -37,6 +45,27 @@ export class PortalForgotPassword {
   static get is() { return "sqm-portal-forgot-password"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
+    "redirectPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Base path of reset password email link",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "redirect-path",
+      "reflect": false,
+      "defaultValue": "\"/resetPassword\""
+    },
     "emailLabel": {
       "type": "string",
       "mutable": false,
@@ -79,12 +108,33 @@ export class PortalForgotPassword {
       "reflect": false,
       "defaultValue": "\"Request Password Reset\""
     },
+    "loginPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing path to login page",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "login-path",
+      "reflect": false,
+      "defaultValue": "\"/login\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalForgotPasswordViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-forgot-password/usePortalForgotPassword.js

@@ -1,7 +1,7 @@
 import jsonpointer from "jsonpointer";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { useRequestPasswordResetEmailMutation } from "@saasquatch/component-boilerplate";
-export function usePortalForgotPassword() {
+export function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
@@ -15,7 +15,8 @@ export function usePortalForgotPassword() {
       jsonpointer.set(formData, key, value);
     });
     const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email: formData.email, urlParams };
+    const redirectPath = props.redirectPath;
+    const variables = { email: formData.email, urlParams, redirectPath };
     await request(variables);
   };
   useEffect(() => {
@@ -34,6 +35,7 @@ export function usePortalForgotPassword() {
       loading,
       error: ((_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || error,
       success,
+      loginPath: props.loginPath,
     },
     callbacks: {
       submit,

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

@@ -38,6 +38,14 @@ export class PortalLogin {
      * @uiName Heading label
      */
     this.pageLabel = "Sign in to your account";
+    /**
+     * @uiName Routing path to register page
+     */
+    this.registerPath = "/register";
+    /**
+     * @uiName Routing path to forgot password page
+     */
+    this.forgotPasswordPath = "/forgotPassword";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -47,9 +55,9 @@ export class PortalLogin {
       : usePortalLogin(this);
     const content = {
       forgotPasswordButton: (h("slot", { name: "forgotPassword" },
-        h("a", { onClick: () => navigation.push("/forgotPassword") }, this.forgotPasswordLabel))),
+        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/register") }, 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,
@@ -207,12 +215,54 @@ export class PortalLogin {
       "reflect": false,
       "defaultValue": "\"Sign in to your account\""
     },
+    "registerPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing path to register page",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "register-path",
+      "reflect": false,
+      "defaultValue": "\"/register\""
+    },
+    "forgotPasswordPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing path to forgot password page",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "forgot-password-path",
+      "reflect": false,
+      "defaultValue": "\"/forgotPassword\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalLoginViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -244,7 +294,12 @@ export class PortalLogin {
 }
 function useLoginDemo(props) {
   return deepmerge({
-    states: { error: "", loading: false },
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+    },
     callbacks: {
       submit: async (_event) => {
         console.log("submit");

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

@@ -1,7 +1,7 @@
 import jsonpointer from "jsonpointer";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
-export function usePortalLogin({ nextPage }) {
+export function usePortalLogin(props) {
   var _a, _b, _c, _d;
   const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
   const [error, setError] = useState("");
@@ -21,7 +21,7 @@ export function usePortalLogin({ nextPage }) {
     if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
       urlParams.delete("nextPage");
       navigation.push({
-        pathname: nextPageOverride || nextPage,
+        pathname: nextPageOverride || props.nextPage,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
@@ -37,6 +37,8 @@ export function usePortalLogin({ nextPage }) {
     states: {
       loading,
       error: errorMessage,
+      registerPath: props.registerPath,
+      forgotPasswordPath: props.forgotPasswordPath
     },
     callbacks: {
       submit,

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

@@ -14,6 +14,10 @@ export class PortalRegister {
      * @uiName Page navigated to after registration
      */
     this.nextPage = "/";
+    /**
+     * @uiName Base path of verify email link
+     */
+    this.redirectPath = "/verifyEmail";
     /**
      * @uiName Label for email field
      */
@@ -50,6 +54,10 @@ export class PortalRegister {
      * @uiName Heading label
      */
     this.pageLabel = "Register";
+    /**
+     * @uiName Routing path to login page
+     */
+    this.loginPath = "/login";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -60,7 +68,7 @@ export class PortalRegister {
     const content = {
       formData: h("slot", { name: "formData" }),
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/login") }, this.loginLabel))),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -93,6 +101,27 @@ export class PortalRegister {
       "reflect": false,
       "defaultValue": "\"/\""
     },
+    "redirectPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Base path of verify email link",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "redirect-path",
+      "reflect": false,
+      "defaultValue": "\"/verifyEmail\""
+    },
     "emailLabel": {
       "type": "string",
       "mutable": false,
@@ -282,12 +311,33 @@ export class PortalRegister {
       "reflect": false,
       "defaultValue": "\"Register\""
     },
+    "loginPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing path to login page",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "login-path",
+      "reflect": false,
+      "defaultValue": "\"/login\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegisterViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -325,6 +375,7 @@ function useRegisterDemo(props) {
       confirmPassword: true,
       hideInputs: props.hideInputs || false,
       customPasswordField: false,
+      loginPath: "/login",
     },
     callbacks: {
       submit: async (_event) => {

package/dist/collection/components/sqm-portal-register/usePortalRegister.js

@@ -47,10 +47,12 @@ export function usePortalRegister(props) {
     delete formData.password;
     delete formData.confirmPassword;
     formData = { ...formData };
+    const redirectPath = props.redirectPath;
     const variables = {
       email,
       password,
       formData,
+      redirectPath,
     };
     try {
       await request(variables);
@@ -100,6 +102,7 @@ export function usePortalRegister(props) {
       validationState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
+      loginPath: props.loginPath,
     },
     callbacks: {
       submit,

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js

@@ -14,6 +14,10 @@ export class PortalResetPassword {
      * @uiName Next page path
      */
     this.nextPage = "/";
+    /**
+     * @uiName Failed page path
+     */
+    this.failedPage = "/";
     /**
      * @uiName Show confirm password
      */
@@ -79,6 +83,27 @@ export class PortalResetPassword {
       "reflect": false,
       "defaultValue": "\"/\""
     },
+    "failedPage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Failed page path",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "failed-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
     "confirmPassword": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js

@@ -33,7 +33,7 @@ export function usePortalResetPassword(props) {
   };
   const failed = () => {
     navigation.push({
-      pathname: "/",
+      pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js

@@ -14,6 +14,10 @@ export class PortalVerifyEmail {
      * @uiName Next page path
      */
     this.nextPage = "/";
+    /**
+     * @uiName Failed page path
+     */
+    this.failedPage = "/";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -47,6 +51,27 @@ export class PortalVerifyEmail {
       "reflect": false,
       "defaultValue": "\"/\""
     },
+    "failedPage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Failed page path",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "failed-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
-export function usePortalVerifyEmail({ nextPage }) {
+export function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e;
   const [verified, setVerified] = useState(false);
   const [disableContinue, setDisableContinue] = useState(true);
@@ -13,7 +13,7 @@ export function usePortalVerifyEmail({ nextPage }) {
   urlParams.delete("oobCode");
   const failed = () => {
     return navigation.push({
-      pathname: "/",
+      pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-column.js

@@ -1,6 +1,6 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, getElement, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { useRequestRerender } from "../re-render";
 /**
  * @uiName Referral Table Generic Column
  */

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-date-column.js

@@ -1,6 +1,6 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { useRequestRerender } from "../re-render";
 /**
  * @uiName Referral Table Date Column
  */

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -1,6 +1,6 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { useRequestRerender } from "../re-render";
 /**
  * @uiName Referral Table Rewards Column
  */

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-status-column.js

@@ -1,6 +1,6 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { useRequestRerender } from "../re-render";
 /**
  * @uiName Referral Table Status Column
  */

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-user-column.js

@@ -1,6 +1,6 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { useRequestRerender } from "../re-render";
 /**
  * @uiName Referral Table User Column
  */

package/dist/collection/components/sqm-referral-table/useReferralTable.js

@@ -2,8 +2,8 @@ import { usePaginatedQuery, useProgramId, useQuery, useUserIdentity, } from "@sa
 import { useEffect, useReducer } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import gql from "graphql-tag";
-import { useRerenderListener } from "../../tables/re-render";
-import { useChildElements } from "../../tables/useChildElements";
+import { useRerenderListener } from "./re-render";
+import { useChildElements } from "./useChildElements";
 const GET_REFERRER_DATA = gql `
   query getReferrals($programId: ID, $rewardFilter: RewardFilterInput) {
     viewer {

package/dist/collection/components/sqm-share-button/sqm-share-button.js

@@ -334,7 +334,7 @@ export class ShareButton {
       "mutable": false,
       "complexType": {
         "original": "DemoData<ShareButtonViewProps>",
-        "resolved": "{ loading?: boolean; medium?: \"facebook\" | \"twitter\" | \"email\" | \"direct\" | \"linkedin\" | \"sms\" | \"fbmessenger\" | \"whatsapp\" | \"linemessenger\" | \"pinterest\" | \"reminder\" | \"unknown\"; disabled?: boolean; pill?: boolean; type?: \"text\" | \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"default\"; size?: \"small\" | \"medium\" | \"large\"; icon?: string; hideicon?: boolean; hidetext?: boolean; iconslot?: \"prefix\" | \"suffix\"; onClick?: () => void; hide?: boolean; }",
+        "resolved": "{ medium?: \"facebook\" | \"twitter\" | \"email\" | \"direct\" | \"linkedin\" | \"sms\" | \"fbmessenger\" | \"whatsapp\" | \"linemessenger\" | \"pinterest\" | \"reminder\" | \"unknown\"; loading?: boolean; disabled?: boolean; pill?: boolean; type?: \"text\" | \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"default\"; size?: \"small\" | \"medium\" | \"large\"; icon?: string; hideicon?: boolean; hidetext?: boolean; iconslot?: \"prefix\" | \"suffix\"; onClick?: () => void; hide?: boolean; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-stencilbook/CucumberAddon.js

@@ -13,8 +13,6 @@ export const CucumberAddon = ({ story }, children) => {
     // No scenario or invalid. Ignoring.
   }
   return (h("div", null,
-    h("details", null,
-      h("summary", null, "Specs"),
-      result && h("pre", { innerHTML: result.value })),
+    result && h("pre", { innerHTML: result.value }),
     children));
 };