@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/dist/collection/components/sqm-password-field/PasswordField.stories.js

@@ -7,7 +7,9 @@ export const Start = () => {
       initValue: "",
       states: {
         enableValidation: true,
-        validationErrors: {},
+        registrationFormState: {
+          validationErrors: {},
+        },
         content: {
           fieldLabel: "Password",
         },
@@ -19,7 +21,9 @@ export const EmptyError = () => {
       initValue: "",
       states: {
         enableValidation: true,
-        validationErrors: { password: "Cannot be empty" },
+        registrationFormState: {
+          validationErrors: { password: "Cannot be empty" },
+        },
         content: {
           fieldLabel: "Password",
         },
@@ -31,7 +35,9 @@ export const ValidationError = () => {
       initValue: "asdf",
       states: {
         enableValidation: true,
-        validationErrors: { password: "Incomplete" },
+        registrationFormState: {
+          validationErrors: { password: "Incomplete" },
+        },
         content: {
           fieldLabel: "Password",
         },

package/dist/collection/components/sqm-password-field/sqm-password-field-view.js

@@ -22,19 +22,23 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalResetPasswordView(props) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const { states, callbacks } = props;
   return (h("div", { class: sheet.classes.InputContainer },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, validationError: ({ value }) => {
+    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
         if (!value) {
           return "Cannot be empty";
         }
-      } }, (((_a = states.validationErrors) === null || _a === void 0 ? void 0 : _a.password) ? {
+      } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.password) ? {
+      value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.password,
+    }
+      : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.password) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+      helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.password) ||
+        "Cannot be empty",
     }
       : []), { onInput: (input) => states.enableValidation && callbacks.onInput(input) })),
     states.dynamicValidation));

package/dist/collection/components/sqm-password-field/sqm-password-field.js

@@ -7,7 +7,10 @@ import { validateNewPassword } from "./passwordValidation";
 import { PortalResetPasswordView, } from "./sqm-password-field-view";
 import { usePasswordField } from "./usePasswordField";
 /**
- * @uiName Portal Password Field
+ * @uiName Form Password Field
+ * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
+ * @exampleGroup Microsite Components
+ * @example Form Password Field - <sqm-password-field field-label="Password"></sqm-password-field>
  */
 export class PortalPasswordField {
   constructor() {
@@ -19,10 +22,10 @@ export class PortalPasswordField {
      */
     this.fieldLabel = "Password";
     /**
-     * Enable live password validation
-     * @uiName Enable Validation
+     * Disable live password validation
+     * @uiName Disable Validation
      */
-    this.enableValidation = true;
+    this.disableValidation = false;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -55,7 +58,7 @@ export class PortalPasswordField {
       "reflect": false,
       "defaultValue": "\"Password\""
     },
-    "enableValidation": {
+    "disableValidation": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -67,14 +70,14 @@ export class PortalPasswordField {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Enable Validation",
+            "text": "Disable Validation",
             "name": "uiName"
           }],
-        "text": "Enable live password validation"
+        "text": "Disable live password validation"
       },
-      "attribute": "enable-validation",
+      "attribute": "disable-validation",
       "reflect": false,
-      "defaultValue": "true"
+      "defaultValue": "false"
     },
     "demoData": {
       "type": "unknown",
@@ -121,11 +124,11 @@ function usePasswordFieldDemo(props) {
   }
   return deepmerge({
     states: {
-      enableValidation: true,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
-      validationErrors: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.validationErrors) || {},
+      registrationFormState: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.registrationFormState) || {},
       content: {
-        fieldLabel: "Password",
+        fieldLabel: props.fieldLabel,
       },
     },
     callbacks: {

package/dist/collection/components/sqm-password-field/usePasswordField.js

@@ -1,9 +1,9 @@
 import { useState } from "@saasquatch/universal-hooks";
 import { validateNewPassword } from "./passwordValidation";
 import { useDomContext } from "@saasquatch/stencil-hooks";
-const CONTEXT_NAME = "sq:validation-state";
+import { REGISTRATION_FORM_STATE_CONTEXT, } from "../sqm-portal-registration-form/useRegistrationFormState";
 export function usePasswordField(props) {
-  const validationState = useDomContext(CONTEXT_NAME);
+  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -11,9 +11,9 @@ export function usePasswordField(props) {
   }
   return {
     states: {
-      enableValidation: props.enableValidation,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
-      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
+      registrationFormState,
       content: {
         fieldLabel: props.fieldLabel,
       },

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

@@ -4,8 +4,9 @@ import { PortalChangePasswordView, } from "./sqm-portal-change-password-view";
 import { usePortalChangePassword } from "./usePortalChangePassword";
 import { isDemo } from "@saasquatch/component-boilerplate";
 import deepmerge from "deepmerge";
+import { useState } from "@saasquatch/universal-hooks";
 /**
- * @uiName Portal Profile
+ * @uiName Microsite Password Change
  */
 export class PortalChangePassword {
   constructor() {
@@ -15,25 +16,25 @@ export class PortalChangePassword {
      */
     this.modalChangePasswordHeader = "Change Password";
     /**
-     * Modal cancel button text
+     * Found in modal
      *
      * @uiName Cancel Button Text
      */
     this.cancelText = "Cancel";
     /**
-     * Modal change password button text
+     * Found in modal
      *
      * @uiName Change Password Button Text
      */
     this.changePasswordButtonText = "Change Password";
     /**
-     * Password input field label
+     * Found in modal
      *
-     * @uiName Password Label
+     * @uiName New Password Field Label
      */
     this.passwordFieldLabel = "New Password";
     /**
-     * Password confirmation input field label
+     * Found in modal
      *
      * @uiName Confirm Password Label
      */
@@ -41,7 +42,8 @@ export class PortalChangePassword {
     /**
      * Successful password change message
      *
-     * @uiName Successful Message
+     * @uiName Successful Password Change Message
+     * @uiWidget textArea
      */
     this.successMessage = "Your password has been updated.";
     /**
@@ -102,7 +104,7 @@ export class PortalChangePassword {
             "text": "Cancel Button Text",
             "name": "uiName"
           }],
-        "text": "Modal cancel button text"
+        "text": "Found in modal"
       },
       "attribute": "cancel-text",
       "reflect": false,
@@ -123,7 +125,7 @@ export class PortalChangePassword {
             "text": "Change Password Button Text",
             "name": "uiName"
           }],
-        "text": "Modal change password button text"
+        "text": "Found in modal"
       },
       "attribute": "change-password-button-text",
       "reflect": false,
@@ -141,10 +143,10 @@ export class PortalChangePassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "New Password Field Label",
             "name": "uiName"
           }],
-        "text": "Password input field label"
+        "text": "Found in modal"
       },
       "attribute": "password-field-label",
       "reflect": false,
@@ -165,7 +167,7 @@ export class PortalChangePassword {
             "text": "Confirm Password Label",
             "name": "uiName"
           }],
-        "text": "Password confirmation input field label"
+        "text": "Found in modal"
       },
       "attribute": "confirm-password-field-label",
       "reflect": false,
@@ -183,8 +185,11 @@ export class PortalChangePassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Successful Message",
+            "text": "Successful Password Change Message",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": "Successful password change message"
       },
@@ -270,23 +275,24 @@ export class PortalChangePassword {
   }; }
 }
 function usePortalChangePasswordDemo(props) {
+  const [open, setOpen] = useState(false);
   return deepmerge({
     states: {
-      open: true,
+      open,
       error: "",
       content: {
-        modalChangePasswordHeader: "Change Password",
-        cancelText: "Cancel",
-        changePasswordButtonText: "Change Password",
-        passwordFieldLabel: "New Password",
-        confirmPasswordFieldLabel: "Confirm new password",
-        successMessage: "Your password has been updated.",
-        portalChangePasswordHeader: "Password",
-        portalChangePasswordButtonText: "Change your password...",
+        modalChangePasswordHeader: props.modalChangePasswordHeader,
+        cancelText: props.cancelText,
+        changePasswordButtonText: props.changePasswordButtonText,
+        passwordFieldLabel: props.passwordFieldLabel,
+        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
+        successMessage: props.successMessage,
+        portalChangePasswordHeader: props.portalChangePasswordHeader,
+        portalChangePasswordButtonText: props.portalChangePasswordButtonText,
       },
     },
     callbacks: {
-      setOpen: (o) => console.log(o),
+      setOpen: (update) => setOpen(update),
       submit: (e) => console.log("Submit", e),
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js

@@ -1,15 +1,15 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { useChangePasswordMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
 export function usePortalChangePassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [request, { loading, errors, data }] = useChangePasswordMutation();
   const [open, setOpen] = useState(false);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
   const user = useUserIdentity();
   const submit = async (event) => {
-    var _a;
+    var _a, _b;
     setSuccess(false);
     const formData = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.formData;
     formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
@@ -27,20 +27,17 @@ export function usePortalChangePassword(props) {
     const variables = {
       password: formData.password,
     };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success) {
+    const result = await request(variables);
+    if (!(result instanceof Error) && ((_b = result.changeManagedIdentityPassword) === null || _b === void 0 ? void 0 : _b.success)) {
       setSuccess(true);
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success]);
+  };
   return {
     states: {
       open,
       loading,
       success,
-      error: 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: 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),
       content: {
         modalChangePasswordHeader: props.modalChangePasswordHeader,
         cancelText: props.cancelText,

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

@@ -13,8 +13,6 @@ export function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      background: props.backgroundColor ? props.backgroundColor : "transparent",
-      borderRadius: props.borderRadius ? props.borderRadius : 0,
     },
   };
   const vanillaStyle = `

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

@@ -6,8 +6,8 @@ import { getProps } from "../../utils/utils";
  * @uiName Container
  * @slots [{"name":"", "title":"Widget Content"}]
  * @exampleGroup Layout
- * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your column content above or below!</p></sqm-portal-container>
- * @example Column Layout Container - <sqm-portal-container direction="column" padding="none" gap="xxx-large" display="grid" max-width="100%"><p>Add your column content to the left or right!</p></sqm-portal-container>
+ * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your row content!</p></sqm-portal-container>
+ * @example Column Layout Container - <sqm-portal-container direction="column" padding="none" gap="xxx-large" display="grid" max-width="100%"><p>Add your column content!</p></sqm-portal-container>
  */
 export class PortalContainer {
   constructor() {
@@ -146,49 +146,6 @@ export class PortalContainer {
       "reflect": false,
       "defaultValue": "\"xxx-large\""
     },
-    "backgroundColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Background Color",
-            "name": "uiName"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }],
-        "text": ""
-      },
-      "attribute": "background-color",
-      "reflect": false
-    },
-    "borderRadius": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Border Radius",
-            "name": "uiName"
-          }],
-        "text": "Configure border radius with pixel amount."
-      },
-      "attribute": "border-radius",
-      "reflect": false
-    },
     "minWidth": {
       "type": "string",
       "mutable": false,
@@ -201,7 +158,7 @@ export class PortalContainer {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Minimum width",
+            "text": "Minimum Width",
             "name": "uiName"
           }],
         "text": ""

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

@@ -5,15 +5,16 @@ import deepmerge from "deepmerge";
 import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
 import { usePortalEmailVerification } from "./usePortalEmailVerification";
 /**
- * @uiName Portal Email Verification
+ * @uiName Microsite Email Verification
  */
 export class PortalEmailVerification {
   constructor() {
     this.ignored = true;
     /**
-     * The page that users are redirected to from the verification email.
+     * Redirect participants to this page from their verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -26,8 +27,9 @@ export class PortalEmailVerification {
     this.resendEmailButtonText = "Re-send Email";
     /**
      * @uiName Email Verification Body Text
+     * @uiWidget textArea
      */
-    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
+    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -52,10 +54,13 @@ export class PortalEmailVerification {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Base Path",
+            "text": "Email Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "The page that users are redirected to from the verification email."
+        "text": "Redirect participants to this page from their verification email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -117,12 +122,15 @@ export class PortalEmailVerification {
         "tags": [{
             "text": "Email Verification Body Text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": ""
       },
       "attribute": "verify-message",
       "reflect": false,
-      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal.\""
+      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.\""
     },
     "demoData": {
       "type": "unknown",

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

@@ -1,15 +1,16 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { useUserIdentity, useRequestVerificationEmailMutation, } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/universal-hooks";
+import { useUserIdentity, useRequestVerificationEmailMutation, navigation, } from "@saasquatch/component-boilerplate";
 export function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const [request, { loading, data, errors }] = useRequestVerificationEmailMutation();
   const userIdent = useUserIdentity();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(navigation.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
+    var _a;
     if (!email)
       return;
     setError("");
@@ -17,23 +18,19 @@ export function usePortalEmailVerification(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [errors]);
+    if ((_a = result.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success)
+      setSuccess(true);
+  };
   return {
     states: {
       loading,
-      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
+      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,
       success,
     },

package/dist/collection/components/sqm-portal-footer/PortalFooter.stories.js

@@ -10,7 +10,7 @@ export default {
 const defaultProps = {
   supportEmail: "support@example.com",
   supportText: "For program support, contact {email}",
-  showPoweredBy: true,
+  hidePoweredBy: false,
   poweredByLink: "https://saasquatch.com",
   paddingTop: "large",
   paddingRight: "large",
@@ -21,4 +21,4 @@ export const DefaultFooter = () => h(PortalFooterView, Object.assign({}, default
 export const FooterWithTerms = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
 export const FooterWithFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps, { faqLink: "https://example.com", faqText: "FAQ" })));
 export const FooterWithTermsAndFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
-export const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", showPoweredBy: false })));
+export const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));

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

@@ -61,6 +61,6 @@ export function PortalFooterView(props) {
     }, {
       email: (h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
     })),
-    props.showPoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
+    !props.hidePoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
       h(PoweredByImg, null)))));
 }