@saasquatch/mint-components 1.6.14-3 → 1.6.14-5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/cjs/{ShadowViewAddon-d8d7865d.js → ShadowViewAddon-b081d461.js} +134 -0
  2. package/dist/cjs/sqm-big-stat_39.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  4. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +16 -6
  6. package/dist/cjs/{useReferralTable-c5eaace4.js → useReferralTable-8efa6160.js} +0 -4
  7. package/dist/collection/components/sqm-big-stat/UseBigStat.stories.js +10 -5
  8. package/dist/collection/components/sqm-big-stat/useBigStat.js +134 -0
  9. package/dist/collection/components/sqm-referral-table/useReferralTable.js +0 -4
  10. package/dist/esm/{ShadowViewAddon-0c74201e.js → ShadowViewAddon-a129a634.js} +134 -0
  11. package/dist/esm/sqm-big-stat_39.entry.js +1 -1
  12. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  13. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  14. package/dist/esm/sqm-stencilbook.entry.js +16 -6
  15. package/dist/esm/{useReferralTable-f52c68ac.js → useReferralTable-3d59e2de.js} +0 -4
  16. package/dist/esm-es5/ShadowViewAddon-a129a634.js +1 -0
  17. package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
  18. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  19. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  20. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  21. package/dist/esm-es5/{useReferralTable-f52c68ac.js → useReferralTable-3d59e2de.js} +1 -1
  22. package/dist/mint-components/mint-components.esm.js +1 -1
  23. package/dist/mint-components/{p-232aab82.system.entry.js → p-055add0d.system.entry.js} +1 -1
  24. package/dist/mint-components/{p-c69d1f1e.entry.js → p-1a9be810.entry.js} +2 -2
  25. package/dist/mint-components/p-218403c4.system.entry.js +1 -0
  26. package/dist/mint-components/{p-3078792b.system.entry.js → p-455bbcbf.system.entry.js} +1 -1
  27. package/dist/mint-components/p-63fb4a0a.system.js +1 -0
  28. package/dist/mint-components/{p-c53ea64b.system.entry.js → p-68369452.system.entry.js} +1 -1
  29. package/dist/mint-components/{p-3a096b4f.entry.js → p-6ce7b475.entry.js} +1 -1
  30. package/dist/mint-components/{p-6d019f29.entry.js → p-83fb9f0d.entry.js} +1 -1
  31. package/dist/mint-components/{p-d3f48c94.js → p-9de2287d.js} +3 -3
  32. package/dist/mint-components/p-a8a2ec9d.js +320 -0
  33. package/dist/mint-components/{p-c1ecede0.entry.js → p-c03429a6.entry.js} +1 -1
  34. package/dist/mint-components/p-c3dd8944.system.js +1 -1
  35. package/dist/mint-components/{p-d7027467.system.js → p-ea04661e.system.js} +1 -1
  36. package/dist/types/components/sqm-big-stat/UseBigStat.stories.d.ts +30 -0
  37. package/docs/docs.docx +0 -0
  38. package/package.json +1 -1
  39. package/dist/esm-es5/ShadowViewAddon-0c74201e.js +0 -1
  40. package/dist/mint-components/p-5e4735e0.system.entry.js +0 -1
  41. package/dist/mint-components/p-b4f4faac.js +0 -278
  42. package/dist/mint-components/p-e7ca4428.system.js +0 -1
@@ -1154,6 +1154,124 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
1154
1154
  };
1155
1155
  });
1156
1156
  };
1157
+ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
1158
+ return debugQuery(index_module.dist.gql `
1159
+ query ($programId: ID, $type: RewardType, $unit: String!) {
1160
+ viewer: viewer {
1161
+ ... on User {
1162
+ rewards(
1163
+ limit: 1000
1164
+ filter: {
1165
+ programId_eq: $programId
1166
+ type_eq: $type
1167
+ unit_eq: $unit
1168
+ dateRedeemed_timeframe: "this_week"
1169
+ }
1170
+ ) {
1171
+ data {
1172
+ redeemedCredit
1173
+ }
1174
+ totalCount
1175
+ }
1176
+ }
1177
+ }
1178
+ }
1179
+ `, {
1180
+ programId: !global && programId !== "classic" ? programId : null,
1181
+ type,
1182
+ unit,
1183
+ }, (res) => {
1184
+ var _a, _b, _c, _d;
1185
+ const rewardData = (_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.data;
1186
+ const fallback = 0;
1187
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
1188
+ if (redeemedTotal !== undefined) {
1189
+ const query = `query formatRewardPrettyValue(
1190
+ $value: Int!
1191
+ $unit: String!
1192
+ $locale: RSLocale
1193
+ ) {
1194
+ formatRewardPrettyValue(
1195
+ value: $value
1196
+ unit: $unit
1197
+ locale: $locale
1198
+ formatType: UNIT_FORMATTED
1199
+ )}`;
1200
+ const result = index_module.mn(query, {
1201
+ value: redeemedTotal,
1202
+ unit,
1203
+ locale,
1204
+ });
1205
+ return {
1206
+ value: redeemedTotal || fallback,
1207
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
1208
+ };
1209
+ }
1210
+ return {
1211
+ value: fallback,
1212
+ statvalue: "...",
1213
+ };
1214
+ });
1215
+ };
1216
+ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
1217
+ return debugQuery(index_module.dist.gql `
1218
+ query ($programId: ID, $type: RewardType, $unit: String!) {
1219
+ viewer: viewer {
1220
+ ... on User {
1221
+ rewards(
1222
+ limit: 1000
1223
+ filter: {
1224
+ programId_eq: $programId
1225
+ type_eq: $type
1226
+ unit_eq: $unit
1227
+ dateRedeemed_timeframe: "this_month"
1228
+ }
1229
+ ) {
1230
+ data {
1231
+ redeemedCredit
1232
+ }
1233
+ totalCount
1234
+ }
1235
+ }
1236
+ }
1237
+ }
1238
+ `, {
1239
+ programId: !global && programId !== "classic" ? programId : null,
1240
+ type,
1241
+ unit,
1242
+ }, (res) => {
1243
+ var _a, _b, _c, _d;
1244
+ const rewardData = (_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.data;
1245
+ const fallback = 0;
1246
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
1247
+ if (redeemedTotal !== undefined) {
1248
+ const query = `query formatRewardPrettyValue(
1249
+ $value: Int!
1250
+ $unit: String!
1251
+ $locale: RSLocale
1252
+ ) {
1253
+ formatRewardPrettyValue(
1254
+ value: $value
1255
+ unit: $unit
1256
+ locale: $locale
1257
+ formatType: UNIT_FORMATTED
1258
+ )}`;
1259
+ const result = index_module.mn(query, {
1260
+ value: redeemedTotal,
1261
+ unit,
1262
+ locale,
1263
+ });
1264
+ return {
1265
+ value: redeemedTotal || fallback,
1266
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
1267
+ };
1268
+ }
1269
+ return {
1270
+ value: fallback,
1271
+ statvalue: "...",
1272
+ };
1273
+ });
1274
+ };
1157
1275
  const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
1158
1276
  return debugQuery(index_module.dist.gql `
1159
1277
  query (
@@ -1321,6 +1439,14 @@ const queries = {
1321
1439
  label: "Rewards Paid",
1322
1440
  query: rewardsRedeemedQuery,
1323
1441
  },
1442
+ rewardsRedeemedMonth: {
1443
+ label: "Rewards Paid - This Month",
1444
+ query: rewardsRedeemedMonthQuery,
1445
+ },
1446
+ rewardsRedeemedWeek: {
1447
+ label: "Rewards Paid - This Week",
1448
+ query: rewardsRedeemedWeekQuery,
1449
+ },
1324
1450
  rewardsAvailable: {
1325
1451
  label: "Rewards Available",
1326
1452
  query: rewardsAvailableQuery,
@@ -1400,6 +1526,14 @@ const StatPaths = [
1400
1526
  name: "rewardsRedeemed",
1401
1527
  route: "/(rewardsRedeemed)/:statType/:unit/:global?",
1402
1528
  },
1529
+ {
1530
+ name: "rewardsRedeemedWeek",
1531
+ route: "/(rewardsRedeemedWeek)/:statType/:unit/:global?",
1532
+ },
1533
+ {
1534
+ name: "rewardsRedeemedMonth",
1535
+ route: "/(rewardsRedeemedMonth)/:statType/:unit/:global?",
1536
+ },
1403
1537
  {
1404
1538
  name: "rewardsAvailable",
1405
1539
  route: "/(rewardsAvailable)/:statType/:unit/:global?",
@@ -17,7 +17,7 @@ const utils = require('./utils-6847bc06.js');
17
17
  require('./sqm-text-span-view-8a7b98d0.js');
18
18
  const useRegistrationFormState = require('./useRegistrationFormState-7e9641c4.js');
19
19
  const AsYouType = require('./AsYouType-6788393a.js');
20
- const ShadowViewAddon = require('./ShadowViewAddon-d8d7865d.js');
20
+ const ShadowViewAddon = require('./ShadowViewAddon-b081d461.js');
21
21
  require('./sqm-portal-container-view-3ebf55a7.js');
22
22
 
23
23
  const BigStat = class {
@@ -13,7 +13,7 @@ const GenericTableView = require('./GenericTableView-380b83e2.js');
13
13
  const reRender = require('./re-render-378abee0.js');
14
14
  const useChildElements = require('./useChildElements-4cfa421a.js');
15
15
  const luxon = require('./luxon-53e983a6.js');
16
- const useReferralTable = require('./useReferralTable-c5eaace4.js');
16
+ const useReferralTable = require('./useReferralTable-8efa6160.js');
17
17
  const utils = require('./utils-6847bc06.js');
18
18
  const sqmTextSpanView = require('./sqm-text-span-view-8a7b98d0.js');
19
19
 
@@ -13,7 +13,7 @@ const GenericTableView = require('./GenericTableView-380b83e2.js');
13
13
  const reRender = require('./re-render-378abee0.js');
14
14
  const useChildElements = require('./useChildElements-4cfa421a.js');
15
15
  const luxon = require('./luxon-53e983a6.js');
16
- const useReferralTable = require('./useReferralTable-c5eaace4.js');
16
+ const useReferralTable = require('./useReferralTable-8efa6160.js');
17
17
  const utils = require('./utils-6847bc06.js');
18
18
 
19
19
  const debug = stencilHooks_module.browser("sq:useRewardsTable");
@@ -26,7 +26,7 @@ const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-9
26
26
  const sqmPortalProfileView = require('./sqm-portal-profile-view-28176f3e.js');
27
27
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4a03d26a.js');
28
28
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-fb3bbf7b.js');
29
- const ShadowViewAddon = require('./ShadowViewAddon-d8d7865d.js');
29
+ const ShadowViewAddon = require('./ShadowViewAddon-b081d461.js');
30
30
  const sqmPortalContainerView = require('./sqm-portal-container-view-3ebf55a7.js');
31
31
 
32
32
  /**
@@ -2834,12 +2834,12 @@ const UseBigStat_stories = {
2834
2834
  title: "Hooks / useBigStat",
2835
2835
  };
2836
2836
  function setupGraphQL$3() {
2837
- const id = "nynellie";
2837
+ const id = "zach.harrison@referralsaasquatch.com";
2838
2838
  const accountId = id;
2839
- const programId = "ny-post-referrals";
2839
+ const programId = "klip-referral-program";
2840
2840
  //@ts-ignore
2841
2841
  window.widgetIdent = {
2842
- tenantAlias: "test_a7yoz8854cf6x",
2842
+ tenantAlias: "test_a74miwdpofztj",
2843
2843
  appDomain: "https://staging.referralsaasquatch.com",
2844
2844
  programId,
2845
2845
  };
@@ -2847,7 +2847,7 @@ function setupGraphQL$3() {
2847
2847
  index_module.setUserIdentity({
2848
2848
  accountId,
2849
2849
  id,
2850
- jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
2850
+ jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
2851
2851
  });
2852
2852
  return () => {
2853
2853
  window.widgetIdent = undefined;
@@ -2909,7 +2909,12 @@ const RewardsMonth = createHookStory(() => View("/rewardsMonth", "/(rewardsMonth
2909
2909
  const RewardsWeek = createHookStory(() => View("/rewardsWeek", "/(rewardsWeek)/:global?"));
2910
2910
  const RewardsAssigned = createHookStory(() => View("/rewardsAssigned/CREDIT/COFFEE", "/(rewardsAssigned)/:statType/:unit/:global?"));
2911
2911
  const RewardsAssignedCashUSD = createHookStory(() => View("/rewardsAssigned/CREDIT/CASH%2FUSD", "/(rewardsAssigned)/:statType/:unit/:global?"));
2912
- const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/COFFEE", "/(rewardsRedeemed)/:statType/:unit/:global?"));
2912
+ const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD", "/(rewardsRedeemed)/:statType/:unit/:global?"));
2913
+ const RewardsRedeemedWeek = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
2914
+ const RewardsRedeemedMonth = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
2915
+ const RewardsRedeemedGlobal = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD/global", "/(rewardsRedeemed)/:statType/:unit/:global?"));
2916
+ const RewardsRedeemedWeekGlobal = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD/global", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
2917
+ const RewardsRedeemedMonthGlobal = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD/global", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
2913
2918
  const RewardsAvailable = createHookStory(() => View("/rewardsAvailable/CREDIT/COFFEE", "/(rewardsAvailable)/:statType/:unit/:global?"));
2914
2919
  const RewardsAvailableWithSlash = createHookStory(() => View("/rewardsAvailable/CREDIT/CASH%2FUSD", "/(rewardsAvailable)/:statType/:unit/:global?"));
2915
2920
  const RewardBalance = createHookStory(() => View("/rewardBalance/CREDIT/COFFEE/prettyValue", "/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"));
@@ -2963,6 +2968,11 @@ const UseBigStat = /*#__PURE__*/Object.freeze({
2963
2968
  RewardsAssigned: RewardsAssigned,
2964
2969
  RewardsAssignedCashUSD: RewardsAssignedCashUSD,
2965
2970
  RewardsRedeemed: RewardsRedeemed,
2971
+ RewardsRedeemedWeek: RewardsRedeemedWeek,
2972
+ RewardsRedeemedMonth: RewardsRedeemedMonth,
2973
+ RewardsRedeemedGlobal: RewardsRedeemedGlobal,
2974
+ RewardsRedeemedWeekGlobal: RewardsRedeemedWeekGlobal,
2975
+ RewardsRedeemedMonthGlobal: RewardsRedeemedMonthGlobal,
2966
2976
  RewardsAvailable: RewardsAvailable,
2967
2977
  RewardsAvailableWithSlash: RewardsAvailableWithSlash,
2968
2978
  RewardBalance: RewardBalance,
@@ -419,14 +419,11 @@ function useReferralTable(props, emptyElement, loadingElement) {
419
419
  const rows = cellsPromise &&
420
420
  [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
421
421
  setContent({ rows });
422
- console.log({ rows }, "rows set");
423
422
  const columns = columnsPromise && (await Promise.all(columnsPromise));
424
423
  // Set the content to render and finish loading components
425
424
  setContent({ columns, loading: false, page: states.currentPage });
426
- console.log({ columns }, "columns set");
427
425
  }
428
426
  stencilHooks_module.useEffect(() => {
429
- console.log({ referralData }, "loading set");
430
427
  setContent({ loading: true });
431
428
  referralData && getComponentData(components);
432
429
  }, [referralData, components, tick]);
@@ -440,7 +437,6 @@ function useReferralTable(props, emptyElement, loadingElement) {
440
437
  ? "empty"
441
438
  : // 3 - Then show rows
442
439
  "rows";
443
- console.log({ show, states, content, isEmpty });
444
440
  return {
445
441
  states: {
446
442
  hasNext: states.currentPage < states.pageCount - 1,
@@ -9,12 +9,12 @@ export default {
9
9
  title: "Hooks / useBigStat",
10
10
  };
11
11
  function setupGraphQL() {
12
- const id = "nynellie";
12
+ const id = "zach.harrison@referralsaasquatch.com";
13
13
  const accountId = id;
14
- const programId = "ny-post-referrals";
14
+ const programId = "klip-referral-program";
15
15
  //@ts-ignore
16
16
  window.widgetIdent = {
17
- tenantAlias: "test_a7yoz8854cf6x",
17
+ tenantAlias: "test_a74miwdpofztj",
18
18
  appDomain: "https://staging.referralsaasquatch.com",
19
19
  programId,
20
20
  };
@@ -22,7 +22,7 @@ function setupGraphQL() {
22
22
  setUserIdentity({
23
23
  accountId,
24
24
  id,
25
- jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
25
+ jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
26
26
  });
27
27
  return () => {
28
28
  window.widgetIdent = undefined;
@@ -84,7 +84,12 @@ export const RewardsMonth = createHookStory(() => View("/rewardsMonth", "/(rewar
84
84
  export const RewardsWeek = createHookStory(() => View("/rewardsWeek", "/(rewardsWeek)/:global?"));
85
85
  export const RewardsAssigned = createHookStory(() => View("/rewardsAssigned/CREDIT/COFFEE", "/(rewardsAssigned)/:statType/:unit/:global?"));
86
86
  export const RewardsAssignedCashUSD = createHookStory(() => View("/rewardsAssigned/CREDIT/CASH%2FUSD", "/(rewardsAssigned)/:statType/:unit/:global?"));
87
- export const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/COFFEE", "/(rewardsRedeemed)/:statType/:unit/:global?"));
87
+ export const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD", "/(rewardsRedeemed)/:statType/:unit/:global?"));
88
+ export const RewardsRedeemedWeek = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
89
+ export const RewardsRedeemedMonth = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
90
+ export const RewardsRedeemedGlobal = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD/global", "/(rewardsRedeemed)/:statType/:unit/:global?"));
91
+ export const RewardsRedeemedWeekGlobal = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD/global", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
92
+ export const RewardsRedeemedMonthGlobal = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD/global", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
88
93
  export const RewardsAvailable = createHookStory(() => View("/rewardsAvailable/CREDIT/COFFEE", "/(rewardsAvailable)/:statType/:unit/:global?"));
89
94
  export const RewardsAvailableWithSlash = createHookStory(() => View("/rewardsAvailable/CREDIT/CASH%2FUSD", "/(rewardsAvailable)/:statType/:unit/:global?"));
90
95
  export const RewardBalance = createHookStory(() => View("/rewardBalance/CREDIT/COFFEE/prettyValue", "/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"));
@@ -332,6 +332,124 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
332
332
  };
333
333
  });
334
334
  };
335
+ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
336
+ return debugQuery(gql `
337
+ query ($programId: ID, $type: RewardType, $unit: String!) {
338
+ viewer: viewer {
339
+ ... on User {
340
+ rewards(
341
+ limit: 1000
342
+ filter: {
343
+ programId_eq: $programId
344
+ type_eq: $type
345
+ unit_eq: $unit
346
+ dateRedeemed_timeframe: "this_week"
347
+ }
348
+ ) {
349
+ data {
350
+ redeemedCredit
351
+ }
352
+ totalCount
353
+ }
354
+ }
355
+ }
356
+ }
357
+ `, {
358
+ programId: !global && programId !== "classic" ? programId : null,
359
+ type,
360
+ unit,
361
+ }, (res) => {
362
+ var _a, _b, _c, _d;
363
+ const rewardData = (_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.data;
364
+ const fallback = 0;
365
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
366
+ if (redeemedTotal !== undefined) {
367
+ const query = `query formatRewardPrettyValue(
368
+ $value: Int!
369
+ $unit: String!
370
+ $locale: RSLocale
371
+ ) {
372
+ formatRewardPrettyValue(
373
+ value: $value
374
+ unit: $unit
375
+ locale: $locale
376
+ formatType: UNIT_FORMATTED
377
+ )}`;
378
+ const result = useQuery(query, {
379
+ value: redeemedTotal,
380
+ unit,
381
+ locale,
382
+ });
383
+ return {
384
+ value: redeemedTotal || fallback,
385
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
386
+ };
387
+ }
388
+ return {
389
+ value: fallback,
390
+ statvalue: "...",
391
+ };
392
+ });
393
+ };
394
+ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
395
+ return debugQuery(gql `
396
+ query ($programId: ID, $type: RewardType, $unit: String!) {
397
+ viewer: viewer {
398
+ ... on User {
399
+ rewards(
400
+ limit: 1000
401
+ filter: {
402
+ programId_eq: $programId
403
+ type_eq: $type
404
+ unit_eq: $unit
405
+ dateRedeemed_timeframe: "this_month"
406
+ }
407
+ ) {
408
+ data {
409
+ redeemedCredit
410
+ }
411
+ totalCount
412
+ }
413
+ }
414
+ }
415
+ }
416
+ `, {
417
+ programId: !global && programId !== "classic" ? programId : null,
418
+ type,
419
+ unit,
420
+ }, (res) => {
421
+ var _a, _b, _c, _d;
422
+ const rewardData = (_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.data;
423
+ const fallback = 0;
424
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
425
+ if (redeemedTotal !== undefined) {
426
+ const query = `query formatRewardPrettyValue(
427
+ $value: Int!
428
+ $unit: String!
429
+ $locale: RSLocale
430
+ ) {
431
+ formatRewardPrettyValue(
432
+ value: $value
433
+ unit: $unit
434
+ locale: $locale
435
+ formatType: UNIT_FORMATTED
436
+ )}`;
437
+ const result = useQuery(query, {
438
+ value: redeemedTotal,
439
+ unit,
440
+ locale,
441
+ });
442
+ return {
443
+ value: redeemedTotal || fallback,
444
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
445
+ };
446
+ }
447
+ return {
448
+ value: fallback,
449
+ statvalue: "...",
450
+ };
451
+ });
452
+ };
335
453
  const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
336
454
  return debugQuery(gql `
337
455
  query (
@@ -499,6 +617,14 @@ export const queries = {
499
617
  label: "Rewards Paid",
500
618
  query: rewardsRedeemedQuery,
501
619
  },
620
+ rewardsRedeemedMonth: {
621
+ label: "Rewards Paid - This Month",
622
+ query: rewardsRedeemedMonthQuery,
623
+ },
624
+ rewardsRedeemedWeek: {
625
+ label: "Rewards Paid - This Week",
626
+ query: rewardsRedeemedWeekQuery,
627
+ },
502
628
  rewardsAvailable: {
503
629
  label: "Rewards Available",
504
630
  query: rewardsAvailableQuery,
@@ -578,6 +704,14 @@ export const StatPaths = [
578
704
  name: "rewardsRedeemed",
579
705
  route: "/(rewardsRedeemed)/:statType/:unit/:global?",
580
706
  },
707
+ {
708
+ name: "rewardsRedeemedWeek",
709
+ route: "/(rewardsRedeemedWeek)/:statType/:unit/:global?",
710
+ },
711
+ {
712
+ name: "rewardsRedeemedMonth",
713
+ route: "/(rewardsRedeemedMonth)/:statType/:unit/:global?",
714
+ },
581
715
  {
582
716
  name: "rewardsAvailable",
583
717
  route: "/(rewardsAvailable)/:statType/:unit/:global?",
@@ -270,14 +270,11 @@ export function useReferralTable(props, emptyElement, loadingElement) {
270
270
  const rows = cellsPromise &&
271
271
  [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
272
272
  setContent({ rows });
273
- console.log({ rows }, "rows set");
274
273
  const columns = columnsPromise && (await Promise.all(columnsPromise));
275
274
  // Set the content to render and finish loading components
276
275
  setContent({ columns, loading: false, page: states.currentPage });
277
- console.log({ columns }, "columns set");
278
276
  }
279
277
  useEffect(() => {
280
- console.log({ referralData }, "loading set");
281
278
  setContent({ loading: true });
282
279
  referralData && getComponentData(components);
283
280
  }, [referralData, components, tick]);
@@ -291,7 +288,6 @@ export function useReferralTable(props, emptyElement, loadingElement) {
291
288
  ? "empty"
292
289
  : // 3 - Then show rows
293
290
  "rows";
294
- console.log({ show, states, content, isEmpty });
295
291
  return {
296
292
  states: {
297
293
  hasNext: states.currentPage < states.pageCount - 1,
@@ -1152,6 +1152,124 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
1152
1152
  };
1153
1153
  });
1154
1154
  };
1155
+ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
1156
+ return debugQuery(dist.gql `
1157
+ query ($programId: ID, $type: RewardType, $unit: String!) {
1158
+ viewer: viewer {
1159
+ ... on User {
1160
+ rewards(
1161
+ limit: 1000
1162
+ filter: {
1163
+ programId_eq: $programId
1164
+ type_eq: $type
1165
+ unit_eq: $unit
1166
+ dateRedeemed_timeframe: "this_week"
1167
+ }
1168
+ ) {
1169
+ data {
1170
+ redeemedCredit
1171
+ }
1172
+ totalCount
1173
+ }
1174
+ }
1175
+ }
1176
+ }
1177
+ `, {
1178
+ programId: !global && programId !== "classic" ? programId : null,
1179
+ type,
1180
+ unit,
1181
+ }, (res) => {
1182
+ var _a, _b, _c, _d;
1183
+ const rewardData = (_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.data;
1184
+ const fallback = 0;
1185
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
1186
+ if (redeemedTotal !== undefined) {
1187
+ const query = `query formatRewardPrettyValue(
1188
+ $value: Int!
1189
+ $unit: String!
1190
+ $locale: RSLocale
1191
+ ) {
1192
+ formatRewardPrettyValue(
1193
+ value: $value
1194
+ unit: $unit
1195
+ locale: $locale
1196
+ formatType: UNIT_FORMATTED
1197
+ )}`;
1198
+ const result = mn(query, {
1199
+ value: redeemedTotal,
1200
+ unit,
1201
+ locale,
1202
+ });
1203
+ return {
1204
+ value: redeemedTotal || fallback,
1205
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
1206
+ };
1207
+ }
1208
+ return {
1209
+ value: fallback,
1210
+ statvalue: "...",
1211
+ };
1212
+ });
1213
+ };
1214
+ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
1215
+ return debugQuery(dist.gql `
1216
+ query ($programId: ID, $type: RewardType, $unit: String!) {
1217
+ viewer: viewer {
1218
+ ... on User {
1219
+ rewards(
1220
+ limit: 1000
1221
+ filter: {
1222
+ programId_eq: $programId
1223
+ type_eq: $type
1224
+ unit_eq: $unit
1225
+ dateRedeemed_timeframe: "this_month"
1226
+ }
1227
+ ) {
1228
+ data {
1229
+ redeemedCredit
1230
+ }
1231
+ totalCount
1232
+ }
1233
+ }
1234
+ }
1235
+ }
1236
+ `, {
1237
+ programId: !global && programId !== "classic" ? programId : null,
1238
+ type,
1239
+ unit,
1240
+ }, (res) => {
1241
+ var _a, _b, _c, _d;
1242
+ const rewardData = (_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.data;
1243
+ const fallback = 0;
1244
+ const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
1245
+ if (redeemedTotal !== undefined) {
1246
+ const query = `query formatRewardPrettyValue(
1247
+ $value: Int!
1248
+ $unit: String!
1249
+ $locale: RSLocale
1250
+ ) {
1251
+ formatRewardPrettyValue(
1252
+ value: $value
1253
+ unit: $unit
1254
+ locale: $locale
1255
+ formatType: UNIT_FORMATTED
1256
+ )}`;
1257
+ const result = mn(query, {
1258
+ value: redeemedTotal,
1259
+ unit,
1260
+ locale,
1261
+ });
1262
+ return {
1263
+ value: redeemedTotal || fallback,
1264
+ statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
1265
+ };
1266
+ }
1267
+ return {
1268
+ value: fallback,
1269
+ statvalue: "...",
1270
+ };
1271
+ });
1272
+ };
1155
1273
  const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
1156
1274
  return debugQuery(dist.gql `
1157
1275
  query (
@@ -1319,6 +1437,14 @@ const queries = {
1319
1437
  label: "Rewards Paid",
1320
1438
  query: rewardsRedeemedQuery,
1321
1439
  },
1440
+ rewardsRedeemedMonth: {
1441
+ label: "Rewards Paid - This Month",
1442
+ query: rewardsRedeemedMonthQuery,
1443
+ },
1444
+ rewardsRedeemedWeek: {
1445
+ label: "Rewards Paid - This Week",
1446
+ query: rewardsRedeemedWeekQuery,
1447
+ },
1322
1448
  rewardsAvailable: {
1323
1449
  label: "Rewards Available",
1324
1450
  query: rewardsAvailableQuery,
@@ -1398,6 +1524,14 @@ const StatPaths = [
1398
1524
  name: "rewardsRedeemed",
1399
1525
  route: "/(rewardsRedeemed)/:statType/:unit/:global?",
1400
1526
  },
1527
+ {
1528
+ name: "rewardsRedeemedWeek",
1529
+ route: "/(rewardsRedeemedWeek)/:statType/:unit/:global?",
1530
+ },
1531
+ {
1532
+ name: "rewardsRedeemedMonth",
1533
+ route: "/(rewardsRedeemedMonth)/:statType/:unit/:global?",
1534
+ },
1401
1535
  {
1402
1536
  name: "rewardsAvailable",
1403
1537
  route: "/(rewardsAvailable)/:statType/:unit/:global?",
@@ -13,7 +13,7 @@ import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './uti
13
13
  import './sqm-text-span-view-1eaedc4d.js';
14
14
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-b1f730bd.js';
15
15
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
16
- import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, k as RewardExchangeView, X as pathToRegexp, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-0c74201e.js';
16
+ import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, k as RewardExchangeView, X as pathToRegexp, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-a129a634.js';
17
17
  import './sqm-portal-container-view-b7b10841.js';
18
18
 
19
19
  const BigStat = class {
@@ -9,7 +9,7 @@ import { G as GenericTableView } from './GenericTableView-266126f9.js';
9
9
  import { a as useRequestRerender, u as useRerenderListener } from './re-render-3211b893.js';
10
10
  import { u as useChildElements } from './useChildElements-a97f3864.js';
11
11
  import { l as luxon } from './luxon-f01e85fe.js';
12
- import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-f52c68ac.js';
12
+ import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-3d59e2de.js';
13
13
  import { l as luxonLocale } from './utils-334c1e34.js';
14
14
  import { T as TextSpanView } from './sqm-text-span-view-1eaedc4d.js';
15
15
 
@@ -9,7 +9,7 @@ import { G as GenericTableView } from './GenericTableView-266126f9.js';
9
9
  import { u as useRerenderListener, a as useRequestRerender } from './re-render-3211b893.js';
10
10
  import { u as useChildElements } from './useChildElements-a97f3864.js';
11
11
  import { l as luxon } from './luxon-f01e85fe.js';
12
- import { g as generateUserError, m as mockRewardData } from './useReferralTable-f52c68ac.js';
12
+ import { g as generateUserError, m as mockRewardData } from './useReferralTable-3d59e2de.js';
13
13
  import { l as luxonLocale } from './utils-334c1e34.js';
14
14
 
15
15
  const debug = browser("sq:useRewardsTable");