@saasquatch/mint-components 1.3.2-1 → 1.3.2-13

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-f80561db.js';
+import { Q, k, g as pe, h as ge } from './index.module-90d2c3ad.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = Q();

package/dist/esm/{index-2f5dd0a1.js → sqm-leaderboard-rank-view-47844836.js}

@@ -1,5 +1,6 @@
-import { p as parse } from './index.module-f80561db.js';
-import { _ as __assign } from './tslib.es6-7ac9d7e4.js';
+import { h } from './index-17b4da69.js';
+import { _ as __assign } from './global-90da933f.js';
+import { p as parse } from './index.module-90d2c3ad.js';
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();
@@ -119,4 +120,9 @@ var extras = {
 gql["default"] = gql;
 const gql$1 = gql;
 
-export { gql$1 as g };
+function LeaderboardRankView(props) {
+  const { data } = props;
+  return h("span", { class: "P" }, data.rank);
+}
+
+export { LeaderboardRankView as L, gql$1 as g };

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

@@ -1,12 +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-5ecbf81a.js';
+import { i as intl, c as createIntl } from './global-90da933f.js';
 import './use-callback-b38a1523.js';
-import { M, T, e as en, j } from './index.module-f80561db.js';
-import './tslib.es6-7ac9d7e4.js';
+import { M, T, e as en, j } from './index.module-90d2c3ad.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as gql } from './index-2f5dd0a1.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-da91f5f3.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-47844836.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-f80561db.js';
+import { j } from './index.module-90d2c3ad.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-fff5d35d.js';
+import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-a3f510db.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-f80561db.js';
+import { j } from './index.module-90d2c3ad.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-8a3f374b.js → sqm-navigation-sidebar-item-view-f2304ad9.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { r as rn } from './index.module-f80561db.js';
+import { r as rn } from './index.module-90d2c3ad.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-f80561db.js';
+import { c as an, j } from './index.module-90d2c3ad.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-8a3f374b.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f2304ad9.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-f80561db.js';
+import { x } from './index.module-90d2c3ad.js';
 import { g as getProps } from './utils-454405f5.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-90781be2.js → sqm-portal-email-verification-view-8cefe480.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5ecbf81a.js';
+import { i as intl } from './global-90da933f.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,14 +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-5ecbf81a.js';
+import './global-90da933f.js';
 import './use-callback-b38a1523.js';
-import { B as Be, T, j } from './index.module-f80561db.js';
-import './tslib.es6-7ac9d7e4.js';
+import { B as Be, T, j } from './index.module-90d2c3ad.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-90781be2.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-8cefe480.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/{sqm-portal-footer-view-c317518e.js → sqm-portal-footer-view-d9fe0bf8.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5ecbf81a.js';
+import { i as intl } from './global-90da933f.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,12 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
-import './global-5ecbf81a.js';
+import './global-90da933f.js';
 import './use-callback-b38a1523.js';
-import './index.module-f80561db.js';
-import './tslib.es6-7ac9d7e4.js';
+import './index.module-90d2c3ad.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-c317518e.js';
+import { a as PortalFooterView } from './sqm-portal-footer-view-d9fe0bf8.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-f80561db.js';
+import { z as ze, j, r as rn } from './index.module-90d2c3ad.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-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-f80561db.js';
+import { L, r as rn, j } from './index.module-90d2c3ad.js';
 
 function usePortalLogout({ nextPage }) {
   L(undefined);

package/dist/esm/{sqm-portal-profile-view-824c8242.js → sqm-portal-profile-view-b67467b4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5ecbf81a.js';
+import { i as intl } from './global-90da933f.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,15 +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-5ecbf81a.js';
+import './global-90da933f.js';
 import './use-callback-b38a1523.js';
-import { d as dist, T, e as en, b as be, j } from './index.module-f80561db.js';
-import './tslib.es6-7ac9d7e4.js';
+import { d as dist, T, e as en, b as be, j } from './index.module-90d2c3ad.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-824c8242.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-b67467b4.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-f80561db.js';
+import { T, c as an, r as rn, j } from './index.module-90d2c3ad.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-f80561db.js';
+import { i as Re, $ as $e, r as rn, j } from './index.module-90d2c3ad.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-f80561db.js';
+import { T, l as Le, r as rn, j } from './index.module-90d2c3ad.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-f80561db.js';
-import { a as useRequestRerender } from './re-render-9ab5fe0f.js';
+import './index.module-90d2c3ad.js';
+import { a as useRequestRerender } from './re-render-e06f2f7f.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-f80561db.js';
-import { a as useRequestRerender } from './re-render-9ab5fe0f.js';
+import './index.module-90d2c3ad.js';
+import { a as useRequestRerender } from './re-render-e06f2f7f.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-f80561db.js';
-import { a as useRequestRerender } from './re-render-9ab5fe0f.js';
+import './index.module-90d2c3ad.js';
+import { a as useRequestRerender } from './re-render-e06f2f7f.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-f80561db.js';
-import { a as useRequestRerender } from './re-render-9ab5fe0f.js';
+import './index.module-90d2c3ad.js';
+import { a as useRequestRerender } from './re-render-e06f2f7f.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-f80561db.js';
-import { a as useRequestRerender } from './re-render-9ab5fe0f.js';
+import './index.module-90d2c3ad.js';
+import { a as useRequestRerender } from './re-render-e06f2f7f.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-f80561db.js';
+import { d as dist, M, T, e as en, j } from './index.module-90d2c3ad.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-b71fe122.js → useDemoBigStat-c3b955b7.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-f80561db.js';
+import { M, R, T, d as dist, e as en } from './index.module-90d2c3ad.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 
@@ -365,7 +365,13 @@ _, status) => {
           }
         }
       }
-    `, { 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(); });
+    `, { 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(),
+    });
+  });
 };
 const programGoalsQuery = (programId, locale, metricType, goalId) => {
   // Confirm this behaviour
@@ -385,9 +391,33 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
         }
       }
     `, { programId, metricType, goalId, locale }, (res) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     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 ((_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;
+    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",
+    };
   });
 };
 const referralsMonthQuery = (programId) => {
@@ -408,7 +438,13 @@ const referralsMonthQuery = (programId) => {
           }
         }
       }
-    `, { 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(); });
+    `, { 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(),
+    });
+  });
 };
 const referralsWeekQuery = (programId) => {
   const programFilter = programId === "classic"
@@ -428,7 +464,13 @@ const referralsWeekQuery = (programId) => {
           }
         }
       }
-    `, { 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(); });
+    `, { 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(),
+    });
+  });
 };
 const rewardsCountQuery = (programId, 
 // locale
@@ -445,7 +487,13 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (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(); });
+  }, (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(),
+    });
+  });
 };
 const rewardsCountFilteredQuery = (programId, 
 // locale
@@ -478,7 +526,13 @@ _, type, unit, status, global = "") => {
     unit,
     type,
     statusFilter,
-  }, (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(); });
+  }, (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(),
+    });
+  });
 };
 const integrationRewardsCountFilteredQuery = (programId, 
 // locale
@@ -503,7 +557,13 @@ _, status, global = "") => {
     `, {
     programId: !global && programId !== "classic" ? programId : null,
     statusFilter,
-  }, (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(); });
+  }, (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(),
+    });
+  });
 };
 const rewardsMonthQuery = (programId, 
 // locale
@@ -525,7 +585,13 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (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(); });
+  }, (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(),
+    });
+  });
 };
 const rewardsWeekQuery = (programId, 
 // locale
@@ -547,7 +613,13 @@ _, global = "") => {
       }
     `, {
     programId: !global && programId !== "classic" ? programId : null,
-  }, (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(); });
+  }, (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(),
+    });
+  });
 };
 const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
   return debugQuery(dist.gql `
@@ -582,10 +654,13 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     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 ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyRedeemedCredit) || 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,
+    };
   });
 };
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
@@ -621,10 +696,13 @@ const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     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 ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAssignedCredit) || 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,
+    };
   });
 };
 const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
@@ -660,10 +738,13 @@ const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
     unit,
     locale,
   }, (res) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     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 ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || 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,
+    };
   });
 };
 const parseRewardValueFormat = {
@@ -706,10 +787,13 @@ 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;
+    var _a, _b, _c, _d, _e;
     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 ((_d = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _d === void 0 ? void 0 : _d.prettyAvailableValue) || 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,
+    };
   });
 };
 // functions are of the form (programId: string, ...args: string) => string
@@ -766,10 +850,15 @@ 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)" },
@@ -803,6 +892,7 @@ 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();
@@ -810,7 +900,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: { statvalue: "!!!", flexReverse, alignment },
+      props: { value: 0, statvalue: "!!!", flexReverse, alignment },
       label: "BAD PROP TYPE",
     };
   }
@@ -833,7 +923,12 @@ 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: { statvalue: stat !== null && stat !== void 0 ? stat : LOADING, flexReverse, alignment },
+    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,
+    },
     label,
   };
 }
@@ -844,6 +939,7 @@ 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-fff5d35d.js → ShadowViewAddon-a3f510db.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-f80561db.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-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;