@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.
- package/dist/cjs/{ShadowViewAddon-d8d7865d.js → ShadowViewAddon-b081d461.js} +134 -0
- package/dist/cjs/sqm-big-stat_39.cjs.entry.js +1 -1
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
- package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +16 -6
- package/dist/cjs/{useReferralTable-c5eaace4.js → useReferralTable-8efa6160.js} +0 -4
- package/dist/collection/components/sqm-big-stat/UseBigStat.stories.js +10 -5
- package/dist/collection/components/sqm-big-stat/useBigStat.js +134 -0
- package/dist/collection/components/sqm-referral-table/useReferralTable.js +0 -4
- package/dist/esm/{ShadowViewAddon-0c74201e.js → ShadowViewAddon-a129a634.js} +134 -0
- package/dist/esm/sqm-big-stat_39.entry.js +1 -1
- package/dist/esm/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +16 -6
- package/dist/esm/{useReferralTable-f52c68ac.js → useReferralTable-3d59e2de.js} +0 -4
- package/dist/esm-es5/ShadowViewAddon-a129a634.js +1 -0
- package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/{useReferralTable-f52c68ac.js → useReferralTable-3d59e2de.js} +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-232aab82.system.entry.js → p-055add0d.system.entry.js} +1 -1
- package/dist/mint-components/{p-c69d1f1e.entry.js → p-1a9be810.entry.js} +2 -2
- package/dist/mint-components/p-218403c4.system.entry.js +1 -0
- package/dist/mint-components/{p-3078792b.system.entry.js → p-455bbcbf.system.entry.js} +1 -1
- package/dist/mint-components/p-63fb4a0a.system.js +1 -0
- package/dist/mint-components/{p-c53ea64b.system.entry.js → p-68369452.system.entry.js} +1 -1
- package/dist/mint-components/{p-3a096b4f.entry.js → p-6ce7b475.entry.js} +1 -1
- package/dist/mint-components/{p-6d019f29.entry.js → p-83fb9f0d.entry.js} +1 -1
- package/dist/mint-components/{p-d3f48c94.js → p-9de2287d.js} +3 -3
- package/dist/mint-components/p-a8a2ec9d.js +320 -0
- package/dist/mint-components/{p-c1ecede0.entry.js → p-c03429a6.entry.js} +1 -1
- package/dist/mint-components/p-c3dd8944.system.js +1 -1
- package/dist/mint-components/{p-d7027467.system.js → p-ea04661e.system.js} +1 -1
- package/dist/types/components/sqm-big-stat/UseBigStat.stories.d.ts +30 -0
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-0c74201e.js +0 -1
- package/dist/mint-components/p-5e4735e0.system.entry.js +0 -1
- package/dist/mint-components/p-b4f4faac.js +0 -278
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 = "
|
|
2837
|
+
const id = "zach.harrison@referralsaasquatch.com";
|
|
2838
2838
|
const accountId = id;
|
|
2839
|
-
const programId = "
|
|
2839
|
+
const programId = "klip-referral-program";
|
|
2840
2840
|
//@ts-ignore
|
|
2841
2841
|
window.widgetIdent = {
|
|
2842
|
-
tenantAlias: "
|
|
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.
|
|
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/
|
|
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 = "
|
|
12
|
+
const id = "zach.harrison@referralsaasquatch.com";
|
|
13
13
|
const accountId = id;
|
|
14
|
-
const programId = "
|
|
14
|
+
const programId = "klip-referral-program";
|
|
15
15
|
//@ts-ignore
|
|
16
16
|
window.widgetIdent = {
|
|
17
|
-
tenantAlias: "
|
|
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.
|
|
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/
|
|
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-
|
|
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-
|
|
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-
|
|
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");
|