@saasquatch/mint-components 1.6.2-2 → 1.6.2-20

package/dist/collection/components/sqm-name-fields/sqm-name-fields.js

@@ -5,7 +5,10 @@ import deepmerge from "deepmerge";
 import { NameFieldsView } from "./sqm-name-fields-view";
 import { useNameFields } from "./useNameFields";
 /**
- * @uiName Name Fields
+ * @uiName Form Name Fields
+ * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
+ * @exampleGroup Microsite Components
+ * @example Form Name Fields - <sqm-name-fields first-name-label="First Name" last-name-label="Last Name"></sqm-name-fields>
  */
 export class NameFields {
   constructor() {
@@ -74,7 +77,7 @@ export class NameFields {
       "mutable": false,
       "complexType": {
         "original": "DemoData<NameFieldsViewProps>",
-        "resolved": "{ states?: { validationErrors?: ValidationErrors; content: { firstNameLabel: string; lastNameLabel: string; }; }; }",
+        "resolved": "{ states?: { validationErrors?: ValidationErrors; registrationFormState?: RegistrationFormState; content: { firstNameLabel: string; lastNameLabel: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -109,8 +112,8 @@ function useNameFieldsDemo(props) {
     states: {
       validationErrors: [],
       content: {
-        firstNameLabel: "First Name",
-        lastNameLabel: "Last Name",
+        firstNameLabel: props.firstNameLabel,
+        lastNameLabel: props.lastNameLabel,
       },
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/collection/components/sqm-name-fields/useNameFields.js

@@ -1,10 +1,13 @@
 import { useDomContext } from "@saasquatch/stencil-hooks";
 import { FORM_VALIDATION_CONTEXT, } from "../sqm-portal-register/useValidationState";
+import { REGISTRATION_FORM_STATE_CONTEXT, } from "../sqm-portal-registration-form/useRegistrationFormState";
 export function useNameFields(props) {
+  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
   const validationState = useDomContext(FORM_VALIDATION_CONTEXT);
   return {
     states: {
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
+      registrationFormState,
       content: {
         lastNameLabel: props.lastNameLabel,
         firstNameLabel: props.firstNameLabel,

package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar.js

@@ -2,9 +2,8 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, State } from "@stencil/core";
 import { NavigationSidebarView } from "./sqm-navigation-sidebar-view";
 /**
- * A container for navigation menu items
- *
- * @uiName Navigation Sidebar
+ * @uiName Microsite Sidebar
+ * @slots [{"name":"", "title":"Sidebar Content", "validChildren":["sqm-navigation-sidebar-item"]}]
  */
 export class NavigationSidebar {
   constructor() {

package/dist/collection/components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item.js

@@ -6,7 +6,10 @@ import { getProps } from "../../utils/utils";
 import { NavigationSidebarItemView, } from "./sqm-navigation-sidebar-item-view";
 import { useNavigationSidebarItem } from "./useNavigationSidebarItem";
 /**
- * @uiName Navigation Link
+ * @uiName Microsite Sidebar Item
+ * @validParents ["sqm-navigation-sidebar"]
+ * @exampleGroup Microsite Components
+ * @example Sidebar Item - <sqm-navigation-sidebar-item label="Sidebar Item" icon="house"></sqm-navigation-sidebar-item>
  */
 export class NavigationSidebarItem {
   constructor() {
@@ -36,6 +39,9 @@ export class NavigationSidebarItem {
         "tags": [{
             "text": "Navigation Path",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
         "text": ""
       },

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

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

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

@@ -22,19 +22,22 @@ 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;
   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,
+    }
+      : {}), (((_g = states.validationErrors) === null || _g === void 0 ? void 0 : _g.password) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+      helpText: ((_h = states.validationErrors) === null || _h === void 0 ? void 0 : _h.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,12 @@ 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: {},
       content: {
-        fieldLabel: "Password",
+        fieldLabel: props.fieldLabel,
       },
     },
     callbacks: {

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

@@ -1,9 +1,11 @@
 import { useState } from "@saasquatch/universal-hooks";
+import { FORM_VALIDATION_CONTEXT, } from "../sqm-portal-register/useValidationState";
 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 validationState = useDomContext(FORM_VALIDATION_CONTEXT);
+  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -11,8 +13,9 @@ export function usePasswordField(props) {
   }
   return {
     states: {
-      enableValidation: props.enableValidation,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,

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

@@ -4,7 +4,9 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { usePopupContainer } from "./usePopupContainer";
 import { getProps } from "../../utils/utils";
 /**
- * @uiName Popup Container For Widgets
+ * @uiName Popup Container
+ * @slots [{"name":"","title":"Content"}]
+ * @canvasRenderer always-replace
  */
 export class PopupContainer {
   constructor() {

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() {
@@ -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.";
     /**
@@ -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.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() {

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.
+     * The microsite page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
+     * @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 with 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 Redirection Path",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "The page that users are redirected to from the verification email."
+        "text": "The microsite page that participants are redirected to from the 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 with 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)))));
 }