@saasquatch/mint-components 1.15.0-117 → 1.15.0-119

package/dist/cjs/copy-text-view-f0313f78.js

@@ -1,121 +0,0 @@
-'use strict';
-
-const index = require('./index-ad175903.js');
-const JSS = require('./JSS-518e9b4d.js');
-const mixins = require('./mixins-f51b04f1.js');
-
-const vanillaStyle = `
-  :host{
-    display: block;   
-    width: 100%;
-  }
-`;
-const textAlignStyle = {
-  right: `
-sl-input::part(input){
-  text-align: right;
-}`,
-  center: `  
-sl-input::part(input){
-  text-align: center;
-}`,
-  left: ``,
-};
-const disabledStyles = `
-  sl-input::part(input){
-    cursor: default;
-  }
-`;
-function CopyTextView(props) {
-  const { buttonStyle = "icon" } = props;
-  const style = {
-    HostBlock: mixins.HostBlock,
-    inputStyle: {
-      "&::part(input)": {
-        textOverflow: "ellipsis",
-        width: "100%",
-      },
-      "&::part(base)": {
-        "--sl-input-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
-        "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
-        "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        "--sl-input-border-color": "var(--sqm-border-color)",
-        "--sl-input-border-color-hover": "#999999",
-        "--sl-input-border-color-focus": "#999999",
-        "--sl-input-color-hover": "var(--sqm-input-color-hover)",
-        "--sl-input-color-focus": "var(--sqm-input-color-focus)",
-        "--sl-input-color-disabled": "var(--sqm-input-disabled-color)",
-        "--sl-input-background-color-focus": "var(--sqm-portal-background)",
-        "--sl-input-background-color-hover": "var(--sqm-portal-background)",
-        cursor: "pointer",
-        overflow: "visible",
-        borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
-        background: props.backgroundColor || "var(--sqm-portal-background)",
-        border: `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-input-border-color)"}`,
-      },
-      width: "100%",
-    },
-    icon: {
-      "&::part(base)": {
-        color: props.textColor || "var(--sqm-input-color)",
-      },
-    },
-    inputErrorStyle: {
-      "&::part(base)": {
-        border: "2px solid red",
-      },
-    },
-    ContainerDiv: {
-      display: "flex",
-      alignItems: "flex-start",
-      flexDirection: "column",
-      justifyContent: "center",
-      gap: "var(--sl-spacing-x-small)",
-      width: "100%",
-    },
-    containerStyle: {
-      display: "flex",
-      alignItems: "center",
-      gap: "var(--sl-spacing-x-small)",
-      width: "100%",
-    },
-    errorTextStyle: {
-      margin: "0",
-      color: "var(--sqm-danger-color-text)",
-    },
-    notificationTextStyle: {
-      margin: "0",
-      color: "inherit",
-    },
-  };
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const error = !props.loading && props.error;
-  const inputText = error ? props.inputPlaceholderText : props.copyString;
-  const disabled = error || props.loading || props.disabled;
-  const tooltipPlacement = props.buttonStyle === "button-below"
-    ? "bottom"
-    : props.buttonStyle === "button-outside"
-      ? "top"
-      : "top-end";
-  const copyButton = (index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (index.h("sl-icon-button", { class: sheet.classes.icon, exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (index.h("sl-button", { exportparts: `base: ${props.buttonType || "primary"}button-base`, onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (index.h("div", { class: sheet.classes.ContainerDiv },
-    index.h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle,
-      textAlignStyle[props.textAlign],
-      disabled && disabledStyles),
-    index.h("div", { class: sheet.classes.containerStyle, style: {
-        flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
-      } },
-      index.h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-field", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
-        buttonStyle === "icon" && copyButton,
-        error && (index.h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
-      (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
-        copyButton),
-    props.isCopied &&
-      props.showNotificationText &&
-      props.notificationText && (index.h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
-}
-
-exports.CopyTextView = CopyTextView;

package/dist/cjs/sqm-coupon-code-view-a869384e.js

@@ -1,35 +0,0 @@
-'use strict';
-
-const index = require('./index-ad175903.js');
-const JSS = require('./JSS-518e9b4d.js');
-const mixins = require('./mixins-f51b04f1.js');
-const copyTextView = require('./copy-text-view-f0313f78.js');
-
-function CouponCodeView(props) {
-  const error = !props.loading && props.error;
-  const style = {
-    HostBlock: mixins.HostBlock,
-    couponCodeLabel: {
-      margin: "var(--sl-spacing-x-small) 0",
-      color: props.textColor || "var(--sqm-text-subdued)",
-      fontSize: "var(--sl-font-size-small)",
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    display: block;   
-    width: 100%;
-  }
-`;
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    index.h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
-    error ? (index.h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
-      index.h("div", { part: "erroralert-text" }, props.errorText))) : (index.h(copyTextView.CopyTextView, Object.assign({}, props)))));
-}
-
-exports.CouponCodeView = CouponCodeView;

package/dist/cjs/sqm-coupon-code.cjs.entry.js

@@ -1,285 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ad175903.js');
-const domContextHooks_module = require('./dom-context-hooks.module-baf97805.js');
-const index_module = require('./index.module-0ec494e5.js');
-require('./jss-preset-default.esm-b48f0c33.js');
-require('./JSS-518e9b4d.js');
-require('./mixins-f51b04f1.js');
-const utils = require('./utils-ebe923b6.js');
-const cjs = require('./cjs-2bf512b9.js');
-require('./copy-text-view-f0313f78.js');
-const sqmCouponCodeView = require('./sqm-coupon-code-view-a869384e.js');
-
-const FuelTankRewardsQuery = index_module.dist.gql `
-  query fuelTankRewardsQuery($programId: ID!) {
-    user: viewer {
-      ... on User {
-        instantAccessRewards(
-          filter: { type_eq: FUELTANK, programId_eq: $programId }
-        ) {
-          data {
-            fuelTankCode
-            fuelTankType
-            statuses
-            dateGiven
-            dateExpires
-            dateRedeemed
-            dateCancelled
-            dateScheduledFor
-            datePendingForUnhandledError
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-function useCouponCode(props) {
-  var _a, _b, _c;
-  const user = index_module.J();
-  const programId = index_module.H();
-  const engagementMedium = index_module.B();
-  const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
-  const { data, loading, refetch, errors } = index_module.wn(FuelTankRewardsQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const getStatus = (reward) => {
-    if (!reward || !reward.statuses)
-      return "ERROR";
-    const state = reward.statuses[reward.statuses.length - 1];
-    if (state === "PENDING" && reward.dateScheduledFor === null)
-      return "EMPTY_TANK";
-    return state;
-  };
-  const reward = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.instantAccessRewards) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0];
-  const rewardStatus = getStatus(reward);
-  const dateAvailable = rewardStatus === "PENDING" && reward.dateScheduledFor
-    ? new Date(reward.dateScheduledFor).toLocaleDateString("default", {
-      day: "numeric",
-      month: "long",
-      year: "numeric",
-    })
-    : undefined;
-  const copyString = (reward === null || reward === void 0 ? void 0 : reward.fuelTankCode) || "...";
-  const [open, setOpen] = domContextHooks_module.useState(false);
-  function onClick() {
-    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-    // Only if called from a user-initiated event
-    navigator.clipboard.writeText(copyString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          shareMedium: "DIRECT",
-        },
-      },
-    });
-  }
-  const getRewardStatusText = (status) => {
-    switch (status) {
-      case "CANCELLED":
-        return props.cancelledErrorText;
-      case "EXPIRED":
-        return props.expiredErrorText;
-      case "EMPTY_TANK":
-        return props.fullfillmentErrorText;
-      case "PENDING":
-        return props.pendingErrorText.replace("{unpendDate}", dateAvailable);
-      case "REDEEMED":
-        return props.redeemedErrorText;
-      case "AVAILABLE":
-        return "";
-      default:
-        return props.genericErrorText;
-    }
-  };
-  const getRewardStatusErrorType = (status) => {
-    switch (status) {
-      case "EXPIRED":
-      case "EMPTY_TANK":
-      case "CANCELLED":
-      case "ERROR":
-        return "warning";
-      case "PENDING":
-        return "info";
-      case "REDEEMED":
-        return "success";
-      default:
-        return;
-    }
-  };
-  const errorText = getRewardStatusText(rewardStatus);
-  const errorType = getRewardStatusErrorType(rewardStatus);
-  const error = rewardStatus !== "AVAILABLE";
-  return {
-    ...props,
-    onClick,
-    open,
-    copyString,
-    error,
-    errorText,
-    dateAvailable,
-    loading,
-    errorType,
-    buttonType: props.buttonType || "primary",
-  };
-}
-
-const CouponCode = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip appears for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = 1000;
-    /**
-     * @uiName Coupon code alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     * @uiGroup Style
-     */
-    this.textAlign = "left";
-    /**
-     * @uiName Copy button label
-     */
-    this.copyButtonLabel = "Copy Coupon";
-    /**
-     * Set the copy button style and placement.
-     *
-     * @uiName Style
-     * @uiType string
-     * @uiEnum ["icon", "button-outside", "button-below"]
-     * @uiEnumNames ["Icon", "Button outside", "Button below"]
-     * @uiGroup Style
-     */
-    this.buttonStyle = "icon";
-    /**
-     * @uiName Coupon code label
-     */
-    this.couponCodeLabel = "Your coupon code:";
-    /**
-     * Display this message when the coupon code has been cancelled.
-     *
-     * @uiWidget textArea
-     * @uiName Cancelled code error message
-     * @uiGroup Coupon code error
-     */
-    this.cancelledErrorText = "This code has been cancelled. Please reach out to the Support team for help resolving this issue.";
-    /**
-     * Display this message when the coupon code has already been redeemed.
-     *
-     * @uiWidget textArea
-     * @uiName Redeemed code error message
-     * @uiGroup Coupon code error
-     */
-    this.redeemedErrorText = "Looks like you’ve already redeemed this code.";
-    /**
-     * Display this message when the coupon code has expired.
-     *
-     * @uiWidget textArea
-     * @uiName Expired code error message
-     * @uiGroup Coupon code error
-     */
-    this.expiredErrorText = "Looks like this code has expired. Please reach out to the Support team for help resolving this issue.";
-    /**
-     * Display this message when the code fails to load due to a fulfillment error.
-     *
-     * @uiWidget textArea
-     * @uiName Code fulfillment error message
-     * @uiGroup Coupon code error
-     */
-    this.fullfillmentErrorText = "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";
-    /**
-     * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-     *
-     * @uiWidget textArea
-     * @uiName Code pending error message
-     * @uiGroup Coupon code error
-     */
-    this.pendingErrorText = "Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!";
-    /**
-     * Display this message when the code fails to load due to an unspecified error.
-     *
-     * @uiWidget textArea
-     * @uiName Code retrieval error message
-     * @uiGroup Coupon code error
-     */
-    this.genericErrorText = "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";
-    /**
-     * Display this text when the coupon code can’t be retrieved.
-     *
-     * @uiName Coupon code placeholder
-     * @uiGroup Coupon code error
-     */
-    this.couponCodePlaceholder = "...";
-    /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
-     * @uiName Button Type
-     * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
-     * @uiGroup Style
-     */
-    this.buttonType = "primary";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.isDemo()
-      ? useDemoCouponCode(thisProps)
-      : useCouponCode(thisProps);
-    return index.h(sqmCouponCodeView.CouponCodeView, Object.assign({}, props));
-  }
-};
-function useDemoCouponCode(props) {
-  const [open, setOpen] = domContextHooks_module.useState(false);
-  const copyString = "THANKSJANE125uv125";
-  return cjs.cjs({
-    copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    buttonStyle: props.buttonStyle,
-    copyButtonLabel: props.copyButtonLabel,
-    error: false,
-    couponCodePlaceholder: props.couponCodePlaceholder,
-    couponCodeLabel: props.couponCodeLabel,
-    borderColor: props.borderColor,
-    backgroundColor: props.backgroundColor,
-    textColor: props.textColor,
-    borderRadius: props.borderRadius,
-    buttonType: props.buttonType,
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_coupon_code = CouponCode;

package/dist/cjs/sqm-portal-forgot-password-view-0a8d3243.js

@@ -1,53 +0,0 @@
-'use strict';
-
-const index = require('./index-a43a63b4.js');
-const index_module = require('./index.module-4f54e412.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
-
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
-  const style = {
-    FormWrapper: {
-      ...mixins.AuthWrapper,
-      background: content.backgroundColor || "var(--sqm-portal-background)",
-      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
-      border: content.border ||
-        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
-    },
-    Column: { ...mixins.AuthColumn },
-    ButtonsContainer: mixins.AuthButtonsContainer,
-    SecondaryButton: {
-      margin: "auto",
-      display: "block",
-      cursor: "pointer",
-    },
-  };
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.messageSlot),
-    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, props.states.error))),
-      props.states.success && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        index.h("div", { part: "successalert-text" }, content.successAlertText))),
-      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
-}
-
-exports.PortalForgotPasswordView = PortalForgotPasswordView;

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -1,156 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
-
-function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = domContextHooks_module.useState(false);
-  const [error, setError] = domContextHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.un();
-  const urlParams = new URLSearchParams(index_module.jn.location.search);
-  const nextPage = urlParams.get("nextPage");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    setSuccess(false);
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.jsonpointer.set(formData, key, value);
-    });
-    const urlParams = nextPage ? { nextPage } : null;
-    const redirectPath = props.redirectPath;
-    const variables = { email: formData.email, urlParams, redirectPath };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if (result.message)
-        setError(props.networkErrorMessage);
-      return;
-    }
-    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  };
-  return {
-    states: {
-      loading,
-      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,
-    },
-  };
-}
-
-const PortalForgotPassword = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they verify their email.
-     *
-     * @uiName Email redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/resetPassword";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password reset button text
-     */
-    this.submitLabel = "Request Password Reset";
-    /**
-     * @uiName Login redirect path
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * @uiName Header text
-     * @uiWidget textArea
-     */
-    this.headerText = "Enter your email below to receive a password reset link.";
-    /**
-     * @uiName Sign in link text
-     */
-    this.loginText = "Sign In";
-    /**
-     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Email verification sent text
-     */
-    this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     */
-    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
-    /**
-     * @uiName Border radius
-     * @uiWidget number
-     */
-    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
-    /**
-     * @uiName Border style
-     * @uiWidget textArea
-     */
-    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.isDemo()
-      ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword(this);
-    const content = {
-      messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
-      emailLabel: this.emailLabel,
-      submitLabel: this.submitLabel,
-      successAlertText: this.successAlertText,
-      loginText: this.loginText,
-      backgroundColor: this.backgroundColor,
-      borderRadius: this.borderRadius,
-      border: this.border,
-    };
-    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalForgotPasswordDemo(props) {
-  return cjs.cjs({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
-      messageSlot: index.h("span", null, props.headerText),
-      emailLabel: props.emailLabel,
-      submitLabel: props.submitLabel,
-      successAlertText: props.successAlertText,
-      loginText: props.loginText,
-      backgroundColor: props.backgroundColor,
-      borderRadius: props.borderRadius,
-      border: props.border,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_portal_forgot_password = PortalForgotPassword;