@saasquatch/mint-components 1.3.3-6 → 1.4.1-0

package/dist/esm/{useDemoBigStat-660c8672.js → useDemoBigStat-5557504e.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-9b5bb6a2.js';
+import { M, R, n as ne, d as dist, c as cn } from './index.module-1e92a7a3.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 
@@ -336,7 +336,7 @@ function BigStatView(props, children) {
 const debug = browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = en(query, variables);
+  const res = cn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -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,15 +803,13 @@ const StatPaths = [
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
-  var _a;
-  const { statType, flexReverse, alignment } = props;
-  const programId = M();
+  const { statType, flexReverse, alignment, programId = M(), } = props;
   const locale = R();
-  const userIdent = T();
+  const userIdent = ne();
   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 +832,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 +843,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-5f66de48.js

@@ -0,0 +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,n as ne,c as cn}from"./index.module-1e92a7a3.js";function LeaderboardView(e){var a;var r=e.states,n=e.data,t=e.elements;var i=r.styles;if(r.loading){return t.loadingstate}return h("div",null,!r.hasLeaders&&t.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=n.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 n=ne();var t={type:e.leaderboardType,filter:{programId_eq:r}};if(e.interval){t.filter["interval"]=e.interval}var i=cn(GET_LEADERBOARD,t,!(n===null||n===void 0?void 0:n.jwt)),d=i.data,l=i.loading;var s=(a=d===null||d===void 0?void 0:d.userLeaderboard)===null||a===void 0?void 0:a.rows;var o=v(s);var u=o===null||o===void 0?void 0:o.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 n=function(){var e=a.getAttribute("stencilbook-shadow-view");if(e){var n=map.get(e);if(n){return n}}return r()};e["render"]=n}var ShadowViewAddon=function(e,a){var r=e.story;var n;var t=(n=r.parent.parameters)===null||n===void 0?void 0:n.tagname;if(!t)return a;var i=Math.round(Math.random()*1e5);map.set(i+"",a);var d="stencilbook-shawdow-view-"+i;return h(d,null,h(t,{"stencilbook-shadow-view":i}))};export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;