@saasquatch/mint-components 1.3.3-3 → 1.3.3-7

package/dist/cjs/sqm-referral-iframe-view-d64e955e.js

@@ -1,523 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
-const index_module = require('./index.module-89be78a4.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-62f8ddc9.js');
-const index$1 = require('./index-64f4aee3.js');
-const mixins = require('./mixins-7b7c59fe.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-b12d5fde.js');
-const sqmTextSpanView = require('./sqm-text-span-view-90e828b7.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-15c6d536.js');
-
-const style = {
-  HostBlock: mixins.HostBlock,
-  buttonStyle: {
-    display: "block",
-  },
-};
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function ShareButtonView(props, children) {
-  return props.hide ? (index.h(index.Host, { style: { display: "none" } })) : (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-button", { class: sheet.classes.buttonStyle, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
-      !props.hideicon && (index.h("sl-icon", { slot: props.iconslot, name: props.icon ? props.icon : props.medium, exportparts: "icon" })),
-      !props.hidetext && children)));
-}
-
-const style$1 = {
-  HostBlock: mixins.HostBlock,
-  ":host": {
-    "min-height": "100vh",
-  },
-  Frame: {
-    "min-height": "100vh",
-    display: "flex",
-    "flex-direction": "column",
-    "box-sizing": "border-box",
-  },
-  FooterWrapper: {
-    width: "100%",
-    "max-width": "100%",
-    padding: "var(--sl-spacing-medium) var(--sl-spacing-x-large)",
-    background: "var(--sqm-footer-background)",
-    display: "flex",
-    "justify-content": "flex-end",
-    "align-items": "center",
-    "box-sizing": "border-box",
-    "margin-top": "auto",
-  },
-  HeaderWrapper: {
-    width: "100%",
-    "max-width": "100%",
-    "box-sizing": "border-box",
-    display: "flex",
-    "justify-content": "space-between",
-    padding: "var(--sl-spacing-small) var(--sl-spacing-large)",
-    "align-items": "center",
-    "background-color": "var(--sqm-header-background)",
-    "@media screen and (max-width: 499px)": {
-      "flex-direction": "row-reverse",
-      "justify-content": "flex-end",
-      padding: "0",
-    },
-  },
-};
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet$1 = jssPresetDefault_esm.jss.createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
-function PortalFrameView(props, children) {
-  const { data } = props;
-  return (index.h("div", { class: sheet$1.classes.Frame },
-    index.h("style", { type: "text/css" }, styleString$1),
-    index.h("div", { class: sheet$1.classes.HeaderWrapper },
-      data.header,
-      index.h("slot", { name: "sqm-navigation-menu" })),
-    children,
-    index.h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
-}
-
-const EditProfileView = (props) => {
-  var _a, _b, _c, _d;
-  const { states, callbacks } = props;
-  const { text } = states;
-  const { errors } = states.formState;
-  if (states.showEdit) {
-    return (index.h("div", { class: `CardWrapper ${!states.showEdit && "ShowEdit"}` },
-      index.h("h2", { style: {
-          fontSize: "var(--sl-font-size-x-large)",
-          margin: "0px",
-          textAlign: "center",
-        } }, text.editprofileheader),
-      index.h("form", { class: "FormWrapper", onSubmit: callbacks.onSubmit },
-        index.h("div", { class: "FormSection" },
-          states.formState.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-            index.h("div", { part: "erroralert-text" }, states.formState.error))),
-          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, (errors.firstName && errors.firstName.status !== "valid"
-            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
-            : []), { id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
-              ? errors.firstName.message
-              : undefined })),
-          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, (errors.lastName && errors.lastName.status !== "valid"
-            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
-            : []), { error: errors.lastName && errors.lastName.status !== "valid"
-              ? errors.lastName.message
-              : undefined }))),
-        text.showregion && states.formState.currentRegion && (index.h("sl-input", { exportparts: "label: input-label", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
-        index.h("div", { class: "ButtonWrapper" },
-          index.h("sl-button", { onClick: () => {
-              callbacks.setShowEdit(false);
-            }, exportparts: "base: defaultbutton-base" }, text.canceltext),
-          index.h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
-              callbacks.onSubmit(e);
-            }, submit: true, exportparts: "base: primarybutton-base" }, text.updatetext)))));
-  }
-  return (index.h("div", { class: `CardWrapper FormWrapper ${!states.showEdit && "ShowEdit"}` },
-    index.h("div", { class: "FormSection" },
-      index.h("h2", { style: {
-          fontSize: "var(--sl-font-size-x-large",
-          marginBottom: "0px",
-          textAlign: "center",
-        } }, text.editprofileheader),
-      index.h("div", null,
-        index.h("p", { style: { fontSize: "var(--sl-font-size-medium)" } }, (_a = states.user) === null || _a === void 0 ? void 0 :
-          _a.firstName,
-          " ", (_b = states.user) === null || _b === void 0 ? void 0 :
-          _b.lastName),
-        index.h("p", { style: { fontSize: "var(--sl-font-size-medium)" }, title: (_c = states.user) === null || _c === void 0 ? void 0 : _c.email }, (_d = states.user) === null || _d === void 0 ? void 0 : _d.email))),
-    index.h("sl-button", { type: "primary", loading: states.loading, onClick: () => {
-        callbacks.resetForm();
-        callbacks.setShowEdit(true);
-      }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
-};
-
-const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        shareLink(programId: $programId)
-      }
-    }
-  }
-`;
-function useShareLink(props) {
-  var _a, _b;
-  const { programId = index_module.M() } = props;
-  const user = index_module.T();
-  const { data } = index_module.en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = stencilHooks_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(shareString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-  }
-  return { ...props, onClick, open, shareString };
-}
-
-const MessageLinkQuery$1 = index$1.gql `
-  query (
-    $programId: ID
-    $engagementMedium: UserEngagementMedium!
-    $shareMedium: ReferralShareMedium!
-  ) {
-    viewer {
-      ... on User {
-        messageLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: $shareMedium
-        )
-        shareLink(programId: $programId, engagementMedium: $engagementMedium)
-      }
-    }
-  }
-`;
-function NativeShare(props, directLink) {
-  const title = props.sharetitle || "Share title";
-  const text = props.sharetext || "Share text";
-  if (directLink === "undefined") {
-    return alert("error: message link undefined!");
-  }
-  if (window.navigator.share) {
-    window.navigator
-      .share({
-      title,
-      text,
-      url: directLink,
-    })
-      .catch((error) => console.error("Error on web share", error));
-  }
-  else {
-    alert("Not on a supported device");
-  }
-}
-function FacebookShare(directLink, res) {
-  var _a, _b;
-  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
-    directLink === "undefined") {
-    return alert("error: message link undefined!");
-  }
-  if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
-    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
-  }
-  else {
-    return GenericShare(res);
-  }
-}
-function GenericShare(res) {
-  var _a, _b;
-  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
-    : alert("error: message link undefined!");
-}
-function useShareButton(props) {
-  var _a, _b;
-  const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : index_module.M();
-  const user = index_module.T();
-  const variables = {
-    engagementMedium: index_module.x(),
-    programId: programId,
-    shareMedium: medium.toUpperCase(),
-  };
-  // only queries if a programId is available
-  const res = index_module.en(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = index_module.D();
-  const hide = (medium.toLocaleUpperCase() === "SMS" &&
-    window.orientation === undefined) ||
-    (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
-  function onClick() {
-    if (medium.toLocaleUpperCase() === "FACEBOOK" &&
-      environment.type === "SquatchAndroid") {
-      FacebookShare(directLink, res);
-    }
-    else if (medium.toLocaleUpperCase() === "DIRECT") {
-      NativeShare({ sharetitle, sharetext }, directLink);
-    }
-    else {
-      GenericShare(res);
-    }
-  }
-  return { ...props, loading: res.loading, onClick, hide };
-}
-
-function PortalChangePasswordView(props) {
-  const { states, callbacks } = props;
-  const style = {
-    Dialog: {
-      padding: "0",
-      "&::part(close-button)": {
-        "margin-top": "var(--sl-spacing-medium)",
-      },
-      "&::part(body)": {
-        padding: "0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
-      },
-    },
-    Error: {
-      "&::part(erroralert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    Success: {
-      "&::part(successalert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    InputContainer: {
-      "& > :not(:last-child)": {
-        "margin-bottom": "var(--sl-spacing-x-large)",
-      },
-    },
-    CancelButton: {
-      width: "25%",
-      margin: "var(--sl-spacing-large) auto",
-    },
-    PasswordField: {
-      marginBottom: "var(--sl-spacing-large) !important",
-      display: "block",
-    },
-    ChangePasswordButton: {
-      paddingTop: "var(--sl-spacing-x-large)",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
-      index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
-        labelMargin: "x-large",
-        padding: "none",
-        label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.modalChangePasswordHeader)),
-        content: (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "column", padding: "none", gap: "32px" }),
-          states.error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
-            index.h("div", { part: "erroralert-text" }, states.error))),
-          states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
-            index.h("div", { part: "successalert-text" }, states.content.successMessage))),
-          index.h("sl-form", { "onSl-submit": callbacks.submit },
-            index.h("div", { class: sheet.classes.InputContainer },
-              index.h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
-              index.h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
-            index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
-              index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-              index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
-      }))),
-    index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
-      labelMargin: "x-large",
-      padding: "xxx-large",
-      label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
-      content: (index.h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
-    }),
-      index.h("style", { type: "text/css" }, styleString))));
-}
-
-const style$2 = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "#AAAAAA",
-    margin: "0",
-  },
-  ButtonsContainer: mixins.AuthButtonsContainer,
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet$2 = jssPresetDefault_esm.jss.createStyleSheet(style$2);
-const styleString$2 = sheet$2.toString();
-function PortalLoginView(props) {
-  const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet$2.classes.Wrapper },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString$2),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$2.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))),
-      index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      index.h("div", null,
-        index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        index.h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      index.h("div", { class: sheet$2.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
-        content.secondaryButton))));
-}
-
-const style$3 = {
-  Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
-  Column: mixins.AuthColumn,
-  HostBlock: mixins.HostBlock,
-  ":host": {
-    margin: "0 auto",
-    width: "100%",
-  },
-  ButtonsContainer: mixins.AuthButtonsContainer,
-  ErrorStyle: mixins.ErrorStyles,
-};
-const vanillaStyle$1 = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
-`;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet$3 = jssPresetDefault_esm.jss.createStyleSheet(style$3);
-const styleString$3 = sheet$3.toString();
-function PortalRegisterView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { states, refs, callbacks, content } = props;
-  if (states.error) {
-    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
-  }
-  return (index.h("div", { class: sheet$3.classes.Wrapper },
-    index.h("style", { type: "text/css" },
-      vanillaStyle$1,
-      styleString$3),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-      states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, props.states.error))),
-      content.formData,
-      !states.hideInputs && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
-          if (!value) {
-            return "Cannot be empty";
-          }
-          // this matches shoelace validation, but could be better
-          if (!value.includes("@")) {
-            return "Must be a valid email address";
-          }
-        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
-        class: sheet$3.classes.ErrorStyle,
-        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
-          "Cannot be empty",
-      }
-        : [])))),
-      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
-      content.passwordField,
-      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
-        class: sheet$3.classes.ErrorStyle,
-        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
-          "Cannot be empty",
-      }
-        : [])))),
-      index.h("div", { class: sheet$3.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
-        content.secondaryButton))));
-}
-
-const style$4 = {
-  THead: {
-    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
-    "text-align": "left",
-  },
-  TCell: {
-    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
-  },
-  TRow: {
-    "border-top": "1px solid #EAEAEA",
-  },
-  Table: {
-    "border-collapse": "collapse",
-    width: "100%",
-  },
-  ButtonContainer: {
-    display: "flex",
-    "justify-content": "flex-end",
-    "margin-top": "var(--sl-spacing-small)",
-    ...mixins.gap({ direction: "row", size: "var(--sl-spacing-small)" }),
-  },
-};
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet$4 = jssPresetDefault_esm.jss.createStyleSheet(style$4);
-const styleString$4 = sheet$4.toString();
-function ReferralTableView(props) {
-  var _a, _b;
-  const { states, data, callbacks, elements } = props;
-  const { columns, rows } = elements;
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString$4),
-    index.h("table", { class: sheet$4.classes.Table },
-      data.textOverrides.showLabels && (index.h("thead", null,
-        index.h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (index.h("th", { class: sheet$4.classes.THead },
-          index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, column))))))),
-      index.h("tbody", null, states.loading
-        ? elements.loadingElement
-        : !((_a = elements === null || elements === void 0 ? void 0 : elements.rows) === null || _a === void 0 ? void 0 : _a.length) && !((_b = data.referralData) === null || _b === void 0 ? void 0 : _b.length)
-          ? elements.emptyElement
-          : rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (index.h("tr", { class: sheet$4.classes.TRow, style: {
-              borderTop: `${!data.textOverrides.showLabels && i === 0
-                ? "none"
-                : ""}`,
-            }, part: "table-row" }, row.map((cell) => (index.h("td", { class: sheet$4.classes.TCell },
-            index.h(sqmTextSpanView.TextSpanView, { type: "p" }, cell))))))))),
-    index.h("div", { class: sheet$4.classes.ButtonContainer, part: "sqm-referral-table-button-wrapper" },
-      index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: states.loading, onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
-      index.h("sl-button", { size: "small", loading: states.loading, disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.moreLabel))));
-}
-
-function ReferralIframeView(props) {
-  const { states, data } = props;
-  const { content } = states;
-  const style = {
-    Container: {
-      position: "relative",
-      width: content.iframeWidth,
-      height: content.iframeHeight,
-    },
-    IFrame: {
-      position: "absolute",
-      width: "100%",
-      height: "100%",
-      border: "0",
-      top: "0",
-      left: "0",
-      right: "0",
-    },
-  };
-  // JSS config
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
-}
-
-exports.EditProfileView = EditProfileView;
-exports.PortalChangePasswordView = PortalChangePasswordView;
-exports.PortalFrameView = PortalFrameView;
-exports.PortalLoginView = PortalLoginView;
-exports.PortalRegisterView = PortalRegisterView;
-exports.ReferralIframeView = ReferralIframeView;
-exports.ReferralTableView = ReferralTableView;
-exports.ShareButtonView = ShareButtonView;
-exports.useShareButton = useShareButton;
-exports.useShareLink = useShareLink;

package/dist/cjs/sqm-referral-table-cell.cjs.entry.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-require('./_commonjsHelpers-dcc4cf71.js');
-const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
-
-const ReferralTableCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return index.h("div", { innerHTML: this.innerTemplate });
-  }
-};
-
-exports.sqm_referral_table_cell = ReferralTableCell;

package/dist/cjs/sqm-referral-table-date-cell.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-require('./_commonjsHelpers-dcc4cf71.js');
-const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
-require('./extends-08099afd.js');
-require('./jss-preset-default.esm-62f8ddc9.js');
-const sqmTextSpanView = require('./sqm-text-span-view-90e828b7.js');
-const luxon = require('./luxon-f85e2807.js');
-
-const ReferralTableDateCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    var _a;
-    // needs hook to use locale
-    const date = !this.date
-      ? "-"
-      : (_a = luxon.luxon.DateTime.fromMillis(this.date)) === null || _a === void 0 ? void 0 : _a.toLocaleString(luxon.luxon.DateTime.DATE_MED);
-    return index.h(sqmTextSpanView.TextSpanView, { type: "p" }, date);
-  }
-};
-
-exports.sqm_referral_table_date_cell = ReferralTableDateCell;

package/dist/cjs/sqm-referral-table-rewards-cell.cjs.entry.js

@@ -1,101 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-require('./_commonjsHelpers-dcc4cf71.js');
-require('./extends-08099afd.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-62f8ddc9.js');
-const sqmTextSpanView = require('./sqm-text-span-view-90e828b7.js');
-const luxon = require('./luxon-f85e2807.js');
-
-const ReferralTableRewardsCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const style = {
-      DetailsContainer: {
-        width: "100%",
-        display: "flex",
-        "align-items": "center",
-        "justify-content": "space-between",
-        "margin-right": "var(--sl-spacing-small)",
-        "flex-wrap": "wrap",
-      },
-      Details: {
-        "padding-bottom": "var(--sl-spacing-small)",
-        "max-width": "500px",
-        "padding-right": "var(--sl-spacing-x-small)",
-        "&::part(header)": {
-          padding: "var(--sl-spacing-x-small)",
-          cursor: `${this.hideDetails ? "default" : "pointer"}`,
-        },
-        "&::part(content)": {
-          padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
-        },
-        "&::part(base)": {
-          opacity: "1",
-        },
-        "&::part(summary-icon)": {
-          display: `${this.hideDetails ? "none" : "flex"}`,
-        },
-      },
-      BadgeContainer: {
-        "& > :not(:last-child)": {
-          "margin-right": "var(--sl-spacing-x-small)",
-        },
-      },
-      BoldText: {
-        "font-weight": "var(--sl-font-weight-semibold)",
-      },
-      StatusBadge: {
-        paddingLeft: "var(--sl-spacing-xxx-small)",
-      },
-    };
-    jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-    const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-    const styleString = sheet.toString();
-    const getState = (states) => {
-      const possibleStates = [
-        "REDEEMED",
-        "CANCELLED",
-        "EXPIRED",
-        "PENDING",
-        "AVAILABLE",
-      ];
-      if (states.length === 1)
-        return states[0];
-      return possibleStates.find((state) => states.includes(state) && state);
-    };
-    const getSLBadgeType = (state) => {
-      switch (state) {
-        case "REDEEMED":
-          return "primary";
-        case "EXPIRED":
-          return "danger";
-        case "CANCELLED":
-          return "danger";
-        case "PENDING":
-          return "warning";
-        case "AVAILABLE":
-          return "success";
-      }
-    };
-    const toTitleCase = (state) => {
-      return state[0].toUpperCase() + state.slice(1).toLowerCase();
-    };
-    const getTimeDiff = (endTime) => {
-      // Current implementation only calculates the difference from current time
-      return luxon.luxon.DateTime.fromMillis(endTime).toRelative().replace("in", "").trim();
-    };
-    return this.rewards.map((reward) => {
-      const state = getState(reward.statuses);
-      const slBadgeType = getSLBadgeType(state);
-      const badgeText = toTitleCase(state);
-      return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, `${badgeText} for ${getTimeDiff(reward.dateScheduledFor)}`)) : (index.h("sl-badge", { class: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: sheet.classes.StatusBadge, type: "info", pill: true }, `Expiring in ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Reward received on", " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateGiven).toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Reward expired on", " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateExpires).toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Reward cancelled on", " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateCancelled).toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Available on", " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateScheduledFor).toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Reward expiring on", " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateExpires).toLocaleString(luxon.luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, "Your code is", " ", index.h("span", { class: sheet.classes.BoldText }, reward.fuelTankCode)))))));
-    });
-  }
-};
-
-exports.sqm_referral_table_rewards_cell = ReferralTableRewardsCell;