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

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { o as m, e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { Q, k, g as pe, h as ge } from './index.module-90d2c3ad.js';
+import { Q, k, g as pe, h as ge } from './index.module-33c313d2.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = Q();

package/dist/esm/{sqm-leaderboard-rank-view-747ffda8.js → sqm-leaderboard-rank-view-4f48da0c.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { _ as __assign } from './global-923aa737.js';
-import { p as parse } from './index.module-90d2c3ad.js';
+import { _ as __assign } from './global-cc82aa03.js';
+import { p as parse } from './index.module-33c313d2.js';
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
-import { i as intl, c as createIntl } from './global-923aa737.js';
+import { i as intl, c as createIntl } from './global-cc82aa03.js';
 import './use-callback-b38a1523.js';
-import { M, T, e as en, j } from './index.module-90d2c3ad.js';
+import { M, T, e as en, j } from './index.module-33c313d2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-747ffda8.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-4f48da0c.js';
 
 const GET_RANK = gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/esm/sqm-leaderboard.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { j } from './index.module-90d2c3ad.js';
+import { j } from './index.module-33c313d2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-a3f510db.js';
+import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-2e3ea31f.js';
 
 const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 

package/dist/esm/sqm-name-fields.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as d, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { j } from './index.module-90d2c3ad.js';
+import { j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-f2304ad9.js → sqm-navigation-sidebar-item-view-5dfa535f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { r as rn } from './index.module-90d2c3ad.js';
+import { r as rn } from './index.module-33c313d2.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { g as gap } from './mixins-10353a39.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { c as an, j } from './index.module-90d2c3ad.js';
+import { c as an, j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f2304ad9.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5dfa535f.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = an();

package/dist/esm/sqm-popup-container.entry.js

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { x } from './index.module-90d2c3ad.js';
+import { x } from './index.module-33c313d2.js';
 import { g as getProps } from './utils-454405f5.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-a3ebc4a2.js → sqm-portal-email-verification-view-87bf8191.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-923aa737.js';
+import { i as intl } from './global-cc82aa03.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-923aa737.js';
+import './global-cc82aa03.js';
 import './use-callback-b38a1523.js';
-import { B as Be, T, j } from './index.module-90d2c3ad.js';
+import { B as Be, T, j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import './sqm-text-span-view-1781df94.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a3ebc4a2.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-87bf8191.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/{sqm-portal-footer-view-7b8a02b1.js → sqm-portal-footer-view-da135cff.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-923aa737.js';
+import { i as intl } from './global-cc82aa03.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
-import './global-923aa737.js';
+import './global-cc82aa03.js';
 import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
+import './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
-import { a as PortalFooterView } from './sqm-portal-footer-view-7b8a02b1.js';
+import { a as PortalFooterView } from './sqm-portal-footer-view-da135cff.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { z as ze, j, r as rn } from './index.module-90d2c3ad.js';
+import { z as ze, j, r as rn } from './index.module-33c313d2.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -9,7 +9,7 @@ import './mixins-10353a39.js';
 import './sqm-text-span-view-1781df94.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-e3a6a716.js';
 
-function usePortalForgotPassword() {
+function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
@@ -42,6 +42,7 @@ function usePortalForgotPassword() {
       loading,
       error: ((_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || error,
       success,
+      loginPath: props.loginPath
     },
     callbacks: {
       submit,
@@ -61,15 +62,19 @@ const PortalForgotPassword = class {
      * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
+    /**
+     * @uiName Routing path to login page
+     */
+    this.loginPath = "/login";
     h(this);
   }
   disconnectedCallback() { }
   render() {
     const { states, callbacks } = j()
       ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword();
+      : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => rn.push("/login") }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => rn.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,7 +1,7 @@
 import { r as registerInstance } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { L, r as rn, j } from './index.module-90d2c3ad.js';
+import { L, r as rn, j } from './index.module-33c313d2.js';
 
 function usePortalLogout({ nextPage }) {
   L(undefined);

package/dist/esm/{sqm-portal-profile-view-4ce8d89d.js → sqm-portal-profile-view-8781176c.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-923aa737.js';
+import { i as intl } from './global-cc82aa03.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-923aa737.js';
+import './global-cc82aa03.js';
 import './use-callback-b38a1523.js';
-import { d as dist, T, e as en, b as be, j } from './index.module-90d2c3ad.js';
+import { d as dist, T, e as en, b as be, j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './sqm-portal-container-view-73757ca5.js';
 import './sqm-text-span-view-1781df94.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-4ce8d89d.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-8781176c.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { T, c as an, r as rn, j } from './index.module-90d2c3ad.js';
+import { T, c as an, r as rn, j } from './index.module-33c313d2.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { i as Re, $ as $e, r as rn, j } from './index.module-90d2c3ad.js';
+import { i as Re, $ as $e, r as rn, j } from './index.module-33c313d2.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { T, l as Le, r as rn, j } from './index.module-90d2c3ad.js';
+import { T, l as Le, r as rn, j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';

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

@@ -1,8 +1,8 @@
 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 './index.module-33c313d2.js';
+import { a as useRequestRerender } from './re-render-338d931e.js';
 
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 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 './index.module-33c313d2.js';
+import { a as useRequestRerender } from './re-render-338d931e.js';
 
 const ReferralTableDateColumn = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 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 './index.module-33c313d2.js';
+import { a as useRequestRerender } from './re-render-338d931e.js';
 
 const ReferralTableRewardsColumn = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 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 './index.module-33c313d2.js';
+import { a as useRequestRerender } from './re-render-338d931e.js';
 
 const ReferralTableStatusColumn = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 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 './index.module-33c313d2.js';
+import { a as useRequestRerender } from './re-render-338d931e.js';
 
 const ReferralTableUserColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-share-code.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { d as dist, M, T, e as en, j } from './index.module-90d2c3ad.js';
+import { d as dist, M, T, e as en, j } from './index.module-33c313d2.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';

package/dist/esm/{useDemoBigStat-c3b955b7.js → useDemoBigStat-2fe92931.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
 import { b as browser, k as useMemo } from './extends-3a3f9fe2.js';
-import { M, R, T, d as dist, e as en } from './index.module-90d2c3ad.js';
+import { M, R, T, d as dist, e as en } from './index.module-33c313d2.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 
@@ -365,13 +365,7 @@ _, status) => {
           }
         }
       }
-    `, { queryFilter }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.referrals) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+    `, { queryFilter }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const programGoalsQuery = (programId, locale, metricType, goalId) => {
   // Confirm this behaviour
@@ -391,33 +385,9 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
         }
       }
     `, { programId, metricType, goalId, locale }, (res) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     const goal = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.programGoals) === null || _c === void 0 ? void 0 : _c.filter((goal) => goal.goalId === goalId && goal.programId === programId);
-    return {
-      value: ((_d = goal === null || goal === void 0 ? void 0 : goal[0]) === null || _d === void 0 ? void 0 : _d[metricType]) || 0,
-      statvalue: ((_f = (_e = goal === null || goal === void 0 ? void 0 : goal[0]) === null || _e === void 0 ? void 0 : _e[metricType]) === null || _f === void 0 ? void 0 : _f.toString()) || 0,
-    };
-  });
-};
-const customFieldsQuery = (programId, locale, fieldName, goalId) => {
-  // Confirm this behaviour
-  if (programId === "classic")
-    return null;
-  return debugQuery(dist.gql `
-      query {
-        viewer {
-          ... on User {
-            customFields
-          }
-        }
-      }
-    `, { programId, fieldName, goalId, locale }, (res) => {
-    var _a, _b, _c;
-    const customField = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.customFields) === null || _c === void 0 ? void 0 : _c[fieldName];
-    return {
-      value: customField || 0,
-      statvalue: (customField === null || customField === void 0 ? void 0 : customField.toString()) || "0",
-    };
+    return ((_e = (_d = goal === null || goal === void 0 ? void 0 : goal[0]) === null || _d === void 0 ? void 0 : _d[metricType]) === null || _e === void 0 ? void 0 : _e.toString()) || 0;
   });
 };
 const referralsMonthQuery = (programId) => {
@@ -438,13 +408,7 @@ const referralsMonthQuery = (programId) => {
           }
         }
       }
-    `, { filter }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.referrals) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+    `, { filter }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const referralsWeekQuery = (programId) => {
   const programFilter = programId === "classic"
@@ -464,13 +428,7 @@ const referralsWeekQuery = (programId) => {
           }
         }
       }
-    `, { filter }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.referrals) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+    `, { filter }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.referrals) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const rewardsCountQuery = (programId, 
 // locale
@@ -487,13 +445,7 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.rewards) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+  }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const rewardsCountFilteredQuery = (programId, 
 // locale
@@ -526,13 +478,7 @@ _, type, unit, status, global = "") => {
     unit,
     type,
     statusFilter,
-  }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.rewards) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+  }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const integrationRewardsCountFilteredQuery = (programId, 
 // locale
@@ -557,13 +503,7 @@ _, status, global = "") => {
     `, {
     programId: !global && programId !== "classic" ? programId : null,
     statusFilter,
-  }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.rewards) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+  }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const rewardsMonthQuery = (programId, 
 // locale
@@ -585,13 +525,7 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.rewards) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+  }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const rewardsWeekQuery = (programId, 
 // locale
@@ -613,13 +547,7 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (res) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ({
-      value: ((_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) || 0,
-      statvalue: (_g = (_f = (_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.viewer) === null || _e === void 0 ? void 0 : _e.rewards) === null || _f === void 0 ? void 0 : _f.totalCount) === null || _g === void 0 ? void 0 : _g.toString(),
-    });
-  });
+  }, (res) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.totalCount) === null || _d === void 0 ? void 0 : _d.toString(); });
 };
 const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
   return debugQuery(dist.gql `
@@ -654,13 +582,10 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const arr = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewardBalanceDetails;
     const fallback = (_c = res.data) === null || _c === void 0 ? void 0 : _c.fallback;
-    return {
-      value: ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyRedeemedCredit) || 0,
-      statvalue: ((_e = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _e === void 0 ? void 0 : _e.prettyRedeemedCredit) || fallback,
-    };
+    return ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyRedeemedCredit) || fallback;
   });
 };
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
@@ -696,13 +621,10 @@ const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const arr = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewardBalanceDetails;
     const fallback = (_c = res.data) === null || _c === void 0 ? void 0 : _c.fallback;
-    return {
-      value: ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAssignedCredit) || 0,
-      statvalue: ((_e = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _e === void 0 ? void 0 : _e.prettyAssignedCredit) || fallback,
-    };
+    return ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAssignedCredit) || fallback;
   });
 };
 const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
@@ -738,13 +660,10 @@ const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const arr = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewardBalanceDetails;
     const fallback = (_c = res.data) === null || _c === void 0 ? void 0 : _c.fallback;
-    return {
-      value: ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || 0,
-      statvalue: ((_e = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _e === void 0 ? void 0 : _e.prettyAvailableValue) || fallback,
-    };
+    return ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || fallback;
   });
 };
 const parseRewardValueFormat = {
@@ -787,13 +706,10 @@ const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValu
     format: (_a = parseRewardValueFormat[format]) !== null && _a !== void 0 ? _a : "UNIT_FORMATTED",
     locale,
   }, (res) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const arr = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewardBalanceDetails;
     const fallback = (_c = res.data) === null || _c === void 0 ? void 0 : _c.fallback;
-    return {
-      value: ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || 0,
-      statvalue: ((_e = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _e === void 0 ? void 0 : _e.prettyAvailableValue) || fallback,
-    };
+    return ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || fallback;
   });
 };
 // functions are of the form (programId: string, ...args: string) => string
@@ -850,15 +766,10 @@ const queries = {
     label: "Program Goals",
     query: programGoalsQuery,
   },
-  customFields: {
-    label: "Custom Fields",
-    query: customFieldsQuery,
-  },
 };
 // this should be exposed in documentation somehow
 const StatPaths = [
   { name: "programGoals", route: "/(programGoals)/:metricType/:goalId" },
-  { name: "customFields", route: "/(customFields)/:customField" },
   { name: "referralsCount", route: "/(referralsCount)/:status?" },
   { name: "referralsMonth", route: "/(referralsMonth)" },
   { name: "referralsWeek", route: "/(referralsWeek)" },
@@ -892,7 +803,6 @@ const StatPaths = [
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
-  var _a;
   const { statType, flexReverse, alignment } = props;
   const programId = M();
   const locale = R();
@@ -900,7 +810,7 @@ function useBigStat(props) {
   const re = useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
-      props: { value: 0, statvalue: "!!!", flexReverse, alignment },
+      props: { statvalue: "!!!", flexReverse, alignment },
       label: "BAD PROP TYPE",
     };
   }
@@ -923,12 +833,7 @@ function useBigStat(props) {
   const stat = (userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt) && queries[queryName].query(programId, locale, ...queryArgs);
   debug("stat:", stat);
   return {
-    props: {
-      value: stat === null || stat === void 0 ? void 0 : stat.value,
-      statvalue: (_a = stat === null || stat === void 0 ? void 0 : stat.statvalue) !== null && _a !== void 0 ? _a : LOADING,
-      flexReverse,
-      alignment,
-    },
+    props: { statvalue: stat !== null && stat !== void 0 ? stat : LOADING, flexReverse, alignment },
     label,
   };
 }
@@ -939,7 +844,6 @@ function useDemoBigStat(props) {
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
       props: {
-        value: 0,
         statvalue: "!!!",
         flexReverse: false,
         alignment: "center",

package/dist/esm-es5/{ShadowViewAddon-a3f510db.js → ShadowViewAddon-2e3ea31f.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,a){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:a})}else{e.raw=a}return e};import{h,g as getElement}from"./index-17b4da69.js";import{d as dist,M,T,e as en}from"./index.module-90d2c3ad.js";function LeaderboardView(e){var a;var r=e.states,t=e.data,n=e.elements;var i=r.styles;if(r.loading){return n.loadingstate}return h("div",null,!r.hasLeaders&&n.empty,r.hasLeaders&&h("table",null,h("tr",null,i.showRank&&h("th",{class:"Rank"},i.rankheading),h("th",{class:"User"},i.usersheading),h("th",{class:"Score"},i.statsheading)),(a=t.leaderboard)===null||a===void 0?void 0:a.map((function(e){return h("tr",{class:"SeparateContent"},i.showRank&&h("td",{class:"Rank"},e.rank),h("td",{class:"User"},e.firstName+" "+e.lastInitial+" "),h("td",{class:"Score"},e.value))}))))}var GET_LEADERBOARD=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows {\n        value\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows {\n        value\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"])));function useLeaderboard(e){var a;var r=M();var t=T();var n={type:e.leaderboardType,filter:{programId_eq:r}};if(e.interval){n.filter["interval"]=e.interval}var i=en(GET_LEADERBOARD,n,!(t===null||t===void 0?void 0:t.jwt)),d=i.data,l=i.loading;var o=(a=d===null||d===void 0?void 0:d.userLeaderboard)===null||a===void 0?void 0:a.rows;var s=v(o);var u=s===null||s===void 0?void 0:s.sort((function(e,a){return e.rank-a.rank}));function v(a){return a===null||a===void 0?void 0:a.flatMap((function(a){var r;return{value:a.value,firstName:a.firstName||"Anonymous",lastInitial:a.lastInitial,rank:(r=a.rank)===null||r===void 0?void 0:r[e.rankType]}}))}return{states:{loading:l,hasLeaders:(u===null||u===void 0?void 0:u.length)>0,styles:e},data:{leaderboard:u,rankType:e.rankType},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var map=new Map;function withShadowView(e){var a=getElement(e);var r=e["render"].bind(e);var t=function(){var e=a.getAttribute("stencilbook-shadow-view");if(e){var t=map.get(e);if(t){return t}}return r()};e["render"]=t}var ShadowViewAddon=function(e,a){var r=e.story;var t;var n=(t=r.parent.parameters)===null||t===void 0?void 0:t.tagname;if(!n)return a;var i=Math.round(Math.random()*1e5);map.set(i+"",a);var d="stencilbook-shawdow-view-"+i;return h(d,null,h(n,{"stencilbook-shadow-view":i}))};export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,a){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:a})}else{e.raw=a}return e};import{h,g as getElement}from"./index-17b4da69.js";import{d as dist,M,T,e as en}from"./index.module-33c313d2.js";function LeaderboardView(e){var a;var r=e.states,t=e.data,n=e.elements;var i=r.styles;if(r.loading){return n.loadingstate}return h("div",null,!r.hasLeaders&&n.empty,r.hasLeaders&&h("table",null,h("tr",null,i.showRank&&h("th",{class:"Rank"},i.rankheading),h("th",{class:"User"},i.usersheading),h("th",{class:"Score"},i.statsheading)),(a=t.leaderboard)===null||a===void 0?void 0:a.map((function(e){return h("tr",{class:"SeparateContent"},i.showRank&&h("td",{class:"Rank"},e.rank),h("td",{class:"User"},e.firstName+" "+e.lastInitial+" "),h("td",{class:"Score"},e.value))}))))}var GET_LEADERBOARD=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows {\n        value\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows {\n        value\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"])));function useLeaderboard(e){var a;var r=M();var t=T();var n={type:e.leaderboardType,filter:{programId_eq:r}};if(e.interval){n.filter["interval"]=e.interval}var i=en(GET_LEADERBOARD,n,!(t===null||t===void 0?void 0:t.jwt)),d=i.data,l=i.loading;var o=(a=d===null||d===void 0?void 0:d.userLeaderboard)===null||a===void 0?void 0:a.rows;var s=v(o);var u=s===null||s===void 0?void 0:s.sort((function(e,a){return e.rank-a.rank}));function v(a){return a===null||a===void 0?void 0:a.flatMap((function(a){var r;return{value:a.value,firstName:a.firstName||"Anonymous",lastInitial:a.lastInitial,rank:(r=a.rank)===null||r===void 0?void 0:r[e.rankType]}}))}return{states:{loading:l,hasLeaders:(u===null||u===void 0?void 0:u.length)>0,styles:e},data:{leaderboard:u,rankType:e.rankType},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var map=new Map;function withShadowView(e){var a=getElement(e);var r=e["render"].bind(e);var t=function(){var e=a.getAttribute("stencilbook-shadow-view");if(e){var t=map.get(e);if(t){return t}}return r()};e["render"]=t}var ShadowViewAddon=function(e,a){var r=e.story;var t;var n=(t=r.parent.parameters)===null||t===void 0?void 0:t.tagname;if(!n)return a;var i=Math.round(Math.random()*1e5);map.set(i+"",a);var d="stencilbook-shawdow-view-"+i;return h(d,null,h(n,{"stencilbook-shadow-view":i}))};export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;