@saasquatch/mint-components 1.3.2-9 → 1.3.3-3

package/dist/esm/sqm-referral-iframe-view-814425e2.js

@@ -0,0 +1,512 @@
+import { h, c as Host } from './index-17b4da69.js';
+import { e as useState } from './stencil-hooks.module-6c912534.js';
+import { d as dist, M, T, e as en, x, D } from './index.module-6797c7e3.js';
+import { j as jss, c as create } from './jss-preset-default.esm-8bd9f480.js';
+import { g as gql } from './index-ea4f13e6.js';
+import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles, g as gap } from './mixins-10353a39.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-fe231c27.js';
+import { T as TextSpanView } from './sqm-text-span-view-1d0562a7.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-0a392b47.js';
+
+const style = {
+  HostBlock: HostBlock,
+  buttonStyle: {
+    display: "block",
+  },
+};
+jss.setup(create());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function ShareButtonView(props, children) {
+  return props.hide ? (h(Host, { style: { display: "none" } })) : (h("div", null,
+    h("style", { type: "text/css" }, styleString),
+    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 && (h("sl-icon", { slot: props.iconslot, name: props.icon ? props.icon : props.medium, exportparts: "icon" })),
+      !props.hidetext && children)));
+}
+
+const style$1 = {
+  HostBlock: 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",
+    },
+  },
+};
+jss.setup(create());
+const sheet$1 = jss.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+function PortalFrameView(props, children) {
+  const { data } = props;
+  return (h("div", { class: sheet$1.classes.Frame },
+    h("style", { type: "text/css" }, styleString$1),
+    h("div", { class: sheet$1.classes.HeaderWrapper },
+      data.header,
+      h("slot", { name: "sqm-navigation-menu" })),
+    children,
+    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 (h("div", { class: `CardWrapper ${!states.showEdit && "ShowEdit"}` },
+      h("h2", { style: {
+          fontSize: "var(--sl-font-size-x-large)",
+          margin: "0px",
+          textAlign: "center",
+        } }, text.editprofileheader),
+      h("form", { class: "FormWrapper", onSubmit: callbacks.onSubmit },
+        h("div", { class: "FormSection" },
+          states.formState.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+            h("div", { part: "erroralert-text" }, states.formState.error))),
+          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 })),
+          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 && (h("sl-input", { exportparts: "label: input-label", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
+        h("div", { class: "ButtonWrapper" },
+          h("sl-button", { onClick: () => {
+              callbacks.setShowEdit(false);
+            }, exportparts: "base: defaultbutton-base" }, text.canceltext),
+          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 (h("div", { class: `CardWrapper FormWrapper ${!states.showEdit && "ShowEdit"}` },
+    h("div", { class: "FormSection" },
+      h("h2", { style: {
+          fontSize: "var(--sl-font-size-x-large",
+          marginBottom: "0px",
+          textAlign: "center",
+        } }, text.editprofileheader),
+      h("div", null,
+        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),
+        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))),
+    h("sl-button", { type: "primary", loading: states.loading, onClick: () => {
+        callbacks.resetForm();
+        callbacks.setShowEdit(true);
+      }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
+};
+
+const MessageLinkQuery = dist.gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        shareLink(programId: $programId)
+      }
+    }
+  }
+`;
+function useShareLink(props) {
+  var _a, _b;
+  const { programId = M() } = props;
+  const user = T();
+  const { data } = 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] = 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 = 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 : M();
+  const user = T();
+  const variables = {
+    engagementMedium: x(),
+    programId: programId,
+    shareMedium: medium.toUpperCase(),
+  };
+  // only queries if a programId is available
+  const res = 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 = 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)",
+    },
+  };
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", null,
+    h("style", { type: "text/css" }, styleString),
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
+      h(PortalSectionView, Object.assign({}, {
+        labelMargin: "x-large",
+        padding: "none",
+        label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.modalChangePasswordHeader)),
+        content: (h(PortalContainerView, Object.assign({}, { direction: "column", padding: "none", gap: "32px" }),
+          states.error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
+            h("div", { part: "erroralert-text" }, states.error))),
+          states.success && (h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
+            h("div", { part: "successalert-text" }, states.content.successMessage))),
+          h("sl-form", { "onSl-submit": callbacks.submit },
+            h("div", { class: sheet.classes.InputContainer },
+              h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
+              h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
+            h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
+              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+      }))),
+    h(PortalSectionView, Object.assign({}, {
+      labelMargin: "x-large",
+      padding: "xxx-large",
+      label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
+      content: (h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+    }),
+      h("style", { type: "text/css" }, styleString))));
+}
+
+const style$2 = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: AuthButtonsContainer,
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+jss.setup(create());
+const sheet$2 = jss.createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (h("div", { class: sheet$2.classes.Wrapper },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString$2),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    h("sl-form", { class: sheet$2.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("div", null,
+        h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      h("div", { class: sheet$2.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.secondaryButton))));
+}
+
+const style$3 = {
+  Wrapper: { ...AuthWrapper, "max-width": "600px" },
+  Column: AuthColumn,
+  HostBlock: HostBlock,
+  ":host": {
+    margin: "0 auto",
+    width: "100%",
+  },
+  ButtonsContainer: AuthButtonsContainer,
+  ErrorStyle: ErrorStyles,
+};
+const vanillaStyle$1 = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
+`;
+jss.setup(create());
+const sheet$3 = 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 (h("div", { class: sheet$3.classes.Wrapper },
+    h("style", { type: "text/css" },
+      vanillaStyle$1,
+      styleString$3),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+      states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
+      !states.hideInputs && (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 && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
+      content.passwordField,
+      !states.hideInputs && states.confirmPassword && (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",
+      }
+        : [])))),
+      h("div", { class: sheet$3.classes.ButtonsContainer },
+        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)",
+    ...gap({ direction: "row", size: "var(--sl-spacing-small)" }),
+  },
+};
+jss.setup(create());
+const sheet$4 = 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 (h("div", null,
+    h("style", { type: "text/css" }, styleString$4),
+    h("table", { class: sheet$4.classes.Table },
+      data.textOverrides.showLabels && (h("thead", null,
+        h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (h("th", { class: sheet$4.classes.THead },
+          h(TextSpanView, { type: "h3" }, column))))))),
+      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) => (h("tr", { class: sheet$4.classes.TRow, style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0
+                ? "none"
+                : ""}`,
+            }, part: "table-row" }, row.map((cell) => (h("td", { class: sheet$4.classes.TCell },
+            h(TextSpanView, { type: "p" }, cell))))))))),
+    h("div", { class: sheet$4.classes.ButtonContainer, part: "sqm-referral-table-button-wrapper" },
+      h("sl-button", { size: "small", disabled: !states.hasPrev, loading: states.loading, onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
+      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
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" }, styleString),
+    h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
+}
+
+export { EditProfileView as E, PortalFrameView as P, ReferralTableView as R, ShareButtonView as S, useShareButton as a, PortalChangePasswordView as b, PortalLoginView as c, PortalRegisterView as d, ReferralIframeView as e, useShareLink as u };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import './_commonjsHelpers-11ca3be1.js';
+import { g as h } from './stencil-hooks.module-6c912534.js';
+
+const ReferralTableCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return h$1("div", { innerHTML: this.innerTemplate });
+  }
+};
+
+export { ReferralTableCell as sqm_referral_table_cell };

package/dist/esm/sqm-referral-table-column.entry.js

@@ -1,8 +1,10 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
+import './_commonjsHelpers-11ca3be1.js';
+import { g as h } from './stencil-hooks.module-6c912534.js';
+import './use-callback-c9ed6790.js';
+import './index.module-6797c7e3.js';
+import './extends-c31f1eff.js';
+import { u as useRequestRerender } from './re-render-8303a033.js';
 
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import './_commonjsHelpers-11ca3be1.js';
+import { g as h } from './stencil-hooks.module-6c912534.js';
+import './extends-c31f1eff.js';
+import './jss-preset-default.esm-8bd9f480.js';
+import { T as TextSpanView } from './sqm-text-span-view-1d0562a7.js';
+import { l as luxon } from './luxon-c3b19a84.js';
+
+const ReferralTableDateCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    var _a;
+    // needs hook to use locale
+    const date = !this.date
+      ? "-"
+      : (_a = luxon.DateTime.fromMillis(this.date)) === null || _a === void 0 ? void 0 : _a.toLocaleString(luxon.DateTime.DATE_MED);
+    return h$1(TextSpanView, { type: "p" }, date);
+  }
+};
+
+export { ReferralTableDateCell as sqm_referral_table_date_cell };

package/dist/esm/sqm-referral-table-date-column.entry.js

@@ -1,8 +1,10 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
+import './_commonjsHelpers-11ca3be1.js';
+import { g as h } from './stencil-hooks.module-6c912534.js';
+import './use-callback-c9ed6790.js';
+import './index.module-6797c7e3.js';
+import './extends-c31f1eff.js';
+import { u as useRequestRerender } from './re-render-8303a033.js';
 
 const ReferralTableDateColumn = class {
   constructor(hostRef) {