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

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

@@ -18,20 +18,16 @@ 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(this);
+      : usePortalForgotPassword();
     const content = {
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, "Sign In"))),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/login") }, "Sign In"))),
       messageSlot: (h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
@@ -83,33 +79,12 @@ 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; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; 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(props) {
+export function usePortalForgotPassword() {
   var _a, _b, _c, _d;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
@@ -34,7 +34,6 @@ export function usePortalForgotPassword(props) {
       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/{stories → components/sqm-portal-frame}/PortalFrame.stories.js

@@ -1,6 +1,6 @@
 import { navigation, useCurrentPage } from "@saasquatch/component-boilerplate";
 import { h } from "@stencil/core";
-import { PortalFrameView } from "../components/sqm-portal-frame/sqm-portal-frame-view";
+import { PortalFrameView } from "./sqm-portal-frame-view";
 function setupGraphQL() {
   const id = "worried-camera@uexwltgh.mailosaur.net";
   const accountId = id;
@@ -32,7 +32,7 @@ function setupLoggedOut() {
   };
 }
 export default {
-  title: "Portal Frame",
+  title: "Components/Portal Frame",
 };
 const defaultProps = {
   data: {

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

@@ -1,14 +1,12 @@
 import { h } from "@stencil/core";
-import { PortalLoginView, } from "../components/sqm-portal-login/sqm-portal-login-view";
+import { PortalLoginView, } from "./sqm-portal-login-view";
 export default {
-  title: "Portal Login",
+  title: "Components/Portal Login",
 };
 const defaultProps = {
   states: {
     error: "",
     loading: false,
-    forgotPasswordPath: "/forgotPassword",
-    registerPath: "/register",
   },
   callbacks: {
     submit: async (e) => await e,
@@ -19,8 +17,6 @@ const errorProps = {
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
-    forgotPasswordPath: "/forgotPassword",
-    registerPath: "/register",
   },
   callbacks: {
     submit: async (e) => await e,
@@ -31,8 +27,6 @@ const loadingProps = {
   states: {
     error: "",
     loading: true,
-    forgotPasswordPath: "/forgotPassword",
-    registerPath: "/register",
   },
   callbacks: {
     submit: async (e) => await e,

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

@@ -38,14 +38,6 @@ 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() { }
@@ -55,9 +47,9 @@ export class PortalLogin {
       : usePortalLogin(this);
     const content = {
       forgotPasswordButton: (h("slot", { name: "forgotPassword" },
-        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+        h("a", { onClick: () => navigation.push("/forgotPassword") }, this.forgotPasswordLabel))),
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        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("/register") }, this.registerLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -215,54 +207,12 @@ 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; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -294,12 +244,7 @@ export class PortalLogin {
 }
 function useLoginDemo(props) {
   return deepmerge({
-    states: {
-      error: "",
-      loading: false,
-      forgotPasswordPath: "/forgotPassword",
-      registerPath: "/register",
-    },
+    states: { error: "", loading: false },
     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(props) {
+export function usePortalLogin({ nextPage }) {
   var _a, _b, _c, _d;
   const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
   const [error, setError] = useState("");
@@ -21,7 +21,7 @@ export function usePortalLogin(props) {
     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 || props.nextPage,
+        pathname: nextPageOverride || nextPage,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
@@ -37,8 +37,6 @@ export function usePortalLogin(props) {
     states: {
       loading,
       error: errorMessage,
-      registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
     },
     callbacks: {
       submit,

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

@@ -16,7 +16,6 @@ export class PortalLogout {
   }
   disconnectedCallback() { }
   render() {
-    console.log("LOG OUT");
     isDemo() ? useLogoutDemo(this) : usePortalLogout(this);
   }
   static get is() { return "sqm-portal-logout"; }

package/dist/collection/components/sqm-portal-logout/usePortalLogout.js

@@ -1,6 +1,5 @@
 import { setUserIdentity, navigation } from "@saasquatch/component-boilerplate";
 export function usePortalLogout({ nextPage }) {
-  console.log("logout");
   setUserIdentity(undefined);
   navigation.push({ pathname: nextPage, search: "" });
 }

package/dist/collection/{stories → components/sqm-portal-profile}/PortalProfile.stories.js

@@ -1,9 +1,9 @@
 import { h } from "@stencil/core";
 import jss from "jss";
 import preset from "jss-preset-default";
-import { PortalProfileView, } from "../components/sqm-portal-profile/sqm-portal-profile-view";
+import { PortalProfileView, } from "./sqm-portal-profile-view";
 export default {
-  title: "Portal Profile",
+  title: "Components/Portal Profile",
 };
 // const style = {};
 jss.setup(preset());

package/dist/collection/{stories → components/sqm-portal-register}/PortalRegister.stories.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
-import { PortalRegisterView, } from "../components/sqm-portal-register/sqm-portal-register-view";
+import { PortalRegisterView, } from "./sqm-portal-register-view";
 export default {
-  title: "Portal Register",
+  title: "Components/Portal Register",
 };
 const defaultProps = {
   states: {
@@ -9,7 +9,6 @@ const defaultProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -26,7 +25,6 @@ const errorProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -46,7 +44,6 @@ const loadingProps = {
     loading: true,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -63,7 +60,6 @@ const slottedProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -90,7 +86,6 @@ export const FieldsHidden = () => {
         loading: true,
         confirmPassword: true,
         hideInputs: true,
-        loginPath: "/login"
       },
     } }));
 };

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

@@ -50,10 +50,6 @@ export class PortalRegister {
      * @uiName Heading label
      */
     this.pageLabel = "Register";
-    /**
-     * @uiName Routing path to login page
-     */
-    this.loginPath = "/login";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -64,7 +60,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(states.loginPath) }, this.loginLabel))),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/login") }, this.loginLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -286,33 +282,12 @@ 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; loginPath: string; }; 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; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -350,7 +325,6 @@ 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

@@ -100,7 +100,6 @@ export function usePortalRegister(props) {
       validationState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
-      loginPath: props.loginPath
     },
     callbacks: {
       submit,

package/dist/collection/{stories → components/sqm-portal-reset-password}/PortalResetPassword.stories.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { PortalResetPasswordView, } from "../components/sqm-portal-reset-password/sqm-portal-reset-password-view";
-import scenario from "../components/sqm-portal-reset-password/sqm-portal-reset-password.feature";
+import { PortalResetPasswordView, } from "./sqm-portal-reset-password-view";
+import scenario from "./sqm-portal-reset-password.feature";
 export default {
-  title: "Portal Reset Password",
+  title: "Components/Portal Reset Password",
   parameters: {
     scenario,
   },

package/dist/collection/{stories → components/sqm-portal-verify-email}/PortalVerifyEmail.stories.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { PortalVerifyEmailView, } from "../components/sqm-portal-verify-email/sqm-portal-verify-email-view";
-import scenario from "../components/sqm-portal-verify-email/sqm-portal-verify-email.feature";
+import { PortalVerifyEmailView, } from "./sqm-portal-verify-email-view";
+import scenario from "./sqm-portal-verify-email.feature";
 export default {
-  title: "Portal Verify Email",
+  title: "Components/Portal Verify Email",
   parameters: {
     scenario,
   },

package/dist/collection/{stories → components/sqm-program-menu}/ProgramMenu.stories.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import { createHookStory } from "../components/sqm-stencilbook/HookStoryAddon";
-import dashboardTemplate from "../templates/Dashboard.html";
+import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
+import dashboardTemplate from "../../templates/Dashboard.html";
 export default {
   title: "Program Menu",
 };

package/dist/collection/{stories → components/sqm-referral-iframe}/ReferralIframe.stories.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import { ReferralIframeView, } from "../components/sqm-referral-iframe/sqm-referral-iframe-view";
-import scenario from "../components/sqm-referral-iframe/sqm-referral-iframe.feature";
+import { ReferralIframeView, } from "./sqm-referral-iframe-view";
+import scenario from "../sqm-referral-iframe/sqm-referral-iframe.feature";
 export default {
   title: "Referral Iframe",
   parameters: {

package/dist/collection/{stories → components/sqm-referral-table}/ReferralTable.stories.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { ReferralTableView } from "../components/sqm-referral-table/sqm-referral-table-view";
+import { ReferralTableView } from "./sqm-referral-table-view";
 import { AvailableNoExpiry, Cancelled, PendingNoUnpend, } from "./ReferralTableRewardsCell.stories";
 export default {
-  title: "Referral Table",
+  title: "Components/Referral Table",
 };
 const loadingElement = (h("div", { slot: "loading", style: { display: "contents" } },
   h("sqm-table-row", null,

package/dist/collection/{stories → components/sqm-referral-table}/ReferralTableCell.stories.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 export default {
-  title: "Referral Table Cell",
+  title: "Components/Referral Table Cell",
 };
 export const TableCell = () => {
   return (h("sqm-referral-table-cell", { innerTemplate: "Table Cell Text" }));

package/dist/collection/{stories → components/sqm-referral-table}/ReferralTableRewardsCell.stories.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { DateTime } from "luxon";
 export default {
-  title: "Referral Table Rewards Cell",
+  title: "Components/Referral Table Rewards Cell",
 };
 const baseReward = {
   id: "123",

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 "../re-render";
+import { useRequestRerender } from "../../../tables/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 "../re-render";
+import { useRequestRerender } from "../../../tables/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 "../re-render";
+import { useRequestRerender } from "../../../tables/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 "../re-render";
+import { useRequestRerender } from "../../../tables/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 "../re-render";
+import { useRequestRerender } from "../../../tables/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 "./re-render";
-import { useChildElements } from "./useChildElements";
+import { useRerenderListener } from "../../tables/re-render";
+import { useChildElements } from "../../tables/useChildElements";
 const GET_REFERRER_DATA = gql `
   query getReferrals($programId: ID, $rewardFilter: RewardFilterInput) {
     viewer {

package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeList.stories.js

@@ -0,0 +1,25 @@
+import { h } from "@stencil/core";
+import { RewardExchangeView } from "./sqm-reward-exchange-list-view";
+import * as Data from "./RewardExchangeListData";
+export default {
+  title: "Components/Reward Exchange List",
+};
+const resizable = {
+  width: "683px",
+  minWidth: "260px",
+  resize: "horizontal",
+  height: "fit-content",
+  overflow: "hidden",
+};
+export const rewardExchange = () => {
+  return (h("div", { style: resizable },
+    h(RewardExchangeView, Object.assign({}, Data.rewardExchange))));
+};
+export const rewardExchangeSelected = () => {
+  return (h("div", { style: resizable },
+    h(RewardExchangeView, Object.assign({}, Data.rewardExchangeSelected))));
+};
+export const Default2 = () => {
+  return (h("div", { style: { ...resizable, height: "700px" } },
+    h(RewardExchangeView, Object.assign({}, Data.test2))));
+};