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