@streamoid/ui 0.3.0 → 0.3.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.css +185 -8
- package/dist/index.d.mts +17 -5
- package/dist/index.d.ts +17 -5
- package/dist/index.js +436 -379
- package/dist/index.mjs +416 -359
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1546,25 +1546,17 @@ var ScVDivider_default = {
|
|
|
1546
1546
|
// src/SC-VDivider/ScVDivider.tsx
|
|
1547
1547
|
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
1548
1548
|
var ScVDivider = ({
|
|
1549
|
+
color,
|
|
1549
1550
|
className,
|
|
1551
|
+
style,
|
|
1550
1552
|
...props
|
|
1551
1553
|
}) => {
|
|
1552
1554
|
return /* @__PURE__ */ jsx25(
|
|
1553
|
-
"
|
|
1555
|
+
"div",
|
|
1554
1556
|
{
|
|
1555
|
-
className: ScVDivider_default.scVDivider + " " + className,
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
viewBox: "0 0 1 28",
|
|
1559
|
-
fill: "none",
|
|
1560
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1561
|
-
children: /* @__PURE__ */ jsx25(
|
|
1562
|
-
"path",
|
|
1563
|
-
{
|
|
1564
|
-
d: "M0.5 0.25C0.5 0.111929 0.388071 0 0.25 0C0.111929 0 0 0.111929 0 0.25H0.25H0.5ZM0.25 0.25H0V27.75H0.25H0.5V0.25H0.25Z",
|
|
1565
|
-
fill: "var(--alias-border-divider, #242424)"
|
|
1566
|
-
}
|
|
1567
|
-
)
|
|
1557
|
+
className: ScVDivider_default.scVDivider + (className ? " " + className : ""),
|
|
1558
|
+
style: color ? { borderLeftColor: color, ...style } : style,
|
|
1559
|
+
...props
|
|
1568
1560
|
}
|
|
1569
1561
|
);
|
|
1570
1562
|
};
|
|
@@ -2651,6 +2643,7 @@ function StreamoidSidebar({
|
|
|
2651
2643
|
versionText = "v1.0.0",
|
|
2652
2644
|
toggleIcon,
|
|
2653
2645
|
hideFooter = false,
|
|
2646
|
+
preFooterContent,
|
|
2654
2647
|
className,
|
|
2655
2648
|
style
|
|
2656
2649
|
}) {
|
|
@@ -2750,6 +2743,7 @@ function StreamoidSidebar({
|
|
|
2750
2743
|
)
|
|
2751
2744
|
}
|
|
2752
2745
|
) : null,
|
|
2746
|
+
preFooterContent,
|
|
2753
2747
|
/* @__PURE__ */ jsx39(HDivider, {}),
|
|
2754
2748
|
profile ? /* @__PURE__ */ jsxs31(Fragment14, { children: [
|
|
2755
2749
|
/* @__PURE__ */ jsxs31(
|
|
@@ -3411,6 +3405,64 @@ var ScAppCard = ({
|
|
|
3411
3405
|
] });
|
|
3412
3406
|
};
|
|
3413
3407
|
|
|
3408
|
+
// src/SC-AppCardV3/ScAppCardV3.module.css
|
|
3409
|
+
var ScAppCardV3_default = {
|
|
3410
|
+
scAppCardV3: "ScAppCardV3_scAppCardV3",
|
|
3411
|
+
cardBorder: "ScAppCardV3_cardBorder",
|
|
3412
|
+
scAppCardV3Active: "ScAppCardV3_scAppCardV3Active",
|
|
3413
|
+
glow: "ScAppCardV3_glow",
|
|
3414
|
+
glowHover: "ScAppCardV3_glowHover",
|
|
3415
|
+
header: "ScAppCardV3_header",
|
|
3416
|
+
iconRow: "ScAppCardV3_iconRow",
|
|
3417
|
+
appName: "ScAppCardV3_appName",
|
|
3418
|
+
iconPill: "ScAppCardV3_iconPill",
|
|
3419
|
+
iconPillBg: "ScAppCardV3_iconPillBg",
|
|
3420
|
+
iconPillShadow: "ScAppCardV3_iconPillShadow",
|
|
3421
|
+
iconPillIcon: "ScAppCardV3_iconPillIcon",
|
|
3422
|
+
description: "ScAppCardV3_description"
|
|
3423
|
+
};
|
|
3424
|
+
|
|
3425
|
+
// src/SC-AppCardV3/ScAppCardV3.tsx
|
|
3426
|
+
import { SiconCart as SiconCart2 } from "@streamoid/icons";
|
|
3427
|
+
import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3428
|
+
var ScAppCardV3 = ({
|
|
3429
|
+
appIcon = /* @__PURE__ */ jsx44(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
|
|
3430
|
+
appName = "Stores",
|
|
3431
|
+
description = "Centralized product and asset management for every storefront",
|
|
3432
|
+
active = false,
|
|
3433
|
+
className,
|
|
3434
|
+
style,
|
|
3435
|
+
...props
|
|
3436
|
+
}) => {
|
|
3437
|
+
const cardClass = [
|
|
3438
|
+
ScAppCardV3_default.scAppCardV3,
|
|
3439
|
+
active ? ScAppCardV3_default.scAppCardV3Active : ""
|
|
3440
|
+
].filter(Boolean).join(" ");
|
|
3441
|
+
return /* @__PURE__ */ jsx44(
|
|
3442
|
+
"div",
|
|
3443
|
+
{
|
|
3444
|
+
className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
3445
|
+
style,
|
|
3446
|
+
...props,
|
|
3447
|
+
children: /* @__PURE__ */ jsxs36("div", { className: cardClass, children: [
|
|
3448
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.glow }),
|
|
3449
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.glowHover }),
|
|
3450
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.header, children: [
|
|
3451
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.iconRow, children: [
|
|
3452
|
+
/* @__PURE__ */ jsx44("p", { className: ScAppCardV3_default.appName, children: appName }),
|
|
3453
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.iconPill, children: [
|
|
3454
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillBg }),
|
|
3455
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
|
|
3456
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillShadow })
|
|
3457
|
+
] })
|
|
3458
|
+
] }),
|
|
3459
|
+
/* @__PURE__ */ jsx44("p", { className: ScAppCardV3_default.description, children: description })
|
|
3460
|
+
] })
|
|
3461
|
+
] })
|
|
3462
|
+
}
|
|
3463
|
+
);
|
|
3464
|
+
};
|
|
3465
|
+
|
|
3414
3466
|
// src/SC-appField/ScAppField.module.css
|
|
3415
3467
|
var ScAppField_default = {
|
|
3416
3468
|
scAppField: "ScAppField_scAppField",
|
|
@@ -3442,7 +3494,7 @@ var ScToggleSwitch_default = {
|
|
|
3442
3494
|
};
|
|
3443
3495
|
|
|
3444
3496
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
3445
|
-
import { jsx as
|
|
3497
|
+
import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3446
3498
|
var ScToggleSwitch = ({
|
|
3447
3499
|
active = "false",
|
|
3448
3500
|
checked,
|
|
@@ -3452,7 +3504,7 @@ var ScToggleSwitch = ({
|
|
|
3452
3504
|
}) => {
|
|
3453
3505
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
3454
3506
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
3455
|
-
return /* @__PURE__ */
|
|
3507
|
+
return /* @__PURE__ */ jsx45(
|
|
3456
3508
|
"div",
|
|
3457
3509
|
{
|
|
3458
3510
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -3462,20 +3514,20 @@ var ScToggleSwitch = ({
|
|
|
3462
3514
|
props.onClick?.(e);
|
|
3463
3515
|
},
|
|
3464
3516
|
style: { cursor: "pointer", ...props.style },
|
|
3465
|
-
children: isActive ? /* @__PURE__ */
|
|
3466
|
-
/* @__PURE__ */
|
|
3467
|
-
/* @__PURE__ */
|
|
3468
|
-
] }) : /* @__PURE__ */
|
|
3469
|
-
/* @__PURE__ */
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
/* @__PURE__ */
|
|
3517
|
+
children: isActive ? /* @__PURE__ */ jsxs37("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3518
|
+
/* @__PURE__ */ jsx45("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
3519
|
+
/* @__PURE__ */ jsx45("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
|
|
3520
|
+
] }) : /* @__PURE__ */ jsxs37("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3521
|
+
/* @__PURE__ */ jsx45("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
|
|
3522
|
+
/* @__PURE__ */ jsx45("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
|
|
3523
|
+
/* @__PURE__ */ jsx45("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
|
|
3472
3524
|
] })
|
|
3473
3525
|
}
|
|
3474
3526
|
);
|
|
3475
3527
|
};
|
|
3476
3528
|
|
|
3477
3529
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
3478
|
-
import { jsx as
|
|
3530
|
+
import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
3479
3531
|
var ScArtifaxInvite = ({
|
|
3480
3532
|
active = "true",
|
|
3481
3533
|
appName = "Artifax",
|
|
@@ -3488,22 +3540,22 @@ var ScArtifaxInvite = ({
|
|
|
3488
3540
|
}) => {
|
|
3489
3541
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3490
3542
|
const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3491
|
-
return /* @__PURE__ */
|
|
3543
|
+
return /* @__PURE__ */ jsxs38(
|
|
3492
3544
|
"div",
|
|
3493
3545
|
{
|
|
3494
3546
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
3495
3547
|
...props,
|
|
3496
3548
|
children: [
|
|
3497
|
-
/* @__PURE__ */
|
|
3549
|
+
/* @__PURE__ */ jsx46(
|
|
3498
3550
|
ScAppCard,
|
|
3499
3551
|
{
|
|
3500
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
3552
|
+
appIcon: appIcon || /* @__PURE__ */ jsx46(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
3501
3553
|
appName,
|
|
3502
3554
|
appDescription,
|
|
3503
3555
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
3504
3556
|
}
|
|
3505
3557
|
),
|
|
3506
|
-
/* @__PURE__ */
|
|
3558
|
+
/* @__PURE__ */ jsx46(
|
|
3507
3559
|
ScToggleSwitch,
|
|
3508
3560
|
{
|
|
3509
3561
|
checked: isEnabled,
|
|
@@ -3529,12 +3581,12 @@ var ScPhtogenixInvite_default = {
|
|
|
3529
3581
|
|
|
3530
3582
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
3531
3583
|
import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
|
|
3532
|
-
import { jsx as
|
|
3584
|
+
import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
3533
3585
|
var ScPhtogenixInvite = ({
|
|
3534
3586
|
active = "true",
|
|
3535
3587
|
scAppCardappDescription = "Info about photogenix",
|
|
3536
3588
|
scAppCardappName = "Photogenix",
|
|
3537
|
-
scAppCardappIcon = /* @__PURE__ */
|
|
3589
|
+
scAppCardappIcon = /* @__PURE__ */ jsx47(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
3538
3590
|
className,
|
|
3539
3591
|
enabled,
|
|
3540
3592
|
onToggle,
|
|
@@ -3542,12 +3594,12 @@ var ScPhtogenixInvite = ({
|
|
|
3542
3594
|
}) => {
|
|
3543
3595
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3544
3596
|
const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3545
|
-
return /* @__PURE__ */
|
|
3597
|
+
return /* @__PURE__ */ jsxs39(
|
|
3546
3598
|
"div",
|
|
3547
3599
|
{
|
|
3548
3600
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
3549
3601
|
children: [
|
|
3550
|
-
/* @__PURE__ */
|
|
3602
|
+
/* @__PURE__ */ jsx47(
|
|
3551
3603
|
ScAppCard,
|
|
3552
3604
|
{
|
|
3553
3605
|
appIcon: scAppCardappIcon,
|
|
@@ -3556,7 +3608,7 @@ var ScPhtogenixInvite = ({
|
|
|
3556
3608
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
3557
3609
|
}
|
|
3558
3610
|
),
|
|
3559
|
-
/* @__PURE__ */
|
|
3611
|
+
/* @__PURE__ */ jsx47(
|
|
3560
3612
|
ScToggleSwitch,
|
|
3561
3613
|
{
|
|
3562
3614
|
checked: isEnabled,
|
|
@@ -3594,6 +3646,9 @@ var ScOnlyField_default = {
|
|
|
3594
3646
|
scOnlyField: "ScOnlyField_scOnlyField",
|
|
3595
3647
|
inputContainer: "ScOnlyField_inputContainer",
|
|
3596
3648
|
inputText: "ScOnlyField_inputText",
|
|
3649
|
+
iconWrapper: "ScOnlyField_iconWrapper",
|
|
3650
|
+
"size-medium": "ScOnlyField_size-medium",
|
|
3651
|
+
"size-small": "ScOnlyField_size-small",
|
|
3597
3652
|
"tf-group-icon-left": "ScOnlyField_tf-group-icon-left",
|
|
3598
3653
|
"tf-group-icon-left-right": "ScOnlyField_tf-group-icon-left-right",
|
|
3599
3654
|
"state-hover": "ScOnlyField_state-hover",
|
|
@@ -3603,13 +3658,14 @@ var ScOnlyField_default = {
|
|
|
3603
3658
|
|
|
3604
3659
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
3605
3660
|
import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
|
|
3606
|
-
import {
|
|
3661
|
+
import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
3607
3662
|
var ScOnlyField = ({
|
|
3608
|
-
tfRightIcon = /* @__PURE__ */
|
|
3609
|
-
tfLeftIcon = /* @__PURE__ */
|
|
3663
|
+
tfRightIcon = /* @__PURE__ */ jsx48(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3664
|
+
tfLeftIcon = /* @__PURE__ */ jsx48(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3610
3665
|
state = "default",
|
|
3611
3666
|
tfGroup = "icon-right",
|
|
3612
3667
|
labelGroup = "none",
|
|
3668
|
+
size = "default",
|
|
3613
3669
|
className,
|
|
3614
3670
|
placeholderFilled = "Placeholder",
|
|
3615
3671
|
value,
|
|
@@ -3617,15 +3673,15 @@ var ScOnlyField = ({
|
|
|
3617
3673
|
inputProps,
|
|
3618
3674
|
...props
|
|
3619
3675
|
}) => {
|
|
3620
|
-
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup];
|
|
3621
|
-
return /* @__PURE__ */
|
|
3676
|
+
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
3677
|
+
return /* @__PURE__ */ jsx48(
|
|
3622
3678
|
"div",
|
|
3623
3679
|
{
|
|
3624
3680
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
3625
3681
|
...props,
|
|
3626
|
-
children: /* @__PURE__ */
|
|
3627
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
3628
|
-
/* @__PURE__ */
|
|
3682
|
+
children: /* @__PURE__ */ jsxs40("div", { className: ScOnlyField_default.inputContainer, children: [
|
|
3683
|
+
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx48("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
|
|
3684
|
+
/* @__PURE__ */ jsx48(
|
|
3629
3685
|
"input",
|
|
3630
3686
|
{
|
|
3631
3687
|
className: ScOnlyField_default.inputText,
|
|
@@ -3645,7 +3701,7 @@ var ScOnlyField = ({
|
|
|
3645
3701
|
...inputProps
|
|
3646
3702
|
}
|
|
3647
3703
|
),
|
|
3648
|
-
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
3704
|
+
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx48("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
|
|
3649
3705
|
] })
|
|
3650
3706
|
}
|
|
3651
3707
|
);
|
|
@@ -3653,7 +3709,7 @@ var ScOnlyField = ({
|
|
|
3653
3709
|
|
|
3654
3710
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
3655
3711
|
import { SiconHome as SiconHome10 } from "@streamoid/icons";
|
|
3656
|
-
import { Fragment as
|
|
3712
|
+
import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
3657
3713
|
var ScCatalogixInvite = ({
|
|
3658
3714
|
active = "false",
|
|
3659
3715
|
appName = "Catalogix",
|
|
@@ -3675,23 +3731,23 @@ var ScCatalogixInvite = ({
|
|
|
3675
3731
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3676
3732
|
const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3677
3733
|
const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
|
|
3678
|
-
return /* @__PURE__ */
|
|
3734
|
+
return /* @__PURE__ */ jsxs41(
|
|
3679
3735
|
"div",
|
|
3680
3736
|
{
|
|
3681
3737
|
className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
|
|
3682
3738
|
...props,
|
|
3683
3739
|
children: [
|
|
3684
|
-
/* @__PURE__ */
|
|
3685
|
-
/* @__PURE__ */
|
|
3740
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
3741
|
+
/* @__PURE__ */ jsx49(
|
|
3686
3742
|
ScAppCard,
|
|
3687
3743
|
{
|
|
3688
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
3744
|
+
appIcon: appIcon || /* @__PURE__ */ jsx49(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
3689
3745
|
appDescription,
|
|
3690
3746
|
appName,
|
|
3691
3747
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
3692
3748
|
}
|
|
3693
3749
|
),
|
|
3694
|
-
/* @__PURE__ */
|
|
3750
|
+
/* @__PURE__ */ jsx49(
|
|
3695
3751
|
ScToggleSwitch,
|
|
3696
3752
|
{
|
|
3697
3753
|
checked: isEnabled,
|
|
@@ -3700,29 +3756,29 @@ var ScCatalogixInvite = ({
|
|
|
3700
3756
|
}
|
|
3701
3757
|
)
|
|
3702
3758
|
] }),
|
|
3703
|
-
isEnabled && /* @__PURE__ */
|
|
3704
|
-
/* @__PURE__ */
|
|
3705
|
-
/* @__PURE__ */
|
|
3759
|
+
isEnabled && /* @__PURE__ */ jsx49(Fragment15, { children: /* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
|
|
3760
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
|
|
3761
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
|
|
3706
3762
|
storeAccessTitle,
|
|
3707
3763
|
" "
|
|
3708
3764
|
] }),
|
|
3709
|
-
/* @__PURE__ */
|
|
3765
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.selectedCount, children: [
|
|
3710
3766
|
displayCount,
|
|
3711
3767
|
" "
|
|
3712
3768
|
] })
|
|
3713
3769
|
] }),
|
|
3714
|
-
/* @__PURE__ */
|
|
3770
|
+
/* @__PURE__ */ jsx49(
|
|
3715
3771
|
ScOnlyField,
|
|
3716
3772
|
{
|
|
3717
|
-
tfLeftIcon: /* @__PURE__ */
|
|
3718
|
-
tfRightIcon: /* @__PURE__ */
|
|
3773
|
+
tfLeftIcon: /* @__PURE__ */ jsx49(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3774
|
+
tfRightIcon: /* @__PURE__ */ jsx49(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3719
3775
|
placeholderFilled: searchPlaceholder,
|
|
3720
3776
|
value: searchValue,
|
|
3721
3777
|
onInputChange: onSearchChange,
|
|
3722
3778
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
3723
3779
|
}
|
|
3724
3780
|
),
|
|
3725
|
-
/* @__PURE__ */
|
|
3781
|
+
/* @__PURE__ */ jsx49("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx49(
|
|
3726
3782
|
ScPairtext,
|
|
3727
3783
|
{
|
|
3728
3784
|
content: store.name,
|
|
@@ -3733,53 +3789,53 @@ var ScCatalogixInvite = ({
|
|
|
3733
3789
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3734
3790
|
},
|
|
3735
3791
|
store.id
|
|
3736
|
-
)) : /* @__PURE__ */
|
|
3792
|
+
)) : /* @__PURE__ */ jsx49("div", { style: {
|
|
3737
3793
|
padding: "var(--spacing-3xl, 16px)",
|
|
3738
3794
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
3739
3795
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
3740
3796
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
3741
3797
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
3742
|
-
}, children: "No stores found" }) : /* @__PURE__ */
|
|
3743
|
-
/* @__PURE__ */
|
|
3798
|
+
}, children: "No stores found" }) : /* @__PURE__ */ jsxs41(Fragment15, { children: [
|
|
3799
|
+
/* @__PURE__ */ jsx49(
|
|
3744
3800
|
ScPairtext,
|
|
3745
3801
|
{
|
|
3746
|
-
icon: /* @__PURE__ */
|
|
3802
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3747
3803
|
iconPosition: "right",
|
|
3748
3804
|
type: "checkbox",
|
|
3749
3805
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3750
3806
|
}
|
|
3751
3807
|
),
|
|
3752
|
-
/* @__PURE__ */
|
|
3808
|
+
/* @__PURE__ */ jsx49(
|
|
3753
3809
|
ScPairtext,
|
|
3754
3810
|
{
|
|
3755
|
-
icon: /* @__PURE__ */
|
|
3811
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3756
3812
|
iconPosition: "right",
|
|
3757
3813
|
type: "checkbox",
|
|
3758
3814
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3759
3815
|
}
|
|
3760
3816
|
),
|
|
3761
|
-
/* @__PURE__ */
|
|
3817
|
+
/* @__PURE__ */ jsx49(
|
|
3762
3818
|
ScPairtext,
|
|
3763
3819
|
{
|
|
3764
|
-
icon: /* @__PURE__ */
|
|
3820
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3765
3821
|
iconPosition: "right",
|
|
3766
3822
|
type: "checkbox",
|
|
3767
3823
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3768
3824
|
}
|
|
3769
3825
|
),
|
|
3770
|
-
/* @__PURE__ */
|
|
3826
|
+
/* @__PURE__ */ jsx49(
|
|
3771
3827
|
ScPairtext,
|
|
3772
3828
|
{
|
|
3773
|
-
icon: /* @__PURE__ */
|
|
3829
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3774
3830
|
iconPosition: "right",
|
|
3775
3831
|
type: "checkbox",
|
|
3776
3832
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3777
3833
|
}
|
|
3778
3834
|
),
|
|
3779
|
-
/* @__PURE__ */
|
|
3835
|
+
/* @__PURE__ */ jsx49(
|
|
3780
3836
|
ScPairtext,
|
|
3781
3837
|
{
|
|
3782
|
-
icon: /* @__PURE__ */
|
|
3838
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3783
3839
|
iconPosition: "right",
|
|
3784
3840
|
type: "checkbox",
|
|
3785
3841
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -3793,7 +3849,7 @@ var ScCatalogixInvite = ({
|
|
|
3793
3849
|
};
|
|
3794
3850
|
|
|
3795
3851
|
// src/SC-appField/ScAppField.tsx
|
|
3796
|
-
import { jsx as
|
|
3852
|
+
import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
3797
3853
|
var ScAppField = ({
|
|
3798
3854
|
appFieldTitle = "App permission",
|
|
3799
3855
|
className,
|
|
@@ -3810,13 +3866,13 @@ var ScAppField = ({
|
|
|
3810
3866
|
onCatalogixSearchChange,
|
|
3811
3867
|
...props
|
|
3812
3868
|
}) => {
|
|
3813
|
-
return /* @__PURE__ */
|
|
3814
|
-
/* @__PURE__ */
|
|
3869
|
+
return /* @__PURE__ */ jsxs42("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
|
|
3870
|
+
/* @__PURE__ */ jsx50("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs42("div", { className: ScAppField_default.title, children: [
|
|
3815
3871
|
appFieldTitle,
|
|
3816
3872
|
" "
|
|
3817
3873
|
] }) }),
|
|
3818
|
-
/* @__PURE__ */
|
|
3819
|
-
/* @__PURE__ */
|
|
3874
|
+
/* @__PURE__ */ jsxs42("div", { className: ScAppField_default.inputContainer, children: [
|
|
3875
|
+
/* @__PURE__ */ jsx50(
|
|
3820
3876
|
ScArtifaxInvite,
|
|
3821
3877
|
{
|
|
3822
3878
|
enabled: artifaxEnabled,
|
|
@@ -3824,18 +3880,18 @@ var ScAppField = ({
|
|
|
3824
3880
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
3825
3881
|
}
|
|
3826
3882
|
),
|
|
3827
|
-
/* @__PURE__ */
|
|
3883
|
+
/* @__PURE__ */ jsx50(
|
|
3828
3884
|
ScPhtogenixInvite,
|
|
3829
3885
|
{
|
|
3830
3886
|
enabled: photogenixEnabled,
|
|
3831
3887
|
onToggle: onPhotogenixToggle,
|
|
3832
3888
|
scAppCardappDescription: "Info about photogenix",
|
|
3833
3889
|
scAppCardappName: "Photogenix",
|
|
3834
|
-
scAppCardappIcon: /* @__PURE__ */
|
|
3890
|
+
scAppCardappIcon: /* @__PURE__ */ jsx50(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
3835
3891
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
3836
3892
|
}
|
|
3837
3893
|
),
|
|
3838
|
-
/* @__PURE__ */
|
|
3894
|
+
/* @__PURE__ */ jsx50(
|
|
3839
3895
|
ScCatalogixInvite,
|
|
3840
3896
|
{
|
|
3841
3897
|
enabled: catalogixEnabled,
|
|
@@ -3862,13 +3918,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
3862
3918
|
};
|
|
3863
3919
|
|
|
3864
3920
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
3865
|
-
import { jsx as
|
|
3921
|
+
import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
3866
3922
|
var ScBillingHistoryHeader = ({
|
|
3867
3923
|
className,
|
|
3868
3924
|
...props
|
|
3869
3925
|
}) => {
|
|
3870
|
-
return /* @__PURE__ */
|
|
3871
|
-
/* @__PURE__ */
|
|
3926
|
+
return /* @__PURE__ */ jsxs43("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
3927
|
+
/* @__PURE__ */ jsx51(
|
|
3872
3928
|
ScHeader,
|
|
3873
3929
|
{
|
|
3874
3930
|
text: "Invoice",
|
|
@@ -3876,7 +3932,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3876
3932
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
3877
3933
|
}
|
|
3878
3934
|
),
|
|
3879
|
-
/* @__PURE__ */
|
|
3935
|
+
/* @__PURE__ */ jsx51(
|
|
3880
3936
|
ScHeader,
|
|
3881
3937
|
{
|
|
3882
3938
|
text: "Amount",
|
|
@@ -3884,7 +3940,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3884
3940
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3885
3941
|
}
|
|
3886
3942
|
),
|
|
3887
|
-
/* @__PURE__ */
|
|
3943
|
+
/* @__PURE__ */ jsx51(
|
|
3888
3944
|
ScHeader,
|
|
3889
3945
|
{
|
|
3890
3946
|
text: "Date",
|
|
@@ -3892,7 +3948,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3892
3948
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3893
3949
|
}
|
|
3894
3950
|
),
|
|
3895
|
-
/* @__PURE__ */
|
|
3951
|
+
/* @__PURE__ */ jsx51(
|
|
3896
3952
|
ScHeader,
|
|
3897
3953
|
{
|
|
3898
3954
|
text: "Action",
|
|
@@ -3914,19 +3970,19 @@ var ScCheckField_default = {
|
|
|
3914
3970
|
|
|
3915
3971
|
// src/SC-checkField/ScCheckField.tsx
|
|
3916
3972
|
import { SiconHome as SiconHome11 } from "@streamoid/icons";
|
|
3917
|
-
import { Fragment as
|
|
3973
|
+
import { Fragment as Fragment16, jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
3918
3974
|
var ScCheckField = ({
|
|
3919
3975
|
label = "Label",
|
|
3920
3976
|
className,
|
|
3921
3977
|
checkboxes,
|
|
3922
3978
|
...props
|
|
3923
3979
|
}) => {
|
|
3924
|
-
return /* @__PURE__ */
|
|
3925
|
-
/* @__PURE__ */
|
|
3980
|
+
return /* @__PURE__ */ jsxs44("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
|
|
3981
|
+
/* @__PURE__ */ jsx52("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs44("div", { className: ScCheckField_default.label, children: [
|
|
3926
3982
|
label,
|
|
3927
3983
|
" "
|
|
3928
3984
|
] }) }),
|
|
3929
|
-
/* @__PURE__ */
|
|
3985
|
+
/* @__PURE__ */ jsx52("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx52(
|
|
3930
3986
|
ScPairtext,
|
|
3931
3987
|
{
|
|
3932
3988
|
content: item.label,
|
|
@@ -3936,19 +3992,19 @@ var ScCheckField = ({
|
|
|
3936
3992
|
className: ScCheckField_default.scPairtextInstance
|
|
3937
3993
|
},
|
|
3938
3994
|
i
|
|
3939
|
-
)) : /* @__PURE__ */
|
|
3940
|
-
/* @__PURE__ */
|
|
3995
|
+
)) : /* @__PURE__ */ jsxs44(Fragment16, { children: [
|
|
3996
|
+
/* @__PURE__ */ jsx52(
|
|
3941
3997
|
ScPairtext,
|
|
3942
3998
|
{
|
|
3943
|
-
icon: /* @__PURE__ */
|
|
3999
|
+
icon: /* @__PURE__ */ jsx52(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
3944
4000
|
type: "checkbox",
|
|
3945
4001
|
className: ScCheckField_default.scPairtextInstance
|
|
3946
4002
|
}
|
|
3947
4003
|
),
|
|
3948
|
-
/* @__PURE__ */
|
|
4004
|
+
/* @__PURE__ */ jsx52(
|
|
3949
4005
|
ScPairtext,
|
|
3950
4006
|
{
|
|
3951
|
-
icon: /* @__PURE__ */
|
|
4007
|
+
icon: /* @__PURE__ */ jsx52(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
3952
4008
|
type: "checkbox",
|
|
3953
4009
|
className: ScCheckField_default.scPairtextInstance
|
|
3954
4010
|
}
|
|
@@ -3969,9 +4025,9 @@ var ScFieldButton_default = {
|
|
|
3969
4025
|
|
|
3970
4026
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
3971
4027
|
import { SiconHome as SiconHome12 } from "@streamoid/icons";
|
|
3972
|
-
import { Fragment as
|
|
4028
|
+
import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
3973
4029
|
var ScFieldButton = ({
|
|
3974
|
-
icon = /* @__PURE__ */
|
|
4030
|
+
icon = /* @__PURE__ */ jsx53(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
|
|
3975
4031
|
type = "default",
|
|
3976
4032
|
state = "default",
|
|
3977
4033
|
className,
|
|
@@ -3979,18 +4035,18 @@ var ScFieldButton = ({
|
|
|
3979
4035
|
...props
|
|
3980
4036
|
}) => {
|
|
3981
4037
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
3982
|
-
return /* @__PURE__ */
|
|
4038
|
+
return /* @__PURE__ */ jsx53(
|
|
3983
4039
|
"div",
|
|
3984
4040
|
{
|
|
3985
4041
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
3986
4042
|
...props,
|
|
3987
|
-
children: /* @__PURE__ */
|
|
3988
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */
|
|
3989
|
-
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */
|
|
4043
|
+
children: /* @__PURE__ */ jsxs45("div", { className: ScFieldButton_default.container, children: [
|
|
4044
|
+
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx53(Fragment17, { children: icon }),
|
|
4045
|
+
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx53(Fragment17, { children: /* @__PURE__ */ jsxs45("div", { className: ScFieldButton_default.label, children: [
|
|
3990
4046
|
text,
|
|
3991
4047
|
" "
|
|
3992
4048
|
] }) }),
|
|
3993
|
-
type === "icon-left" && /* @__PURE__ */
|
|
4049
|
+
type === "icon-left" && /* @__PURE__ */ jsx53(Fragment17, { children: icon })
|
|
3994
4050
|
] })
|
|
3995
4051
|
}
|
|
3996
4052
|
);
|
|
@@ -4005,16 +4061,16 @@ var ScPendingAction_default = {
|
|
|
4005
4061
|
|
|
4006
4062
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
4007
4063
|
import { SiconHome as SiconHome13 } from "@streamoid/icons";
|
|
4008
|
-
import { jsx as
|
|
4064
|
+
import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
4009
4065
|
var ScPendingAction = ({
|
|
4010
4066
|
className,
|
|
4011
4067
|
...props
|
|
4012
4068
|
}) => {
|
|
4013
|
-
return /* @__PURE__ */
|
|
4014
|
-
/* @__PURE__ */
|
|
4069
|
+
return /* @__PURE__ */ jsxs46("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
4070
|
+
/* @__PURE__ */ jsx54(
|
|
4015
4071
|
ScButton,
|
|
4016
4072
|
{
|
|
4017
|
-
icon: /* @__PURE__ */
|
|
4073
|
+
icon: /* @__PURE__ */ jsx54(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4018
4074
|
text: "Cancel",
|
|
4019
4075
|
variant: "error",
|
|
4020
4076
|
type: "tertiary",
|
|
@@ -4022,11 +4078,11 @@ var ScPendingAction = ({
|
|
|
4022
4078
|
className: ScPendingAction_default.scButtonInstance
|
|
4023
4079
|
}
|
|
4024
4080
|
),
|
|
4025
|
-
/* @__PURE__ */
|
|
4026
|
-
/* @__PURE__ */
|
|
4081
|
+
/* @__PURE__ */ jsx54(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
4082
|
+
/* @__PURE__ */ jsx54(
|
|
4027
4083
|
ScButton,
|
|
4028
4084
|
{
|
|
4029
|
-
icon: /* @__PURE__ */
|
|
4085
|
+
icon: /* @__PURE__ */ jsx54(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4030
4086
|
text: "Resend",
|
|
4031
4087
|
variant: "tertiary",
|
|
4032
4088
|
size: "sm",
|
|
@@ -4050,7 +4106,7 @@ var ScQuickPrompt_default = {
|
|
|
4050
4106
|
|
|
4051
4107
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
4052
4108
|
import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
|
|
4053
|
-
import { jsx as
|
|
4109
|
+
import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
4054
4110
|
var ScQuickPrompt = ({
|
|
4055
4111
|
appName = "Photogenix",
|
|
4056
4112
|
heading = "Swap Model and Background",
|
|
@@ -4058,20 +4114,20 @@ var ScQuickPrompt = ({
|
|
|
4058
4114
|
className,
|
|
4059
4115
|
...props
|
|
4060
4116
|
}) => {
|
|
4061
|
-
return /* @__PURE__ */
|
|
4062
|
-
/* @__PURE__ */
|
|
4063
|
-
/* @__PURE__ */
|
|
4064
|
-
/* @__PURE__ */
|
|
4117
|
+
return /* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
|
|
4118
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.header, children: [
|
|
4119
|
+
/* @__PURE__ */ jsx55("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx55(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
|
|
4120
|
+
/* @__PURE__ */ jsx55("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.title, children: [
|
|
4065
4121
|
appName,
|
|
4066
4122
|
" "
|
|
4067
4123
|
] }) })
|
|
4068
4124
|
] }),
|
|
4069
|
-
/* @__PURE__ */
|
|
4070
|
-
/* @__PURE__ */
|
|
4125
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.body, children: [
|
|
4126
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.heading, children: [
|
|
4071
4127
|
heading,
|
|
4072
4128
|
" "
|
|
4073
4129
|
] }),
|
|
4074
|
-
/* @__PURE__ */
|
|
4130
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.description, children: [
|
|
4075
4131
|
description,
|
|
4076
4132
|
" "
|
|
4077
4133
|
] })
|
|
@@ -4088,13 +4144,13 @@ var ScReferralTableHeader_default = {
|
|
|
4088
4144
|
};
|
|
4089
4145
|
|
|
4090
4146
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
4091
|
-
import { jsx as
|
|
4147
|
+
import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
4092
4148
|
var ScReferralTableHeader = ({
|
|
4093
4149
|
className,
|
|
4094
4150
|
...props
|
|
4095
4151
|
}) => {
|
|
4096
|
-
return /* @__PURE__ */
|
|
4097
|
-
/* @__PURE__ */
|
|
4152
|
+
return /* @__PURE__ */ jsxs48("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
4153
|
+
/* @__PURE__ */ jsx56(
|
|
4098
4154
|
ScHeader,
|
|
4099
4155
|
{
|
|
4100
4156
|
text: "User",
|
|
@@ -4102,7 +4158,7 @@ var ScReferralTableHeader = ({
|
|
|
4102
4158
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
4103
4159
|
}
|
|
4104
4160
|
),
|
|
4105
|
-
/* @__PURE__ */
|
|
4161
|
+
/* @__PURE__ */ jsx56(
|
|
4106
4162
|
ScHeader,
|
|
4107
4163
|
{
|
|
4108
4164
|
text: "Date",
|
|
@@ -4110,7 +4166,7 @@ var ScReferralTableHeader = ({
|
|
|
4110
4166
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
4111
4167
|
}
|
|
4112
4168
|
),
|
|
4113
|
-
/* @__PURE__ */
|
|
4169
|
+
/* @__PURE__ */ jsx56(
|
|
4114
4170
|
ScHeader,
|
|
4115
4171
|
{
|
|
4116
4172
|
text: "Status",
|
|
@@ -4118,7 +4174,7 @@ var ScReferralTableHeader = ({
|
|
|
4118
4174
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
4119
4175
|
}
|
|
4120
4176
|
),
|
|
4121
|
-
/* @__PURE__ */
|
|
4177
|
+
/* @__PURE__ */ jsx56(
|
|
4122
4178
|
ScHeader,
|
|
4123
4179
|
{
|
|
4124
4180
|
text: "Reward",
|
|
@@ -4139,7 +4195,7 @@ var ScReferralTableList_default = {
|
|
|
4139
4195
|
};
|
|
4140
4196
|
|
|
4141
4197
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
4142
|
-
import { jsx as
|
|
4198
|
+
import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
4143
4199
|
var ScReferralTableList = ({
|
|
4144
4200
|
userEmail = "chris@kepler.com",
|
|
4145
4201
|
userName,
|
|
@@ -4149,8 +4205,8 @@ var ScReferralTableList = ({
|
|
|
4149
4205
|
className,
|
|
4150
4206
|
...props
|
|
4151
4207
|
}) => {
|
|
4152
|
-
return /* @__PURE__ */
|
|
4153
|
-
/* @__PURE__ */
|
|
4208
|
+
return /* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
4209
|
+
/* @__PURE__ */ jsx57(
|
|
4154
4210
|
ScProfile,
|
|
4155
4211
|
{
|
|
4156
4212
|
subText: userEmail,
|
|
@@ -4158,12 +4214,12 @@ var ScReferralTableList = ({
|
|
|
4158
4214
|
className: ScReferralTableList_default.scProfileInstance
|
|
4159
4215
|
}
|
|
4160
4216
|
),
|
|
4161
|
-
/* @__PURE__ */
|
|
4217
|
+
/* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.date, children: [
|
|
4162
4218
|
date,
|
|
4163
4219
|
" "
|
|
4164
4220
|
] }),
|
|
4165
|
-
/* @__PURE__ */
|
|
4166
|
-
/* @__PURE__ */
|
|
4221
|
+
/* @__PURE__ */ jsx57(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
4222
|
+
/* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.points, children: [
|
|
4167
4223
|
points,
|
|
4168
4224
|
" "
|
|
4169
4225
|
] })
|
|
@@ -4179,33 +4235,33 @@ var ScSettingsNav_default = {
|
|
|
4179
4235
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
4180
4236
|
import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
|
|
4181
4237
|
import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
|
|
4182
|
-
import { jsx as
|
|
4238
|
+
import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
4183
4239
|
var ScSettingsNav = ({
|
|
4184
4240
|
className,
|
|
4185
4241
|
...props
|
|
4186
4242
|
}) => {
|
|
4187
|
-
return /* @__PURE__ */
|
|
4188
|
-
/* @__PURE__ */
|
|
4243
|
+
return /* @__PURE__ */ jsx58("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs50("div", { className: ScSettingsNav_default.container, children: [
|
|
4244
|
+
/* @__PURE__ */ jsx58(
|
|
4189
4245
|
ScSidebarMenu,
|
|
4190
4246
|
{
|
|
4191
|
-
icon: /* @__PURE__ */
|
|
4247
|
+
icon: /* @__PURE__ */ jsx58(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
4192
4248
|
text: "Profile",
|
|
4193
4249
|
state: "active",
|
|
4194
4250
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4195
4251
|
}
|
|
4196
4252
|
),
|
|
4197
|
-
/* @__PURE__ */
|
|
4253
|
+
/* @__PURE__ */ jsx58(
|
|
4198
4254
|
ScSidebarMenu,
|
|
4199
4255
|
{
|
|
4200
|
-
icon: /* @__PURE__ */
|
|
4256
|
+
icon: /* @__PURE__ */ jsx58(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
4201
4257
|
text: "Workspace",
|
|
4202
4258
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4203
4259
|
}
|
|
4204
4260
|
),
|
|
4205
|
-
/* @__PURE__ */
|
|
4261
|
+
/* @__PURE__ */ jsx58(
|
|
4206
4262
|
ScSidebarMenu,
|
|
4207
4263
|
{
|
|
4208
|
-
icon: /* @__PURE__ */
|
|
4264
|
+
icon: /* @__PURE__ */ jsx58(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
4209
4265
|
text: "Referral",
|
|
4210
4266
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4211
4267
|
}
|
|
@@ -4221,7 +4277,7 @@ var ScTabField_default = {
|
|
|
4221
4277
|
};
|
|
4222
4278
|
|
|
4223
4279
|
// src/SC-tabField/ScTabField.tsx
|
|
4224
|
-
import { jsx as
|
|
4280
|
+
import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
4225
4281
|
var ScTabField = ({
|
|
4226
4282
|
label = "Label",
|
|
4227
4283
|
className,
|
|
@@ -4230,17 +4286,17 @@ var ScTabField = ({
|
|
|
4230
4286
|
onTabChange,
|
|
4231
4287
|
...props
|
|
4232
4288
|
}) => {
|
|
4233
|
-
return /* @__PURE__ */
|
|
4234
|
-
/* @__PURE__ */
|
|
4289
|
+
return /* @__PURE__ */ jsxs51("div", { className: ScTabField_default.scTabField + " " + className, children: [
|
|
4290
|
+
/* @__PURE__ */ jsx59("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs51("div", { className: ScTabField_default.label, children: [
|
|
4235
4291
|
label,
|
|
4236
4292
|
" "
|
|
4237
4293
|
] }) }),
|
|
4238
|
-
tabs ? /* @__PURE__ */
|
|
4294
|
+
tabs ? /* @__PURE__ */ jsx59(
|
|
4239
4295
|
ScTabSwitcher,
|
|
4240
4296
|
{
|
|
4241
4297
|
tabCount: String(tabs.length),
|
|
4242
4298
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
4243
|
-
component: tabs[0] ? /* @__PURE__ */
|
|
4299
|
+
component: tabs[0] ? /* @__PURE__ */ jsx59(
|
|
4244
4300
|
ScTabComp,
|
|
4245
4301
|
{
|
|
4246
4302
|
text: tabs[0].label,
|
|
@@ -4250,7 +4306,7 @@ var ScTabField = ({
|
|
|
4250
4306
|
style: { flex: 1 }
|
|
4251
4307
|
}
|
|
4252
4308
|
) : void 0,
|
|
4253
|
-
component2: tabs[1] ? /* @__PURE__ */
|
|
4309
|
+
component2: tabs[1] ? /* @__PURE__ */ jsx59(
|
|
4254
4310
|
ScTabComp,
|
|
4255
4311
|
{
|
|
4256
4312
|
text: tabs[1].label,
|
|
@@ -4261,7 +4317,7 @@ var ScTabField = ({
|
|
|
4261
4317
|
}
|
|
4262
4318
|
) : void 0
|
|
4263
4319
|
}
|
|
4264
|
-
) : /* @__PURE__ */
|
|
4320
|
+
) : /* @__PURE__ */ jsx59(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
4265
4321
|
] });
|
|
4266
4322
|
};
|
|
4267
4323
|
|
|
@@ -4278,19 +4334,19 @@ var ScTableHeader_default = {
|
|
|
4278
4334
|
};
|
|
4279
4335
|
|
|
4280
4336
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
4281
|
-
import { Fragment as
|
|
4337
|
+
import { Fragment as Fragment18, jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
4282
4338
|
var ScTableHeader = ({
|
|
4283
4339
|
type = "default",
|
|
4284
4340
|
className,
|
|
4285
4341
|
...props
|
|
4286
4342
|
}) => {
|
|
4287
4343
|
const variantsClassName = ScTableHeader_default["type-" + type];
|
|
4288
|
-
return /* @__PURE__ */
|
|
4344
|
+
return /* @__PURE__ */ jsxs52(
|
|
4289
4345
|
"div",
|
|
4290
4346
|
{
|
|
4291
4347
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
4292
4348
|
children: [
|
|
4293
|
-
/* @__PURE__ */
|
|
4349
|
+
/* @__PURE__ */ jsx60(
|
|
4294
4350
|
ScHeader,
|
|
4295
4351
|
{
|
|
4296
4352
|
text: "User",
|
|
@@ -4298,7 +4354,7 @@ var ScTableHeader = ({
|
|
|
4298
4354
|
className: ScTableHeader_default.scHeaderInstance
|
|
4299
4355
|
}
|
|
4300
4356
|
),
|
|
4301
|
-
/* @__PURE__ */
|
|
4357
|
+
/* @__PURE__ */ jsx60(
|
|
4302
4358
|
ScHeader,
|
|
4303
4359
|
{
|
|
4304
4360
|
text: "Role",
|
|
@@ -4306,7 +4362,7 @@ var ScTableHeader = ({
|
|
|
4306
4362
|
className: ScTableHeader_default.scHeaderInstance2
|
|
4307
4363
|
}
|
|
4308
4364
|
),
|
|
4309
|
-
/* @__PURE__ */
|
|
4365
|
+
/* @__PURE__ */ jsx60(
|
|
4310
4366
|
ScHeader,
|
|
4311
4367
|
{
|
|
4312
4368
|
text: "Access",
|
|
@@ -4314,7 +4370,7 @@ var ScTableHeader = ({
|
|
|
4314
4370
|
className: ScTableHeader_default.scHeaderInstance3
|
|
4315
4371
|
}
|
|
4316
4372
|
),
|
|
4317
|
-
/* @__PURE__ */
|
|
4373
|
+
/* @__PURE__ */ jsx60(
|
|
4318
4374
|
ScHeader,
|
|
4319
4375
|
{
|
|
4320
4376
|
text: "Invited by",
|
|
@@ -4322,7 +4378,7 @@ var ScTableHeader = ({
|
|
|
4322
4378
|
className: ScTableHeader_default.scHeaderInstance4
|
|
4323
4379
|
}
|
|
4324
4380
|
),
|
|
4325
|
-
type === "pending" && /* @__PURE__ */
|
|
4381
|
+
type === "pending" && /* @__PURE__ */ jsx60(Fragment18, { children: /* @__PURE__ */ jsx60(
|
|
4326
4382
|
ScHeader,
|
|
4327
4383
|
{
|
|
4328
4384
|
text: "Invite action",
|
|
@@ -4330,7 +4386,7 @@ var ScTableHeader = ({
|
|
|
4330
4386
|
className: ScTableHeader_default.scHeaderInstance5
|
|
4331
4387
|
}
|
|
4332
4388
|
) }),
|
|
4333
|
-
type === "default" && /* @__PURE__ */
|
|
4389
|
+
type === "default" && /* @__PURE__ */ jsx60(Fragment18, { children: /* @__PURE__ */ jsx60(
|
|
4334
4390
|
ScHeader,
|
|
4335
4391
|
{
|
|
4336
4392
|
text: "Signed On",
|
|
@@ -4364,7 +4420,7 @@ var ScTableList_default = {
|
|
|
4364
4420
|
// src/SC-tableList/ScTableList.tsx
|
|
4365
4421
|
import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
|
|
4366
4422
|
import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
|
|
4367
|
-
import { Fragment as
|
|
4423
|
+
import { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
4368
4424
|
var ScTableList = ({
|
|
4369
4425
|
invitedBy = "Rohan",
|
|
4370
4426
|
signedOn = "Nov 9th, 2025",
|
|
@@ -4376,51 +4432,51 @@ var ScTableList = ({
|
|
|
4376
4432
|
...props
|
|
4377
4433
|
}) => {
|
|
4378
4434
|
const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
|
|
4379
|
-
return /* @__PURE__ */
|
|
4435
|
+
return /* @__PURE__ */ jsxs53(
|
|
4380
4436
|
"div",
|
|
4381
4437
|
{
|
|
4382
4438
|
className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
|
|
4383
4439
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
4384
4440
|
...props,
|
|
4385
4441
|
children: [
|
|
4386
|
-
/* @__PURE__ */
|
|
4442
|
+
/* @__PURE__ */ jsx61(
|
|
4387
4443
|
ScProfile,
|
|
4388
4444
|
{
|
|
4389
4445
|
subText: userEmail,
|
|
4390
4446
|
className: ScTableList_default.scProfileInstance
|
|
4391
4447
|
}
|
|
4392
4448
|
),
|
|
4393
|
-
/* @__PURE__ */
|
|
4394
|
-
/* @__PURE__ */
|
|
4395
|
-
/* @__PURE__ */
|
|
4449
|
+
/* @__PURE__ */ jsx61(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
4450
|
+
/* @__PURE__ */ jsxs53("div", { className: ScTableList_default.accessInfo, children: [
|
|
4451
|
+
/* @__PURE__ */ jsx61(
|
|
4396
4452
|
ScAccess,
|
|
4397
4453
|
{
|
|
4398
|
-
component: /* @__PURE__ */
|
|
4399
|
-
component2: /* @__PURE__ */
|
|
4454
|
+
component: /* @__PURE__ */ jsx61(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
|
|
4455
|
+
component2: /* @__PURE__ */ jsx61(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
4400
4456
|
className: ScTableList_default.scAccessInstance
|
|
4401
4457
|
}
|
|
4402
4458
|
),
|
|
4403
|
-
/* @__PURE__ */
|
|
4459
|
+
/* @__PURE__ */ jsx61(
|
|
4404
4460
|
ScAccess,
|
|
4405
4461
|
{
|
|
4406
|
-
component: /* @__PURE__ */
|
|
4407
|
-
component2: /* @__PURE__ */
|
|
4462
|
+
component: /* @__PURE__ */ jsx61(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
4463
|
+
component2: /* @__PURE__ */ jsx61(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
4408
4464
|
visibleSiconCatalogix: false,
|
|
4409
4465
|
className: ScTableList_default.scAccessInstance
|
|
4410
4466
|
}
|
|
4411
4467
|
)
|
|
4412
4468
|
] }),
|
|
4413
|
-
/* @__PURE__ */
|
|
4469
|
+
/* @__PURE__ */ jsxs53("div", { className: ScTableList_default.userName, children: [
|
|
4414
4470
|
invitedBy,
|
|
4415
4471
|
" "
|
|
4416
4472
|
] }),
|
|
4417
|
-
variant === "pending" && /* @__PURE__ */
|
|
4473
|
+
variant === "pending" && /* @__PURE__ */ jsx61(Fragment19, { children: /* @__PURE__ */ jsx61(
|
|
4418
4474
|
ScPendingAction,
|
|
4419
4475
|
{
|
|
4420
4476
|
className: ScTableList_default.scPendingActionInstance
|
|
4421
4477
|
}
|
|
4422
4478
|
) }),
|
|
4423
|
-
variant === "active" && /* @__PURE__ */
|
|
4479
|
+
variant === "active" && /* @__PURE__ */ jsx61(Fragment19, { children: /* @__PURE__ */ jsxs53("div", { className: ScTableList_default.date, children: [
|
|
4424
4480
|
signedOn,
|
|
4425
4481
|
" "
|
|
4426
4482
|
] }) })
|
|
@@ -4455,7 +4511,7 @@ import {
|
|
|
4455
4511
|
SiconSwitch as SiconSwitch2,
|
|
4456
4512
|
SiconLogout as SiconLogout2
|
|
4457
4513
|
} from "@streamoid/icons";
|
|
4458
|
-
import { jsx as
|
|
4514
|
+
import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
4459
4515
|
var ScWorkspaceCard = ({
|
|
4460
4516
|
workspaceName = "Stores",
|
|
4461
4517
|
role = "Admin",
|
|
@@ -4465,21 +4521,21 @@ var ScWorkspaceCard = ({
|
|
|
4465
4521
|
className,
|
|
4466
4522
|
...props
|
|
4467
4523
|
}) => {
|
|
4468
|
-
return /* @__PURE__ */
|
|
4469
|
-
/* @__PURE__ */
|
|
4470
|
-
/* @__PURE__ */
|
|
4524
|
+
return /* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
|
|
4525
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
|
|
4526
|
+
/* @__PURE__ */ jsx62(
|
|
4471
4527
|
ScIntialProfileCover,
|
|
4472
4528
|
{
|
|
4473
4529
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
4474
4530
|
}
|
|
4475
4531
|
),
|
|
4476
|
-
/* @__PURE__ */
|
|
4532
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.workspaceName, children: [
|
|
4477
4533
|
workspaceName,
|
|
4478
4534
|
" "
|
|
4479
4535
|
] })
|
|
4480
4536
|
] }),
|
|
4481
|
-
/* @__PURE__ */
|
|
4482
|
-
/* @__PURE__ */
|
|
4537
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
4538
|
+
/* @__PURE__ */ jsx62(
|
|
4483
4539
|
ScBadges,
|
|
4484
4540
|
{
|
|
4485
4541
|
text: role,
|
|
@@ -4487,41 +4543,41 @@ var ScWorkspaceCard = ({
|
|
|
4487
4543
|
className: ScWorkspaceCard_default.scBadgesInstance
|
|
4488
4544
|
}
|
|
4489
4545
|
),
|
|
4490
|
-
/* @__PURE__ */
|
|
4491
|
-
/* @__PURE__ */
|
|
4546
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
4547
|
+
/* @__PURE__ */ jsx62(
|
|
4492
4548
|
ScPairtext,
|
|
4493
4549
|
{
|
|
4494
|
-
icon: /* @__PURE__ */
|
|
4550
|
+
icon: /* @__PURE__ */ jsx62(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
4495
4551
|
content: userCount,
|
|
4496
4552
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4497
4553
|
}
|
|
4498
4554
|
),
|
|
4499
|
-
/* @__PURE__ */
|
|
4500
|
-
/* @__PURE__ */
|
|
4555
|
+
/* @__PURE__ */ jsx62(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
4556
|
+
/* @__PURE__ */ jsx62(
|
|
4501
4557
|
ScPairtext,
|
|
4502
4558
|
{
|
|
4503
|
-
icon: /* @__PURE__ */
|
|
4559
|
+
icon: /* @__PURE__ */ jsx62(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
4504
4560
|
content: ownerEmail,
|
|
4505
4561
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4506
4562
|
}
|
|
4507
4563
|
)
|
|
4508
4564
|
] })
|
|
4509
4565
|
] }),
|
|
4510
|
-
/* @__PURE__ */
|
|
4566
|
+
/* @__PURE__ */ jsx62(
|
|
4511
4567
|
ScButton,
|
|
4512
4568
|
{
|
|
4513
|
-
icon: /* @__PURE__ */
|
|
4569
|
+
icon: /* @__PURE__ */ jsx62(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
4514
4570
|
text: buttonText,
|
|
4515
4571
|
state: "disabled",
|
|
4516
4572
|
variant: "outline",
|
|
4517
4573
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
4518
4574
|
}
|
|
4519
4575
|
),
|
|
4520
|
-
/* @__PURE__ */
|
|
4576
|
+
/* @__PURE__ */ jsx62(
|
|
4521
4577
|
ScButton,
|
|
4522
4578
|
{
|
|
4523
4579
|
text: "Leave workspace",
|
|
4524
|
-
icon: /* @__PURE__ */
|
|
4580
|
+
icon: /* @__PURE__ */ jsx62(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
4525
4581
|
styleVariant: "icon-only",
|
|
4526
4582
|
variant: "error",
|
|
4527
4583
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -4557,7 +4613,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
4557
4613
|
};
|
|
4558
4614
|
|
|
4559
4615
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
4560
|
-
import { jsx as
|
|
4616
|
+
import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4561
4617
|
function ScWorkspaceSwitchCard({
|
|
4562
4618
|
wsName = "Workspace name is kepler",
|
|
4563
4619
|
role = "Admin",
|
|
@@ -4587,14 +4643,14 @@ function ScWorkspaceSwitchCard({
|
|
|
4587
4643
|
].filter(Boolean).join(" ");
|
|
4588
4644
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
4589
4645
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
4590
|
-
return /* @__PURE__ */
|
|
4646
|
+
return /* @__PURE__ */ jsx63(
|
|
4591
4647
|
"div",
|
|
4592
4648
|
{
|
|
4593
4649
|
className: cardClass,
|
|
4594
4650
|
onMouseEnter: () => setInternalHover(true),
|
|
4595
4651
|
onMouseLeave: () => setInternalHover(false),
|
|
4596
|
-
children: /* @__PURE__ */
|
|
4597
|
-
/* @__PURE__ */
|
|
4652
|
+
children: /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
4653
|
+
/* @__PURE__ */ jsx63(
|
|
4598
4654
|
ScDp,
|
|
4599
4655
|
{
|
|
4600
4656
|
type: imageUrl ? "image" : "initial",
|
|
@@ -4608,26 +4664,26 @@ function ScWorkspaceSwitchCard({
|
|
|
4608
4664
|
}
|
|
4609
4665
|
}
|
|
4610
4666
|
),
|
|
4611
|
-
/* @__PURE__ */
|
|
4612
|
-
/* @__PURE__ */
|
|
4613
|
-
/* @__PURE__ */
|
|
4614
|
-
/* @__PURE__ */
|
|
4615
|
-
/* @__PURE__ */
|
|
4616
|
-
/* @__PURE__ */
|
|
4667
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
|
|
4668
|
+
/* @__PURE__ */ jsx63("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
|
|
4669
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
|
|
4670
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4671
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
|
|
4672
|
+
/* @__PURE__ */ jsx63("span", { className: roleColorClass, children: displayRole })
|
|
4617
4673
|
] }),
|
|
4618
|
-
/* @__PURE__ */
|
|
4619
|
-
/* @__PURE__ */
|
|
4620
|
-
/* @__PURE__ */
|
|
4621
|
-
/* @__PURE__ */
|
|
4674
|
+
/* @__PURE__ */ jsx63(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4675
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4676
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
|
|
4677
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
|
|
4622
4678
|
] }),
|
|
4623
|
-
/* @__PURE__ */
|
|
4624
|
-
/* @__PURE__ */
|
|
4625
|
-
/* @__PURE__ */
|
|
4626
|
-
/* @__PURE__ */
|
|
4679
|
+
/* @__PURE__ */ jsx63(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4680
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
|
|
4681
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
|
|
4682
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
|
|
4627
4683
|
] })
|
|
4628
4684
|
] })
|
|
4629
4685
|
] }),
|
|
4630
|
-
isHover && isOther && /* @__PURE__ */
|
|
4686
|
+
isHover && isOther && /* @__PURE__ */ jsx63(
|
|
4631
4687
|
"div",
|
|
4632
4688
|
{
|
|
4633
4689
|
onClick: (e) => {
|
|
@@ -4635,19 +4691,19 @@ function ScWorkspaceSwitchCard({
|
|
|
4635
4691
|
onSwitch?.();
|
|
4636
4692
|
},
|
|
4637
4693
|
style: { cursor: "pointer" },
|
|
4638
|
-
children: /* @__PURE__ */
|
|
4694
|
+
children: /* @__PURE__ */ jsx63(
|
|
4639
4695
|
ScButton,
|
|
4640
4696
|
{
|
|
4641
4697
|
text: "Switch Workspace",
|
|
4642
4698
|
variant: "secondary",
|
|
4643
4699
|
size: "sm",
|
|
4644
4700
|
styleVariant: "icon-left",
|
|
4645
|
-
icon: /* @__PURE__ */
|
|
4701
|
+
icon: /* @__PURE__ */ jsx63(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4646
4702
|
}
|
|
4647
4703
|
)
|
|
4648
4704
|
}
|
|
4649
4705
|
),
|
|
4650
|
-
isHover && isAdmin && /* @__PURE__ */
|
|
4706
|
+
isHover && isAdmin && /* @__PURE__ */ jsx63(
|
|
4651
4707
|
"div",
|
|
4652
4708
|
{
|
|
4653
4709
|
onClick: (e) => {
|
|
@@ -4655,18 +4711,18 @@ function ScWorkspaceSwitchCard({
|
|
|
4655
4711
|
onSettings?.();
|
|
4656
4712
|
},
|
|
4657
4713
|
style: { cursor: "pointer" },
|
|
4658
|
-
children: /* @__PURE__ */
|
|
4714
|
+
children: /* @__PURE__ */ jsx63(
|
|
4659
4715
|
ScButton,
|
|
4660
4716
|
{
|
|
4661
4717
|
styleVariant: "icon-only",
|
|
4662
4718
|
variant: "outline",
|
|
4663
4719
|
size: "sm",
|
|
4664
|
-
icon: /* @__PURE__ */
|
|
4720
|
+
icon: /* @__PURE__ */ jsx63(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4665
4721
|
}
|
|
4666
4722
|
)
|
|
4667
4723
|
}
|
|
4668
4724
|
),
|
|
4669
|
-
isHover && !isAdmin && /* @__PURE__ */
|
|
4725
|
+
isHover && !isAdmin && /* @__PURE__ */ jsx63(
|
|
4670
4726
|
"div",
|
|
4671
4727
|
{
|
|
4672
4728
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -4674,7 +4730,7 @@ function ScWorkspaceSwitchCard({
|
|
|
4674
4730
|
e.stopPropagation();
|
|
4675
4731
|
onLeave?.();
|
|
4676
4732
|
},
|
|
4677
|
-
children: /* @__PURE__ */
|
|
4733
|
+
children: /* @__PURE__ */ jsx63(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
4678
4734
|
}
|
|
4679
4735
|
)
|
|
4680
4736
|
] })
|
|
@@ -4692,18 +4748,18 @@ var ScRoleMobile_default = {
|
|
|
4692
4748
|
};
|
|
4693
4749
|
|
|
4694
4750
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
4695
|
-
import { jsx as
|
|
4751
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
4696
4752
|
var ScRoleMobile = ({
|
|
4697
4753
|
role = "admin",
|
|
4698
4754
|
className,
|
|
4699
4755
|
...props
|
|
4700
4756
|
}) => {
|
|
4701
|
-
return /* @__PURE__ */
|
|
4757
|
+
return /* @__PURE__ */ jsx64(
|
|
4702
4758
|
"div",
|
|
4703
4759
|
{
|
|
4704
4760
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
4705
4761
|
...props,
|
|
4706
|
-
children: /* @__PURE__ */
|
|
4762
|
+
children: /* @__PURE__ */ jsx64("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
4707
4763
|
}
|
|
4708
4764
|
);
|
|
4709
4765
|
};
|
|
@@ -4720,7 +4776,7 @@ var ScProfileV2Mobile_default = {
|
|
|
4720
4776
|
};
|
|
4721
4777
|
|
|
4722
4778
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
4723
|
-
import { jsx as
|
|
4779
|
+
import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
4724
4780
|
var ScProfileV2Mobile = ({
|
|
4725
4781
|
name = "Chris Hemsworth",
|
|
4726
4782
|
email = "chris@kepler.com",
|
|
@@ -4730,17 +4786,17 @@ var ScProfileV2Mobile = ({
|
|
|
4730
4786
|
...props
|
|
4731
4787
|
}) => {
|
|
4732
4788
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4733
|
-
const profileImage = /* @__PURE__ */
|
|
4734
|
-
return /* @__PURE__ */
|
|
4789
|
+
const profileImage = /* @__PURE__ */ jsx65("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx65("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx65("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
4790
|
+
return /* @__PURE__ */ jsxs56(
|
|
4735
4791
|
"div",
|
|
4736
4792
|
{
|
|
4737
4793
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
4738
4794
|
...props,
|
|
4739
4795
|
children: [
|
|
4740
4796
|
dpPosition === "left" && profileImage,
|
|
4741
|
-
/* @__PURE__ */
|
|
4742
|
-
/* @__PURE__ */
|
|
4743
|
-
/* @__PURE__ */
|
|
4797
|
+
/* @__PURE__ */ jsxs56("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
4798
|
+
/* @__PURE__ */ jsx65("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
4799
|
+
/* @__PURE__ */ jsx65("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
4744
4800
|
] }),
|
|
4745
4801
|
dpPosition === "right" && profileImage
|
|
4746
4802
|
]
|
|
@@ -4767,7 +4823,7 @@ var ScTableListMobile_default = {
|
|
|
4767
4823
|
};
|
|
4768
4824
|
|
|
4769
4825
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
4770
|
-
import { jsx as
|
|
4826
|
+
import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
4771
4827
|
var ScTableListMobile = ({
|
|
4772
4828
|
name = "Chris Hemsworth",
|
|
4773
4829
|
email = "chris@kepler.com",
|
|
@@ -4780,25 +4836,25 @@ var ScTableListMobile = ({
|
|
|
4780
4836
|
...props
|
|
4781
4837
|
}) => {
|
|
4782
4838
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4783
|
-
return /* @__PURE__ */
|
|
4839
|
+
return /* @__PURE__ */ jsxs57(
|
|
4784
4840
|
"div",
|
|
4785
4841
|
{
|
|
4786
4842
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
4787
4843
|
onClick: onRowClick,
|
|
4788
4844
|
...props,
|
|
4789
4845
|
children: [
|
|
4790
|
-
/* @__PURE__ */
|
|
4791
|
-
/* @__PURE__ */
|
|
4792
|
-
/* @__PURE__ */
|
|
4793
|
-
/* @__PURE__ */
|
|
4846
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
4847
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
4848
|
+
/* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
4849
|
+
/* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
4794
4850
|
] }),
|
|
4795
|
-
/* @__PURE__ */
|
|
4851
|
+
/* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx66("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
4796
4852
|
] }),
|
|
4797
|
-
/* @__PURE__ */
|
|
4798
|
-
/* @__PURE__ */
|
|
4799
|
-
/* @__PURE__ */
|
|
4800
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */
|
|
4801
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */
|
|
4853
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
4854
|
+
/* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
4855
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
4856
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx66("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
4857
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx66("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
4802
4858
|
] })
|
|
4803
4859
|
] })
|
|
4804
4860
|
]
|
|
@@ -4826,7 +4882,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
4826
4882
|
};
|
|
4827
4883
|
|
|
4828
4884
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
4829
|
-
import { jsx as
|
|
4885
|
+
import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
4830
4886
|
var ScWorkspaceSwitchMobile = ({
|
|
4831
4887
|
storeName = "Stores",
|
|
4832
4888
|
initials = "WS",
|
|
@@ -4839,24 +4895,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
4839
4895
|
...props
|
|
4840
4896
|
}) => {
|
|
4841
4897
|
const variant = currentWs ? "current" : "other";
|
|
4842
|
-
return /* @__PURE__ */
|
|
4898
|
+
return /* @__PURE__ */ jsxs58(
|
|
4843
4899
|
"div",
|
|
4844
4900
|
{
|
|
4845
4901
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
4846
4902
|
onClick,
|
|
4847
4903
|
...props,
|
|
4848
4904
|
children: [
|
|
4849
|
-
/* @__PURE__ */
|
|
4850
|
-
/* @__PURE__ */
|
|
4851
|
-
/* @__PURE__ */
|
|
4852
|
-
/* @__PURE__ */
|
|
4905
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
4906
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
4907
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
4908
|
+
/* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
4853
4909
|
] }),
|
|
4854
|
-
/* @__PURE__ */
|
|
4910
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
4855
4911
|
] }),
|
|
4856
|
-
/* @__PURE__ */
|
|
4857
|
-
/* @__PURE__ */
|
|
4858
|
-
/* @__PURE__ */
|
|
4859
|
-
/* @__PURE__ */
|
|
4912
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
4913
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
4914
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
4915
|
+
/* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
4860
4916
|
] })
|
|
4861
4917
|
]
|
|
4862
4918
|
}
|
|
@@ -4883,7 +4939,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
4883
4939
|
};
|
|
4884
4940
|
|
|
4885
4941
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
4886
|
-
import { jsx as
|
|
4942
|
+
import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
4887
4943
|
var ScWorkspaceSettingsMobile = ({
|
|
4888
4944
|
storeName = "Stores",
|
|
4889
4945
|
initials = "WS",
|
|
@@ -4898,28 +4954,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
4898
4954
|
...props
|
|
4899
4955
|
}) => {
|
|
4900
4956
|
const variant = currentWs ? "current" : "other";
|
|
4901
|
-
return /* @__PURE__ */
|
|
4957
|
+
return /* @__PURE__ */ jsxs59(
|
|
4902
4958
|
"div",
|
|
4903
4959
|
{
|
|
4904
4960
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
4905
4961
|
onClick,
|
|
4906
4962
|
...props,
|
|
4907
4963
|
children: [
|
|
4908
|
-
/* @__PURE__ */
|
|
4909
|
-
/* @__PURE__ */
|
|
4910
|
-
/* @__PURE__ */
|
|
4911
|
-
/* @__PURE__ */
|
|
4964
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
4965
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
4966
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
4967
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
4912
4968
|
] }),
|
|
4913
|
-
/* @__PURE__ */
|
|
4969
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
4914
4970
|
] }),
|
|
4915
|
-
/* @__PURE__ */
|
|
4916
|
-
/* @__PURE__ */
|
|
4917
|
-
/* @__PURE__ */
|
|
4918
|
-
/* @__PURE__ */
|
|
4971
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
4972
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
4973
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
4974
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
4919
4975
|
] }),
|
|
4920
|
-
/* @__PURE__ */
|
|
4921
|
-
/* @__PURE__ */
|
|
4922
|
-
/* @__PURE__ */
|
|
4976
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
4977
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
4978
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
4923
4979
|
] })
|
|
4924
4980
|
]
|
|
4925
4981
|
}
|
|
@@ -4942,7 +4998,7 @@ var ScMobileTopNav_default = {
|
|
|
4942
4998
|
};
|
|
4943
4999
|
|
|
4944
5000
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
4945
|
-
import { Fragment as
|
|
5001
|
+
import { Fragment as Fragment20, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
4946
5002
|
var ScMobileTopNav = ({
|
|
4947
5003
|
type = "home",
|
|
4948
5004
|
searchIcon = false,
|
|
@@ -4965,22 +5021,22 @@ var ScMobileTopNav = ({
|
|
|
4965
5021
|
}) => {
|
|
4966
5022
|
const hasBorder = type === "chat" || type === "inApp";
|
|
4967
5023
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
4968
|
-
return /* @__PURE__ */
|
|
5024
|
+
return /* @__PURE__ */ jsxs60(
|
|
4969
5025
|
"div",
|
|
4970
5026
|
{
|
|
4971
5027
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
4972
5028
|
...props,
|
|
4973
5029
|
children: [
|
|
4974
|
-
type === "home" && /* @__PURE__ */
|
|
4975
|
-
type === "chat" && /* @__PURE__ */
|
|
4976
|
-
/* @__PURE__ */
|
|
4977
|
-
/* @__PURE__ */
|
|
4978
|
-
/* @__PURE__ */
|
|
5030
|
+
type === "home" && /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5031
|
+
type === "chat" && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5032
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5033
|
+
/* @__PURE__ */ jsx69("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
5034
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
4979
5035
|
] }),
|
|
4980
|
-
showSearch && /* @__PURE__ */
|
|
4981
|
-
/* @__PURE__ */
|
|
4982
|
-
/* @__PURE__ */
|
|
4983
|
-
/* @__PURE__ */
|
|
5036
|
+
showSearch && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5037
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs60("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
5038
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5039
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx69(
|
|
4984
5040
|
"input",
|
|
4985
5041
|
{
|
|
4986
5042
|
type: "text",
|
|
@@ -4991,17 +5047,17 @@ var ScMobileTopNav = ({
|
|
|
4991
5047
|
}
|
|
4992
5048
|
) })
|
|
4993
5049
|
] }) }),
|
|
4994
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
4995
5051
|
] }),
|
|
4996
|
-
type === "inApp" && !search && /* @__PURE__ */
|
|
4997
|
-
/* @__PURE__ */
|
|
4998
|
-
/* @__PURE__ */
|
|
4999
|
-
/* @__PURE__ */
|
|
5052
|
+
type === "inApp" && !search && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5053
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5054
|
+
/* @__PURE__ */ jsx69("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
5055
|
+
/* @__PURE__ */ jsx69(
|
|
5000
5056
|
"div",
|
|
5001
5057
|
{
|
|
5002
5058
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
5003
5059
|
onClick: onSearchClick,
|
|
5004
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */
|
|
5060
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
5005
5061
|
}
|
|
5006
5062
|
)
|
|
5007
5063
|
] })
|
|
@@ -5022,7 +5078,7 @@ var ScMobileBottomAction_default = {
|
|
|
5022
5078
|
};
|
|
5023
5079
|
|
|
5024
5080
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
5025
|
-
import { jsx as
|
|
5081
|
+
import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
5026
5082
|
var ScMobileBottomAction = ({
|
|
5027
5083
|
text = "Save Changes",
|
|
5028
5084
|
disabled = false,
|
|
@@ -5034,28 +5090,28 @@ var ScMobileBottomAction = ({
|
|
|
5034
5090
|
...props
|
|
5035
5091
|
}) => {
|
|
5036
5092
|
const isTwoButton = !!secondaryText;
|
|
5037
|
-
return /* @__PURE__ */
|
|
5093
|
+
return /* @__PURE__ */ jsxs61(
|
|
5038
5094
|
"div",
|
|
5039
5095
|
{
|
|
5040
5096
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
5041
5097
|
...props,
|
|
5042
5098
|
children: [
|
|
5043
|
-
isTwoButton && /* @__PURE__ */
|
|
5099
|
+
isTwoButton && /* @__PURE__ */ jsx70(
|
|
5044
5100
|
"button",
|
|
5045
5101
|
{
|
|
5046
5102
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5047
5103
|
onClick: onSecondaryClick,
|
|
5048
5104
|
disabled: secondaryDisabled,
|
|
5049
|
-
children: /* @__PURE__ */
|
|
5105
|
+
children: /* @__PURE__ */ jsx70("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
5050
5106
|
}
|
|
5051
5107
|
),
|
|
5052
|
-
/* @__PURE__ */
|
|
5108
|
+
/* @__PURE__ */ jsx70(
|
|
5053
5109
|
"button",
|
|
5054
5110
|
{
|
|
5055
5111
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5056
5112
|
onClick,
|
|
5057
5113
|
disabled,
|
|
5058
|
-
children: /* @__PURE__ */
|
|
5114
|
+
children: /* @__PURE__ */ jsx70("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
5059
5115
|
}
|
|
5060
5116
|
)
|
|
5061
5117
|
]
|
|
@@ -5073,7 +5129,7 @@ var ScPopUpMenu_default = {
|
|
|
5073
5129
|
};
|
|
5074
5130
|
|
|
5075
5131
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
5076
|
-
import { jsx as
|
|
5132
|
+
import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
5077
5133
|
var ScPopUpMenu = ({
|
|
5078
5134
|
menu = "Options",
|
|
5079
5135
|
state = "default",
|
|
@@ -5082,15 +5138,15 @@ var ScPopUpMenu = ({
|
|
|
5082
5138
|
className,
|
|
5083
5139
|
...props
|
|
5084
5140
|
}) => {
|
|
5085
|
-
return /* @__PURE__ */
|
|
5141
|
+
return /* @__PURE__ */ jsxs62(
|
|
5086
5142
|
"div",
|
|
5087
5143
|
{
|
|
5088
5144
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
5089
5145
|
onClick,
|
|
5090
5146
|
...props,
|
|
5091
5147
|
children: [
|
|
5092
|
-
icon && /* @__PURE__ */
|
|
5093
|
-
/* @__PURE__ */
|
|
5148
|
+
icon && /* @__PURE__ */ jsx71("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
5149
|
+
/* @__PURE__ */ jsx71("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
5094
5150
|
]
|
|
5095
5151
|
}
|
|
5096
5152
|
);
|
|
@@ -5116,7 +5172,7 @@ var ScReferralCardMobile_default = {
|
|
|
5116
5172
|
};
|
|
5117
5173
|
|
|
5118
5174
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
5119
|
-
import { jsx as
|
|
5175
|
+
import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
5120
5176
|
var ScReferralCardMobile = ({
|
|
5121
5177
|
name = "Chris Hemsworth",
|
|
5122
5178
|
email = "chris@kepler.com",
|
|
@@ -5129,27 +5185,27 @@ var ScReferralCardMobile = ({
|
|
|
5129
5185
|
...props
|
|
5130
5186
|
}) => {
|
|
5131
5187
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5132
|
-
return /* @__PURE__ */
|
|
5188
|
+
return /* @__PURE__ */ jsxs63(
|
|
5133
5189
|
"div",
|
|
5134
5190
|
{
|
|
5135
5191
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
5136
5192
|
onClick,
|
|
5137
5193
|
...props,
|
|
5138
5194
|
children: [
|
|
5139
|
-
/* @__PURE__ */
|
|
5140
|
-
/* @__PURE__ */
|
|
5141
|
-
/* @__PURE__ */
|
|
5142
|
-
/* @__PURE__ */
|
|
5143
|
-
/* @__PURE__ */
|
|
5144
|
-
/* @__PURE__ */
|
|
5195
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
5196
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
5197
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx72("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
5198
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
5199
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
5200
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
5145
5201
|
] })
|
|
5146
5202
|
] }),
|
|
5147
|
-
/* @__PURE__ */
|
|
5203
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
5148
5204
|
] }),
|
|
5149
|
-
/* @__PURE__ */
|
|
5150
|
-
/* @__PURE__ */
|
|
5151
|
-
/* @__PURE__ */
|
|
5152
|
-
/* @__PURE__ */
|
|
5205
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.divider }),
|
|
5206
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
5207
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
5208
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
5153
5209
|
] })
|
|
5154
5210
|
]
|
|
5155
5211
|
}
|
|
@@ -5166,19 +5222,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
5166
5222
|
};
|
|
5167
5223
|
|
|
5168
5224
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
5169
|
-
import { jsx as
|
|
5225
|
+
import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
5170
5226
|
var InvoiceHistoryMobile = ({
|
|
5171
5227
|
invoiceId = "# INV-2800-2026",
|
|
5172
5228
|
date = "Nov 9th, 2025",
|
|
5173
5229
|
amount = "$320.89",
|
|
5174
5230
|
className
|
|
5175
5231
|
}) => {
|
|
5176
|
-
return /* @__PURE__ */
|
|
5177
|
-
/* @__PURE__ */
|
|
5178
|
-
/* @__PURE__ */
|
|
5179
|
-
/* @__PURE__ */
|
|
5232
|
+
return /* @__PURE__ */ jsxs64("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
5233
|
+
/* @__PURE__ */ jsxs64("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
5234
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
5235
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
5180
5236
|
] }),
|
|
5181
|
-
/* @__PURE__ */
|
|
5237
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
5182
5238
|
] });
|
|
5183
5239
|
};
|
|
5184
5240
|
|
|
@@ -5196,7 +5252,7 @@ var UsageHistoryMobile_default = {
|
|
|
5196
5252
|
};
|
|
5197
5253
|
|
|
5198
5254
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
5199
|
-
import { jsx as
|
|
5255
|
+
import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
5200
5256
|
var UsageHistoryMobile = ({
|
|
5201
5257
|
serviceName = "Artifax Generation",
|
|
5202
5258
|
credits = "50",
|
|
@@ -5205,18 +5261,18 @@ var UsageHistoryMobile = ({
|
|
|
5205
5261
|
balance = "84,902",
|
|
5206
5262
|
className
|
|
5207
5263
|
}) => {
|
|
5208
|
-
return /* @__PURE__ */
|
|
5209
|
-
/* @__PURE__ */
|
|
5210
|
-
/* @__PURE__ */
|
|
5211
|
-
/* @__PURE__ */
|
|
5264
|
+
return /* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
5265
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
5266
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
5267
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
5212
5268
|
] }),
|
|
5213
|
-
/* @__PURE__ */
|
|
5214
|
-
/* @__PURE__ */
|
|
5215
|
-
/* @__PURE__ */
|
|
5216
|
-
/* @__PURE__ */
|
|
5217
|
-
/* @__PURE__ */
|
|
5269
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
5270
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
5271
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
5272
|
+
/* @__PURE__ */ jsx74("div", { className: UsageHistoryMobile_default.divider }),
|
|
5273
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
5218
5274
|
] }),
|
|
5219
|
-
/* @__PURE__ */
|
|
5275
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
5220
5276
|
] })
|
|
5221
5277
|
] });
|
|
5222
5278
|
};
|
|
@@ -5240,7 +5296,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
5240
5296
|
};
|
|
5241
5297
|
|
|
5242
5298
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
5243
|
-
import { jsx as
|
|
5299
|
+
import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
5244
5300
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
5245
5301
|
wsName = "Workspace name is kepler",
|
|
5246
5302
|
initials = "WS",
|
|
@@ -5253,14 +5309,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5253
5309
|
className,
|
|
5254
5310
|
...props
|
|
5255
5311
|
}) => {
|
|
5256
|
-
return /* @__PURE__ */
|
|
5312
|
+
return /* @__PURE__ */ jsx75(
|
|
5257
5313
|
"div",
|
|
5258
5314
|
{
|
|
5259
5315
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
5260
5316
|
onClick,
|
|
5261
5317
|
...props,
|
|
5262
|
-
children: /* @__PURE__ */
|
|
5263
|
-
/* @__PURE__ */
|
|
5318
|
+
children: /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
5319
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx75(
|
|
5264
5320
|
ScDp,
|
|
5265
5321
|
{
|
|
5266
5322
|
type: imageUrl ? "image" : "initial",
|
|
@@ -5274,14 +5330,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5274
5330
|
}
|
|
5275
5331
|
}
|
|
5276
5332
|
) }),
|
|
5277
|
-
/* @__PURE__ */
|
|
5278
|
-
/* @__PURE__ */
|
|
5279
|
-
/* @__PURE__ */
|
|
5280
|
-
/* @__PURE__ */
|
|
5281
|
-
/* @__PURE__ */
|
|
5282
|
-
/* @__PURE__ */
|
|
5283
|
-
/* @__PURE__ */
|
|
5284
|
-
/* @__PURE__ */
|
|
5333
|
+
/* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
5334
|
+
/* @__PURE__ */ jsx75("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
5335
|
+
/* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
5336
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
5337
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5338
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
5339
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5340
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
5285
5341
|
] })
|
|
5286
5342
|
] })
|
|
5287
5343
|
] })
|
|
@@ -5308,7 +5364,7 @@ var ScImageField_default = {
|
|
|
5308
5364
|
|
|
5309
5365
|
// src/SC-imageField/ScImageField.tsx
|
|
5310
5366
|
import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
|
|
5311
|
-
import { jsx as
|
|
5367
|
+
import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
5312
5368
|
var ScImageField = ({
|
|
5313
5369
|
label = "Label",
|
|
5314
5370
|
imagePreview,
|
|
@@ -5331,8 +5387,8 @@ var ScImageField = ({
|
|
|
5331
5387
|
}
|
|
5332
5388
|
e.target.value = "";
|
|
5333
5389
|
}
|
|
5334
|
-
return /* @__PURE__ */
|
|
5335
|
-
/* @__PURE__ */
|
|
5390
|
+
return /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
5391
|
+
/* @__PURE__ */ jsx76(
|
|
5336
5392
|
"input",
|
|
5337
5393
|
{
|
|
5338
5394
|
ref: inputRef,
|
|
@@ -5342,9 +5398,9 @@ var ScImageField = ({
|
|
|
5342
5398
|
onChange: handleChange
|
|
5343
5399
|
}
|
|
5344
5400
|
),
|
|
5345
|
-
/* @__PURE__ */
|
|
5346
|
-
hasImage ? /* @__PURE__ */
|
|
5347
|
-
/* @__PURE__ */
|
|
5401
|
+
/* @__PURE__ */ jsx76("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx76("div", { className: ScImageField_default.label, children: label }) }),
|
|
5402
|
+
hasImage ? /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.previewArea, children: [
|
|
5403
|
+
/* @__PURE__ */ jsx76(
|
|
5348
5404
|
"img",
|
|
5349
5405
|
{
|
|
5350
5406
|
className: ScImageField_default.previewImage,
|
|
@@ -5352,8 +5408,8 @@ var ScImageField = ({
|
|
|
5352
5408
|
alt: "preview"
|
|
5353
5409
|
}
|
|
5354
5410
|
),
|
|
5355
|
-
/* @__PURE__ */
|
|
5356
|
-
/* @__PURE__ */
|
|
5411
|
+
/* @__PURE__ */ jsx76("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
5412
|
+
/* @__PURE__ */ jsx76(
|
|
5357
5413
|
SiconDelete2,
|
|
5358
5414
|
{
|
|
5359
5415
|
className: ScImageField_default.removeIcon,
|
|
@@ -5364,9 +5420,9 @@ var ScImageField = ({
|
|
|
5364
5420
|
}
|
|
5365
5421
|
}
|
|
5366
5422
|
)
|
|
5367
|
-
] }) : /* @__PURE__ */
|
|
5368
|
-
/* @__PURE__ */
|
|
5369
|
-
/* @__PURE__ */
|
|
5423
|
+
] }) : /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
5424
|
+
/* @__PURE__ */ jsx76(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
5425
|
+
/* @__PURE__ */ jsx76("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
5370
5426
|
] })
|
|
5371
5427
|
] });
|
|
5372
5428
|
};
|
|
@@ -5380,7 +5436,7 @@ var ScSettingsTabComp_default = {
|
|
|
5380
5436
|
};
|
|
5381
5437
|
|
|
5382
5438
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
5383
|
-
import { jsx as
|
|
5439
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
5384
5440
|
var ScSettingsTabComp = ({
|
|
5385
5441
|
tabName = "Tab",
|
|
5386
5442
|
active = false,
|
|
@@ -5388,12 +5444,12 @@ var ScSettingsTabComp = ({
|
|
|
5388
5444
|
className
|
|
5389
5445
|
}) => {
|
|
5390
5446
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
5391
|
-
return /* @__PURE__ */
|
|
5447
|
+
return /* @__PURE__ */ jsx77(
|
|
5392
5448
|
"div",
|
|
5393
5449
|
{
|
|
5394
5450
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
5395
5451
|
onClick,
|
|
5396
|
-
children: /* @__PURE__ */
|
|
5452
|
+
children: /* @__PURE__ */ jsx77("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
5397
5453
|
}
|
|
5398
5454
|
);
|
|
5399
5455
|
};
|
|
@@ -5413,7 +5469,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
5413
5469
|
|
|
5414
5470
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
5415
5471
|
import { SiconCredits as SiconCredits3 } from "@streamoid/icons";
|
|
5416
|
-
import { jsx as
|
|
5472
|
+
import { jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
5417
5473
|
var ScCreditsUsageCardMobile = ({
|
|
5418
5474
|
usageLabel = "Credits usage",
|
|
5419
5475
|
usageText = "8,450 / 30,000",
|
|
@@ -5423,23 +5479,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
5423
5479
|
className,
|
|
5424
5480
|
...props
|
|
5425
5481
|
}) => {
|
|
5426
|
-
return /* @__PURE__ */
|
|
5427
|
-
/* @__PURE__ */
|
|
5428
|
-
/* @__PURE__ */
|
|
5482
|
+
return /* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5483
|
+
/* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
5484
|
+
/* @__PURE__ */ jsx78(
|
|
5429
5485
|
SiconCredits3,
|
|
5430
5486
|
{
|
|
5431
5487
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
5432
5488
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5433
5489
|
}
|
|
5434
5490
|
),
|
|
5435
|
-
/* @__PURE__ */
|
|
5491
|
+
/* @__PURE__ */ jsx78("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
5436
5492
|
] }),
|
|
5437
|
-
/* @__PURE__ */
|
|
5438
|
-
/* @__PURE__ */
|
|
5439
|
-
/* @__PURE__ */
|
|
5440
|
-
/* @__PURE__ */
|
|
5493
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
5494
|
+
/* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
5495
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
5496
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
5441
5497
|
] }),
|
|
5442
|
-
/* @__PURE__ */
|
|
5498
|
+
/* @__PURE__ */ jsx78(
|
|
5443
5499
|
ScButton,
|
|
5444
5500
|
{
|
|
5445
5501
|
text: buyButtonText,
|
|
@@ -5471,7 +5527,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
5471
5527
|
|
|
5472
5528
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
5473
5529
|
import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
|
|
5474
|
-
import { jsx as
|
|
5530
|
+
import { jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
5475
5531
|
var ScPlanDetailsCardMobile = ({
|
|
5476
5532
|
planName = "Pro",
|
|
5477
5533
|
planCredits = "30,000 credits",
|
|
@@ -5483,19 +5539,19 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5483
5539
|
className,
|
|
5484
5540
|
...props
|
|
5485
5541
|
}) => {
|
|
5486
|
-
return /* @__PURE__ */
|
|
5487
|
-
/* @__PURE__ */
|
|
5488
|
-
/* @__PURE__ */
|
|
5489
|
-
/* @__PURE__ */
|
|
5542
|
+
return /* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5543
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
5544
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
5545
|
+
/* @__PURE__ */ jsx79(
|
|
5490
5546
|
SiconBilling4,
|
|
5491
5547
|
{
|
|
5492
5548
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
5493
5549
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5494
5550
|
}
|
|
5495
5551
|
),
|
|
5496
|
-
/* @__PURE__ */
|
|
5552
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
5497
5553
|
] }),
|
|
5498
|
-
/* @__PURE__ */
|
|
5554
|
+
/* @__PURE__ */ jsx79(
|
|
5499
5555
|
ScBadges,
|
|
5500
5556
|
{
|
|
5501
5557
|
text: badgeText,
|
|
@@ -5505,16 +5561,16 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5505
5561
|
}
|
|
5506
5562
|
)
|
|
5507
5563
|
] }),
|
|
5508
|
-
/* @__PURE__ */
|
|
5509
|
-
/* @__PURE__ */
|
|
5510
|
-
/* @__PURE__ */
|
|
5511
|
-
/* @__PURE__ */
|
|
5512
|
-
/* @__PURE__ */
|
|
5513
|
-
/* @__PURE__ */
|
|
5564
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
5565
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
|
|
5566
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
5567
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
5568
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
5569
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
5514
5570
|
] }),
|
|
5515
|
-
/* @__PURE__ */
|
|
5571
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
5516
5572
|
] }),
|
|
5517
|
-
/* @__PURE__ */
|
|
5573
|
+
/* @__PURE__ */ jsx79(
|
|
5518
5574
|
ScButton,
|
|
5519
5575
|
{
|
|
5520
5576
|
text: upgradeButtonText,
|
|
@@ -5532,6 +5588,7 @@ export {
|
|
|
5532
5588
|
NscWorkspaceSwitch,
|
|
5533
5589
|
ScAccess,
|
|
5534
5590
|
ScAppCard,
|
|
5591
|
+
ScAppCardV3,
|
|
5535
5592
|
ScAppField,
|
|
5536
5593
|
ScAppListingCard,
|
|
5537
5594
|
ScArtifaxInvite,
|