@streamoid/settings 0.1.8 → 0.2.1
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/index.js +102 -14
- package/dist/index.mjs +103 -16
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5340,16 +5340,66 @@ function UsageLogsTable({
|
|
|
5340
5340
|
overflowY: "auto"
|
|
5341
5341
|
},
|
|
5342
5342
|
children: [
|
|
5343
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.
|
|
5343
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
5344
5344
|
"div",
|
|
5345
5345
|
{
|
|
5346
5346
|
style: {
|
|
5347
5347
|
position: "sticky",
|
|
5348
5348
|
top: 0,
|
|
5349
5349
|
zIndex: 1,
|
|
5350
|
-
|
|
5350
|
+
background: "var(--alias-fill-neutral-neutral, #1a1a1a)",
|
|
5351
|
+
padding: "var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem)",
|
|
5352
|
+
display: "flex",
|
|
5353
|
+
flexDirection: "row",
|
|
5354
|
+
gap: "var(--spacing-6xl, 1.5rem)",
|
|
5355
|
+
alignItems: "center"
|
|
5351
5356
|
},
|
|
5352
|
-
children:
|
|
5357
|
+
children: [
|
|
5358
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5359
|
+
import_ui5.ScHeader,
|
|
5360
|
+
{
|
|
5361
|
+
text: "App",
|
|
5362
|
+
state: "none",
|
|
5363
|
+
style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
|
|
5364
|
+
}
|
|
5365
|
+
),
|
|
5366
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5367
|
+
import_ui5.ScHeader,
|
|
5368
|
+
{
|
|
5369
|
+
text: "Activity",
|
|
5370
|
+
state: "none",
|
|
5371
|
+
style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
|
|
5372
|
+
}
|
|
5373
|
+
),
|
|
5374
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5375
|
+
import_ui5.ScHeader,
|
|
5376
|
+
{
|
|
5377
|
+
text: "Used by",
|
|
5378
|
+
state: "none",
|
|
5379
|
+
style: { flexShrink: 0, width: "7.5rem" }
|
|
5380
|
+
}
|
|
5381
|
+
),
|
|
5382
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5383
|
+
import_ui5.ScHeader,
|
|
5384
|
+
{
|
|
5385
|
+
text: "Date",
|
|
5386
|
+
state: "none",
|
|
5387
|
+
style: { flexShrink: 0, width: "7.5rem" }
|
|
5388
|
+
}
|
|
5389
|
+
),
|
|
5390
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5391
|
+
import_ui5.ScHeader,
|
|
5392
|
+
{
|
|
5393
|
+
text: "Credits",
|
|
5394
|
+
state: "none",
|
|
5395
|
+
style: {
|
|
5396
|
+
flexShrink: 0,
|
|
5397
|
+
width: "5rem",
|
|
5398
|
+
justifyContent: "flex-end"
|
|
5399
|
+
}
|
|
5400
|
+
}
|
|
5401
|
+
)
|
|
5402
|
+
]
|
|
5353
5403
|
}
|
|
5354
5404
|
),
|
|
5355
5405
|
logs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
@@ -5376,16 +5426,54 @@ function UsageLogsTable({
|
|
|
5376
5426
|
const userName = log.triggeredByUserId ? userMap[log.triggeredByUserId] || "Unknown" : "System";
|
|
5377
5427
|
const app = log.service?.serviceGroupName || "\u2014";
|
|
5378
5428
|
const activity = log.type === "return" ? "Returned Credits" : log.meta?.info || "Credit usage";
|
|
5379
|
-
const
|
|
5380
|
-
|
|
5381
|
-
|
|
5429
|
+
const isPositive = log.type === "return" || log.type === "add";
|
|
5430
|
+
const signedAmount = `${isPositive ? "+" : "-"}${log.amount}`;
|
|
5431
|
+
const amountColor = isPositive ? "var(--alias-text---icons-success, #1aa055)" : "var(--alias-text---icons-error, #d11a1a)";
|
|
5432
|
+
const rowCellRegular = {
|
|
5433
|
+
color: "var(--alias-text---icons-primary, #f5f5f5)",
|
|
5434
|
+
fontFamily: "var(--font-family-font-family-body)",
|
|
5435
|
+
fontSize: "var(--font-size-font-size-sm, 0.875rem)",
|
|
5436
|
+
fontWeight: 400,
|
|
5437
|
+
lineHeight: "var(--line-height-line-height-sm, 1.25rem)",
|
|
5438
|
+
textOverflow: "ellipsis",
|
|
5439
|
+
overflow: "hidden",
|
|
5440
|
+
whiteSpace: "nowrap"
|
|
5441
|
+
};
|
|
5442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
5443
|
+
"div",
|
|
5382
5444
|
{
|
|
5383
|
-
|
|
5384
|
-
|
|
5385
|
-
|
|
5386
|
-
|
|
5387
|
-
|
|
5388
|
-
|
|
5445
|
+
style: {
|
|
5446
|
+
borderBottom: "0.0625rem solid var(--alias-border-subtle, #242424)",
|
|
5447
|
+
padding: "var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem)",
|
|
5448
|
+
display: "flex",
|
|
5449
|
+
flexDirection: "row",
|
|
5450
|
+
gap: "var(--spacing-6xl, 1.5rem)",
|
|
5451
|
+
alignItems: "center"
|
|
5452
|
+
},
|
|
5453
|
+
children: [
|
|
5454
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { ...rowCellRegular, flex: 1 }, children: app }),
|
|
5455
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { ...rowCellRegular, flex: 1 }, children: activity }),
|
|
5456
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: userName }),
|
|
5457
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: formatDate(log.createdAt) }),
|
|
5458
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5459
|
+
"div",
|
|
5460
|
+
{
|
|
5461
|
+
style: {
|
|
5462
|
+
width: "5rem",
|
|
5463
|
+
color: amountColor,
|
|
5464
|
+
fontFamily: "var(--font-family-font-family-body)",
|
|
5465
|
+
fontSize: "var(--font-size-font-size-md, 1rem)",
|
|
5466
|
+
fontWeight: 600,
|
|
5467
|
+
lineHeight: "var(--line-height-line-height-md, 1.5rem)",
|
|
5468
|
+
textAlign: "right",
|
|
5469
|
+
textOverflow: "ellipsis",
|
|
5470
|
+
overflow: "hidden",
|
|
5471
|
+
whiteSpace: "nowrap"
|
|
5472
|
+
},
|
|
5473
|
+
children: signedAmount
|
|
5474
|
+
}
|
|
5475
|
+
)
|
|
5476
|
+
]
|
|
5389
5477
|
},
|
|
5390
5478
|
log._id
|
|
5391
5479
|
);
|
|
@@ -5633,7 +5721,7 @@ function BillingContent({ embedded = false } = {}) {
|
|
|
5633
5721
|
const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
|
|
5634
5722
|
const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
|
|
5635
5723
|
const remainingPct = 100 - progressPct;
|
|
5636
|
-
const usageText = usedCredits != null
|
|
5724
|
+
const usageText = usedCredits != null ? formatCredits(usedCredits) : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
|
|
5637
5725
|
const handleExport = async (startDate, endDate) => {
|
|
5638
5726
|
const end = new Date(endDate);
|
|
5639
5727
|
end.setHours(23, 59, 59, 999);
|
|
@@ -5865,7 +5953,7 @@ function BillingContent({ embedded = false } = {}) {
|
|
|
5865
5953
|
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
5866
5954
|
import_ui5.ScCreditsUsageCard,
|
|
5867
5955
|
{
|
|
5868
|
-
usageLabel: "Credits
|
|
5956
|
+
usageLabel: "Credits used",
|
|
5869
5957
|
usageText,
|
|
5870
5958
|
remainingText: availableCredits != null ? `${formatCredits(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
|
|
5871
5959
|
buyButtonText: "Buy credits",
|
package/dist/index.mjs
CHANGED
|
@@ -3394,8 +3394,7 @@ import {
|
|
|
3394
3394
|
ScTabComp as ScTabComp2,
|
|
3395
3395
|
ScBillingHistoryHeader,
|
|
3396
3396
|
ScBillingHistoryTableList,
|
|
3397
|
-
|
|
3398
|
-
ScBillingLogsTableList,
|
|
3397
|
+
ScHeader,
|
|
3399
3398
|
ScPlanCard
|
|
3400
3399
|
} from "@streamoid/ui";
|
|
3401
3400
|
import {
|
|
@@ -5355,16 +5354,66 @@ function UsageLogsTable({
|
|
|
5355
5354
|
overflowY: "auto"
|
|
5356
5355
|
},
|
|
5357
5356
|
children: [
|
|
5358
|
-
/* @__PURE__ */
|
|
5357
|
+
/* @__PURE__ */ jsxs9(
|
|
5359
5358
|
"div",
|
|
5360
5359
|
{
|
|
5361
5360
|
style: {
|
|
5362
5361
|
position: "sticky",
|
|
5363
5362
|
top: 0,
|
|
5364
5363
|
zIndex: 1,
|
|
5365
|
-
|
|
5364
|
+
background: "var(--alias-fill-neutral-neutral, #1a1a1a)",
|
|
5365
|
+
padding: "var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem)",
|
|
5366
|
+
display: "flex",
|
|
5367
|
+
flexDirection: "row",
|
|
5368
|
+
gap: "var(--spacing-6xl, 1.5rem)",
|
|
5369
|
+
alignItems: "center"
|
|
5366
5370
|
},
|
|
5367
|
-
children:
|
|
5371
|
+
children: [
|
|
5372
|
+
/* @__PURE__ */ jsx11(
|
|
5373
|
+
ScHeader,
|
|
5374
|
+
{
|
|
5375
|
+
text: "App",
|
|
5376
|
+
state: "none",
|
|
5377
|
+
style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
|
|
5378
|
+
}
|
|
5379
|
+
),
|
|
5380
|
+
/* @__PURE__ */ jsx11(
|
|
5381
|
+
ScHeader,
|
|
5382
|
+
{
|
|
5383
|
+
text: "Activity",
|
|
5384
|
+
state: "none",
|
|
5385
|
+
style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
|
|
5386
|
+
}
|
|
5387
|
+
),
|
|
5388
|
+
/* @__PURE__ */ jsx11(
|
|
5389
|
+
ScHeader,
|
|
5390
|
+
{
|
|
5391
|
+
text: "Used by",
|
|
5392
|
+
state: "none",
|
|
5393
|
+
style: { flexShrink: 0, width: "7.5rem" }
|
|
5394
|
+
}
|
|
5395
|
+
),
|
|
5396
|
+
/* @__PURE__ */ jsx11(
|
|
5397
|
+
ScHeader,
|
|
5398
|
+
{
|
|
5399
|
+
text: "Date",
|
|
5400
|
+
state: "none",
|
|
5401
|
+
style: { flexShrink: 0, width: "7.5rem" }
|
|
5402
|
+
}
|
|
5403
|
+
),
|
|
5404
|
+
/* @__PURE__ */ jsx11(
|
|
5405
|
+
ScHeader,
|
|
5406
|
+
{
|
|
5407
|
+
text: "Credits",
|
|
5408
|
+
state: "none",
|
|
5409
|
+
style: {
|
|
5410
|
+
flexShrink: 0,
|
|
5411
|
+
width: "5rem",
|
|
5412
|
+
justifyContent: "flex-end"
|
|
5413
|
+
}
|
|
5414
|
+
}
|
|
5415
|
+
)
|
|
5416
|
+
]
|
|
5368
5417
|
}
|
|
5369
5418
|
),
|
|
5370
5419
|
logs.length === 0 && /* @__PURE__ */ jsx11(
|
|
@@ -5391,16 +5440,54 @@ function UsageLogsTable({
|
|
|
5391
5440
|
const userName = log.triggeredByUserId ? userMap[log.triggeredByUserId] || "Unknown" : "System";
|
|
5392
5441
|
const app = log.service?.serviceGroupName || "\u2014";
|
|
5393
5442
|
const activity = log.type === "return" ? "Returned Credits" : log.meta?.info || "Credit usage";
|
|
5394
|
-
const
|
|
5395
|
-
|
|
5396
|
-
|
|
5443
|
+
const isPositive = log.type === "return" || log.type === "add";
|
|
5444
|
+
const signedAmount = `${isPositive ? "+" : "-"}${log.amount}`;
|
|
5445
|
+
const amountColor = isPositive ? "var(--alias-text---icons-success, #1aa055)" : "var(--alias-text---icons-error, #d11a1a)";
|
|
5446
|
+
const rowCellRegular = {
|
|
5447
|
+
color: "var(--alias-text---icons-primary, #f5f5f5)",
|
|
5448
|
+
fontFamily: "var(--font-family-font-family-body)",
|
|
5449
|
+
fontSize: "var(--font-size-font-size-sm, 0.875rem)",
|
|
5450
|
+
fontWeight: 400,
|
|
5451
|
+
lineHeight: "var(--line-height-line-height-sm, 1.25rem)",
|
|
5452
|
+
textOverflow: "ellipsis",
|
|
5453
|
+
overflow: "hidden",
|
|
5454
|
+
whiteSpace: "nowrap"
|
|
5455
|
+
};
|
|
5456
|
+
return /* @__PURE__ */ jsxs9(
|
|
5457
|
+
"div",
|
|
5397
5458
|
{
|
|
5398
|
-
|
|
5399
|
-
|
|
5400
|
-
|
|
5401
|
-
|
|
5402
|
-
|
|
5403
|
-
|
|
5459
|
+
style: {
|
|
5460
|
+
borderBottom: "0.0625rem solid var(--alias-border-subtle, #242424)",
|
|
5461
|
+
padding: "var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem)",
|
|
5462
|
+
display: "flex",
|
|
5463
|
+
flexDirection: "row",
|
|
5464
|
+
gap: "var(--spacing-6xl, 1.5rem)",
|
|
5465
|
+
alignItems: "center"
|
|
5466
|
+
},
|
|
5467
|
+
children: [
|
|
5468
|
+
/* @__PURE__ */ jsx11("div", { style: { ...rowCellRegular, flex: 1 }, children: app }),
|
|
5469
|
+
/* @__PURE__ */ jsx11("div", { style: { ...rowCellRegular, flex: 1 }, children: activity }),
|
|
5470
|
+
/* @__PURE__ */ jsx11("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: userName }),
|
|
5471
|
+
/* @__PURE__ */ jsx11("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: formatDate(log.createdAt) }),
|
|
5472
|
+
/* @__PURE__ */ jsx11(
|
|
5473
|
+
"div",
|
|
5474
|
+
{
|
|
5475
|
+
style: {
|
|
5476
|
+
width: "5rem",
|
|
5477
|
+
color: amountColor,
|
|
5478
|
+
fontFamily: "var(--font-family-font-family-body)",
|
|
5479
|
+
fontSize: "var(--font-size-font-size-md, 1rem)",
|
|
5480
|
+
fontWeight: 600,
|
|
5481
|
+
lineHeight: "var(--line-height-line-height-md, 1.5rem)",
|
|
5482
|
+
textAlign: "right",
|
|
5483
|
+
textOverflow: "ellipsis",
|
|
5484
|
+
overflow: "hidden",
|
|
5485
|
+
whiteSpace: "nowrap"
|
|
5486
|
+
},
|
|
5487
|
+
children: signedAmount
|
|
5488
|
+
}
|
|
5489
|
+
)
|
|
5490
|
+
]
|
|
5404
5491
|
},
|
|
5405
5492
|
log._id
|
|
5406
5493
|
);
|
|
@@ -5648,7 +5735,7 @@ function BillingContent({ embedded = false } = {}) {
|
|
|
5648
5735
|
const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
|
|
5649
5736
|
const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
|
|
5650
5737
|
const remainingPct = 100 - progressPct;
|
|
5651
|
-
const usageText = usedCredits != null
|
|
5738
|
+
const usageText = usedCredits != null ? formatCredits(usedCredits) : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
|
|
5652
5739
|
const handleExport = async (startDate, endDate) => {
|
|
5653
5740
|
const end = new Date(endDate);
|
|
5654
5741
|
end.setHours(23, 59, 59, 999);
|
|
@@ -5880,7 +5967,7 @@ function BillingContent({ embedded = false } = {}) {
|
|
|
5880
5967
|
/* @__PURE__ */ jsx11(
|
|
5881
5968
|
ScCreditsUsageCard,
|
|
5882
5969
|
{
|
|
5883
|
-
usageLabel: "Credits
|
|
5970
|
+
usageLabel: "Credits used",
|
|
5884
5971
|
usageText,
|
|
5885
5972
|
remainingText: availableCredits != null ? `${formatCredits(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
|
|
5886
5973
|
buyButtonText: "Buy credits",
|