@saasquatch/mint-components 1.6.2-4 → 1.6.2-40

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

@@ -1,14 +1,15 @@
 import jsonpointer from "jsonpointer";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { useRequestPasswordResetEmailMutation } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/universal-hooks";
+import { navigation, useRequestPasswordResetEmailMutation, } from "@saasquatch/component-boilerplate";
 export function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
   const [request, { loading, data, errors }] = useRequestPasswordResetEmailMutation();
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(navigation.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a;
     setError("");
     setSuccess(false);
     let formData = event.detail.formData;
@@ -18,26 +19,25 @@ export function usePortalForgotPassword(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email: formData.email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setSuccess(true);
     }
-  }, [errors]);
+  };
   return {
     states: {
       loading,
-      error: ((_e = (_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.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
+      error: ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,

package/dist/collection/components/sqm-portal-frame/sqm-portal-frame-view.js

@@ -3,11 +3,7 @@ import { createStyleSheet } from "../../styling/JSS";
 import { HostBlock } from "../../global/mixins";
 const style = {
   HostBlock: HostBlock,
-  ":host": {
-    "min-height": "100vh",
-  },
   Frame: {
-    "min-height": "100vh",
     display: "flex",
     "flex-direction": "column",
     "box-sizing": "border-box",
@@ -42,8 +38,9 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalFrameView(props, children) {
-  const { data } = props;
-  return (h("div", { class: sheet.classes.Frame },
+  const { data, notFullScreen } = props;
+  console.log(notFullScreen);
+  return (h("div", { style: { minHeight: notFullScreen ? "100%" : "100vh" }, class: sheet.classes.Frame },
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.HeaderWrapper },
       data.header,

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

@@ -5,11 +5,16 @@ import { PortalFrameView } from "./sqm-portal-frame-view";
 import { usePortalFrame } from "./usePortalFrame";
 import deepmerge from "deepmerge";
 /**
- * @uiName Portal Frame
+ * @uiName Microsite Frame
+ * @slots [{"name":"header","title":"Header Content"},{"name":"footer","title":"Footer Content"},{"name":"","title":"Body Content"}]
  */
 export class PortalFrame {
   constructor() {
     this.ignored = true;
+    /**
+     * @undocumented
+     */
+    this.notFullScreen = false;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -25,12 +30,33 @@ export class PortalFrame {
   static get is() { return "sqm-portal-frame"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
+    "notFullScreen": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }],
+        "text": ""
+      },
+      "attribute": "not-full-screen",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalFrameViewProps>",
-        "resolved": "{ data?: { footer: VNode; header: VNode; }; }",
+        "resolved": "{ data?: { footer: VNode; header: VNode; }; notFullScreen?: boolean; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -62,6 +88,7 @@ export class PortalFrame {
 }
 function usePortalFrameDemo(footerContent, headerContent, props) {
   return deepmerge({
+    notFullScreen: true,
     data: {
       footer: footerContent ? (footerContent) : (h("span", null, "example@example.com")),
       header: headerContent ? (headerContent) : (h("div", { style: { display: "flex", flexDirection: "column" } },

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

@@ -5,63 +5,55 @@ import deepmerge from "deepmerge";
 import { PortalLoginView } from "./sqm-portal-login-view";
 import { usePortalLogin } from "./usePortalLogin";
 /**
- * @uiName Portal Login
+ * @uiName Microsite Login
  */
 export class PortalLogin {
   constructor() {
     this.ignored = true;
     /**
-     * Page navigated to after sign-in
+     * Redirect participants to this page after they successfully login.
      *
-     * @uiName Next Page Path
+     * @uiName Login Redirect
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * Label for email field
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
-     * Label for password field
-     *
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordLabel = "Password";
     /**
-     * Label for submit button
-     *
      * @uiName Submit Button Text
      */
     this.submitLabel = "Sign In";
     /**
-     * Label for forgotten password button
-     *
+     * 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?";
     /**
-     * Label for register button
-     *
      * @uiName Register Button Text
      */
     this.registerLabel = "Register";
     /**
-     * @uiName Heading Label
-     */
-    this.pageLabel = "Sign in to your account";
-    /**
-     * Register redirect path
-     *
-     * @uiName Register Path
+     * Redirect participants to this page to start registration.
+     * @uiName Register Button Redirect
+     * @uiWidget pageSelect
      */
     this.registerPath = "/register";
     /**
-     * Forgot password redirect path
-     *
-     * @uiName Forgot Password Path
+     * @uiName Heading Label
+     * @uiWidget textArea
      */
-    this.forgotPasswordPath = "/forgotPassword";
+    this.pageLabel = "Sign in to your account";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -96,10 +88,13 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Login Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Page navigated to after sign-in"
+        "text": "Redirect participants to this page after they successfully login."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -117,10 +112,10 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Label",
+            "text": "Email Field Label",
             "name": "uiName"
           }],
-        "text": "Label for email field"
+        "text": ""
       },
       "attribute": "email-label",
       "reflect": false,
@@ -138,10 +133,10 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "Password Field Label",
             "name": "uiName"
           }],
-        "text": "Label for password field"
+        "text": ""
       },
       "attribute": "password-label",
       "reflect": false,
@@ -162,13 +157,13 @@ export class PortalLogin {
             "text": "Submit Button Text",
             "name": "uiName"
           }],
-        "text": "Label for submit button"
+        "text": ""
       },
       "attribute": "submit-label",
       "reflect": false,
       "defaultValue": "\"Sign In\""
     },
-    "forgotPasswordLabel": {
+    "forgotPasswordPath": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -180,16 +175,19 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Text",
+            "text": "Forgot Password Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Label for forgotten password button"
+        "text": "Redirect participants to this page to reset their password"
       },
-      "attribute": "forgot-password-label",
+      "attribute": "forgot-password-path",
       "reflect": false,
-      "defaultValue": "\"Forgot Password?\""
+      "defaultValue": "\"/forgotPassword\""
     },
-    "registerLabel": {
+    "forgotPasswordLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -201,16 +199,16 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Button Text",
+            "text": "Forgot Password Text",
             "name": "uiName"
           }],
-        "text": "Label for register button"
+        "text": ""
       },
-      "attribute": "register-label",
+      "attribute": "forgot-password-label",
       "reflect": false,
-      "defaultValue": "\"Register\""
+      "defaultValue": "\"Forgot Password?\""
     },
-    "pageLabel": {
+    "registerLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -222,14 +220,14 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Heading Label",
+            "text": "Register Button Text",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "page-label",
+      "attribute": "register-label",
       "reflect": false,
-      "defaultValue": "\"Sign in to your account\""
+      "defaultValue": "\"Register\""
     },
     "registerPath": {
       "type": "string",
@@ -243,16 +241,19 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Path",
+            "text": "Register Button Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "Register redirect path"
+        "text": "Redirect participants to this page to start registration."
       },
       "attribute": "register-path",
       "reflect": false,
       "defaultValue": "\"/register\""
     },
-    "forgotPasswordPath": {
+    "pageLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -264,14 +265,17 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Path",
+            "text": "Heading Label",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Forgot password redirect path"
+        "text": ""
       },
-      "attribute": "forgot-password-path",
+      "attribute": "page-label",
       "reflect": false,
-      "defaultValue": "\"/forgotPassword\""
+      "defaultValue": "\"Sign in to your account\""
     },
     "demoData": {
       "type": "unknown",

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

@@ -1,37 +1,34 @@
 import jsonpointer from "jsonpointer";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useState } from "@saasquatch/universal-hooks";
 import { navigation, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
 import { sanitizeUrlPath } from "../../utils/utils";
 export function usePortalLogin(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
   const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(navigation.location.search);
   const nextPageOverride = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a, _b;
     setError("");
     let formData = event.detail.formData;
     formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
       jsonpointer.set(formData, key, value);
     });
     const variables = { email: formData.email, password: formData.password };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
+        setError("Network request failed.");
+      return;
+    }
+    if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {
       urlParams.delete("nextPage");
       const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
       navigation.push(url.href);
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
-  useEffect(() => {
-    var _a;
-    if ((errors === null || errors === void 0 ? void 0 : errors.message) || ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"])) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
-  const errorMessage = ((_e = (_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.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
+  };
+  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
     error;
   return {
     states: {

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

@@ -3,13 +3,16 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, State } from "@stencil/core";
 import { usePortalLogout } from "./usePortalLogout";
 /**
- * @uiName Portal Logout
+ * @uiName Microsite Logout
  */
 export class PortalLogout {
   constructor() {
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this page when they log out.
+     *
+     * @uiName Logout Redirect Path
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     withHooks(this);
@@ -33,10 +36,13 @@ export class PortalLogout {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Logout Redirect Path",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Redirect participants to this page when they log out."
       },
       "attribute": "next-page",
       "reflect": false,

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

@@ -6,33 +6,25 @@ import { getProps } from "../../utils/utils";
 import { isDemo } from "@saasquatch/component-boilerplate";
 import deepmerge from "deepmerge";
 /**
- * @uiName Portal Profile
+ * @uiName Microsite Participant Profile
  */
 export class PortalProfile {
   constructor() {
     this.ignored = true;
     /**
-     * First name input field label
-     *
      * @uiName First Name Label
      */
     this.firstnametext = "First Name";
     /**
-     * Last name input field label
-     *
-     * @uiName Last Name Label
+     * @uiName Last Name Field Label
      */
     this.lastnametext = "Last Name";
     /**
-     * Email input field label
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailtext = "Email";
     /**
-     * Country input field label
-     *
-     * @uiName Country Label
+     * @uiName Country Field Label
      */
     this.countrytext = "Country";
     /**
@@ -48,11 +40,9 @@ export class PortalProfile {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
-     *
-     * @uiName Show Country Field
+     * @uiName Hide Country Field
      */
-    this.showCountry = true;
+    this.hideCountry = false;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -80,7 +70,7 @@ export class PortalProfile {
             "text": "First Name Label",
             "name": "uiName"
           }],
-        "text": "First name input field label"
+        "text": ""
       },
       "attribute": "firstnametext",
       "reflect": false,
@@ -98,10 +88,10 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Last Name Label",
+            "text": "Last Name Field Label",
             "name": "uiName"
           }],
-        "text": "Last name input field label"
+        "text": ""
       },
       "attribute": "lastnametext",
       "reflect": false,
@@ -119,10 +109,10 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Label",
+            "text": "Email Field Label",
             "name": "uiName"
           }],
-        "text": "Email input field label"
+        "text": ""
       },
       "attribute": "emailtext",
       "reflect": false,
@@ -140,10 +130,10 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Country Label",
+            "text": "Country Field Label",
             "name": "uiName"
           }],
-        "text": "Country input field label"
+        "text": ""
       },
       "attribute": "countrytext",
       "reflect": false,
@@ -212,7 +202,7 @@ export class PortalProfile {
       "reflect": false,
       "defaultValue": "\"Submit Changes\""
     },
-    "showCountry": {
+    "hideCountry": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -224,14 +214,14 @@ export class PortalProfile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Show Country Field",
+            "text": "Hide Country Field",
             "name": "uiName"
           }],
-        "text": "Show or hide the country field"
+        "text": ""
       },
-      "attribute": "show-country",
+      "attribute": "hide-country",
       "reflect": false,
-      "defaultValue": "true"
+      "defaultValue": "false"
     },
     "demoData": {
       "type": "unknown",
@@ -274,7 +264,7 @@ function usePortalProfileDemo(props) {
       success: false,
       loading: false,
       submitDisabled: false,
-      showCountry: true,
+      showCountry: !props.hideCountry,
       user: {
         id: "01",
         accountId: "111100000",
@@ -284,13 +274,13 @@ function usePortalProfileDemo(props) {
         countryCode: "CA",
       },
       text: {
-        firstnametext: "First Name",
-        lastnametext: "Last Name",
-        emailtext: "Email",
-        countrytext: "Country",
-        editProfileHeader: "Edit your profile",
-        editProfileSubHeader: "Personal Information",
-        submitChangeButtonText: "Submit Changes",
+        firstnametext: props.firstnametext,
+        lastnametext: props.lastnametext,
+        emailtext: props.emailtext,
+        countrytext: props.countrytext,
+        editProfileHeader: props.editProfileHeader,
+        editProfileSubHeader: props.editProfileSubHeader,
+        submitChangeButtonText: props.submitChangeButtonText,
       },
       formState: {
         country: "Canada",

package/dist/collection/components/sqm-portal-profile/usePortalProfile.js

@@ -125,7 +125,7 @@ export function usePortalProfile(props) {
       success,
       loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
       submitDisabled: false,
-      showCountry: props.showCountry,
+      showCountry: !props.hideCountry,
       formState,
       user: userData,
       text: {