@streamoid/ui 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +185 -8
- package/dist/index.d.mts +17 -5
- package/dist/index.d.ts +17 -5
- package/dist/index.js +436 -379
- package/dist/index.mjs +416 -359
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -24,6 +24,7 @@ __export(index_exports, {
|
|
|
24
24
|
NscWorkspaceSwitch: () => NscWorkspaceSwitch,
|
|
25
25
|
ScAccess: () => ScAccess,
|
|
26
26
|
ScAppCard: () => ScAppCard,
|
|
27
|
+
ScAppCardV3: () => ScAppCardV3,
|
|
27
28
|
ScAppField: () => ScAppField,
|
|
28
29
|
ScAppListingCard: () => ScAppListingCard,
|
|
29
30
|
ScArtifaxInvite: () => ScArtifaxInvite,
|
|
@@ -1650,25 +1651,17 @@ var ScVDivider_default = {
|
|
|
1650
1651
|
// src/SC-VDivider/ScVDivider.tsx
|
|
1651
1652
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1652
1653
|
var ScVDivider = ({
|
|
1654
|
+
color,
|
|
1653
1655
|
className,
|
|
1656
|
+
style,
|
|
1654
1657
|
...props
|
|
1655
1658
|
}) => {
|
|
1656
1659
|
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1657
|
-
"
|
|
1660
|
+
"div",
|
|
1658
1661
|
{
|
|
1659
|
-
className: ScVDivider_default.scVDivider + " " + className,
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
viewBox: "0 0 1 28",
|
|
1663
|
-
fill: "none",
|
|
1664
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1665
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1666
|
-
"path",
|
|
1667
|
-
{
|
|
1668
|
-
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",
|
|
1669
|
-
fill: "var(--alias-border-divider, #242424)"
|
|
1670
|
-
}
|
|
1671
|
-
)
|
|
1662
|
+
className: ScVDivider_default.scVDivider + (className ? " " + className : ""),
|
|
1663
|
+
style: color ? { borderLeftColor: color, ...style } : style,
|
|
1664
|
+
...props
|
|
1672
1665
|
}
|
|
1673
1666
|
);
|
|
1674
1667
|
};
|
|
@@ -2755,6 +2748,7 @@ function StreamoidSidebar({
|
|
|
2755
2748
|
versionText = "v1.0.0",
|
|
2756
2749
|
toggleIcon,
|
|
2757
2750
|
hideFooter = false,
|
|
2751
|
+
preFooterContent,
|
|
2758
2752
|
className,
|
|
2759
2753
|
style
|
|
2760
2754
|
}) {
|
|
@@ -2854,6 +2848,7 @@ function StreamoidSidebar({
|
|
|
2854
2848
|
)
|
|
2855
2849
|
}
|
|
2856
2850
|
) : null,
|
|
2851
|
+
preFooterContent,
|
|
2857
2852
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {}),
|
|
2858
2853
|
profile ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
|
|
2859
2854
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
@@ -3510,6 +3505,64 @@ var ScAppCard = ({
|
|
|
3510
3505
|
] });
|
|
3511
3506
|
};
|
|
3512
3507
|
|
|
3508
|
+
// src/SC-AppCardV3/ScAppCardV3.module.css
|
|
3509
|
+
var ScAppCardV3_default = {
|
|
3510
|
+
scAppCardV3: "ScAppCardV3_scAppCardV3",
|
|
3511
|
+
cardBorder: "ScAppCardV3_cardBorder",
|
|
3512
|
+
scAppCardV3Active: "ScAppCardV3_scAppCardV3Active",
|
|
3513
|
+
glow: "ScAppCardV3_glow",
|
|
3514
|
+
glowHover: "ScAppCardV3_glowHover",
|
|
3515
|
+
header: "ScAppCardV3_header",
|
|
3516
|
+
iconRow: "ScAppCardV3_iconRow",
|
|
3517
|
+
appName: "ScAppCardV3_appName",
|
|
3518
|
+
iconPill: "ScAppCardV3_iconPill",
|
|
3519
|
+
iconPillBg: "ScAppCardV3_iconPillBg",
|
|
3520
|
+
iconPillShadow: "ScAppCardV3_iconPillShadow",
|
|
3521
|
+
iconPillIcon: "ScAppCardV3_iconPillIcon",
|
|
3522
|
+
description: "ScAppCardV3_description"
|
|
3523
|
+
};
|
|
3524
|
+
|
|
3525
|
+
// src/SC-AppCardV3/ScAppCardV3.tsx
|
|
3526
|
+
var import_icons37 = require("@streamoid/icons");
|
|
3527
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3528
|
+
var ScAppCardV3 = ({
|
|
3529
|
+
appIcon = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons37.SiconCart, { className: ScAppCardV3_default.iconPillIcon }),
|
|
3530
|
+
appName = "Stores",
|
|
3531
|
+
description = "Centralized product and asset management for every storefront",
|
|
3532
|
+
active = false,
|
|
3533
|
+
className,
|
|
3534
|
+
style,
|
|
3535
|
+
...props
|
|
3536
|
+
}) => {
|
|
3537
|
+
const cardClass = [
|
|
3538
|
+
ScAppCardV3_default.scAppCardV3,
|
|
3539
|
+
active ? ScAppCardV3_default.scAppCardV3Active : ""
|
|
3540
|
+
].filter(Boolean).join(" ");
|
|
3541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3542
|
+
"div",
|
|
3543
|
+
{
|
|
3544
|
+
className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
3545
|
+
style,
|
|
3546
|
+
...props,
|
|
3547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cardClass, children: [
|
|
3548
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.glow }),
|
|
3549
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.glowHover }),
|
|
3550
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.header, children: [
|
|
3551
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.iconRow, children: [
|
|
3552
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: ScAppCardV3_default.appName, children: appName }),
|
|
3553
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.iconPill, children: [
|
|
3554
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillBg }),
|
|
3555
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
|
|
3556
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillShadow })
|
|
3557
|
+
] })
|
|
3558
|
+
] }),
|
|
3559
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: ScAppCardV3_default.description, children: description })
|
|
3560
|
+
] })
|
|
3561
|
+
] })
|
|
3562
|
+
}
|
|
3563
|
+
);
|
|
3564
|
+
};
|
|
3565
|
+
|
|
3513
3566
|
// src/SC-appField/ScAppField.module.css
|
|
3514
3567
|
var ScAppField_default = {
|
|
3515
3568
|
scAppField: "ScAppField_scAppField",
|
|
@@ -3530,7 +3583,7 @@ var ScArtifaxInvite_default = {
|
|
|
3530
3583
|
};
|
|
3531
3584
|
|
|
3532
3585
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
3533
|
-
var
|
|
3586
|
+
var import_icons38 = require("@streamoid/icons");
|
|
3534
3587
|
|
|
3535
3588
|
// src/SC-toggleSwitch/ScToggleSwitch.module.css
|
|
3536
3589
|
var ScToggleSwitch_default = {
|
|
@@ -3541,7 +3594,7 @@ var ScToggleSwitch_default = {
|
|
|
3541
3594
|
};
|
|
3542
3595
|
|
|
3543
3596
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
3544
|
-
var
|
|
3597
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3545
3598
|
var ScToggleSwitch = ({
|
|
3546
3599
|
active = "false",
|
|
3547
3600
|
checked,
|
|
@@ -3551,7 +3604,7 @@ var ScToggleSwitch = ({
|
|
|
3551
3604
|
}) => {
|
|
3552
3605
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
3553
3606
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
3554
|
-
return /* @__PURE__ */ (0,
|
|
3607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3555
3608
|
"div",
|
|
3556
3609
|
{
|
|
3557
3610
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -3561,20 +3614,20 @@ var ScToggleSwitch = ({
|
|
|
3561
3614
|
props.onClick?.(e);
|
|
3562
3615
|
},
|
|
3563
3616
|
style: { cursor: "pointer", ...props.style },
|
|
3564
|
-
children: isActive ? /* @__PURE__ */ (0,
|
|
3565
|
-
/* @__PURE__ */ (0,
|
|
3566
|
-
/* @__PURE__ */ (0,
|
|
3567
|
-
] }) : /* @__PURE__ */ (0,
|
|
3568
|
-
/* @__PURE__ */ (0,
|
|
3569
|
-
/* @__PURE__ */ (0,
|
|
3570
|
-
/* @__PURE__ */ (0,
|
|
3617
|
+
children: isActive ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3618
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
3619
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
|
|
3620
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3621
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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)" }),
|
|
3622
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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)" }),
|
|
3623
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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)" })
|
|
3571
3624
|
] })
|
|
3572
3625
|
}
|
|
3573
3626
|
);
|
|
3574
3627
|
};
|
|
3575
3628
|
|
|
3576
3629
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
3577
|
-
var
|
|
3630
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3578
3631
|
var ScArtifaxInvite = ({
|
|
3579
3632
|
active = "true",
|
|
3580
3633
|
appName = "Artifax",
|
|
@@ -3587,22 +3640,22 @@ var ScArtifaxInvite = ({
|
|
|
3587
3640
|
}) => {
|
|
3588
3641
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3589
3642
|
const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3590
|
-
return /* @__PURE__ */ (0,
|
|
3643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
3591
3644
|
"div",
|
|
3592
3645
|
{
|
|
3593
3646
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
3594
3647
|
...props,
|
|
3595
3648
|
children: [
|
|
3596
|
-
/* @__PURE__ */ (0,
|
|
3649
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3597
3650
|
ScAppCard,
|
|
3598
3651
|
{
|
|
3599
|
-
appIcon: appIcon || /* @__PURE__ */ (0,
|
|
3652
|
+
appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons38.SiconArtifacts, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
3600
3653
|
appName,
|
|
3601
3654
|
appDescription,
|
|
3602
3655
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
3603
3656
|
}
|
|
3604
3657
|
),
|
|
3605
|
-
/* @__PURE__ */ (0,
|
|
3658
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3606
3659
|
ScToggleSwitch,
|
|
3607
3660
|
{
|
|
3608
3661
|
checked: isEnabled,
|
|
@@ -3616,7 +3669,7 @@ var ScArtifaxInvite = ({
|
|
|
3616
3669
|
};
|
|
3617
3670
|
|
|
3618
3671
|
// src/SC-appField/ScAppField.tsx
|
|
3619
|
-
var
|
|
3672
|
+
var import_icons44 = require("@streamoid/icons");
|
|
3620
3673
|
|
|
3621
3674
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.module.css
|
|
3622
3675
|
var ScPhtogenixInvite_default = {
|
|
@@ -3627,13 +3680,13 @@ var ScPhtogenixInvite_default = {
|
|
|
3627
3680
|
};
|
|
3628
3681
|
|
|
3629
3682
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
3630
|
-
var
|
|
3631
|
-
var
|
|
3683
|
+
var import_icons39 = require("@streamoid/icons");
|
|
3684
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3632
3685
|
var ScPhtogenixInvite = ({
|
|
3633
3686
|
active = "true",
|
|
3634
3687
|
scAppCardappDescription = "Info about photogenix",
|
|
3635
3688
|
scAppCardappName = "Photogenix",
|
|
3636
|
-
scAppCardappIcon = /* @__PURE__ */ (0,
|
|
3689
|
+
scAppCardappIcon = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons39.SiconArtifacts, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
3637
3690
|
className,
|
|
3638
3691
|
enabled,
|
|
3639
3692
|
onToggle,
|
|
@@ -3641,12 +3694,12 @@ var ScPhtogenixInvite = ({
|
|
|
3641
3694
|
}) => {
|
|
3642
3695
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3643
3696
|
const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3644
|
-
return /* @__PURE__ */ (0,
|
|
3697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
3645
3698
|
"div",
|
|
3646
3699
|
{
|
|
3647
3700
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
3648
3701
|
children: [
|
|
3649
|
-
/* @__PURE__ */ (0,
|
|
3702
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3650
3703
|
ScAppCard,
|
|
3651
3704
|
{
|
|
3652
3705
|
appIcon: scAppCardappIcon,
|
|
@@ -3655,7 +3708,7 @@ var ScPhtogenixInvite = ({
|
|
|
3655
3708
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
3656
3709
|
}
|
|
3657
3710
|
),
|
|
3658
|
-
/* @__PURE__ */ (0,
|
|
3711
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3659
3712
|
ScToggleSwitch,
|
|
3660
3713
|
{
|
|
3661
3714
|
checked: isEnabled,
|
|
@@ -3685,14 +3738,17 @@ var ScCatalogixInvite_default = {
|
|
|
3685
3738
|
};
|
|
3686
3739
|
|
|
3687
3740
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
3688
|
-
var import_icons40 = require("@streamoid/icons");
|
|
3689
3741
|
var import_icons41 = require("@streamoid/icons");
|
|
3742
|
+
var import_icons42 = require("@streamoid/icons");
|
|
3690
3743
|
|
|
3691
3744
|
// src/SC-onlyField/ScOnlyField.module.css
|
|
3692
3745
|
var ScOnlyField_default = {
|
|
3693
3746
|
scOnlyField: "ScOnlyField_scOnlyField",
|
|
3694
3747
|
inputContainer: "ScOnlyField_inputContainer",
|
|
3695
3748
|
inputText: "ScOnlyField_inputText",
|
|
3749
|
+
iconWrapper: "ScOnlyField_iconWrapper",
|
|
3750
|
+
"size-medium": "ScOnlyField_size-medium",
|
|
3751
|
+
"size-small": "ScOnlyField_size-small",
|
|
3696
3752
|
"tf-group-icon-left": "ScOnlyField_tf-group-icon-left",
|
|
3697
3753
|
"tf-group-icon-left-right": "ScOnlyField_tf-group-icon-left-right",
|
|
3698
3754
|
"state-hover": "ScOnlyField_state-hover",
|
|
@@ -3701,14 +3757,15 @@ var ScOnlyField_default = {
|
|
|
3701
3757
|
};
|
|
3702
3758
|
|
|
3703
3759
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
3704
|
-
var
|
|
3705
|
-
var
|
|
3760
|
+
var import_icons40 = require("@streamoid/icons");
|
|
3761
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3706
3762
|
var ScOnlyField = ({
|
|
3707
|
-
tfRightIcon = /* @__PURE__ */ (0,
|
|
3708
|
-
tfLeftIcon = /* @__PURE__ */ (0,
|
|
3763
|
+
tfRightIcon = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons40.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3764
|
+
tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons40.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3709
3765
|
state = "default",
|
|
3710
3766
|
tfGroup = "icon-right",
|
|
3711
3767
|
labelGroup = "none",
|
|
3768
|
+
size = "default",
|
|
3712
3769
|
className,
|
|
3713
3770
|
placeholderFilled = "Placeholder",
|
|
3714
3771
|
value,
|
|
@@ -3716,15 +3773,15 @@ var ScOnlyField = ({
|
|
|
3716
3773
|
inputProps,
|
|
3717
3774
|
...props
|
|
3718
3775
|
}) => {
|
|
3719
|
-
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup];
|
|
3720
|
-
return /* @__PURE__ */ (0,
|
|
3776
|
+
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
3777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3721
3778
|
"div",
|
|
3722
3779
|
{
|
|
3723
3780
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
3724
3781
|
...props,
|
|
3725
|
-
children: /* @__PURE__ */ (0,
|
|
3726
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0,
|
|
3727
|
-
/* @__PURE__ */ (0,
|
|
3782
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScOnlyField_default.inputContainer, children: [
|
|
3783
|
+
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
|
|
3784
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3728
3785
|
"input",
|
|
3729
3786
|
{
|
|
3730
3787
|
className: ScOnlyField_default.inputText,
|
|
@@ -3744,15 +3801,15 @@ var ScOnlyField = ({
|
|
|
3744
3801
|
...inputProps
|
|
3745
3802
|
}
|
|
3746
3803
|
),
|
|
3747
|
-
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0,
|
|
3804
|
+
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
|
|
3748
3805
|
] })
|
|
3749
3806
|
}
|
|
3750
3807
|
);
|
|
3751
3808
|
};
|
|
3752
3809
|
|
|
3753
3810
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
3754
|
-
var
|
|
3755
|
-
var
|
|
3811
|
+
var import_icons43 = require("@streamoid/icons");
|
|
3812
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3756
3813
|
var ScCatalogixInvite = ({
|
|
3757
3814
|
active = "false",
|
|
3758
3815
|
appName = "Catalogix",
|
|
@@ -3774,23 +3831,23 @@ var ScCatalogixInvite = ({
|
|
|
3774
3831
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3775
3832
|
const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3776
3833
|
const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
|
|
3777
|
-
return /* @__PURE__ */ (0,
|
|
3834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
3778
3835
|
"div",
|
|
3779
3836
|
{
|
|
3780
3837
|
className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
|
|
3781
3838
|
...props,
|
|
3782
3839
|
children: [
|
|
3783
|
-
/* @__PURE__ */ (0,
|
|
3784
|
-
/* @__PURE__ */ (0,
|
|
3840
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
3841
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3785
3842
|
ScAppCard,
|
|
3786
3843
|
{
|
|
3787
|
-
appIcon: appIcon || /* @__PURE__ */ (0,
|
|
3844
|
+
appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons41.SiconArtifacts, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
3788
3845
|
appDescription,
|
|
3789
3846
|
appName,
|
|
3790
3847
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
3791
3848
|
}
|
|
3792
3849
|
),
|
|
3793
|
-
/* @__PURE__ */ (0,
|
|
3850
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3794
3851
|
ScToggleSwitch,
|
|
3795
3852
|
{
|
|
3796
3853
|
checked: isEnabled,
|
|
@@ -3799,29 +3856,29 @@ var ScCatalogixInvite = ({
|
|
|
3799
3856
|
}
|
|
3800
3857
|
)
|
|
3801
3858
|
] }),
|
|
3802
|
-
isEnabled && /* @__PURE__ */ (0,
|
|
3803
|
-
/* @__PURE__ */ (0,
|
|
3804
|
-
/* @__PURE__ */ (0,
|
|
3859
|
+
isEnabled && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
|
|
3860
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
|
|
3861
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
|
|
3805
3862
|
storeAccessTitle,
|
|
3806
3863
|
" "
|
|
3807
3864
|
] }),
|
|
3808
|
-
/* @__PURE__ */ (0,
|
|
3865
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.selectedCount, children: [
|
|
3809
3866
|
displayCount,
|
|
3810
3867
|
" "
|
|
3811
3868
|
] })
|
|
3812
3869
|
] }),
|
|
3813
|
-
/* @__PURE__ */ (0,
|
|
3870
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3814
3871
|
ScOnlyField,
|
|
3815
3872
|
{
|
|
3816
|
-
tfLeftIcon: /* @__PURE__ */ (0,
|
|
3817
|
-
tfRightIcon: /* @__PURE__ */ (0,
|
|
3873
|
+
tfLeftIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons42.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3874
|
+
tfRightIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons42.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3818
3875
|
placeholderFilled: searchPlaceholder,
|
|
3819
3876
|
value: searchValue,
|
|
3820
3877
|
onInputChange: onSearchChange,
|
|
3821
3878
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
3822
3879
|
}
|
|
3823
3880
|
),
|
|
3824
|
-
/* @__PURE__ */ (0,
|
|
3881
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3825
3882
|
ScPairtext,
|
|
3826
3883
|
{
|
|
3827
3884
|
content: store.name,
|
|
@@ -3832,53 +3889,53 @@ var ScCatalogixInvite = ({
|
|
|
3832
3889
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3833
3890
|
},
|
|
3834
3891
|
store.id
|
|
3835
|
-
)) : /* @__PURE__ */ (0,
|
|
3892
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { style: {
|
|
3836
3893
|
padding: "var(--spacing-3xl, 16px)",
|
|
3837
3894
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
3838
3895
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
3839
3896
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
3840
3897
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
3841
|
-
}, children: "No stores found" }) : /* @__PURE__ */ (0,
|
|
3842
|
-
/* @__PURE__ */ (0,
|
|
3898
|
+
}, children: "No stores found" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
|
|
3899
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3843
3900
|
ScPairtext,
|
|
3844
3901
|
{
|
|
3845
|
-
icon: /* @__PURE__ */ (0,
|
|
3902
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3846
3903
|
iconPosition: "right",
|
|
3847
3904
|
type: "checkbox",
|
|
3848
3905
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3849
3906
|
}
|
|
3850
3907
|
),
|
|
3851
|
-
/* @__PURE__ */ (0,
|
|
3908
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3852
3909
|
ScPairtext,
|
|
3853
3910
|
{
|
|
3854
|
-
icon: /* @__PURE__ */ (0,
|
|
3911
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3855
3912
|
iconPosition: "right",
|
|
3856
3913
|
type: "checkbox",
|
|
3857
3914
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3858
3915
|
}
|
|
3859
3916
|
),
|
|
3860
|
-
/* @__PURE__ */ (0,
|
|
3917
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3861
3918
|
ScPairtext,
|
|
3862
3919
|
{
|
|
3863
|
-
icon: /* @__PURE__ */ (0,
|
|
3920
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3864
3921
|
iconPosition: "right",
|
|
3865
3922
|
type: "checkbox",
|
|
3866
3923
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3867
3924
|
}
|
|
3868
3925
|
),
|
|
3869
|
-
/* @__PURE__ */ (0,
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3870
3927
|
ScPairtext,
|
|
3871
3928
|
{
|
|
3872
|
-
icon: /* @__PURE__ */ (0,
|
|
3929
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3873
3930
|
iconPosition: "right",
|
|
3874
3931
|
type: "checkbox",
|
|
3875
3932
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3876
3933
|
}
|
|
3877
3934
|
),
|
|
3878
|
-
/* @__PURE__ */ (0,
|
|
3935
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3879
3936
|
ScPairtext,
|
|
3880
3937
|
{
|
|
3881
|
-
icon: /* @__PURE__ */ (0,
|
|
3938
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3882
3939
|
iconPosition: "right",
|
|
3883
3940
|
type: "checkbox",
|
|
3884
3941
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -3892,7 +3949,7 @@ var ScCatalogixInvite = ({
|
|
|
3892
3949
|
};
|
|
3893
3950
|
|
|
3894
3951
|
// src/SC-appField/ScAppField.tsx
|
|
3895
|
-
var
|
|
3952
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3896
3953
|
var ScAppField = ({
|
|
3897
3954
|
appFieldTitle = "App permission",
|
|
3898
3955
|
className,
|
|
@@ -3909,13 +3966,13 @@ var ScAppField = ({
|
|
|
3909
3966
|
onCatalogixSearchChange,
|
|
3910
3967
|
...props
|
|
3911
3968
|
}) => {
|
|
3912
|
-
return /* @__PURE__ */ (0,
|
|
3913
|
-
/* @__PURE__ */ (0,
|
|
3969
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
|
|
3970
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.title, children: [
|
|
3914
3971
|
appFieldTitle,
|
|
3915
3972
|
" "
|
|
3916
3973
|
] }) }),
|
|
3917
|
-
/* @__PURE__ */ (0,
|
|
3918
|
-
/* @__PURE__ */ (0,
|
|
3974
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.inputContainer, children: [
|
|
3975
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3919
3976
|
ScArtifaxInvite,
|
|
3920
3977
|
{
|
|
3921
3978
|
enabled: artifaxEnabled,
|
|
@@ -3923,18 +3980,18 @@ var ScAppField = ({
|
|
|
3923
3980
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
3924
3981
|
}
|
|
3925
3982
|
),
|
|
3926
|
-
/* @__PURE__ */ (0,
|
|
3983
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3927
3984
|
ScPhtogenixInvite,
|
|
3928
3985
|
{
|
|
3929
3986
|
enabled: photogenixEnabled,
|
|
3930
3987
|
onToggle: onPhotogenixToggle,
|
|
3931
3988
|
scAppCardappDescription: "Info about photogenix",
|
|
3932
3989
|
scAppCardappName: "Photogenix",
|
|
3933
|
-
scAppCardappIcon: /* @__PURE__ */ (0,
|
|
3990
|
+
scAppCardappIcon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons44.SiconPhotogenix, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
3934
3991
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
3935
3992
|
}
|
|
3936
3993
|
),
|
|
3937
|
-
/* @__PURE__ */ (0,
|
|
3994
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3938
3995
|
ScCatalogixInvite,
|
|
3939
3996
|
{
|
|
3940
3997
|
enabled: catalogixEnabled,
|
|
@@ -3961,13 +4018,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
3961
4018
|
};
|
|
3962
4019
|
|
|
3963
4020
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
3964
|
-
var
|
|
4021
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3965
4022
|
var ScBillingHistoryHeader = ({
|
|
3966
4023
|
className,
|
|
3967
4024
|
...props
|
|
3968
4025
|
}) => {
|
|
3969
|
-
return /* @__PURE__ */ (0,
|
|
3970
|
-
/* @__PURE__ */ (0,
|
|
4026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
4027
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3971
4028
|
ScHeader,
|
|
3972
4029
|
{
|
|
3973
4030
|
text: "Invoice",
|
|
@@ -3975,7 +4032,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3975
4032
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
3976
4033
|
}
|
|
3977
4034
|
),
|
|
3978
|
-
/* @__PURE__ */ (0,
|
|
4035
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3979
4036
|
ScHeader,
|
|
3980
4037
|
{
|
|
3981
4038
|
text: "Amount",
|
|
@@ -3983,7 +4040,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3983
4040
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3984
4041
|
}
|
|
3985
4042
|
),
|
|
3986
|
-
/* @__PURE__ */ (0,
|
|
4043
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3987
4044
|
ScHeader,
|
|
3988
4045
|
{
|
|
3989
4046
|
text: "Date",
|
|
@@ -3991,7 +4048,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3991
4048
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3992
4049
|
}
|
|
3993
4050
|
),
|
|
3994
|
-
/* @__PURE__ */ (0,
|
|
4051
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3995
4052
|
ScHeader,
|
|
3996
4053
|
{
|
|
3997
4054
|
text: "Action",
|
|
@@ -4012,20 +4069,20 @@ var ScCheckField_default = {
|
|
|
4012
4069
|
};
|
|
4013
4070
|
|
|
4014
4071
|
// src/SC-checkField/ScCheckField.tsx
|
|
4015
|
-
var
|
|
4016
|
-
var
|
|
4072
|
+
var import_icons45 = require("@streamoid/icons");
|
|
4073
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4017
4074
|
var ScCheckField = ({
|
|
4018
4075
|
label = "Label",
|
|
4019
4076
|
className,
|
|
4020
4077
|
checkboxes,
|
|
4021
4078
|
...props
|
|
4022
4079
|
}) => {
|
|
4023
|
-
return /* @__PURE__ */ (0,
|
|
4024
|
-
/* @__PURE__ */ (0,
|
|
4080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
|
|
4081
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScCheckField_default.label, children: [
|
|
4025
4082
|
label,
|
|
4026
4083
|
" "
|
|
4027
4084
|
] }) }),
|
|
4028
|
-
/* @__PURE__ */ (0,
|
|
4085
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4029
4086
|
ScPairtext,
|
|
4030
4087
|
{
|
|
4031
4088
|
content: item.label,
|
|
@@ -4035,19 +4092,19 @@ var ScCheckField = ({
|
|
|
4035
4092
|
className: ScCheckField_default.scPairtextInstance
|
|
4036
4093
|
},
|
|
4037
4094
|
i
|
|
4038
|
-
)) : /* @__PURE__ */ (0,
|
|
4039
|
-
/* @__PURE__ */ (0,
|
|
4095
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
|
|
4096
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4040
4097
|
ScPairtext,
|
|
4041
4098
|
{
|
|
4042
|
-
icon: /* @__PURE__ */ (0,
|
|
4099
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons45.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
|
|
4043
4100
|
type: "checkbox",
|
|
4044
4101
|
className: ScCheckField_default.scPairtextInstance
|
|
4045
4102
|
}
|
|
4046
4103
|
),
|
|
4047
|
-
/* @__PURE__ */ (0,
|
|
4104
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4048
4105
|
ScPairtext,
|
|
4049
4106
|
{
|
|
4050
|
-
icon: /* @__PURE__ */ (0,
|
|
4107
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons45.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
|
|
4051
4108
|
type: "checkbox",
|
|
4052
4109
|
className: ScCheckField_default.scPairtextInstance
|
|
4053
4110
|
}
|
|
@@ -4067,10 +4124,10 @@ var ScFieldButton_default = {
|
|
|
4067
4124
|
};
|
|
4068
4125
|
|
|
4069
4126
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
4070
|
-
var
|
|
4071
|
-
var
|
|
4127
|
+
var import_icons46 = require("@streamoid/icons");
|
|
4128
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4072
4129
|
var ScFieldButton = ({
|
|
4073
|
-
icon = /* @__PURE__ */ (0,
|
|
4130
|
+
icon = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons46.SiconHome, { className: ScFieldButton_default.siconHomeInstance }),
|
|
4074
4131
|
type = "default",
|
|
4075
4132
|
state = "default",
|
|
4076
4133
|
className,
|
|
@@ -4078,18 +4135,18 @@ var ScFieldButton = ({
|
|
|
4078
4135
|
...props
|
|
4079
4136
|
}) => {
|
|
4080
4137
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
4081
|
-
return /* @__PURE__ */ (0,
|
|
4138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
4082
4139
|
"div",
|
|
4083
4140
|
{
|
|
4084
4141
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
4085
4142
|
...props,
|
|
4086
|
-
children: /* @__PURE__ */ (0,
|
|
4087
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0,
|
|
4088
|
-
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0,
|
|
4143
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ScFieldButton_default.container, children: [
|
|
4144
|
+
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: icon }),
|
|
4145
|
+
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ScFieldButton_default.label, children: [
|
|
4089
4146
|
text,
|
|
4090
4147
|
" "
|
|
4091
4148
|
] }) }),
|
|
4092
|
-
type === "icon-left" && /* @__PURE__ */ (0,
|
|
4149
|
+
type === "icon-left" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: icon })
|
|
4093
4150
|
] })
|
|
4094
4151
|
}
|
|
4095
4152
|
);
|
|
@@ -4103,17 +4160,17 @@ var ScPendingAction_default = {
|
|
|
4103
4160
|
};
|
|
4104
4161
|
|
|
4105
4162
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
4106
|
-
var
|
|
4107
|
-
var
|
|
4163
|
+
var import_icons47 = require("@streamoid/icons");
|
|
4164
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4108
4165
|
var ScPendingAction = ({
|
|
4109
4166
|
className,
|
|
4110
4167
|
...props
|
|
4111
4168
|
}) => {
|
|
4112
|
-
return /* @__PURE__ */ (0,
|
|
4113
|
-
/* @__PURE__ */ (0,
|
|
4169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
4170
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4114
4171
|
ScButton,
|
|
4115
4172
|
{
|
|
4116
|
-
icon: /* @__PURE__ */ (0,
|
|
4173
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons47.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4117
4174
|
text: "Cancel",
|
|
4118
4175
|
variant: "error",
|
|
4119
4176
|
type: "tertiary",
|
|
@@ -4121,11 +4178,11 @@ var ScPendingAction = ({
|
|
|
4121
4178
|
className: ScPendingAction_default.scButtonInstance
|
|
4122
4179
|
}
|
|
4123
4180
|
),
|
|
4124
|
-
/* @__PURE__ */ (0,
|
|
4125
|
-
/* @__PURE__ */ (0,
|
|
4181
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
4182
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4126
4183
|
ScButton,
|
|
4127
4184
|
{
|
|
4128
|
-
icon: /* @__PURE__ */ (0,
|
|
4185
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons47.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4129
4186
|
text: "Resend",
|
|
4130
4187
|
variant: "tertiary",
|
|
4131
4188
|
size: "sm",
|
|
@@ -4148,8 +4205,8 @@ var ScQuickPrompt_default = {
|
|
|
4148
4205
|
};
|
|
4149
4206
|
|
|
4150
4207
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
4151
|
-
var
|
|
4152
|
-
var
|
|
4208
|
+
var import_icons48 = require("@streamoid/icons");
|
|
4209
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4153
4210
|
var ScQuickPrompt = ({
|
|
4154
4211
|
appName = "Photogenix",
|
|
4155
4212
|
heading = "Swap Model and Background",
|
|
@@ -4157,20 +4214,20 @@ var ScQuickPrompt = ({
|
|
|
4157
4214
|
className,
|
|
4158
4215
|
...props
|
|
4159
4216
|
}) => {
|
|
4160
|
-
return /* @__PURE__ */ (0,
|
|
4161
|
-
/* @__PURE__ */ (0,
|
|
4162
|
-
/* @__PURE__ */ (0,
|
|
4163
|
-
/* @__PURE__ */ (0,
|
|
4217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
|
|
4218
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.header, children: [
|
|
4219
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons48.SiconBolt, { className: ScQuickPrompt_default.siconBoltInstance }) }),
|
|
4220
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.title, children: [
|
|
4164
4221
|
appName,
|
|
4165
4222
|
" "
|
|
4166
4223
|
] }) })
|
|
4167
4224
|
] }),
|
|
4168
|
-
/* @__PURE__ */ (0,
|
|
4169
|
-
/* @__PURE__ */ (0,
|
|
4225
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.body, children: [
|
|
4226
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.heading, children: [
|
|
4170
4227
|
heading,
|
|
4171
4228
|
" "
|
|
4172
4229
|
] }),
|
|
4173
|
-
/* @__PURE__ */ (0,
|
|
4230
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.description, children: [
|
|
4174
4231
|
description,
|
|
4175
4232
|
" "
|
|
4176
4233
|
] })
|
|
@@ -4187,13 +4244,13 @@ var ScReferralTableHeader_default = {
|
|
|
4187
4244
|
};
|
|
4188
4245
|
|
|
4189
4246
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
4190
|
-
var
|
|
4247
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
4191
4248
|
var ScReferralTableHeader = ({
|
|
4192
4249
|
className,
|
|
4193
4250
|
...props
|
|
4194
4251
|
}) => {
|
|
4195
|
-
return /* @__PURE__ */ (0,
|
|
4196
|
-
/* @__PURE__ */ (0,
|
|
4252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
4253
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4197
4254
|
ScHeader,
|
|
4198
4255
|
{
|
|
4199
4256
|
text: "User",
|
|
@@ -4201,7 +4258,7 @@ var ScReferralTableHeader = ({
|
|
|
4201
4258
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
4202
4259
|
}
|
|
4203
4260
|
),
|
|
4204
|
-
/* @__PURE__ */ (0,
|
|
4261
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4205
4262
|
ScHeader,
|
|
4206
4263
|
{
|
|
4207
4264
|
text: "Date",
|
|
@@ -4209,7 +4266,7 @@ var ScReferralTableHeader = ({
|
|
|
4209
4266
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
4210
4267
|
}
|
|
4211
4268
|
),
|
|
4212
|
-
/* @__PURE__ */ (0,
|
|
4269
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4213
4270
|
ScHeader,
|
|
4214
4271
|
{
|
|
4215
4272
|
text: "Status",
|
|
@@ -4217,7 +4274,7 @@ var ScReferralTableHeader = ({
|
|
|
4217
4274
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
4218
4275
|
}
|
|
4219
4276
|
),
|
|
4220
|
-
/* @__PURE__ */ (0,
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4221
4278
|
ScHeader,
|
|
4222
4279
|
{
|
|
4223
4280
|
text: "Reward",
|
|
@@ -4238,7 +4295,7 @@ var ScReferralTableList_default = {
|
|
|
4238
4295
|
};
|
|
4239
4296
|
|
|
4240
4297
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
4241
|
-
var
|
|
4298
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
4242
4299
|
var ScReferralTableList = ({
|
|
4243
4300
|
userEmail = "chris@kepler.com",
|
|
4244
4301
|
userName,
|
|
@@ -4248,8 +4305,8 @@ var ScReferralTableList = ({
|
|
|
4248
4305
|
className,
|
|
4249
4306
|
...props
|
|
4250
4307
|
}) => {
|
|
4251
|
-
return /* @__PURE__ */ (0,
|
|
4252
|
-
/* @__PURE__ */ (0,
|
|
4308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
4309
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
4253
4310
|
ScProfile,
|
|
4254
4311
|
{
|
|
4255
4312
|
subText: userEmail,
|
|
@@ -4257,12 +4314,12 @@ var ScReferralTableList = ({
|
|
|
4257
4314
|
className: ScReferralTableList_default.scProfileInstance
|
|
4258
4315
|
}
|
|
4259
4316
|
),
|
|
4260
|
-
/* @__PURE__ */ (0,
|
|
4317
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.date, children: [
|
|
4261
4318
|
date,
|
|
4262
4319
|
" "
|
|
4263
4320
|
] }),
|
|
4264
|
-
/* @__PURE__ */ (0,
|
|
4265
|
-
/* @__PURE__ */ (0,
|
|
4321
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
4322
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.points, children: [
|
|
4266
4323
|
points,
|
|
4267
4324
|
" "
|
|
4268
4325
|
] })
|
|
@@ -4276,35 +4333,35 @@ var ScSettingsNav_default = {
|
|
|
4276
4333
|
};
|
|
4277
4334
|
|
|
4278
4335
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
4279
|
-
var import_icons48 = require("@streamoid/icons");
|
|
4280
4336
|
var import_icons49 = require("@streamoid/icons");
|
|
4281
|
-
var
|
|
4337
|
+
var import_icons50 = require("@streamoid/icons");
|
|
4338
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4282
4339
|
var ScSettingsNav = ({
|
|
4283
4340
|
className,
|
|
4284
4341
|
...props
|
|
4285
4342
|
}) => {
|
|
4286
|
-
return /* @__PURE__ */ (0,
|
|
4287
|
-
/* @__PURE__ */ (0,
|
|
4343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ScSettingsNav_default.container, children: [
|
|
4344
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4288
4345
|
ScSidebarMenu,
|
|
4289
4346
|
{
|
|
4290
|
-
icon: /* @__PURE__ */ (0,
|
|
4347
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons49.SiconTeam, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
4291
4348
|
text: "Profile",
|
|
4292
4349
|
state: "active",
|
|
4293
4350
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4294
4351
|
}
|
|
4295
4352
|
),
|
|
4296
|
-
/* @__PURE__ */ (0,
|
|
4353
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4297
4354
|
ScSidebarMenu,
|
|
4298
4355
|
{
|
|
4299
|
-
icon: /* @__PURE__ */ (0,
|
|
4356
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons50.SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
4300
4357
|
text: "Workspace",
|
|
4301
4358
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4302
4359
|
}
|
|
4303
4360
|
),
|
|
4304
|
-
/* @__PURE__ */ (0,
|
|
4361
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4305
4362
|
ScSidebarMenu,
|
|
4306
4363
|
{
|
|
4307
|
-
icon: /* @__PURE__ */ (0,
|
|
4364
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons50.SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
4308
4365
|
text: "Referral",
|
|
4309
4366
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4310
4367
|
}
|
|
@@ -4320,7 +4377,7 @@ var ScTabField_default = {
|
|
|
4320
4377
|
};
|
|
4321
4378
|
|
|
4322
4379
|
// src/SC-tabField/ScTabField.tsx
|
|
4323
|
-
var
|
|
4380
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
4324
4381
|
var ScTabField = ({
|
|
4325
4382
|
label = "Label",
|
|
4326
4383
|
className,
|
|
@@ -4329,17 +4386,17 @@ var ScTabField = ({
|
|
|
4329
4386
|
onTabChange,
|
|
4330
4387
|
...props
|
|
4331
4388
|
}) => {
|
|
4332
|
-
return /* @__PURE__ */ (0,
|
|
4333
|
-
/* @__PURE__ */ (0,
|
|
4389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ScTabField_default.scTabField + " " + className, children: [
|
|
4390
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ScTabField_default.label, children: [
|
|
4334
4391
|
label,
|
|
4335
4392
|
" "
|
|
4336
4393
|
] }) }),
|
|
4337
|
-
tabs ? /* @__PURE__ */ (0,
|
|
4394
|
+
tabs ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
4338
4395
|
ScTabSwitcher,
|
|
4339
4396
|
{
|
|
4340
4397
|
tabCount: String(tabs.length),
|
|
4341
4398
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
4342
|
-
component: tabs[0] ? /* @__PURE__ */ (0,
|
|
4399
|
+
component: tabs[0] ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
4343
4400
|
ScTabComp,
|
|
4344
4401
|
{
|
|
4345
4402
|
text: tabs[0].label,
|
|
@@ -4349,7 +4406,7 @@ var ScTabField = ({
|
|
|
4349
4406
|
style: { flex: 1 }
|
|
4350
4407
|
}
|
|
4351
4408
|
) : void 0,
|
|
4352
|
-
component2: tabs[1] ? /* @__PURE__ */ (0,
|
|
4409
|
+
component2: tabs[1] ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
4353
4410
|
ScTabComp,
|
|
4354
4411
|
{
|
|
4355
4412
|
text: tabs[1].label,
|
|
@@ -4360,7 +4417,7 @@ var ScTabField = ({
|
|
|
4360
4417
|
}
|
|
4361
4418
|
) : void 0
|
|
4362
4419
|
}
|
|
4363
|
-
) : /* @__PURE__ */ (0,
|
|
4420
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
4364
4421
|
] });
|
|
4365
4422
|
};
|
|
4366
4423
|
|
|
@@ -4377,19 +4434,19 @@ var ScTableHeader_default = {
|
|
|
4377
4434
|
};
|
|
4378
4435
|
|
|
4379
4436
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
4380
|
-
var
|
|
4437
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
4381
4438
|
var ScTableHeader = ({
|
|
4382
4439
|
type = "default",
|
|
4383
4440
|
className,
|
|
4384
4441
|
...props
|
|
4385
4442
|
}) => {
|
|
4386
4443
|
const variantsClassName = ScTableHeader_default["type-" + type];
|
|
4387
|
-
return /* @__PURE__ */ (0,
|
|
4444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
4388
4445
|
"div",
|
|
4389
4446
|
{
|
|
4390
4447
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
4391
4448
|
children: [
|
|
4392
|
-
/* @__PURE__ */ (0,
|
|
4449
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4393
4450
|
ScHeader,
|
|
4394
4451
|
{
|
|
4395
4452
|
text: "User",
|
|
@@ -4397,7 +4454,7 @@ var ScTableHeader = ({
|
|
|
4397
4454
|
className: ScTableHeader_default.scHeaderInstance
|
|
4398
4455
|
}
|
|
4399
4456
|
),
|
|
4400
|
-
/* @__PURE__ */ (0,
|
|
4457
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4401
4458
|
ScHeader,
|
|
4402
4459
|
{
|
|
4403
4460
|
text: "Role",
|
|
@@ -4405,7 +4462,7 @@ var ScTableHeader = ({
|
|
|
4405
4462
|
className: ScTableHeader_default.scHeaderInstance2
|
|
4406
4463
|
}
|
|
4407
4464
|
),
|
|
4408
|
-
/* @__PURE__ */ (0,
|
|
4465
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4409
4466
|
ScHeader,
|
|
4410
4467
|
{
|
|
4411
4468
|
text: "Access",
|
|
@@ -4413,7 +4470,7 @@ var ScTableHeader = ({
|
|
|
4413
4470
|
className: ScTableHeader_default.scHeaderInstance3
|
|
4414
4471
|
}
|
|
4415
4472
|
),
|
|
4416
|
-
/* @__PURE__ */ (0,
|
|
4473
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4417
4474
|
ScHeader,
|
|
4418
4475
|
{
|
|
4419
4476
|
text: "Invited by",
|
|
@@ -4421,7 +4478,7 @@ var ScTableHeader = ({
|
|
|
4421
4478
|
className: ScTableHeader_default.scHeaderInstance4
|
|
4422
4479
|
}
|
|
4423
4480
|
),
|
|
4424
|
-
type === "pending" && /* @__PURE__ */ (0,
|
|
4481
|
+
type === "pending" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4425
4482
|
ScHeader,
|
|
4426
4483
|
{
|
|
4427
4484
|
text: "Invite action",
|
|
@@ -4429,7 +4486,7 @@ var ScTableHeader = ({
|
|
|
4429
4486
|
className: ScTableHeader_default.scHeaderInstance5
|
|
4430
4487
|
}
|
|
4431
4488
|
) }),
|
|
4432
|
-
type === "default" && /* @__PURE__ */ (0,
|
|
4489
|
+
type === "default" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4433
4490
|
ScHeader,
|
|
4434
4491
|
{
|
|
4435
4492
|
text: "Signed On",
|
|
@@ -4461,9 +4518,9 @@ var ScTableList_default = {
|
|
|
4461
4518
|
};
|
|
4462
4519
|
|
|
4463
4520
|
// src/SC-tableList/ScTableList.tsx
|
|
4464
|
-
var import_icons50 = require("@streamoid/icons");
|
|
4465
4521
|
var import_icons51 = require("@streamoid/icons");
|
|
4466
|
-
var
|
|
4522
|
+
var import_icons52 = require("@streamoid/icons");
|
|
4523
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
4467
4524
|
var ScTableList = ({
|
|
4468
4525
|
invitedBy = "Rohan",
|
|
4469
4526
|
signedOn = "Nov 9th, 2025",
|
|
@@ -4475,51 +4532,51 @@ var ScTableList = ({
|
|
|
4475
4532
|
...props
|
|
4476
4533
|
}) => {
|
|
4477
4534
|
const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
|
|
4478
|
-
return /* @__PURE__ */ (0,
|
|
4535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
4479
4536
|
"div",
|
|
4480
4537
|
{
|
|
4481
4538
|
className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
|
|
4482
4539
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
4483
4540
|
...props,
|
|
4484
4541
|
children: [
|
|
4485
|
-
/* @__PURE__ */ (0,
|
|
4542
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
4486
4543
|
ScProfile,
|
|
4487
4544
|
{
|
|
4488
4545
|
subText: userEmail,
|
|
4489
4546
|
className: ScTableList_default.scProfileInstance
|
|
4490
4547
|
}
|
|
4491
4548
|
),
|
|
4492
|
-
/* @__PURE__ */ (0,
|
|
4493
|
-
/* @__PURE__ */ (0,
|
|
4494
|
-
/* @__PURE__ */ (0,
|
|
4549
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
4550
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.accessInfo, children: [
|
|
4551
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
4495
4552
|
ScAccess,
|
|
4496
4553
|
{
|
|
4497
|
-
component: /* @__PURE__ */ (0,
|
|
4498
|
-
component2: /* @__PURE__ */ (0,
|
|
4554
|
+
component: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons51.SiconArtifacts, { className: ScTableList_default.siconArtifactsInstance }),
|
|
4555
|
+
component2: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons51.SiconPhotogenix, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
4499
4556
|
className: ScTableList_default.scAccessInstance
|
|
4500
4557
|
}
|
|
4501
4558
|
),
|
|
4502
|
-
/* @__PURE__ */ (0,
|
|
4559
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
4503
4560
|
ScAccess,
|
|
4504
4561
|
{
|
|
4505
|
-
component: /* @__PURE__ */ (0,
|
|
4506
|
-
component2: /* @__PURE__ */ (0,
|
|
4562
|
+
component: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
4563
|
+
component2: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
4507
4564
|
visibleSiconCatalogix: false,
|
|
4508
4565
|
className: ScTableList_default.scAccessInstance
|
|
4509
4566
|
}
|
|
4510
4567
|
)
|
|
4511
4568
|
] }),
|
|
4512
|
-
/* @__PURE__ */ (0,
|
|
4569
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.userName, children: [
|
|
4513
4570
|
invitedBy,
|
|
4514
4571
|
" "
|
|
4515
4572
|
] }),
|
|
4516
|
-
variant === "pending" && /* @__PURE__ */ (0,
|
|
4573
|
+
variant === "pending" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
4517
4574
|
ScPendingAction,
|
|
4518
4575
|
{
|
|
4519
4576
|
className: ScTableList_default.scPendingActionInstance
|
|
4520
4577
|
}
|
|
4521
4578
|
) }),
|
|
4522
|
-
variant === "active" && /* @__PURE__ */ (0,
|
|
4579
|
+
variant === "active" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.date, children: [
|
|
4523
4580
|
signedOn,
|
|
4524
4581
|
" "
|
|
4525
4582
|
] }) })
|
|
@@ -4548,8 +4605,8 @@ var ScWorkspaceCard_default = {
|
|
|
4548
4605
|
};
|
|
4549
4606
|
|
|
4550
4607
|
// src/SC-workspaceCard/ScWorkspaceCard.tsx
|
|
4551
|
-
var
|
|
4552
|
-
var
|
|
4608
|
+
var import_icons53 = require("@streamoid/icons");
|
|
4609
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4553
4610
|
var ScWorkspaceCard = ({
|
|
4554
4611
|
workspaceName = "Stores",
|
|
4555
4612
|
role = "Admin",
|
|
@@ -4559,21 +4616,21 @@ var ScWorkspaceCard = ({
|
|
|
4559
4616
|
className,
|
|
4560
4617
|
...props
|
|
4561
4618
|
}) => {
|
|
4562
|
-
return /* @__PURE__ */ (0,
|
|
4563
|
-
/* @__PURE__ */ (0,
|
|
4564
|
-
/* @__PURE__ */ (0,
|
|
4619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
|
|
4620
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
|
|
4621
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4565
4622
|
ScIntialProfileCover,
|
|
4566
4623
|
{
|
|
4567
4624
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
4568
4625
|
}
|
|
4569
4626
|
),
|
|
4570
|
-
/* @__PURE__ */ (0,
|
|
4627
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.workspaceName, children: [
|
|
4571
4628
|
workspaceName,
|
|
4572
4629
|
" "
|
|
4573
4630
|
] })
|
|
4574
4631
|
] }),
|
|
4575
|
-
/* @__PURE__ */ (0,
|
|
4576
|
-
/* @__PURE__ */ (0,
|
|
4632
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
4633
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4577
4634
|
ScBadges,
|
|
4578
4635
|
{
|
|
4579
4636
|
text: role,
|
|
@@ -4581,41 +4638,41 @@ var ScWorkspaceCard = ({
|
|
|
4581
4638
|
className: ScWorkspaceCard_default.scBadgesInstance
|
|
4582
4639
|
}
|
|
4583
4640
|
),
|
|
4584
|
-
/* @__PURE__ */ (0,
|
|
4585
|
-
/* @__PURE__ */ (0,
|
|
4641
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
4642
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4586
4643
|
ScPairtext,
|
|
4587
4644
|
{
|
|
4588
|
-
icon: /* @__PURE__ */ (0,
|
|
4645
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconTeam, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
4589
4646
|
content: userCount,
|
|
4590
4647
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4591
4648
|
}
|
|
4592
4649
|
),
|
|
4593
|
-
/* @__PURE__ */ (0,
|
|
4594
|
-
/* @__PURE__ */ (0,
|
|
4650
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
4651
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4595
4652
|
ScPairtext,
|
|
4596
4653
|
{
|
|
4597
|
-
icon: /* @__PURE__ */ (0,
|
|
4654
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconCrown, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
4598
4655
|
content: ownerEmail,
|
|
4599
4656
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4600
4657
|
}
|
|
4601
4658
|
)
|
|
4602
4659
|
] })
|
|
4603
4660
|
] }),
|
|
4604
|
-
/* @__PURE__ */ (0,
|
|
4661
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4605
4662
|
ScButton,
|
|
4606
4663
|
{
|
|
4607
|
-
icon: /* @__PURE__ */ (0,
|
|
4664
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconSwitch, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
4608
4665
|
text: buttonText,
|
|
4609
4666
|
state: "disabled",
|
|
4610
4667
|
variant: "outline",
|
|
4611
4668
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
4612
4669
|
}
|
|
4613
4670
|
),
|
|
4614
|
-
/* @__PURE__ */ (0,
|
|
4671
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4615
4672
|
ScButton,
|
|
4616
4673
|
{
|
|
4617
4674
|
text: "Leave workspace",
|
|
4618
|
-
icon: /* @__PURE__ */ (0,
|
|
4675
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconLogout, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
4619
4676
|
styleVariant: "icon-only",
|
|
4620
4677
|
variant: "error",
|
|
4621
4678
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -4626,7 +4683,7 @@ var ScWorkspaceCard = ({
|
|
|
4626
4683
|
|
|
4627
4684
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
4628
4685
|
var import_react8 = require("react");
|
|
4629
|
-
var
|
|
4686
|
+
var import_icons54 = require("@streamoid/icons");
|
|
4630
4687
|
|
|
4631
4688
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
|
|
4632
4689
|
var ScWorkspaceSwitchCard_default = {
|
|
@@ -4651,7 +4708,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
4651
4708
|
};
|
|
4652
4709
|
|
|
4653
4710
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
4654
|
-
var
|
|
4711
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
4655
4712
|
function ScWorkspaceSwitchCard({
|
|
4656
4713
|
wsName = "Workspace name is kepler",
|
|
4657
4714
|
role = "Admin",
|
|
@@ -4681,14 +4738,14 @@ function ScWorkspaceSwitchCard({
|
|
|
4681
4738
|
].filter(Boolean).join(" ");
|
|
4682
4739
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
4683
4740
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
4684
|
-
return /* @__PURE__ */ (0,
|
|
4741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4685
4742
|
"div",
|
|
4686
4743
|
{
|
|
4687
4744
|
className: cardClass,
|
|
4688
4745
|
onMouseEnter: () => setInternalHover(true),
|
|
4689
4746
|
onMouseLeave: () => setInternalHover(false),
|
|
4690
|
-
children: /* @__PURE__ */ (0,
|
|
4691
|
-
/* @__PURE__ */ (0,
|
|
4747
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
4748
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4692
4749
|
ScDp,
|
|
4693
4750
|
{
|
|
4694
4751
|
type: imageUrl ? "image" : "initial",
|
|
@@ -4702,26 +4759,26 @@ function ScWorkspaceSwitchCard({
|
|
|
4702
4759
|
}
|
|
4703
4760
|
}
|
|
4704
4761
|
),
|
|
4705
|
-
/* @__PURE__ */ (0,
|
|
4706
|
-
/* @__PURE__ */ (0,
|
|
4707
|
-
/* @__PURE__ */ (0,
|
|
4708
|
-
/* @__PURE__ */ (0,
|
|
4709
|
-
/* @__PURE__ */ (0,
|
|
4710
|
-
/* @__PURE__ */ (0,
|
|
4762
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
|
|
4763
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
|
|
4764
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
|
|
4765
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4766
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
|
|
4767
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: roleColorClass, children: displayRole })
|
|
4711
4768
|
] }),
|
|
4712
|
-
/* @__PURE__ */ (0,
|
|
4713
|
-
/* @__PURE__ */ (0,
|
|
4714
|
-
/* @__PURE__ */ (0,
|
|
4715
|
-
/* @__PURE__ */ (0,
|
|
4769
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4770
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4771
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
|
|
4772
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
|
|
4716
4773
|
] }),
|
|
4717
|
-
/* @__PURE__ */ (0,
|
|
4718
|
-
/* @__PURE__ */ (0,
|
|
4719
|
-
/* @__PURE__ */ (0,
|
|
4720
|
-
/* @__PURE__ */ (0,
|
|
4774
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4775
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
|
|
4776
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
|
|
4777
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
|
|
4721
4778
|
] })
|
|
4722
4779
|
] })
|
|
4723
4780
|
] }),
|
|
4724
|
-
isHover && isOther && /* @__PURE__ */ (0,
|
|
4781
|
+
isHover && isOther && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4725
4782
|
"div",
|
|
4726
4783
|
{
|
|
4727
4784
|
onClick: (e) => {
|
|
@@ -4729,19 +4786,19 @@ function ScWorkspaceSwitchCard({
|
|
|
4729
4786
|
onSwitch?.();
|
|
4730
4787
|
},
|
|
4731
4788
|
style: { cursor: "pointer" },
|
|
4732
|
-
children: /* @__PURE__ */ (0,
|
|
4789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4733
4790
|
ScButton,
|
|
4734
4791
|
{
|
|
4735
4792
|
text: "Switch Workspace",
|
|
4736
4793
|
variant: "secondary",
|
|
4737
4794
|
size: "sm",
|
|
4738
4795
|
styleVariant: "icon-left",
|
|
4739
|
-
icon: /* @__PURE__ */ (0,
|
|
4796
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconSwitch, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4740
4797
|
}
|
|
4741
4798
|
)
|
|
4742
4799
|
}
|
|
4743
4800
|
),
|
|
4744
|
-
isHover && isAdmin && /* @__PURE__ */ (0,
|
|
4801
|
+
isHover && isAdmin && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4745
4802
|
"div",
|
|
4746
4803
|
{
|
|
4747
4804
|
onClick: (e) => {
|
|
@@ -4749,18 +4806,18 @@ function ScWorkspaceSwitchCard({
|
|
|
4749
4806
|
onSettings?.();
|
|
4750
4807
|
},
|
|
4751
4808
|
style: { cursor: "pointer" },
|
|
4752
|
-
children: /* @__PURE__ */ (0,
|
|
4809
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4753
4810
|
ScButton,
|
|
4754
4811
|
{
|
|
4755
4812
|
styleVariant: "icon-only",
|
|
4756
4813
|
variant: "outline",
|
|
4757
4814
|
size: "sm",
|
|
4758
|
-
icon: /* @__PURE__ */ (0,
|
|
4815
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconSettings, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4759
4816
|
}
|
|
4760
4817
|
)
|
|
4761
4818
|
}
|
|
4762
4819
|
),
|
|
4763
|
-
isHover && !isAdmin && /* @__PURE__ */ (0,
|
|
4820
|
+
isHover && !isAdmin && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4764
4821
|
"div",
|
|
4765
4822
|
{
|
|
4766
4823
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -4768,7 +4825,7 @@ function ScWorkspaceSwitchCard({
|
|
|
4768
4825
|
e.stopPropagation();
|
|
4769
4826
|
onLeave?.();
|
|
4770
4827
|
},
|
|
4771
|
-
children: /* @__PURE__ */ (0,
|
|
4828
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconLogout, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
4772
4829
|
}
|
|
4773
4830
|
)
|
|
4774
4831
|
] })
|
|
@@ -4786,18 +4843,18 @@ var ScRoleMobile_default = {
|
|
|
4786
4843
|
};
|
|
4787
4844
|
|
|
4788
4845
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
4789
|
-
var
|
|
4846
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4790
4847
|
var ScRoleMobile = ({
|
|
4791
4848
|
role = "admin",
|
|
4792
4849
|
className,
|
|
4793
4850
|
...props
|
|
4794
4851
|
}) => {
|
|
4795
|
-
return /* @__PURE__ */ (0,
|
|
4852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4796
4853
|
"div",
|
|
4797
4854
|
{
|
|
4798
4855
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
4799
4856
|
...props,
|
|
4800
|
-
children: /* @__PURE__ */ (0,
|
|
4857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
4801
4858
|
}
|
|
4802
4859
|
);
|
|
4803
4860
|
};
|
|
@@ -4814,7 +4871,7 @@ var ScProfileV2Mobile_default = {
|
|
|
4814
4871
|
};
|
|
4815
4872
|
|
|
4816
4873
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
4817
|
-
var
|
|
4874
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4818
4875
|
var ScProfileV2Mobile = ({
|
|
4819
4876
|
name = "Chris Hemsworth",
|
|
4820
4877
|
email = "chris@kepler.com",
|
|
@@ -4824,17 +4881,17 @@ var ScProfileV2Mobile = ({
|
|
|
4824
4881
|
...props
|
|
4825
4882
|
}) => {
|
|
4826
4883
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4827
|
-
const profileImage = /* @__PURE__ */ (0,
|
|
4828
|
-
return /* @__PURE__ */ (0,
|
|
4884
|
+
const profileImage = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
4885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
4829
4886
|
"div",
|
|
4830
4887
|
{
|
|
4831
4888
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
4832
4889
|
...props,
|
|
4833
4890
|
children: [
|
|
4834
4891
|
dpPosition === "left" && profileImage,
|
|
4835
|
-
/* @__PURE__ */ (0,
|
|
4836
|
-
/* @__PURE__ */ (0,
|
|
4837
|
-
/* @__PURE__ */ (0,
|
|
4892
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
4893
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
4894
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
4838
4895
|
] }),
|
|
4839
4896
|
dpPosition === "right" && profileImage
|
|
4840
4897
|
]
|
|
@@ -4861,7 +4918,7 @@ var ScTableListMobile_default = {
|
|
|
4861
4918
|
};
|
|
4862
4919
|
|
|
4863
4920
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
4864
|
-
var
|
|
4921
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
4865
4922
|
var ScTableListMobile = ({
|
|
4866
4923
|
name = "Chris Hemsworth",
|
|
4867
4924
|
email = "chris@kepler.com",
|
|
@@ -4874,25 +4931,25 @@ var ScTableListMobile = ({
|
|
|
4874
4931
|
...props
|
|
4875
4932
|
}) => {
|
|
4876
4933
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4877
|
-
return /* @__PURE__ */ (0,
|
|
4934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
4878
4935
|
"div",
|
|
4879
4936
|
{
|
|
4880
4937
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
4881
4938
|
onClick: onRowClick,
|
|
4882
4939
|
...props,
|
|
4883
4940
|
children: [
|
|
4884
|
-
/* @__PURE__ */ (0,
|
|
4885
|
-
/* @__PURE__ */ (0,
|
|
4886
|
-
/* @__PURE__ */ (0,
|
|
4887
|
-
/* @__PURE__ */ (0,
|
|
4941
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
4942
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
4943
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
4944
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
4888
4945
|
] }),
|
|
4889
|
-
/* @__PURE__ */ (0,
|
|
4946
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
4890
4947
|
] }),
|
|
4891
|
-
/* @__PURE__ */ (0,
|
|
4892
|
-
/* @__PURE__ */ (0,
|
|
4893
|
-
/* @__PURE__ */ (0,
|
|
4894
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0,
|
|
4895
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0,
|
|
4948
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
4949
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
4950
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
4951
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
4952
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
4896
4953
|
] })
|
|
4897
4954
|
] })
|
|
4898
4955
|
]
|
|
@@ -4920,7 +4977,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
4920
4977
|
};
|
|
4921
4978
|
|
|
4922
4979
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
4923
|
-
var
|
|
4980
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
4924
4981
|
var ScWorkspaceSwitchMobile = ({
|
|
4925
4982
|
storeName = "Stores",
|
|
4926
4983
|
initials = "WS",
|
|
@@ -4933,24 +4990,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
4933
4990
|
...props
|
|
4934
4991
|
}) => {
|
|
4935
4992
|
const variant = currentWs ? "current" : "other";
|
|
4936
|
-
return /* @__PURE__ */ (0,
|
|
4993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
4937
4994
|
"div",
|
|
4938
4995
|
{
|
|
4939
4996
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
4940
4997
|
onClick,
|
|
4941
4998
|
...props,
|
|
4942
4999
|
children: [
|
|
4943
|
-
/* @__PURE__ */ (0,
|
|
4944
|
-
/* @__PURE__ */ (0,
|
|
4945
|
-
/* @__PURE__ */ (0,
|
|
4946
|
-
/* @__PURE__ */ (0,
|
|
5000
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
5001
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
5002
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
5003
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
4947
5004
|
] }),
|
|
4948
|
-
/* @__PURE__ */ (0,
|
|
5005
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
4949
5006
|
] }),
|
|
4950
|
-
/* @__PURE__ */ (0,
|
|
4951
|
-
/* @__PURE__ */ (0,
|
|
4952
|
-
/* @__PURE__ */ (0,
|
|
4953
|
-
/* @__PURE__ */ (0,
|
|
5007
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
5008
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
5009
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
5010
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
4954
5011
|
] })
|
|
4955
5012
|
]
|
|
4956
5013
|
}
|
|
@@ -4977,7 +5034,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
4977
5034
|
};
|
|
4978
5035
|
|
|
4979
5036
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
4980
|
-
var
|
|
5037
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
4981
5038
|
var ScWorkspaceSettingsMobile = ({
|
|
4982
5039
|
storeName = "Stores",
|
|
4983
5040
|
initials = "WS",
|
|
@@ -4992,28 +5049,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
4992
5049
|
...props
|
|
4993
5050
|
}) => {
|
|
4994
5051
|
const variant = currentWs ? "current" : "other";
|
|
4995
|
-
return /* @__PURE__ */ (0,
|
|
5052
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
4996
5053
|
"div",
|
|
4997
5054
|
{
|
|
4998
5055
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
4999
5056
|
onClick,
|
|
5000
5057
|
...props,
|
|
5001
5058
|
children: [
|
|
5002
|
-
/* @__PURE__ */ (0,
|
|
5003
|
-
/* @__PURE__ */ (0,
|
|
5004
|
-
/* @__PURE__ */ (0,
|
|
5005
|
-
/* @__PURE__ */ (0,
|
|
5059
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
5060
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
5061
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
5062
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
5006
5063
|
] }),
|
|
5007
|
-
/* @__PURE__ */ (0,
|
|
5064
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
5008
5065
|
] }),
|
|
5009
|
-
/* @__PURE__ */ (0,
|
|
5010
|
-
/* @__PURE__ */ (0,
|
|
5011
|
-
/* @__PURE__ */ (0,
|
|
5012
|
-
/* @__PURE__ */ (0,
|
|
5066
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
5067
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5068
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
5069
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
5013
5070
|
] }),
|
|
5014
|
-
/* @__PURE__ */ (0,
|
|
5015
|
-
/* @__PURE__ */ (0,
|
|
5016
|
-
/* @__PURE__ */ (0,
|
|
5071
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5072
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
5073
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
5017
5074
|
] })
|
|
5018
5075
|
]
|
|
5019
5076
|
}
|
|
@@ -5036,7 +5093,7 @@ var ScMobileTopNav_default = {
|
|
|
5036
5093
|
};
|
|
5037
5094
|
|
|
5038
5095
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
5039
|
-
var
|
|
5096
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
5040
5097
|
var ScMobileTopNav = ({
|
|
5041
5098
|
type = "home",
|
|
5042
5099
|
searchIcon = false,
|
|
@@ -5059,22 +5116,22 @@ var ScMobileTopNav = ({
|
|
|
5059
5116
|
}) => {
|
|
5060
5117
|
const hasBorder = type === "chat" || type === "inApp";
|
|
5061
5118
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
5062
|
-
return /* @__PURE__ */ (0,
|
|
5119
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
5063
5120
|
"div",
|
|
5064
5121
|
{
|
|
5065
5122
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
5066
5123
|
...props,
|
|
5067
5124
|
children: [
|
|
5068
|
-
type === "home" && /* @__PURE__ */ (0,
|
|
5069
|
-
type === "chat" && /* @__PURE__ */ (0,
|
|
5070
|
-
/* @__PURE__ */ (0,
|
|
5071
|
-
/* @__PURE__ */ (0,
|
|
5072
|
-
/* @__PURE__ */ (0,
|
|
5125
|
+
type === "home" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5126
|
+
type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
|
|
5127
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5128
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
5129
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
5073
5130
|
] }),
|
|
5074
|
-
showSearch && /* @__PURE__ */ (0,
|
|
5075
|
-
/* @__PURE__ */ (0,
|
|
5076
|
-
/* @__PURE__ */ (0,
|
|
5077
|
-
/* @__PURE__ */ (0,
|
|
5131
|
+
showSearch && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
|
|
5132
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
5133
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5134
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5078
5135
|
"input",
|
|
5079
5136
|
{
|
|
5080
5137
|
type: "text",
|
|
@@ -5085,17 +5142,17 @@ var ScMobileTopNav = ({
|
|
|
5085
5142
|
}
|
|
5086
5143
|
) })
|
|
5087
5144
|
] }) }),
|
|
5088
|
-
/* @__PURE__ */ (0,
|
|
5145
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
5089
5146
|
] }),
|
|
5090
|
-
type === "inApp" && !search && /* @__PURE__ */ (0,
|
|
5091
|
-
/* @__PURE__ */ (0,
|
|
5092
|
-
/* @__PURE__ */ (0,
|
|
5093
|
-
/* @__PURE__ */ (0,
|
|
5147
|
+
type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
|
|
5148
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5149
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
5150
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5094
5151
|
"div",
|
|
5095
5152
|
{
|
|
5096
5153
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
5097
5154
|
onClick: onSearchClick,
|
|
5098
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0,
|
|
5155
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
5099
5156
|
}
|
|
5100
5157
|
)
|
|
5101
5158
|
] })
|
|
@@ -5116,7 +5173,7 @@ var ScMobileBottomAction_default = {
|
|
|
5116
5173
|
};
|
|
5117
5174
|
|
|
5118
5175
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
5119
|
-
var
|
|
5176
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
5120
5177
|
var ScMobileBottomAction = ({
|
|
5121
5178
|
text = "Save Changes",
|
|
5122
5179
|
disabled = false,
|
|
@@ -5128,28 +5185,28 @@ var ScMobileBottomAction = ({
|
|
|
5128
5185
|
...props
|
|
5129
5186
|
}) => {
|
|
5130
5187
|
const isTwoButton = !!secondaryText;
|
|
5131
|
-
return /* @__PURE__ */ (0,
|
|
5188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
5132
5189
|
"div",
|
|
5133
5190
|
{
|
|
5134
5191
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
5135
5192
|
...props,
|
|
5136
5193
|
children: [
|
|
5137
|
-
isTwoButton && /* @__PURE__ */ (0,
|
|
5194
|
+
isTwoButton && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
5138
5195
|
"button",
|
|
5139
5196
|
{
|
|
5140
5197
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5141
5198
|
onClick: onSecondaryClick,
|
|
5142
5199
|
disabled: secondaryDisabled,
|
|
5143
|
-
children: /* @__PURE__ */ (0,
|
|
5200
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
5144
5201
|
}
|
|
5145
5202
|
),
|
|
5146
|
-
/* @__PURE__ */ (0,
|
|
5203
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
5147
5204
|
"button",
|
|
5148
5205
|
{
|
|
5149
5206
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5150
5207
|
onClick,
|
|
5151
5208
|
disabled,
|
|
5152
|
-
children: /* @__PURE__ */ (0,
|
|
5209
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
5153
5210
|
}
|
|
5154
5211
|
)
|
|
5155
5212
|
]
|
|
@@ -5167,7 +5224,7 @@ var ScPopUpMenu_default = {
|
|
|
5167
5224
|
};
|
|
5168
5225
|
|
|
5169
5226
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
5170
|
-
var
|
|
5227
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
5171
5228
|
var ScPopUpMenu = ({
|
|
5172
5229
|
menu = "Options",
|
|
5173
5230
|
state = "default",
|
|
@@ -5176,15 +5233,15 @@ var ScPopUpMenu = ({
|
|
|
5176
5233
|
className,
|
|
5177
5234
|
...props
|
|
5178
5235
|
}) => {
|
|
5179
|
-
return /* @__PURE__ */ (0,
|
|
5236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
5180
5237
|
"div",
|
|
5181
5238
|
{
|
|
5182
5239
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
5183
5240
|
onClick,
|
|
5184
5241
|
...props,
|
|
5185
5242
|
children: [
|
|
5186
|
-
icon && /* @__PURE__ */ (0,
|
|
5187
|
-
/* @__PURE__ */ (0,
|
|
5243
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
5244
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
5188
5245
|
]
|
|
5189
5246
|
}
|
|
5190
5247
|
);
|
|
@@ -5210,7 +5267,7 @@ var ScReferralCardMobile_default = {
|
|
|
5210
5267
|
};
|
|
5211
5268
|
|
|
5212
5269
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
5213
|
-
var
|
|
5270
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
5214
5271
|
var ScReferralCardMobile = ({
|
|
5215
5272
|
name = "Chris Hemsworth",
|
|
5216
5273
|
email = "chris@kepler.com",
|
|
@@ -5223,27 +5280,27 @@ var ScReferralCardMobile = ({
|
|
|
5223
5280
|
...props
|
|
5224
5281
|
}) => {
|
|
5225
5282
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5226
|
-
return /* @__PURE__ */ (0,
|
|
5283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
5227
5284
|
"div",
|
|
5228
5285
|
{
|
|
5229
5286
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
5230
5287
|
onClick,
|
|
5231
5288
|
...props,
|
|
5232
5289
|
children: [
|
|
5233
|
-
/* @__PURE__ */ (0,
|
|
5234
|
-
/* @__PURE__ */ (0,
|
|
5235
|
-
/* @__PURE__ */ (0,
|
|
5236
|
-
/* @__PURE__ */ (0,
|
|
5237
|
-
/* @__PURE__ */ (0,
|
|
5238
|
-
/* @__PURE__ */ (0,
|
|
5290
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
5291
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
5292
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
5293
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
5294
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
5295
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
5239
5296
|
] })
|
|
5240
5297
|
] }),
|
|
5241
|
-
/* @__PURE__ */ (0,
|
|
5298
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
5242
5299
|
] }),
|
|
5243
|
-
/* @__PURE__ */ (0,
|
|
5244
|
-
/* @__PURE__ */ (0,
|
|
5245
|
-
/* @__PURE__ */ (0,
|
|
5246
|
-
/* @__PURE__ */ (0,
|
|
5300
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.divider }),
|
|
5301
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
5302
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
5303
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
5247
5304
|
] })
|
|
5248
5305
|
]
|
|
5249
5306
|
}
|
|
@@ -5260,19 +5317,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
5260
5317
|
};
|
|
5261
5318
|
|
|
5262
5319
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
5263
|
-
var
|
|
5320
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
5264
5321
|
var InvoiceHistoryMobile = ({
|
|
5265
5322
|
invoiceId = "# INV-2800-2026",
|
|
5266
5323
|
date = "Nov 9th, 2025",
|
|
5267
5324
|
amount = "$320.89",
|
|
5268
5325
|
className
|
|
5269
5326
|
}) => {
|
|
5270
|
-
return /* @__PURE__ */ (0,
|
|
5271
|
-
/* @__PURE__ */ (0,
|
|
5272
|
-
/* @__PURE__ */ (0,
|
|
5273
|
-
/* @__PURE__ */ (0,
|
|
5327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
5328
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
5329
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
5330
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
5274
5331
|
] }),
|
|
5275
|
-
/* @__PURE__ */ (0,
|
|
5332
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
5276
5333
|
] });
|
|
5277
5334
|
};
|
|
5278
5335
|
|
|
@@ -5290,7 +5347,7 @@ var UsageHistoryMobile_default = {
|
|
|
5290
5347
|
};
|
|
5291
5348
|
|
|
5292
5349
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
5293
|
-
var
|
|
5350
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
5294
5351
|
var UsageHistoryMobile = ({
|
|
5295
5352
|
serviceName = "Artifax Generation",
|
|
5296
5353
|
credits = "50",
|
|
@@ -5299,18 +5356,18 @@ var UsageHistoryMobile = ({
|
|
|
5299
5356
|
balance = "84,902",
|
|
5300
5357
|
className
|
|
5301
5358
|
}) => {
|
|
5302
|
-
return /* @__PURE__ */ (0,
|
|
5303
|
-
/* @__PURE__ */ (0,
|
|
5304
|
-
/* @__PURE__ */ (0,
|
|
5305
|
-
/* @__PURE__ */ (0,
|
|
5359
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
5360
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
5361
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
5362
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
5306
5363
|
] }),
|
|
5307
|
-
/* @__PURE__ */ (0,
|
|
5308
|
-
/* @__PURE__ */ (0,
|
|
5309
|
-
/* @__PURE__ */ (0,
|
|
5310
|
-
/* @__PURE__ */ (0,
|
|
5311
|
-
/* @__PURE__ */ (0,
|
|
5364
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
5365
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
5366
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
5367
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: UsageHistoryMobile_default.divider }),
|
|
5368
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
5312
5369
|
] }),
|
|
5313
|
-
/* @__PURE__ */ (0,
|
|
5370
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
5314
5371
|
] })
|
|
5315
5372
|
] });
|
|
5316
5373
|
};
|
|
@@ -5334,7 +5391,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
5334
5391
|
};
|
|
5335
5392
|
|
|
5336
5393
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
5337
|
-
var
|
|
5394
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
5338
5395
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
5339
5396
|
wsName = "Workspace name is kepler",
|
|
5340
5397
|
initials = "WS",
|
|
@@ -5347,14 +5404,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5347
5404
|
className,
|
|
5348
5405
|
...props
|
|
5349
5406
|
}) => {
|
|
5350
|
-
return /* @__PURE__ */ (0,
|
|
5407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
5351
5408
|
"div",
|
|
5352
5409
|
{
|
|
5353
5410
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
5354
5411
|
onClick,
|
|
5355
5412
|
...props,
|
|
5356
|
-
children: /* @__PURE__ */ (0,
|
|
5357
|
-
/* @__PURE__ */ (0,
|
|
5413
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
5414
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
5358
5415
|
ScDp,
|
|
5359
5416
|
{
|
|
5360
5417
|
type: imageUrl ? "image" : "initial",
|
|
@@ -5368,14 +5425,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5368
5425
|
}
|
|
5369
5426
|
}
|
|
5370
5427
|
) }),
|
|
5371
|
-
/* @__PURE__ */ (0,
|
|
5372
|
-
/* @__PURE__ */ (0,
|
|
5373
|
-
/* @__PURE__ */ (0,
|
|
5374
|
-
/* @__PURE__ */ (0,
|
|
5375
|
-
/* @__PURE__ */ (0,
|
|
5376
|
-
/* @__PURE__ */ (0,
|
|
5377
|
-
/* @__PURE__ */ (0,
|
|
5378
|
-
/* @__PURE__ */ (0,
|
|
5428
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
5429
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
5430
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
5431
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
5432
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5433
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
5434
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5435
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
5379
5436
|
] })
|
|
5380
5437
|
] })
|
|
5381
5438
|
] })
|
|
@@ -5401,8 +5458,8 @@ var ScImageField_default = {
|
|
|
5401
5458
|
};
|
|
5402
5459
|
|
|
5403
5460
|
// src/SC-imageField/ScImageField.tsx
|
|
5404
|
-
var
|
|
5405
|
-
var
|
|
5461
|
+
var import_icons55 = require("@streamoid/icons");
|
|
5462
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
5406
5463
|
var ScImageField = ({
|
|
5407
5464
|
label = "Label",
|
|
5408
5465
|
imagePreview,
|
|
@@ -5425,8 +5482,8 @@ var ScImageField = ({
|
|
|
5425
5482
|
}
|
|
5426
5483
|
e.target.value = "";
|
|
5427
5484
|
}
|
|
5428
|
-
return /* @__PURE__ */ (0,
|
|
5429
|
-
/* @__PURE__ */ (0,
|
|
5485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
5486
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
5430
5487
|
"input",
|
|
5431
5488
|
{
|
|
5432
5489
|
ref: inputRef,
|
|
@@ -5436,9 +5493,9 @@ var ScImageField = ({
|
|
|
5436
5493
|
onChange: handleChange
|
|
5437
5494
|
}
|
|
5438
5495
|
),
|
|
5439
|
-
/* @__PURE__ */ (0,
|
|
5440
|
-
hasImage ? /* @__PURE__ */ (0,
|
|
5441
|
-
/* @__PURE__ */ (0,
|
|
5496
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: ScImageField_default.label, children: label }) }),
|
|
5497
|
+
hasImage ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.previewArea, children: [
|
|
5498
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
5442
5499
|
"img",
|
|
5443
5500
|
{
|
|
5444
5501
|
className: ScImageField_default.previewImage,
|
|
@@ -5446,9 +5503,9 @@ var ScImageField = ({
|
|
|
5446
5503
|
alt: "preview"
|
|
5447
5504
|
}
|
|
5448
5505
|
),
|
|
5449
|
-
/* @__PURE__ */ (0,
|
|
5450
|
-
/* @__PURE__ */ (0,
|
|
5451
|
-
|
|
5506
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
5507
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
5508
|
+
import_icons55.SiconDelete,
|
|
5452
5509
|
{
|
|
5453
5510
|
className: ScImageField_default.removeIcon,
|
|
5454
5511
|
color: "var(--alias-text-and-icons-error, #d11a1a)",
|
|
@@ -5458,9 +5515,9 @@ var ScImageField = ({
|
|
|
5458
5515
|
}
|
|
5459
5516
|
}
|
|
5460
5517
|
)
|
|
5461
|
-
] }) : /* @__PURE__ */ (0,
|
|
5462
|
-
/* @__PURE__ */ (0,
|
|
5463
|
-
/* @__PURE__ */ (0,
|
|
5518
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
5519
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons55.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
5520
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
5464
5521
|
] })
|
|
5465
5522
|
] });
|
|
5466
5523
|
};
|
|
@@ -5474,7 +5531,7 @@ var ScSettingsTabComp_default = {
|
|
|
5474
5531
|
};
|
|
5475
5532
|
|
|
5476
5533
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
5477
|
-
var
|
|
5534
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
5478
5535
|
var ScSettingsTabComp = ({
|
|
5479
5536
|
tabName = "Tab",
|
|
5480
5537
|
active = false,
|
|
@@ -5482,12 +5539,12 @@ var ScSettingsTabComp = ({
|
|
|
5482
5539
|
className
|
|
5483
5540
|
}) => {
|
|
5484
5541
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
5485
|
-
return /* @__PURE__ */ (0,
|
|
5542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
5486
5543
|
"div",
|
|
5487
5544
|
{
|
|
5488
5545
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
5489
5546
|
onClick,
|
|
5490
|
-
children: /* @__PURE__ */ (0,
|
|
5547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
5491
5548
|
}
|
|
5492
5549
|
);
|
|
5493
5550
|
};
|
|
@@ -5506,8 +5563,8 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
5506
5563
|
};
|
|
5507
5564
|
|
|
5508
5565
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
5509
|
-
var
|
|
5510
|
-
var
|
|
5566
|
+
var import_icons56 = require("@streamoid/icons");
|
|
5567
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
5511
5568
|
var ScCreditsUsageCardMobile = ({
|
|
5512
5569
|
usageLabel = "Credits usage",
|
|
5513
5570
|
usageText = "8,450 / 30,000",
|
|
@@ -5517,23 +5574,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
5517
5574
|
className,
|
|
5518
5575
|
...props
|
|
5519
5576
|
}) => {
|
|
5520
|
-
return /* @__PURE__ */ (0,
|
|
5521
|
-
/* @__PURE__ */ (0,
|
|
5522
|
-
/* @__PURE__ */ (0,
|
|
5523
|
-
|
|
5577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5578
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
5579
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
5580
|
+
import_icons56.SiconCredits,
|
|
5524
5581
|
{
|
|
5525
5582
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
5526
5583
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5527
5584
|
}
|
|
5528
5585
|
),
|
|
5529
|
-
/* @__PURE__ */ (0,
|
|
5586
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
5530
5587
|
] }),
|
|
5531
|
-
/* @__PURE__ */ (0,
|
|
5532
|
-
/* @__PURE__ */ (0,
|
|
5533
|
-
/* @__PURE__ */ (0,
|
|
5534
|
-
/* @__PURE__ */ (0,
|
|
5588
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
5589
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
5590
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
5591
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
5535
5592
|
] }),
|
|
5536
|
-
/* @__PURE__ */ (0,
|
|
5593
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
5537
5594
|
ScButton,
|
|
5538
5595
|
{
|
|
5539
5596
|
text: buyButtonText,
|
|
@@ -5564,8 +5621,8 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
5564
5621
|
};
|
|
5565
5622
|
|
|
5566
5623
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
5567
|
-
var
|
|
5568
|
-
var
|
|
5624
|
+
var import_icons57 = require("@streamoid/icons");
|
|
5625
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
5569
5626
|
var ScPlanDetailsCardMobile = ({
|
|
5570
5627
|
planName = "Pro",
|
|
5571
5628
|
planCredits = "30,000 credits",
|
|
@@ -5577,19 +5634,19 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5577
5634
|
className,
|
|
5578
5635
|
...props
|
|
5579
5636
|
}) => {
|
|
5580
|
-
return /* @__PURE__ */ (0,
|
|
5581
|
-
/* @__PURE__ */ (0,
|
|
5582
|
-
/* @__PURE__ */ (0,
|
|
5583
|
-
/* @__PURE__ */ (0,
|
|
5584
|
-
|
|
5637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5638
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
5639
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
5640
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5641
|
+
import_icons57.SiconBilling,
|
|
5585
5642
|
{
|
|
5586
5643
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
5587
5644
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5588
5645
|
}
|
|
5589
5646
|
),
|
|
5590
|
-
/* @__PURE__ */ (0,
|
|
5647
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
5591
5648
|
] }),
|
|
5592
|
-
/* @__PURE__ */ (0,
|
|
5649
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5593
5650
|
ScBadges,
|
|
5594
5651
|
{
|
|
5595
5652
|
text: badgeText,
|
|
@@ -5599,16 +5656,16 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5599
5656
|
}
|
|
5600
5657
|
)
|
|
5601
5658
|
] }),
|
|
5602
|
-
/* @__PURE__ */ (0,
|
|
5603
|
-
/* @__PURE__ */ (0,
|
|
5604
|
-
/* @__PURE__ */ (0,
|
|
5605
|
-
/* @__PURE__ */ (0,
|
|
5606
|
-
/* @__PURE__ */ (0,
|
|
5607
|
-
/* @__PURE__ */ (0,
|
|
5659
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
5660
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
|
|
5661
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
5662
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
5663
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
5664
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
5608
5665
|
] }),
|
|
5609
|
-
/* @__PURE__ */ (0,
|
|
5666
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
5610
5667
|
] }),
|
|
5611
|
-
/* @__PURE__ */ (0,
|
|
5668
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5612
5669
|
ScButton,
|
|
5613
5670
|
{
|
|
5614
5671
|
text: upgradeButtonText,
|