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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.Q();

package/dist/cjs/{index-19309631.js → sqm-leaderboard-rank-view-7dd44d62.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const index_module = require('./index.module-6a7bda18.js');
-const tslib_es6 = require('./tslib.es6-0e81fab1.js');
+const index = require('./index-b0129cd6.js');
+const global = require('./global-6223fe8f.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();
@@ -41,7 +42,7 @@ function processFragments(ast) {
             definitions.push(fragmentDefinition);
         }
     });
-    return tslib_es6.__assign(tslib_es6.__assign({}, ast), { definitions: definitions });
+    return global.__assign(global.__assign({}, ast), { definitions: definitions });
 }
 function stripLoc(doc) {
     var workSet = new Set(doc.definitions);
@@ -121,4 +122,10 @@ var extras = {
 gql["default"] = gql;
 const gql$1 = gql;
 
+function LeaderboardRankView(props) {
+  const { data } = props;
+  return index.h("span", { class: "P" }, data.rank);
+}
+
+exports.LeaderboardRankView = LeaderboardRankView;
 exports.gql = gql$1;

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

@@ -2,17 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-b0129cd6.js');
+const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-6223fe8f.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 const cjs = require('./cjs-1066ec21.js');
-const index = require('./index-19309631.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-7dd44d62.js');
 
-const GET_RANK = index.gql `
+const GET_RANK = sqmLeaderboardRankView.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -52,7 +50,7 @@ const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:va
 
 const LeaderboardRank = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     /**
      * @uiName Rank Text
      */
@@ -64,7 +62,7 @@ const LeaderboardRank = class {
     const props = index_module.j()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
-    return index$1.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
+    return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const cjs = require('./cjs-1066ec21.js');
-const ShadowViewAddon = require('./ShadowViewAddon-75c18b96.js');
+const ShadowViewAddon = require('./ShadowViewAddon-a85b8c8d.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/cjs/sqm-name-fields.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');

package/dist/cjs/{sqm-navigation-sidebar-item-view-e99b4a10.js → sqm-navigation-sidebar-item-view-6c7f78e6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
 

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-e99b4a10.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-6c7f78e6.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.an();

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const utils = require('./utils-95e5317c.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-email-verification-view-5e955797.js → sqm-portal-email-verification-view-08d1848c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-6223fe8f.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-6223fe8f.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5e955797.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-08d1848c.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/{sqm-portal-footer-view-9089feb7.js → sqm-portal-footer-view-69c73802.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-6223fe8f.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-6223fe8f.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-9089feb7.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-69c73802.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.L(undefined);

package/dist/cjs/{sqm-portal-profile-view-a23ea292.js → sqm-portal-profile-view-14b41436.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-6223fe8f.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

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

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-6223fe8f.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./sqm-portal-container-view-d144735a.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-a23ea292.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-14b41436.js');
 
 const GET_USER = index_module.dist.gql `
   query {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableDateColumn = class {
   constructor(hostRef) {

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableRewardsColumn = class {
   constructor(hostRef) {

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableStatusColumn = class {
   constructor(hostRef) {

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableUserColumn = class {
   constructor(hostRef) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/{useDemoBigStat-17e61803.js → useDemoBigStat-2786227e.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 
@@ -367,7 +367,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
@@ -387,9 +393,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(index_module.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) => {
@@ -410,7 +440,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"
@@ -430,7 +466,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
@@ -447,7 +489,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
@@ -480,7 +528,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
@@ -505,7 +559,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
@@ -527,7 +587,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
@@ -549,7 +615,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(index_module.dist.gql `
@@ -584,10 +656,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 = "") => {
@@ -623,10 +698,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 = "") => {
@@ -662,10 +740,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 = {
@@ -708,10 +789,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
@@ -768,10 +852,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)" },
@@ -805,6 +894,7 @@ const StatPaths = [
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
+  var _a;
   const { statType, flexReverse, alignment } = props;
   const programId = index_module.M();
   const locale = index_module.R();
@@ -812,7 +902,7 @@ function useBigStat(props) {
   const re = _extends.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",
     };
   }
@@ -835,7 +925,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,
   };
 }
@@ -846,6 +941,7 @@ function useDemoBigStat(props) {
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
       props: {
+        value: 0,
         statvalue: "!!!",
         flexReverse: false,
         alignment: "center",