@saasquatch/mint-components 1.12.1-14 → 1.12.1-16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.12.1-14",
+  "version": "1.12.1-16",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/dist/cjs/sqm-checkbox-field-view-e0a31f2a.js

@@ -1,66 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
-const JSS = require('./JSS-8503a151.js');
-
-const style = {
-  ErrorStyle: {
-    "&::part(control)": {
-      background: "var(--sl-color-danger-10)",
-      borderColor: "var(--sl-color-danger-500)",
-      outline: "var(--sl-color-danger-500)",
-    },
-    "&:host": {
-      "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
-    },
-  },
-  ErrorMessageStyle: {
-    margin: 0,
-    marginTop: "5px",
-    color: "var(--sl-color-danger-500)",
-    fontSize: "var(--sl-input-help-text-font-size-medium)",
-    fontFamily: "var(--sl-font-sans)",
-    fontWeight: "var(--sl-font-weight-normal)",
-  },
-  FieldContainer: {
-    "margin-bottom": "var(--sl-spacing-large)",
-  },
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-sl-checkbox::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-normal);
-  line-height: 20px;
-}
-sl-checkbox::part(base){
-  align-items: start;
-}
-`;
-JSS.jss.setup(JSS.create());
-const sheet = JSS.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function CheckboxFieldView(props) {
-  var _b, _c;
-  const { states, content, callbacks } = props;
-  return (index.h("div", { class: sheet.classes.FieldContainer, part: "sqm-base" },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
-        e.target.value = e.target.checked;
-        callbacks.setChecked(e.target.value);
-      } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled), required: false }), global.intl.formatMessage({
-      id: content.checkboxName + "-message",
-      defaultMessage: content.checkboxLabel,
-    }, {
-      labelLink: (index.h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
-    }))));
-}
-
-exports.CheckboxFieldView = CheckboxFieldView;

package/dist/cjs/sqm-portal-change-marketing.cjs.entry.js

@@ -1,236 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
-const cjs = require('./cjs-1066ec21.js');
-const JSS = require('./JSS-8503a151.js');
-const utils = require('./utils-6847bc06.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmCheckboxFieldView = require('./sqm-checkbox-field-view-e0a31f2a.js');
-
-function PortalProfileView(props) {
-  const { states, callbacks } = props;
-  const { text, formState } = states;
-  const { error } = formState;
-  const style = {
-    Container: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-xxx-large)",
-      padding: "var(--sl-spacing-xxx-large)",
-    },
-    Error: {
-      "&::part(erroralert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    Success: {
-      "&::part(successalert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-  };
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), text.emailPreferencesHeader),
-    index.h("sl-form", { "onSl-submit": callbacks.onSubmit },
-      index.h(sqmCheckboxFieldView.CheckboxFieldView, { states: {
-          checked: states.formState.marketingEmailOptIn,
-        }, content: {
-          checkboxLabel: text.marketingCheckboxLabel,
-          checkboxName: "marketingEmailOptIn",
-        }, callbacks: {
-          setChecked: callbacks.setChecked,
-        } }),
-      index.h("sl-button", { type: "primary", submit: true, loading: states.loading, disabled: states.submitDisabled }, text.submitChangeButtonText),
-      error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, error))),
-      states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
-        index.h("div", { part: "successalert-text" }, states.text.successMessage))))));
-}
-
-const GET_USER = index_module.dist.gql `
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        marketingEmailOptIn
-      }
-    }
-  }
-`;
-const UPSERT_USER = index_module.dist.gql `
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      id
-      marketingEmailOptIn
-    }
-  }
-`;
-// view doesn't tolerate undefined, even when we're loading
-const defaultFormState = {
-  marketingEmailOptIn: false,
-  errors: {},
-  error: "",
-};
-function usePortalProfile(props) {
-  const userIdent = index_module.Q();
-  const [success, setSuccess] = stencilHooks_module.useState(false);
-  const [userData, setUserData] = stencilHooks_module.useState(undefined);
-  const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.yn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
-  stencilHooks_module.useEffect(() => {
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
-      return;
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
-      setFormState((state) => {
-        var _a, _b, _c;
-        return ({
-          ...state,
-          error: (_c = (_b = (_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0].message,
-        });
-      });
-    }
-    else {
-      setUserData((state) => {
-        var _a;
-        return ({
-          ...state,
-          ...(_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data) === null || _a === void 0 ? void 0 : _a.upsertUser,
-        });
-      });
-      if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data)
-        setSuccess(true);
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  stencilHooks_module.useEffect(() => {
-    var _a, _b;
-    setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
-    setFormState({
-      ...defaultFormState,
-      ...(_a = userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer,
-      ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
-    });
-  }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  stencilHooks_module.useEffect(() => {
-    var _a, _b;
-    if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setFormState({
-        ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
-        error: props.networkRequestMessage,
-      });
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
-  const onSubmit = (event) => {
-    var _a;
-    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) => {
-      jsonpointer.jsonpointer.set(formData, key, value);
-    });
-    upsertUser({
-      userInput: {
-        id: userIdent === null || userIdent === void 0 ? void 0 : userIdent.id,
-        accountId: userIdent === null || userIdent === void 0 ? void 0 : userIdent.accountId,
-        marketingEmailOptIn: Boolean(formData.marketingEmailOptIn),
-      },
-    });
-    setFormState((s) => ({ ...s, errors: {}, error: "" }));
-    return;
-  };
-  return {
-    states: {
-      success,
-      loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
-      submitDisabled: false,
-      formState,
-      user: userData,
-      text: {
-        emailPreferencesHeader: props.emailPreferencesHeader,
-        marketingCheckboxLabel: props.marketingCheckboxLabel,
-        submitChangeButtonText: props.submitChangeButtonText,
-        successMessage: props.successMessage,
-      },
-    },
-    callbacks: {
-      onSubmit,
-      setChecked: (value) => setFormState({ ...formState, marketingEmailOptIn: value }),
-    },
-  };
-}
-
-const PortalChangeMarketing = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Email preferences header
-     */
-    this.emailPreferencesHeader = "Email preferences";
-    /**
-     * @uiName Marketing checkbox label
-     */
-    this.marketingCheckboxLabel = "I want to receive marketing emails and promotions for this referral program from impact.com";
-    /**
-     * @uiName Submit changes button text
-     */
-    this.submitChangeButtonText = "Save";
-    /**
-     * @uiName Network request error message
-     * Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
-     */
-    this.networkRequestMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Successful update message
-     */
-    this.successMessage = "Opt-in preference has been changed.";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = index_module.isDemo()
-      ? usePortalProfileDemo(utils.getProps(this))
-      : usePortalProfile(utils.getProps(this));
-    return index.h(PortalProfileView, Object.assign({}, props));
-  }
-};
-function usePortalProfileDemo(props) {
-  return cjs.cjs({
-    states: {
-      success: false,
-      loading: false,
-      submitDisabled: false,
-      user: {
-        id: "01",
-        accountId: "111100000",
-        marketingEmailOptIn: false,
-      },
-      text: {
-        emailPreferencesHeader: props.emailPreferencesHeader,
-        marketingCheckboxLabel: props.marketingCheckboxLabel,
-        submitChangeButtonText: props.submitChangeButtonText,
-        successMessage: props.successMessage,
-      },
-      formState: {
-        marketingEmailOptIn: false,
-        errors: null,
-        error: "",
-      },
-    },
-    callbacks: {
-      onSubmit: (e) => console.log(e),
-      setChecked: () => { },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_portal_change_marketing = PortalChangeMarketing;

package/dist/esm/sqm-checkbox-field-view-0ef58cb3.js

@@ -1,64 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { i as intl } from './global-62554cef.js';
-import { j as jss, a as create } from './JSS-67b5cff8.js';
-
-const style = {
-  ErrorStyle: {
-    "&::part(control)": {
-      background: "var(--sl-color-danger-10)",
-      borderColor: "var(--sl-color-danger-500)",
-      outline: "var(--sl-color-danger-500)",
-    },
-    "&:host": {
-      "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
-    },
-  },
-  ErrorMessageStyle: {
-    margin: 0,
-    marginTop: "5px",
-    color: "var(--sl-color-danger-500)",
-    fontSize: "var(--sl-input-help-text-font-size-medium)",
-    fontFamily: "var(--sl-font-sans)",
-    fontWeight: "var(--sl-font-weight-normal)",
-  },
-  FieldContainer: {
-    "margin-bottom": "var(--sl-spacing-large)",
-  },
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-sl-checkbox::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-normal);
-  line-height: 20px;
-}
-sl-checkbox::part(base){
-  align-items: start;
-}
-`;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function CheckboxFieldView(props) {
-  var _b, _c;
-  const { states, content, callbacks } = props;
-  return (h("div", { class: sheet.classes.FieldContainer, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
-        e.target.value = e.target.checked;
-        callbacks.setChecked(e.target.value);
-      } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled), required: false }), intl.formatMessage({
-      id: content.checkboxName + "-message",
-      defaultMessage: content.checkboxLabel,
-    }, {
-      labelLink: (h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
-    }))));
-}
-
-export { CheckboxFieldView as C };

package/dist/esm/sqm-portal-change-marketing.entry.js

@@ -1,232 +0,0 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './global-62554cef.js';
-import { d as dist, Q, y as yn, e as $e, i as isDemo } from './index.module-48f73e70.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { g as getProps } from './utils-334c1e34.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { C as CheckboxFieldView } from './sqm-checkbox-field-view-0ef58cb3.js';
-
-function PortalProfileView(props) {
-  const { states, callbacks } = props;
-  const { text, formState } = states;
-  const { error } = formState;
-  const style = {
-    Container: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-xxx-large)",
-      padding: "var(--sl-spacing-xxx-large)",
-    },
-    Error: {
-      "&::part(erroralert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    Success: {
-      "&::part(successalert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
-    h("style", { type: "text/css" }, styleString),
-    h(TextSpanView, Object.assign({}, { type: "h2" }), text.emailPreferencesHeader),
-    h("sl-form", { "onSl-submit": callbacks.onSubmit },
-      h(CheckboxFieldView, { states: {
-          checked: states.formState.marketingEmailOptIn,
-        }, content: {
-          checkboxLabel: text.marketingCheckboxLabel,
-          checkboxName: "marketingEmailOptIn",
-        }, callbacks: {
-          setChecked: callbacks.setChecked,
-        } }),
-      h("sl-button", { type: "primary", submit: true, loading: states.loading, disabled: states.submitDisabled }, text.submitChangeButtonText),
-      error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, error))),
-      states.success && (h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
-        h("div", { part: "successalert-text" }, states.text.successMessage))))));
-}
-
-const GET_USER = dist.gql `
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        marketingEmailOptIn
-      }
-    }
-  }
-`;
-const UPSERT_USER = dist.gql `
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      id
-      marketingEmailOptIn
-    }
-  }
-`;
-// view doesn't tolerate undefined, even when we're loading
-const defaultFormState = {
-  marketingEmailOptIn: false,
-  errors: {},
-  error: "",
-};
-function usePortalProfile(props) {
-  const userIdent = Q();
-  const [success, setSuccess] = useState(false);
-  const [userData, setUserData] = useState(undefined);
-  const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = yn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = $e(UPSERT_USER);
-  useEffect(() => {
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
-      return;
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
-      setFormState((state) => {
-        var _a, _b, _c;
-        return ({
-          ...state,
-          error: (_c = (_b = (_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0].message,
-        });
-      });
-    }
-    else {
-      setUserData((state) => {
-        var _a;
-        return ({
-          ...state,
-          ...(_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data) === null || _a === void 0 ? void 0 : _a.upsertUser,
-        });
-      });
-      if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data)
-        setSuccess(true);
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  useEffect(() => {
-    var _a, _b;
-    setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
-    setFormState({
-      ...defaultFormState,
-      ...(_a = userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer,
-      ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
-    });
-  }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setFormState({
-        ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
-        error: props.networkRequestMessage,
-      });
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
-  const onSubmit = (event) => {
-    var _a;
-    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) => {
-      jsonpointer.set(formData, key, value);
-    });
-    upsertUser({
-      userInput: {
-        id: userIdent === null || userIdent === void 0 ? void 0 : userIdent.id,
-        accountId: userIdent === null || userIdent === void 0 ? void 0 : userIdent.accountId,
-        marketingEmailOptIn: Boolean(formData.marketingEmailOptIn),
-      },
-    });
-    setFormState((s) => ({ ...s, errors: {}, error: "" }));
-    return;
-  };
-  return {
-    states: {
-      success,
-      loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
-      submitDisabled: false,
-      formState,
-      user: userData,
-      text: {
-        emailPreferencesHeader: props.emailPreferencesHeader,
-        marketingCheckboxLabel: props.marketingCheckboxLabel,
-        submitChangeButtonText: props.submitChangeButtonText,
-        successMessage: props.successMessage,
-      },
-    },
-    callbacks: {
-      onSubmit,
-      setChecked: (value) => setFormState({ ...formState, marketingEmailOptIn: value }),
-    },
-  };
-}
-
-const PortalChangeMarketing = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Email preferences header
-     */
-    this.emailPreferencesHeader = "Email preferences";
-    /**
-     * @uiName Marketing checkbox label
-     */
-    this.marketingCheckboxLabel = "I want to receive marketing emails and promotions for this referral program from impact.com";
-    /**
-     * @uiName Submit changes button text
-     */
-    this.submitChangeButtonText = "Save";
-    /**
-     * @uiName Network request error message
-     * Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
-     */
-    this.networkRequestMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Successful update message
-     */
-    this.successMessage = "Opt-in preference has been changed.";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo()
-      ? usePortalProfileDemo(getProps(this))
-      : usePortalProfile(getProps(this));
-    return h(PortalProfileView, Object.assign({}, props));
-  }
-};
-function usePortalProfileDemo(props) {
-  return cjs({
-    states: {
-      success: false,
-      loading: false,
-      submitDisabled: false,
-      user: {
-        id: "01",
-        accountId: "111100000",
-        marketingEmailOptIn: false,
-      },
-      text: {
-        emailPreferencesHeader: props.emailPreferencesHeader,
-        marketingCheckboxLabel: props.marketingCheckboxLabel,
-        submitChangeButtonText: props.submitChangeButtonText,
-        successMessage: props.successMessage,
-      },
-      formState: {
-        marketingEmailOptIn: false,
-        errors: null,
-        error: "",
-      },
-    },
-    callbacks: {
-      onSubmit: (e) => console.log(e),
-      setChecked: () => { },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PortalChangeMarketing as sqm_portal_change_marketing };