@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/esm/sqm-portal-footer.entry.js

@@ -1,15 +1,15 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { g as getProps } from './utils-1d345130.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-b344a6ad.js';
-import './JSS-df9ea8a0.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './global-6bd9287e.js';
+import './use-callback-d8ef4b5d.js';
+import './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './global-cc738e38.js';
-import './index.module-983975d9.js';
-import './use-callback-cfeaefe1.js';
 import './insertcss-bcaf3818.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-3a7dfbfc.js';
 
-let PortalFooter = class {
+const PortalFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;

package/dist/esm/{sqm-portal-forgot-password-view-f7f24742.js → sqm-portal-forgot-password-view-fa088f83.js}

@@ -1,7 +1,7 @@
-import { h } from './index-2c5a6587.js';
+import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-10353a39.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,20 +1,20 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { Y as Ye, j as jn, c as dn } from './index.module-983975d9.js';
-import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-f7f24742.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { o as on, k, p as pn } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './JSS-df9ea8a0.js';
-import './sqm-text-span-view-be532a94.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-fa088f83.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = Ye();
+  const [request, { loading, data, errors }] = on();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -52,7 +52,7 @@ function usePortalForgotPassword(props) {
   };
 }
 
-let PortalForgotPassword = class {
+const PortalForgotPassword = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -78,11 +78,11 @@ let PortalForgotPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = jn()
+    const { states, callbacks } = k()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => dn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => pn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (h$1("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

package/dist/esm/sqm-portal-logout.entry.js

@@ -1,15 +1,15 @@
-import { r as registerInstance } from './index-2c5a6587.js';
-import { e as ae, c as dn, j as jn } from './index.module-983975d9.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
+import { r as registerInstance } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { Y, p as pn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
 
 function usePortalLogout({ nextPage }) {
-  ae(undefined);
-  dn.push({ pathname: nextPage, search: "" });
+  Y(undefined);
+  pn.push({ pathname: nextPage, search: "" });
 }
 
-let PortalLogout = class {
+const PortalLogout = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -21,7 +21,7 @@ let PortalLogout = class {
   }
   disconnectedCallback() { }
   render() {
-    jn() ? useLogoutDemo(this) : usePortalLogout(this);
+    k() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/esm/{sqm-portal-profile-view-3da23184.js → sqm-portal-profile-view-36488558.js}

@@ -1,8 +1,8 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-72c8b457.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
-import { i as intl } from './global-cc738e38.js';
+import { h } from './index-17b4da69.js';
+import { i as intl } from './global-6bd9287e.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-cf79ed90.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -28,10 +28,9 @@ function PortalProfileView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const country = ((_a = states.user) === null || _a === void 0 ? void 0 : _a.countryCode)
-    ? intl.formatDisplayName((_b = states.user) === null || _b === void 0 ? void 0 : _b.countryCode, {
-      type: "region",
-    })
+  const country = ((_a = states.user) === null || _a === void 0 ? void 0 : _a.countryCode) ? intl.formatDisplayName((_b = states.user) === null || _b === void 0 ? void 0 : _b.countryCode, {
+    type: "region",
+  })
     : "";
   return (h(PortalContainerView, Object.assign({}, {
     direction: "row",
@@ -56,13 +55,11 @@ function PortalProfileView(props) {
         h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
           ? { class: "ErrorStyles", helpText: "Cannot be empty" }
           : []), { id: "firstName", name: "firstName", error: (errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
-            ? errors === null || errors === void 0 ? void 0 : errors.firstName.message
-            : undefined })),
+            ? errors === null || errors === void 0 ? void 0 : errors.firstName.message : undefined })),
         h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
           ? { class: "ErrorStyles", helpText: "Cannot be empty" }
           : []), { error: (errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
-            ? errors === null || errors === void 0 ? void 0 : errors.lastName.message
-            : undefined }))),
+            ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label", disabled: true }),
       states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label", disabled: true })),
       h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,16 +1,16 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-3da23184.js';
-import { d as dist, i as ie, b as sn, q as qe, j as jn } from './index.module-983975d9.js';
-import { g as getProps } from './utils-1d345130.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-df9ea8a0.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './global-6bd9287e.js';
+import './use-callback-d8ef4b5d.js';
+import { d as dist, n as ne, b as mn, D as De, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './sqm-portal-container-view-72c8b457.js';
-import './sqm-text-span-view-be532a94.js';
-import './global-cc738e38.js';
 import './insertcss-bcaf3818.js';
-import './use-callback-cfeaefe1.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import './sqm-text-span-view-7e61c95c.js';
+import './sqm-portal-container-view-cf79ed90.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-36488558.js';
 
 const GET_USER = dist.gql `
   query {
@@ -56,12 +56,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = ie();
+  const userIdent = ne();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = sn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = qe(UPSERT_USER);
+  const userDataResponse = mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = De(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -159,7 +159,7 @@ function usePortalProfile(props) {
   };
 }
 
-let PortalProfile = class {
+const PortalProfile = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -199,7 +199,7 @@ let PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = k()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
     return h$1(PortalProfileView, Object.assign({}, props));

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,26 +1,26 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-2c5a6587.js';
-import { i as ie, l as ln, c as dn, j as jn } from './index.module-983975d9.js';
-import { u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
+import { u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { n as ne, h as hn, p as pn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = ie();
+  const userIdent = ne();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = ln();
+  const { pathname, search } = hn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return dn.push({
+      return pn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return dn.push({
+      return pn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -29,7 +29,7 @@ function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirec
   return !!userIdent;
 }
 
-let PortalProtectedRoute = class {
+const PortalProtectedRoute = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -49,8 +49,8 @@ let PortalProtectedRoute = class {
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = jn()
-      ? usePortalProtectedRouteDemo(this)
+    const hasUser = k()
+      ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (h$1(Host, { style: { display: hasUser ? "contents" : "none" } }, h$1("slot", null)));
   }

package/dist/esm/{sqm-portal-reset-password-view-f3017d72.js → sqm-portal-reset-password-view-73e14282.js}

@@ -1,7 +1,7 @@
-import { h } from './index-2c5a6587.js';
+import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-10353a39.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,21 +1,21 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { N as Ne, V as Ve, c as dn, j as jn } from './index.module-983975d9.js';
-import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f3017d72.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { J as Je, L as Le, p as pn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './JSS-df9ea8a0.js';
-import './sqm-text-span-view-be532a94.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-73e14282.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
-  const [resetPassword, resetPasswordState] = Ve();
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Je();
+  const [resetPassword, resetPasswordState] = Le();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -35,13 +35,13 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    dn.push({
+    pn.push({
       pathname: nextPageOverride || props.nextPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
   const failed = () => {
-    dn.push({
+    pn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -85,7 +85,7 @@ function usePortalResetPassword(props) {
   };
 }
 
-let PortalResetPassword = class {
+const PortalResetPassword = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -137,7 +137,7 @@ let PortalResetPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = jn()
+    const { states, callbacks } = k()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return h$1(PortalResetPasswordView, { states: states, callbacks: callbacks });

package/dist/esm/{sqm-portal-section-view-5a3d3829.js → sqm-portal-section-view-d3098f7f.js}

@@ -1,5 +1,5 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h } from './index-17b4da69.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function PortalSectionView(props) {
   const style = {

package/dist/esm/{sqm-portal-verify-email-view-329fdc3b.js → sqm-portal-verify-email-view-cbf1cfdc.js}

@@ -1,7 +1,7 @@
-import { h } from './index-2c5a6587.js';
+import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -1,34 +1,34 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { i as ie, K as Ke, c as dn, j as jn } from './index.module-983975d9.js';
-import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-329fdc3b.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { n as ne, t as tn, p as pn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './JSS-df9ea8a0.js';
-import './sqm-text-span-view-be532a94.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-cbf1cfdc.js';
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e;
   const [verified, setVerified] = useState(false);
   const [disableContinue, setDisableContinue] = useState(true);
-  const userIdent = ie();
-  const [request, { loading, data, errors }] = Ke();
+  const userIdent = ne();
+  const [request, { loading, data, errors }] = tn();
   const [error, setError] = useState("");
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   urlParams.delete("oobCode");
   const failed = () => {
-    return dn.push({
+    return pn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return dn.push({
+    return pn.push({
       pathname: nextPageOverride || nextPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -88,7 +88,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   };
 }
 
-let PortalVerifyEmail = class {
+const PortalVerifyEmail = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -108,7 +108,7 @@ let PortalVerifyEmail = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = jn()
+    const { states, data, callbacks } = k()
       ? usePortalVerifyEmailDemo(this)
       : usePortalVerifyEmail(this);
     return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,18 +1,18 @@
-import { h, r as registerInstance, g as getElement, c as Host } from './index-2c5a6587.js';
-import { d as dist, i as ie, M, A as An, b as sn, a as mn, j as jn } from './index.module-983975d9.js';
-import { e as useReducer, u as useEffect, m as h$1 } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { G as GenericTableView } from './GenericTableView-e4257466.js';
-import { u as useRerenderListener, a as useChildElements, b as useRequestRerender } from './useChildElements-9936fb9a.js';
-import { l as luxon } from './luxon-afa282c2.js';
-import { l as luxonLocale } from './utils-1d345130.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { i as intl } from './global-cc738e38.js';
+import { h, r as registerInstance, g as getElement, c as Host } from './index-17b4da69.js';
+import { e as useReducer, u as useEffect, m as h$1 } from './stencil-hooks.module-2f159754.js';
+import { i as intl } from './global-6bd9287e.js';
+import './use-callback-d8ef4b5d.js';
+import { d as dist, n as ne, M, R, b as mn, w as wn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
-import './mixins-10353a39.js';
 import './insertcss-bcaf3818.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-10353a39.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { G as GenericTableView } from './GenericTableView-5de898c3.js';
+import { u as useRerenderListener, a as useChildElements, b as useRequestRerender } from './useChildElements-c11d6189.js';
+import { l as luxon } from './luxon-5fa22651.js';
+import { l as luxonLocale } from './utils-1d345130.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const CSS_NAMESPACE = "sqm-referral-table";
 const GET_REFERRER_DATA = dist.gql `
@@ -179,7 +179,7 @@ const GET_REFERRAL_DATA = dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = ie();
+  const user = ne();
   const programIdContext = M();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -202,15 +202,15 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = An();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = sn(GET_REFERRER_DATA, {
+  const locale = R();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = mn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { envelope: referralData, states, callbacks, } = mn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = wn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -353,7 +353,7 @@ async function tryMethod(c, callback) {
   }
 }
 
-let ReferralTable = class {
+const ReferralTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /** @uiName Number of referrals per page */
@@ -384,7 +384,7 @@ let ReferralTable = class {
   render() {
     const empty = (h(EmptySlot, { emptyStateImgUrl: this.emptyStateImgUrl, emptyStateTitle: this.emptyStateTitle, emptyStateText: this.emptyStateText }));
     const loading = h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = jn()
+    const { states, data, callbacks, elements } = k()
       ? useReferraltableDemo(this)
       : useReferralTable(this, empty, loading);
     return (h(GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements }));
@@ -435,7 +435,7 @@ function EmptySlot({ emptyStateImgUrl, emptyStateTitle, emptyStateText, }) {
     } }, emptyStateText))))));
 }
 
-let ReferralTableCell = class {
+const ReferralTableCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -447,7 +447,7 @@ let ReferralTableCell = class {
   }
 };
 
-let ReferralTableGenericColumn = class {
+const ReferralTableGenericColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     h$1(this);
@@ -466,7 +466,7 @@ let ReferralTableGenericColumn = class {
   }
 };
 
-let ReferralTableDateCell = class {
+const ReferralTableDateCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -483,13 +483,13 @@ let ReferralTableDateCell = class {
   }
 };
 
-let ReferralTableDateColumn = class {
+const ReferralTableDateColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
      * @uiName Date Column Title
      */
-    this.columnTitle = "Date Converted";
+    this.columnTitle = "Date converted";
     /**
      * @uiName Date Displayed
      * @uiType string
@@ -520,7 +520,7 @@ let ReferralTableDateColumn = class {
   }
 };
 
-let ReferralTableRewardsCell = class {
+const ReferralTableRewardsCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.locale = "en";
@@ -628,7 +628,7 @@ let ReferralTableRewardsCell = class {
       }, {
         status: state,
       });
-      Math.random().toString(36).slice(2);
+      const rid = Math.random().toString(36).slice(2);
       return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, h("style", { type: "text/css" }, styleString), h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, h(TextSpanView, { type: "p" }, h("span", { class: sheet.classes.BoldText }, reward.prettyValue)), h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
           ? sheet.classes.RedeemBadge
           : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
@@ -656,7 +656,7 @@ let ReferralTableRewardsCell = class {
   }
 };
 
-let ReferralTableRewardsColumn = class {
+const ReferralTableRewardsColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
@@ -707,7 +707,7 @@ let ReferralTableRewardsColumn = class {
   }
 };
 
-let ReferralTableStatusCell = class {
+const ReferralTableStatusCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
@@ -726,7 +726,7 @@ let ReferralTableStatusCell = class {
   }
 };
 
-let ReferralTableStatusColumn = class {
+const ReferralTableStatusColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
@@ -760,7 +760,7 @@ let ReferralTableStatusColumn = class {
   }
 };
 
-let ReferralTableUserCell = class {
+const ReferralTableUserCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
@@ -769,7 +769,7 @@ let ReferralTableUserCell = class {
   }
 };
 
-let ReferralTableUserColumn = class {
+const ReferralTableUserColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**