@streamoid/ui 0.3.0 → 0.3.2
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 +203 -9
- package/dist/index.d.mts +27 -7
- package/dist/index.d.ts +27 -7
- package/dist/index.js +530 -418
- package/dist/index.mjs +510 -398
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1546,25 +1546,17 @@ var ScVDivider_default = {
|
|
|
1546
1546
|
// src/SC-VDivider/ScVDivider.tsx
|
|
1547
1547
|
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
1548
1548
|
var ScVDivider = ({
|
|
1549
|
+
color,
|
|
1549
1550
|
className,
|
|
1551
|
+
style,
|
|
1550
1552
|
...props
|
|
1551
1553
|
}) => {
|
|
1552
1554
|
return /* @__PURE__ */ jsx25(
|
|
1553
|
-
"
|
|
1555
|
+
"div",
|
|
1554
1556
|
{
|
|
1555
|
-
className: ScVDivider_default.scVDivider + " " + className,
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
viewBox: "0 0 1 28",
|
|
1559
|
-
fill: "none",
|
|
1560
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1561
|
-
children: /* @__PURE__ */ jsx25(
|
|
1562
|
-
"path",
|
|
1563
|
-
{
|
|
1564
|
-
d: "M0.5 0.25C0.5 0.111929 0.388071 0 0.25 0C0.111929 0 0 0.111929 0 0.25H0.25H0.5ZM0.25 0.25H0V27.75H0.25H0.5V0.25H0.25Z",
|
|
1565
|
-
fill: "var(--alias-border-divider, #242424)"
|
|
1566
|
-
}
|
|
1567
|
-
)
|
|
1557
|
+
className: ScVDivider_default.scVDivider + (className ? " " + className : ""),
|
|
1558
|
+
style: color ? { borderLeftColor: color, ...style } : style,
|
|
1559
|
+
...props
|
|
1568
1560
|
}
|
|
1569
1561
|
);
|
|
1570
1562
|
};
|
|
@@ -2139,7 +2131,9 @@ import { SiconPlus } from "@streamoid/icons";
|
|
|
2139
2131
|
var ScSidebarMenu_default = {
|
|
2140
2132
|
scSidebarMenu: "ScSidebarMenu_scSidebarMenu",
|
|
2141
2133
|
content: "ScSidebarMenu_content",
|
|
2134
|
+
moreIconWrapper: "ScSidebarMenu_moreIconWrapper",
|
|
2142
2135
|
"state-active": "ScSidebarMenu_state-active",
|
|
2136
|
+
"state-default-highlight": "ScSidebarMenu_state-default-highlight",
|
|
2143
2137
|
"state-hover": "ScSidebarMenu_state-hover",
|
|
2144
2138
|
"variant-collapsed": "ScSidebarMenu_variant-collapsed"
|
|
2145
2139
|
};
|
|
@@ -2153,6 +2147,8 @@ var ScSidebarMenu = ({
|
|
|
2153
2147
|
variant = "expanded",
|
|
2154
2148
|
className,
|
|
2155
2149
|
text = "Menu Item",
|
|
2150
|
+
moreIcon,
|
|
2151
|
+
onMoreClick,
|
|
2156
2152
|
...props
|
|
2157
2153
|
}) => {
|
|
2158
2154
|
const variantsClassName = ScSidebarMenu_default["state-" + state] + " " + ScSidebarMenu_default["variant-" + variant];
|
|
@@ -2163,10 +2159,20 @@ var ScSidebarMenu = ({
|
|
|
2163
2159
|
...props,
|
|
2164
2160
|
children: [
|
|
2165
2161
|
icon,
|
|
2166
|
-
variant === "expanded" && /* @__PURE__ */
|
|
2167
|
-
text,
|
|
2168
|
-
|
|
2169
|
-
|
|
2162
|
+
variant === "expanded" && /* @__PURE__ */ jsxs28(Fragment11, { children: [
|
|
2163
|
+
/* @__PURE__ */ jsx34("div", { className: ScSidebarMenu_default.content, children: text }),
|
|
2164
|
+
moreIcon && /* @__PURE__ */ jsx34(
|
|
2165
|
+
"div",
|
|
2166
|
+
{
|
|
2167
|
+
className: ScSidebarMenu_default.moreIconWrapper,
|
|
2168
|
+
onClick: (e) => {
|
|
2169
|
+
e.stopPropagation();
|
|
2170
|
+
onMoreClick?.(e);
|
|
2171
|
+
},
|
|
2172
|
+
children: moreIcon
|
|
2173
|
+
}
|
|
2174
|
+
)
|
|
2175
|
+
] })
|
|
2170
2176
|
]
|
|
2171
2177
|
}
|
|
2172
2178
|
);
|
|
@@ -2622,18 +2628,25 @@ function renderMenuItem({
|
|
|
2622
2628
|
sectionId,
|
|
2623
2629
|
expanded,
|
|
2624
2630
|
activeItemId,
|
|
2631
|
+
highlightedItemIds,
|
|
2625
2632
|
iconMap,
|
|
2626
|
-
onItemSelect
|
|
2633
|
+
onItemSelect,
|
|
2634
|
+
moreIcon,
|
|
2635
|
+
onMoreClick
|
|
2627
2636
|
}) {
|
|
2628
2637
|
const active = item.id === activeItemId;
|
|
2638
|
+
const highlighted = highlightedItemIds?.has(item.id) ?? false;
|
|
2639
|
+
const state = active ? "active" : highlighted ? "default-highlight" : "default";
|
|
2629
2640
|
return /* @__PURE__ */ jsx39(
|
|
2630
2641
|
ScSidebarMenu,
|
|
2631
2642
|
{
|
|
2632
|
-
icon: resolveIcon(iconMap, item, active, expanded),
|
|
2643
|
+
icon: resolveIcon(iconMap, item, active || highlighted, expanded),
|
|
2633
2644
|
text: expanded ? item.label : void 0,
|
|
2634
|
-
state
|
|
2645
|
+
state,
|
|
2635
2646
|
variant: expanded ? "expanded" : "collapsed",
|
|
2636
|
-
onClick: () => onItemSelect?.(item, sectionId)
|
|
2647
|
+
onClick: () => onItemSelect?.(item, sectionId),
|
|
2648
|
+
moreIcon,
|
|
2649
|
+
onMoreClick: onMoreClick ? () => onMoreClick(item, sectionId) : void 0
|
|
2637
2650
|
},
|
|
2638
2651
|
item.id
|
|
2639
2652
|
);
|
|
@@ -2644,16 +2657,24 @@ function StreamoidSidebar({
|
|
|
2644
2657
|
config,
|
|
2645
2658
|
iconMap,
|
|
2646
2659
|
activeItemId,
|
|
2660
|
+
highlightedItemIds,
|
|
2647
2661
|
onItemSelect,
|
|
2662
|
+
moreIcon,
|
|
2663
|
+
onMoreClick,
|
|
2648
2664
|
expandedLogo,
|
|
2649
2665
|
collapsedLogo,
|
|
2650
2666
|
profile,
|
|
2651
2667
|
versionText = "v1.0.0",
|
|
2652
2668
|
toggleIcon,
|
|
2653
2669
|
hideFooter = false,
|
|
2670
|
+
preFooterContent,
|
|
2671
|
+
bodyContent,
|
|
2672
|
+
showBody = false,
|
|
2673
|
+
isMobile = false,
|
|
2654
2674
|
className,
|
|
2655
2675
|
style
|
|
2656
2676
|
}) {
|
|
2677
|
+
const effectiveHideFooter = hideFooter || isMobile;
|
|
2657
2678
|
if (expanded) {
|
|
2658
2679
|
return /* @__PURE__ */ jsx39(
|
|
2659
2680
|
"div",
|
|
@@ -2668,7 +2689,7 @@ function StreamoidSidebar({
|
|
|
2668
2689
|
backgroundColor: "var(--alias-surface-base)",
|
|
2669
2690
|
borderRadius: "var(--radius-3xl)",
|
|
2670
2691
|
padding: "var(--spacing-md)",
|
|
2671
|
-
paddingBottom:
|
|
2692
|
+
paddingBottom: effectiveHideFooter ? "var(--spacing-md)" : void 0,
|
|
2672
2693
|
width: 256,
|
|
2673
2694
|
gap: "var(--spacing-xxs)"
|
|
2674
2695
|
},
|
|
@@ -2690,23 +2711,44 @@ function StreamoidSidebar({
|
|
|
2690
2711
|
className: "flex flex-col flex-1 items-start min-h-0 w-full overflow-y-auto sidebar-scroll",
|
|
2691
2712
|
style: { gap: "var(--spacing-xxs)" },
|
|
2692
2713
|
children: [
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2714
|
+
/* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between w-full shrink-0", children: [
|
|
2715
|
+
/* @__PURE__ */ jsx39("div", { className: "min-w-0 flex-1", children: expandedLogo }),
|
|
2716
|
+
isMobile ? /* @__PURE__ */ jsx39(
|
|
2717
|
+
"div",
|
|
2718
|
+
{
|
|
2719
|
+
className: "flex items-center cursor-pointer shrink-0",
|
|
2720
|
+
style: {
|
|
2721
|
+
padding: "var(--spacing-md)",
|
|
2722
|
+
borderRadius: "var(--radius-3xl)"
|
|
2723
|
+
},
|
|
2724
|
+
onClick: onToggle,
|
|
2725
|
+
children: resolveToggleIcon(toggleIcon, true)
|
|
2726
|
+
}
|
|
2727
|
+
) : null
|
|
2728
|
+
] }),
|
|
2729
|
+
config.topItem && /* @__PURE__ */ jsxs31(Fragment14, { children: [
|
|
2730
|
+
/* @__PURE__ */ jsx39(HDivider, {}),
|
|
2731
|
+
/* @__PURE__ */ jsx39(
|
|
2732
|
+
"div",
|
|
2733
|
+
{
|
|
2734
|
+
className: "flex flex-col items-start shrink-0 w-full",
|
|
2735
|
+
style: { padding: "var(--spacing-md) 0" },
|
|
2736
|
+
children: renderMenuItem({
|
|
2737
|
+
item: config.topItem,
|
|
2738
|
+
sectionId: "top",
|
|
2739
|
+
expanded: true,
|
|
2740
|
+
activeItemId,
|
|
2741
|
+
highlightedItemIds,
|
|
2742
|
+
iconMap,
|
|
2743
|
+
onItemSelect,
|
|
2744
|
+
moreIcon,
|
|
2745
|
+
onMoreClick
|
|
2746
|
+
})
|
|
2747
|
+
}
|
|
2748
|
+
),
|
|
2749
|
+
/* @__PURE__ */ jsx39(HDivider, {})
|
|
2750
|
+
] }),
|
|
2751
|
+
showBody && bodyContent ? /* @__PURE__ */ jsx39("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsx39(Fragment14, { children: config.sections.map((section) => /* @__PURE__ */ jsxs31(
|
|
2710
2752
|
"div",
|
|
2711
2753
|
{
|
|
2712
2754
|
className: "flex flex-col items-start shrink-0 w-full",
|
|
@@ -2729,10 +2771,11 @@ function StreamoidSidebar({
|
|
|
2729
2771
|
]
|
|
2730
2772
|
},
|
|
2731
2773
|
section.id
|
|
2732
|
-
))
|
|
2774
|
+
)) })
|
|
2733
2775
|
]
|
|
2734
2776
|
}
|
|
2735
2777
|
),
|
|
2778
|
+
preFooterContent,
|
|
2736
2779
|
config.bottomItems?.length ? /* @__PURE__ */ jsx39(
|
|
2737
2780
|
"div",
|
|
2738
2781
|
{
|
|
@@ -2757,8 +2800,7 @@ function StreamoidSidebar({
|
|
|
2757
2800
|
{
|
|
2758
2801
|
className: "flex items-center shrink-0 w-full cursor-pointer",
|
|
2759
2802
|
style: {
|
|
2760
|
-
padding: "var(--spacing-md)",
|
|
2761
|
-
marginTop: "var(--spacing-md)",
|
|
2803
|
+
padding: "var(--spacing-md) var(--spacing-xl)",
|
|
2762
2804
|
gap: "var(--spacing-md)",
|
|
2763
2805
|
borderRadius: "var(--radius-xl)"
|
|
2764
2806
|
},
|
|
@@ -2792,18 +2834,15 @@ function StreamoidSidebar({
|
|
|
2792
2834
|
]
|
|
2793
2835
|
}
|
|
2794
2836
|
),
|
|
2795
|
-
!
|
|
2796
|
-
/* @__PURE__ */ jsx39("div", { style: { marginTop: "var(--spacing-md)" } }),
|
|
2797
|
-
/* @__PURE__ */ jsx39(HDivider, {})
|
|
2798
|
-
] })
|
|
2837
|
+
!effectiveHideFooter && /* @__PURE__ */ jsx39(Fragment14, { children: /* @__PURE__ */ jsx39(HDivider, {}) })
|
|
2799
2838
|
] }) : null,
|
|
2800
|
-
!
|
|
2839
|
+
!effectiveHideFooter && /* @__PURE__ */ jsx39("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ jsx39("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs31(
|
|
2801
2840
|
"div",
|
|
2802
2841
|
{
|
|
2803
2842
|
className: "flex items-center w-full",
|
|
2804
2843
|
style: {
|
|
2805
2844
|
gap: "var(--spacing-xs)",
|
|
2806
|
-
padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-
|
|
2845
|
+
padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xl)"
|
|
2807
2846
|
},
|
|
2808
2847
|
children: [
|
|
2809
2848
|
/* @__PURE__ */ jsx39(
|
|
@@ -2878,14 +2917,17 @@ function StreamoidSidebar({
|
|
|
2878
2917
|
sectionId: "top",
|
|
2879
2918
|
expanded: false,
|
|
2880
2919
|
activeItemId,
|
|
2920
|
+
highlightedItemIds,
|
|
2881
2921
|
iconMap,
|
|
2882
|
-
onItemSelect
|
|
2922
|
+
onItemSelect,
|
|
2923
|
+
moreIcon,
|
|
2924
|
+
onMoreClick
|
|
2883
2925
|
})
|
|
2884
2926
|
}
|
|
2885
2927
|
),
|
|
2886
2928
|
/* @__PURE__ */ jsx39(HDivider, {})
|
|
2887
2929
|
] }) : null,
|
|
2888
|
-
config.sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center w-full", children: [
|
|
2930
|
+
showBody && bodyContent ? /* @__PURE__ */ jsx39("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center w-full", children: [
|
|
2889
2931
|
/* @__PURE__ */ jsx39(
|
|
2890
2932
|
"div",
|
|
2891
2933
|
{
|
|
@@ -2900,8 +2942,11 @@ function StreamoidSidebar({
|
|
|
2900
2942
|
sectionId: section.id,
|
|
2901
2943
|
expanded: false,
|
|
2902
2944
|
activeItemId,
|
|
2945
|
+
highlightedItemIds,
|
|
2903
2946
|
iconMap,
|
|
2904
|
-
onItemSelect
|
|
2947
|
+
onItemSelect,
|
|
2948
|
+
moreIcon,
|
|
2949
|
+
onMoreClick
|
|
2905
2950
|
})
|
|
2906
2951
|
)
|
|
2907
2952
|
}
|
|
@@ -2911,6 +2956,7 @@ function StreamoidSidebar({
|
|
|
2911
2956
|
]
|
|
2912
2957
|
}
|
|
2913
2958
|
),
|
|
2959
|
+
preFooterContent,
|
|
2914
2960
|
config.bottomItems?.length ? /* @__PURE__ */ jsx39(
|
|
2915
2961
|
"div",
|
|
2916
2962
|
{
|
|
@@ -2922,8 +2968,11 @@ function StreamoidSidebar({
|
|
|
2922
2968
|
sectionId: "bottom",
|
|
2923
2969
|
expanded: false,
|
|
2924
2970
|
activeItemId,
|
|
2971
|
+
highlightedItemIds,
|
|
2925
2972
|
iconMap,
|
|
2926
|
-
onItemSelect
|
|
2973
|
+
onItemSelect,
|
|
2974
|
+
moreIcon,
|
|
2975
|
+
onMoreClick
|
|
2927
2976
|
})
|
|
2928
2977
|
)
|
|
2929
2978
|
}
|
|
@@ -3411,6 +3460,64 @@ var ScAppCard = ({
|
|
|
3411
3460
|
] });
|
|
3412
3461
|
};
|
|
3413
3462
|
|
|
3463
|
+
// src/SC-AppCardV3/ScAppCardV3.module.css
|
|
3464
|
+
var ScAppCardV3_default = {
|
|
3465
|
+
scAppCardV3: "ScAppCardV3_scAppCardV3",
|
|
3466
|
+
cardBorder: "ScAppCardV3_cardBorder",
|
|
3467
|
+
scAppCardV3Active: "ScAppCardV3_scAppCardV3Active",
|
|
3468
|
+
glow: "ScAppCardV3_glow",
|
|
3469
|
+
glowHover: "ScAppCardV3_glowHover",
|
|
3470
|
+
header: "ScAppCardV3_header",
|
|
3471
|
+
iconRow: "ScAppCardV3_iconRow",
|
|
3472
|
+
appName: "ScAppCardV3_appName",
|
|
3473
|
+
iconPill: "ScAppCardV3_iconPill",
|
|
3474
|
+
iconPillBg: "ScAppCardV3_iconPillBg",
|
|
3475
|
+
iconPillShadow: "ScAppCardV3_iconPillShadow",
|
|
3476
|
+
iconPillIcon: "ScAppCardV3_iconPillIcon",
|
|
3477
|
+
description: "ScAppCardV3_description"
|
|
3478
|
+
};
|
|
3479
|
+
|
|
3480
|
+
// src/SC-AppCardV3/ScAppCardV3.tsx
|
|
3481
|
+
import { SiconCart as SiconCart2 } from "@streamoid/icons";
|
|
3482
|
+
import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3483
|
+
var ScAppCardV3 = ({
|
|
3484
|
+
appIcon = /* @__PURE__ */ jsx44(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
|
|
3485
|
+
appName = "Stores",
|
|
3486
|
+
description = "Centralized product and asset management for every storefront",
|
|
3487
|
+
active = false,
|
|
3488
|
+
className,
|
|
3489
|
+
style,
|
|
3490
|
+
...props
|
|
3491
|
+
}) => {
|
|
3492
|
+
const cardClass = [
|
|
3493
|
+
ScAppCardV3_default.scAppCardV3,
|
|
3494
|
+
active ? ScAppCardV3_default.scAppCardV3Active : ""
|
|
3495
|
+
].filter(Boolean).join(" ");
|
|
3496
|
+
return /* @__PURE__ */ jsx44(
|
|
3497
|
+
"div",
|
|
3498
|
+
{
|
|
3499
|
+
className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
3500
|
+
style,
|
|
3501
|
+
...props,
|
|
3502
|
+
children: /* @__PURE__ */ jsxs36("div", { className: cardClass, children: [
|
|
3503
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.glow }),
|
|
3504
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.glowHover }),
|
|
3505
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.header, children: [
|
|
3506
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.iconRow, children: [
|
|
3507
|
+
/* @__PURE__ */ jsx44("p", { className: ScAppCardV3_default.appName, children: appName }),
|
|
3508
|
+
/* @__PURE__ */ jsxs36("div", { className: ScAppCardV3_default.iconPill, children: [
|
|
3509
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillBg }),
|
|
3510
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
|
|
3511
|
+
/* @__PURE__ */ jsx44("div", { className: ScAppCardV3_default.iconPillShadow })
|
|
3512
|
+
] })
|
|
3513
|
+
] }),
|
|
3514
|
+
/* @__PURE__ */ jsx44("p", { className: ScAppCardV3_default.description, children: description })
|
|
3515
|
+
] })
|
|
3516
|
+
] })
|
|
3517
|
+
}
|
|
3518
|
+
);
|
|
3519
|
+
};
|
|
3520
|
+
|
|
3414
3521
|
// src/SC-appField/ScAppField.module.css
|
|
3415
3522
|
var ScAppField_default = {
|
|
3416
3523
|
scAppField: "ScAppField_scAppField",
|
|
@@ -3442,7 +3549,7 @@ var ScToggleSwitch_default = {
|
|
|
3442
3549
|
};
|
|
3443
3550
|
|
|
3444
3551
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
3445
|
-
import { jsx as
|
|
3552
|
+
import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3446
3553
|
var ScToggleSwitch = ({
|
|
3447
3554
|
active = "false",
|
|
3448
3555
|
checked,
|
|
@@ -3452,7 +3559,7 @@ var ScToggleSwitch = ({
|
|
|
3452
3559
|
}) => {
|
|
3453
3560
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
3454
3561
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
3455
|
-
return /* @__PURE__ */
|
|
3562
|
+
return /* @__PURE__ */ jsx45(
|
|
3456
3563
|
"div",
|
|
3457
3564
|
{
|
|
3458
3565
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -3462,20 +3569,20 @@ var ScToggleSwitch = ({
|
|
|
3462
3569
|
props.onClick?.(e);
|
|
3463
3570
|
},
|
|
3464
3571
|
style: { cursor: "pointer", ...props.style },
|
|
3465
|
-
children: isActive ? /* @__PURE__ */
|
|
3466
|
-
/* @__PURE__ */
|
|
3467
|
-
/* @__PURE__ */
|
|
3468
|
-
] }) : /* @__PURE__ */
|
|
3469
|
-
/* @__PURE__ */
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
/* @__PURE__ */
|
|
3572
|
+
children: isActive ? /* @__PURE__ */ jsxs37("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3573
|
+
/* @__PURE__ */ jsx45("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
3574
|
+
/* @__PURE__ */ jsx45("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
|
|
3575
|
+
] }) : /* @__PURE__ */ jsxs37("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3576
|
+
/* @__PURE__ */ jsx45("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
|
|
3577
|
+
/* @__PURE__ */ jsx45("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
|
|
3578
|
+
/* @__PURE__ */ jsx45("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
|
|
3472
3579
|
] })
|
|
3473
3580
|
}
|
|
3474
3581
|
);
|
|
3475
3582
|
};
|
|
3476
3583
|
|
|
3477
3584
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
3478
|
-
import { jsx as
|
|
3585
|
+
import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
3479
3586
|
var ScArtifaxInvite = ({
|
|
3480
3587
|
active = "true",
|
|
3481
3588
|
appName = "Artifax",
|
|
@@ -3488,22 +3595,22 @@ var ScArtifaxInvite = ({
|
|
|
3488
3595
|
}) => {
|
|
3489
3596
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3490
3597
|
const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3491
|
-
return /* @__PURE__ */
|
|
3598
|
+
return /* @__PURE__ */ jsxs38(
|
|
3492
3599
|
"div",
|
|
3493
3600
|
{
|
|
3494
3601
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
3495
3602
|
...props,
|
|
3496
3603
|
children: [
|
|
3497
|
-
/* @__PURE__ */
|
|
3604
|
+
/* @__PURE__ */ jsx46(
|
|
3498
3605
|
ScAppCard,
|
|
3499
3606
|
{
|
|
3500
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
3607
|
+
appIcon: appIcon || /* @__PURE__ */ jsx46(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
3501
3608
|
appName,
|
|
3502
3609
|
appDescription,
|
|
3503
3610
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
3504
3611
|
}
|
|
3505
3612
|
),
|
|
3506
|
-
/* @__PURE__ */
|
|
3613
|
+
/* @__PURE__ */ jsx46(
|
|
3507
3614
|
ScToggleSwitch,
|
|
3508
3615
|
{
|
|
3509
3616
|
checked: isEnabled,
|
|
@@ -3529,12 +3636,12 @@ var ScPhtogenixInvite_default = {
|
|
|
3529
3636
|
|
|
3530
3637
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
3531
3638
|
import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
|
|
3532
|
-
import { jsx as
|
|
3639
|
+
import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
3533
3640
|
var ScPhtogenixInvite = ({
|
|
3534
3641
|
active = "true",
|
|
3535
3642
|
scAppCardappDescription = "Info about photogenix",
|
|
3536
3643
|
scAppCardappName = "Photogenix",
|
|
3537
|
-
scAppCardappIcon = /* @__PURE__ */
|
|
3644
|
+
scAppCardappIcon = /* @__PURE__ */ jsx47(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
3538
3645
|
className,
|
|
3539
3646
|
enabled,
|
|
3540
3647
|
onToggle,
|
|
@@ -3542,12 +3649,12 @@ var ScPhtogenixInvite = ({
|
|
|
3542
3649
|
}) => {
|
|
3543
3650
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3544
3651
|
const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3545
|
-
return /* @__PURE__ */
|
|
3652
|
+
return /* @__PURE__ */ jsxs39(
|
|
3546
3653
|
"div",
|
|
3547
3654
|
{
|
|
3548
3655
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
3549
3656
|
children: [
|
|
3550
|
-
/* @__PURE__ */
|
|
3657
|
+
/* @__PURE__ */ jsx47(
|
|
3551
3658
|
ScAppCard,
|
|
3552
3659
|
{
|
|
3553
3660
|
appIcon: scAppCardappIcon,
|
|
@@ -3556,7 +3663,7 @@ var ScPhtogenixInvite = ({
|
|
|
3556
3663
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
3557
3664
|
}
|
|
3558
3665
|
),
|
|
3559
|
-
/* @__PURE__ */
|
|
3666
|
+
/* @__PURE__ */ jsx47(
|
|
3560
3667
|
ScToggleSwitch,
|
|
3561
3668
|
{
|
|
3562
3669
|
checked: isEnabled,
|
|
@@ -3594,6 +3701,9 @@ var ScOnlyField_default = {
|
|
|
3594
3701
|
scOnlyField: "ScOnlyField_scOnlyField",
|
|
3595
3702
|
inputContainer: "ScOnlyField_inputContainer",
|
|
3596
3703
|
inputText: "ScOnlyField_inputText",
|
|
3704
|
+
iconWrapper: "ScOnlyField_iconWrapper",
|
|
3705
|
+
"size-medium": "ScOnlyField_size-medium",
|
|
3706
|
+
"size-small": "ScOnlyField_size-small",
|
|
3597
3707
|
"tf-group-icon-left": "ScOnlyField_tf-group-icon-left",
|
|
3598
3708
|
"tf-group-icon-left-right": "ScOnlyField_tf-group-icon-left-right",
|
|
3599
3709
|
"state-hover": "ScOnlyField_state-hover",
|
|
@@ -3603,13 +3713,14 @@ var ScOnlyField_default = {
|
|
|
3603
3713
|
|
|
3604
3714
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
3605
3715
|
import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
|
|
3606
|
-
import {
|
|
3716
|
+
import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
3607
3717
|
var ScOnlyField = ({
|
|
3608
|
-
tfRightIcon = /* @__PURE__ */
|
|
3609
|
-
tfLeftIcon = /* @__PURE__ */
|
|
3718
|
+
tfRightIcon = /* @__PURE__ */ jsx48(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3719
|
+
tfLeftIcon = /* @__PURE__ */ jsx48(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
3610
3720
|
state = "default",
|
|
3611
3721
|
tfGroup = "icon-right",
|
|
3612
3722
|
labelGroup = "none",
|
|
3723
|
+
size = "default",
|
|
3613
3724
|
className,
|
|
3614
3725
|
placeholderFilled = "Placeholder",
|
|
3615
3726
|
value,
|
|
@@ -3617,15 +3728,15 @@ var ScOnlyField = ({
|
|
|
3617
3728
|
inputProps,
|
|
3618
3729
|
...props
|
|
3619
3730
|
}) => {
|
|
3620
|
-
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup];
|
|
3621
|
-
return /* @__PURE__ */
|
|
3731
|
+
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
3732
|
+
return /* @__PURE__ */ jsx48(
|
|
3622
3733
|
"div",
|
|
3623
3734
|
{
|
|
3624
3735
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
3625
3736
|
...props,
|
|
3626
|
-
children: /* @__PURE__ */
|
|
3627
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
3628
|
-
/* @__PURE__ */
|
|
3737
|
+
children: /* @__PURE__ */ jsxs40("div", { className: ScOnlyField_default.inputContainer, children: [
|
|
3738
|
+
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx48("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
|
|
3739
|
+
/* @__PURE__ */ jsx48(
|
|
3629
3740
|
"input",
|
|
3630
3741
|
{
|
|
3631
3742
|
className: ScOnlyField_default.inputText,
|
|
@@ -3645,7 +3756,7 @@ var ScOnlyField = ({
|
|
|
3645
3756
|
...inputProps
|
|
3646
3757
|
}
|
|
3647
3758
|
),
|
|
3648
|
-
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
3759
|
+
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx48("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
|
|
3649
3760
|
] })
|
|
3650
3761
|
}
|
|
3651
3762
|
);
|
|
@@ -3653,7 +3764,7 @@ var ScOnlyField = ({
|
|
|
3653
3764
|
|
|
3654
3765
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
3655
3766
|
import { SiconHome as SiconHome10 } from "@streamoid/icons";
|
|
3656
|
-
import { Fragment as
|
|
3767
|
+
import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
3657
3768
|
var ScCatalogixInvite = ({
|
|
3658
3769
|
active = "false",
|
|
3659
3770
|
appName = "Catalogix",
|
|
@@ -3675,23 +3786,23 @@ var ScCatalogixInvite = ({
|
|
|
3675
3786
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
3676
3787
|
const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
3677
3788
|
const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
|
|
3678
|
-
return /* @__PURE__ */
|
|
3789
|
+
return /* @__PURE__ */ jsxs41(
|
|
3679
3790
|
"div",
|
|
3680
3791
|
{
|
|
3681
3792
|
className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
|
|
3682
3793
|
...props,
|
|
3683
3794
|
children: [
|
|
3684
|
-
/* @__PURE__ */
|
|
3685
|
-
/* @__PURE__ */
|
|
3795
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
3796
|
+
/* @__PURE__ */ jsx49(
|
|
3686
3797
|
ScAppCard,
|
|
3687
3798
|
{
|
|
3688
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
3799
|
+
appIcon: appIcon || /* @__PURE__ */ jsx49(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
3689
3800
|
appDescription,
|
|
3690
3801
|
appName,
|
|
3691
3802
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
3692
3803
|
}
|
|
3693
3804
|
),
|
|
3694
|
-
/* @__PURE__ */
|
|
3805
|
+
/* @__PURE__ */ jsx49(
|
|
3695
3806
|
ScToggleSwitch,
|
|
3696
3807
|
{
|
|
3697
3808
|
checked: isEnabled,
|
|
@@ -3700,29 +3811,29 @@ var ScCatalogixInvite = ({
|
|
|
3700
3811
|
}
|
|
3701
3812
|
)
|
|
3702
3813
|
] }),
|
|
3703
|
-
isEnabled && /* @__PURE__ */
|
|
3704
|
-
/* @__PURE__ */
|
|
3705
|
-
/* @__PURE__ */
|
|
3814
|
+
isEnabled && /* @__PURE__ */ jsx49(Fragment15, { children: /* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
|
|
3815
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
|
|
3816
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
|
|
3706
3817
|
storeAccessTitle,
|
|
3707
3818
|
" "
|
|
3708
3819
|
] }),
|
|
3709
|
-
/* @__PURE__ */
|
|
3820
|
+
/* @__PURE__ */ jsxs41("div", { className: ScCatalogixInvite_default.selectedCount, children: [
|
|
3710
3821
|
displayCount,
|
|
3711
3822
|
" "
|
|
3712
3823
|
] })
|
|
3713
3824
|
] }),
|
|
3714
|
-
/* @__PURE__ */
|
|
3825
|
+
/* @__PURE__ */ jsx49(
|
|
3715
3826
|
ScOnlyField,
|
|
3716
3827
|
{
|
|
3717
|
-
tfLeftIcon: /* @__PURE__ */
|
|
3718
|
-
tfRightIcon: /* @__PURE__ */
|
|
3828
|
+
tfLeftIcon: /* @__PURE__ */ jsx49(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3829
|
+
tfRightIcon: /* @__PURE__ */ jsx49(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
3719
3830
|
placeholderFilled: searchPlaceholder,
|
|
3720
3831
|
value: searchValue,
|
|
3721
3832
|
onInputChange: onSearchChange,
|
|
3722
3833
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
3723
3834
|
}
|
|
3724
3835
|
),
|
|
3725
|
-
/* @__PURE__ */
|
|
3836
|
+
/* @__PURE__ */ jsx49("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx49(
|
|
3726
3837
|
ScPairtext,
|
|
3727
3838
|
{
|
|
3728
3839
|
content: store.name,
|
|
@@ -3733,53 +3844,53 @@ var ScCatalogixInvite = ({
|
|
|
3733
3844
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3734
3845
|
},
|
|
3735
3846
|
store.id
|
|
3736
|
-
)) : /* @__PURE__ */
|
|
3847
|
+
)) : /* @__PURE__ */ jsx49("div", { style: {
|
|
3737
3848
|
padding: "var(--spacing-3xl, 16px)",
|
|
3738
3849
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
3739
3850
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
3740
3851
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
3741
3852
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
3742
|
-
}, children: "No stores found" }) : /* @__PURE__ */
|
|
3743
|
-
/* @__PURE__ */
|
|
3853
|
+
}, children: "No stores found" }) : /* @__PURE__ */ jsxs41(Fragment15, { children: [
|
|
3854
|
+
/* @__PURE__ */ jsx49(
|
|
3744
3855
|
ScPairtext,
|
|
3745
3856
|
{
|
|
3746
|
-
icon: /* @__PURE__ */
|
|
3857
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3747
3858
|
iconPosition: "right",
|
|
3748
3859
|
type: "checkbox",
|
|
3749
3860
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3750
3861
|
}
|
|
3751
3862
|
),
|
|
3752
|
-
/* @__PURE__ */
|
|
3863
|
+
/* @__PURE__ */ jsx49(
|
|
3753
3864
|
ScPairtext,
|
|
3754
3865
|
{
|
|
3755
|
-
icon: /* @__PURE__ */
|
|
3866
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3756
3867
|
iconPosition: "right",
|
|
3757
3868
|
type: "checkbox",
|
|
3758
3869
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3759
3870
|
}
|
|
3760
3871
|
),
|
|
3761
|
-
/* @__PURE__ */
|
|
3872
|
+
/* @__PURE__ */ jsx49(
|
|
3762
3873
|
ScPairtext,
|
|
3763
3874
|
{
|
|
3764
|
-
icon: /* @__PURE__ */
|
|
3875
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3765
3876
|
iconPosition: "right",
|
|
3766
3877
|
type: "checkbox",
|
|
3767
3878
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3768
3879
|
}
|
|
3769
3880
|
),
|
|
3770
|
-
/* @__PURE__ */
|
|
3881
|
+
/* @__PURE__ */ jsx49(
|
|
3771
3882
|
ScPairtext,
|
|
3772
3883
|
{
|
|
3773
|
-
icon: /* @__PURE__ */
|
|
3884
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3774
3885
|
iconPosition: "right",
|
|
3775
3886
|
type: "checkbox",
|
|
3776
3887
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
3777
3888
|
}
|
|
3778
3889
|
),
|
|
3779
|
-
/* @__PURE__ */
|
|
3890
|
+
/* @__PURE__ */ jsx49(
|
|
3780
3891
|
ScPairtext,
|
|
3781
3892
|
{
|
|
3782
|
-
icon: /* @__PURE__ */
|
|
3893
|
+
icon: /* @__PURE__ */ jsx49(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
3783
3894
|
iconPosition: "right",
|
|
3784
3895
|
type: "checkbox",
|
|
3785
3896
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -3793,7 +3904,7 @@ var ScCatalogixInvite = ({
|
|
|
3793
3904
|
};
|
|
3794
3905
|
|
|
3795
3906
|
// src/SC-appField/ScAppField.tsx
|
|
3796
|
-
import { jsx as
|
|
3907
|
+
import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
3797
3908
|
var ScAppField = ({
|
|
3798
3909
|
appFieldTitle = "App permission",
|
|
3799
3910
|
className,
|
|
@@ -3810,13 +3921,13 @@ var ScAppField = ({
|
|
|
3810
3921
|
onCatalogixSearchChange,
|
|
3811
3922
|
...props
|
|
3812
3923
|
}) => {
|
|
3813
|
-
return /* @__PURE__ */
|
|
3814
|
-
/* @__PURE__ */
|
|
3924
|
+
return /* @__PURE__ */ jsxs42("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
|
|
3925
|
+
/* @__PURE__ */ jsx50("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs42("div", { className: ScAppField_default.title, children: [
|
|
3815
3926
|
appFieldTitle,
|
|
3816
3927
|
" "
|
|
3817
3928
|
] }) }),
|
|
3818
|
-
/* @__PURE__ */
|
|
3819
|
-
/* @__PURE__ */
|
|
3929
|
+
/* @__PURE__ */ jsxs42("div", { className: ScAppField_default.inputContainer, children: [
|
|
3930
|
+
/* @__PURE__ */ jsx50(
|
|
3820
3931
|
ScArtifaxInvite,
|
|
3821
3932
|
{
|
|
3822
3933
|
enabled: artifaxEnabled,
|
|
@@ -3824,18 +3935,18 @@ var ScAppField = ({
|
|
|
3824
3935
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
3825
3936
|
}
|
|
3826
3937
|
),
|
|
3827
|
-
/* @__PURE__ */
|
|
3938
|
+
/* @__PURE__ */ jsx50(
|
|
3828
3939
|
ScPhtogenixInvite,
|
|
3829
3940
|
{
|
|
3830
3941
|
enabled: photogenixEnabled,
|
|
3831
3942
|
onToggle: onPhotogenixToggle,
|
|
3832
3943
|
scAppCardappDescription: "Info about photogenix",
|
|
3833
3944
|
scAppCardappName: "Photogenix",
|
|
3834
|
-
scAppCardappIcon: /* @__PURE__ */
|
|
3945
|
+
scAppCardappIcon: /* @__PURE__ */ jsx50(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
3835
3946
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
3836
3947
|
}
|
|
3837
3948
|
),
|
|
3838
|
-
/* @__PURE__ */
|
|
3949
|
+
/* @__PURE__ */ jsx50(
|
|
3839
3950
|
ScCatalogixInvite,
|
|
3840
3951
|
{
|
|
3841
3952
|
enabled: catalogixEnabled,
|
|
@@ -3862,13 +3973,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
3862
3973
|
};
|
|
3863
3974
|
|
|
3864
3975
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
3865
|
-
import { jsx as
|
|
3976
|
+
import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
3866
3977
|
var ScBillingHistoryHeader = ({
|
|
3867
3978
|
className,
|
|
3868
3979
|
...props
|
|
3869
3980
|
}) => {
|
|
3870
|
-
return /* @__PURE__ */
|
|
3871
|
-
/* @__PURE__ */
|
|
3981
|
+
return /* @__PURE__ */ jsxs43("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
3982
|
+
/* @__PURE__ */ jsx51(
|
|
3872
3983
|
ScHeader,
|
|
3873
3984
|
{
|
|
3874
3985
|
text: "Invoice",
|
|
@@ -3876,7 +3987,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3876
3987
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
3877
3988
|
}
|
|
3878
3989
|
),
|
|
3879
|
-
/* @__PURE__ */
|
|
3990
|
+
/* @__PURE__ */ jsx51(
|
|
3880
3991
|
ScHeader,
|
|
3881
3992
|
{
|
|
3882
3993
|
text: "Amount",
|
|
@@ -3884,7 +3995,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3884
3995
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3885
3996
|
}
|
|
3886
3997
|
),
|
|
3887
|
-
/* @__PURE__ */
|
|
3998
|
+
/* @__PURE__ */ jsx51(
|
|
3888
3999
|
ScHeader,
|
|
3889
4000
|
{
|
|
3890
4001
|
text: "Date",
|
|
@@ -3892,7 +4003,7 @@ var ScBillingHistoryHeader = ({
|
|
|
3892
4003
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
3893
4004
|
}
|
|
3894
4005
|
),
|
|
3895
|
-
/* @__PURE__ */
|
|
4006
|
+
/* @__PURE__ */ jsx51(
|
|
3896
4007
|
ScHeader,
|
|
3897
4008
|
{
|
|
3898
4009
|
text: "Action",
|
|
@@ -3914,19 +4025,19 @@ var ScCheckField_default = {
|
|
|
3914
4025
|
|
|
3915
4026
|
// src/SC-checkField/ScCheckField.tsx
|
|
3916
4027
|
import { SiconHome as SiconHome11 } from "@streamoid/icons";
|
|
3917
|
-
import { Fragment as
|
|
4028
|
+
import { Fragment as Fragment16, jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
3918
4029
|
var ScCheckField = ({
|
|
3919
4030
|
label = "Label",
|
|
3920
4031
|
className,
|
|
3921
4032
|
checkboxes,
|
|
3922
4033
|
...props
|
|
3923
4034
|
}) => {
|
|
3924
|
-
return /* @__PURE__ */
|
|
3925
|
-
/* @__PURE__ */
|
|
4035
|
+
return /* @__PURE__ */ jsxs44("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
|
|
4036
|
+
/* @__PURE__ */ jsx52("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs44("div", { className: ScCheckField_default.label, children: [
|
|
3926
4037
|
label,
|
|
3927
4038
|
" "
|
|
3928
4039
|
] }) }),
|
|
3929
|
-
/* @__PURE__ */
|
|
4040
|
+
/* @__PURE__ */ jsx52("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx52(
|
|
3930
4041
|
ScPairtext,
|
|
3931
4042
|
{
|
|
3932
4043
|
content: item.label,
|
|
@@ -3936,19 +4047,19 @@ var ScCheckField = ({
|
|
|
3936
4047
|
className: ScCheckField_default.scPairtextInstance
|
|
3937
4048
|
},
|
|
3938
4049
|
i
|
|
3939
|
-
)) : /* @__PURE__ */
|
|
3940
|
-
/* @__PURE__ */
|
|
4050
|
+
)) : /* @__PURE__ */ jsxs44(Fragment16, { children: [
|
|
4051
|
+
/* @__PURE__ */ jsx52(
|
|
3941
4052
|
ScPairtext,
|
|
3942
4053
|
{
|
|
3943
|
-
icon: /* @__PURE__ */
|
|
4054
|
+
icon: /* @__PURE__ */ jsx52(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
3944
4055
|
type: "checkbox",
|
|
3945
4056
|
className: ScCheckField_default.scPairtextInstance
|
|
3946
4057
|
}
|
|
3947
4058
|
),
|
|
3948
|
-
/* @__PURE__ */
|
|
4059
|
+
/* @__PURE__ */ jsx52(
|
|
3949
4060
|
ScPairtext,
|
|
3950
4061
|
{
|
|
3951
|
-
icon: /* @__PURE__ */
|
|
4062
|
+
icon: /* @__PURE__ */ jsx52(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
3952
4063
|
type: "checkbox",
|
|
3953
4064
|
className: ScCheckField_default.scPairtextInstance
|
|
3954
4065
|
}
|
|
@@ -3969,9 +4080,9 @@ var ScFieldButton_default = {
|
|
|
3969
4080
|
|
|
3970
4081
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
3971
4082
|
import { SiconHome as SiconHome12 } from "@streamoid/icons";
|
|
3972
|
-
import { Fragment as
|
|
4083
|
+
import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
3973
4084
|
var ScFieldButton = ({
|
|
3974
|
-
icon = /* @__PURE__ */
|
|
4085
|
+
icon = /* @__PURE__ */ jsx53(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
|
|
3975
4086
|
type = "default",
|
|
3976
4087
|
state = "default",
|
|
3977
4088
|
className,
|
|
@@ -3979,18 +4090,18 @@ var ScFieldButton = ({
|
|
|
3979
4090
|
...props
|
|
3980
4091
|
}) => {
|
|
3981
4092
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
3982
|
-
return /* @__PURE__ */
|
|
4093
|
+
return /* @__PURE__ */ jsx53(
|
|
3983
4094
|
"div",
|
|
3984
4095
|
{
|
|
3985
4096
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
3986
4097
|
...props,
|
|
3987
|
-
children: /* @__PURE__ */
|
|
3988
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */
|
|
3989
|
-
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */
|
|
4098
|
+
children: /* @__PURE__ */ jsxs45("div", { className: ScFieldButton_default.container, children: [
|
|
4099
|
+
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx53(Fragment17, { children: icon }),
|
|
4100
|
+
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx53(Fragment17, { children: /* @__PURE__ */ jsxs45("div", { className: ScFieldButton_default.label, children: [
|
|
3990
4101
|
text,
|
|
3991
4102
|
" "
|
|
3992
4103
|
] }) }),
|
|
3993
|
-
type === "icon-left" && /* @__PURE__ */
|
|
4104
|
+
type === "icon-left" && /* @__PURE__ */ jsx53(Fragment17, { children: icon })
|
|
3994
4105
|
] })
|
|
3995
4106
|
}
|
|
3996
4107
|
);
|
|
@@ -4005,16 +4116,16 @@ var ScPendingAction_default = {
|
|
|
4005
4116
|
|
|
4006
4117
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
4007
4118
|
import { SiconHome as SiconHome13 } from "@streamoid/icons";
|
|
4008
|
-
import { jsx as
|
|
4119
|
+
import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
4009
4120
|
var ScPendingAction = ({
|
|
4010
4121
|
className,
|
|
4011
4122
|
...props
|
|
4012
4123
|
}) => {
|
|
4013
|
-
return /* @__PURE__ */
|
|
4014
|
-
/* @__PURE__ */
|
|
4124
|
+
return /* @__PURE__ */ jsxs46("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
4125
|
+
/* @__PURE__ */ jsx54(
|
|
4015
4126
|
ScButton,
|
|
4016
4127
|
{
|
|
4017
|
-
icon: /* @__PURE__ */
|
|
4128
|
+
icon: /* @__PURE__ */ jsx54(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4018
4129
|
text: "Cancel",
|
|
4019
4130
|
variant: "error",
|
|
4020
4131
|
type: "tertiary",
|
|
@@ -4022,11 +4133,11 @@ var ScPendingAction = ({
|
|
|
4022
4133
|
className: ScPendingAction_default.scButtonInstance
|
|
4023
4134
|
}
|
|
4024
4135
|
),
|
|
4025
|
-
/* @__PURE__ */
|
|
4026
|
-
/* @__PURE__ */
|
|
4136
|
+
/* @__PURE__ */ jsx54(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
4137
|
+
/* @__PURE__ */ jsx54(
|
|
4027
4138
|
ScButton,
|
|
4028
4139
|
{
|
|
4029
|
-
icon: /* @__PURE__ */
|
|
4140
|
+
icon: /* @__PURE__ */ jsx54(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4030
4141
|
text: "Resend",
|
|
4031
4142
|
variant: "tertiary",
|
|
4032
4143
|
size: "sm",
|
|
@@ -4050,7 +4161,7 @@ var ScQuickPrompt_default = {
|
|
|
4050
4161
|
|
|
4051
4162
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
4052
4163
|
import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
|
|
4053
|
-
import { jsx as
|
|
4164
|
+
import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
4054
4165
|
var ScQuickPrompt = ({
|
|
4055
4166
|
appName = "Photogenix",
|
|
4056
4167
|
heading = "Swap Model and Background",
|
|
@@ -4058,20 +4169,20 @@ var ScQuickPrompt = ({
|
|
|
4058
4169
|
className,
|
|
4059
4170
|
...props
|
|
4060
4171
|
}) => {
|
|
4061
|
-
return /* @__PURE__ */
|
|
4062
|
-
/* @__PURE__ */
|
|
4063
|
-
/* @__PURE__ */
|
|
4064
|
-
/* @__PURE__ */
|
|
4172
|
+
return /* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
|
|
4173
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.header, children: [
|
|
4174
|
+
/* @__PURE__ */ jsx55("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx55(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
|
|
4175
|
+
/* @__PURE__ */ jsx55("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.title, children: [
|
|
4065
4176
|
appName,
|
|
4066
4177
|
" "
|
|
4067
4178
|
] }) })
|
|
4068
4179
|
] }),
|
|
4069
|
-
/* @__PURE__ */
|
|
4070
|
-
/* @__PURE__ */
|
|
4180
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.body, children: [
|
|
4181
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.heading, children: [
|
|
4071
4182
|
heading,
|
|
4072
4183
|
" "
|
|
4073
4184
|
] }),
|
|
4074
|
-
/* @__PURE__ */
|
|
4185
|
+
/* @__PURE__ */ jsxs47("div", { className: ScQuickPrompt_default.description, children: [
|
|
4075
4186
|
description,
|
|
4076
4187
|
" "
|
|
4077
4188
|
] })
|
|
@@ -4088,13 +4199,13 @@ var ScReferralTableHeader_default = {
|
|
|
4088
4199
|
};
|
|
4089
4200
|
|
|
4090
4201
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
4091
|
-
import { jsx as
|
|
4202
|
+
import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
4092
4203
|
var ScReferralTableHeader = ({
|
|
4093
4204
|
className,
|
|
4094
4205
|
...props
|
|
4095
4206
|
}) => {
|
|
4096
|
-
return /* @__PURE__ */
|
|
4097
|
-
/* @__PURE__ */
|
|
4207
|
+
return /* @__PURE__ */ jsxs48("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
4208
|
+
/* @__PURE__ */ jsx56(
|
|
4098
4209
|
ScHeader,
|
|
4099
4210
|
{
|
|
4100
4211
|
text: "User",
|
|
@@ -4102,7 +4213,7 @@ var ScReferralTableHeader = ({
|
|
|
4102
4213
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
4103
4214
|
}
|
|
4104
4215
|
),
|
|
4105
|
-
/* @__PURE__ */
|
|
4216
|
+
/* @__PURE__ */ jsx56(
|
|
4106
4217
|
ScHeader,
|
|
4107
4218
|
{
|
|
4108
4219
|
text: "Date",
|
|
@@ -4110,7 +4221,7 @@ var ScReferralTableHeader = ({
|
|
|
4110
4221
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
4111
4222
|
}
|
|
4112
4223
|
),
|
|
4113
|
-
/* @__PURE__ */
|
|
4224
|
+
/* @__PURE__ */ jsx56(
|
|
4114
4225
|
ScHeader,
|
|
4115
4226
|
{
|
|
4116
4227
|
text: "Status",
|
|
@@ -4118,7 +4229,7 @@ var ScReferralTableHeader = ({
|
|
|
4118
4229
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
4119
4230
|
}
|
|
4120
4231
|
),
|
|
4121
|
-
/* @__PURE__ */
|
|
4232
|
+
/* @__PURE__ */ jsx56(
|
|
4122
4233
|
ScHeader,
|
|
4123
4234
|
{
|
|
4124
4235
|
text: "Reward",
|
|
@@ -4139,7 +4250,7 @@ var ScReferralTableList_default = {
|
|
|
4139
4250
|
};
|
|
4140
4251
|
|
|
4141
4252
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
4142
|
-
import { jsx as
|
|
4253
|
+
import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
4143
4254
|
var ScReferralTableList = ({
|
|
4144
4255
|
userEmail = "chris@kepler.com",
|
|
4145
4256
|
userName,
|
|
@@ -4149,8 +4260,8 @@ var ScReferralTableList = ({
|
|
|
4149
4260
|
className,
|
|
4150
4261
|
...props
|
|
4151
4262
|
}) => {
|
|
4152
|
-
return /* @__PURE__ */
|
|
4153
|
-
/* @__PURE__ */
|
|
4263
|
+
return /* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
4264
|
+
/* @__PURE__ */ jsx57(
|
|
4154
4265
|
ScProfile,
|
|
4155
4266
|
{
|
|
4156
4267
|
subText: userEmail,
|
|
@@ -4158,12 +4269,12 @@ var ScReferralTableList = ({
|
|
|
4158
4269
|
className: ScReferralTableList_default.scProfileInstance
|
|
4159
4270
|
}
|
|
4160
4271
|
),
|
|
4161
|
-
/* @__PURE__ */
|
|
4272
|
+
/* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.date, children: [
|
|
4162
4273
|
date,
|
|
4163
4274
|
" "
|
|
4164
4275
|
] }),
|
|
4165
|
-
/* @__PURE__ */
|
|
4166
|
-
/* @__PURE__ */
|
|
4276
|
+
/* @__PURE__ */ jsx57(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
4277
|
+
/* @__PURE__ */ jsxs49("div", { className: ScReferralTableList_default.points, children: [
|
|
4167
4278
|
points,
|
|
4168
4279
|
" "
|
|
4169
4280
|
] })
|
|
@@ -4179,33 +4290,33 @@ var ScSettingsNav_default = {
|
|
|
4179
4290
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
4180
4291
|
import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
|
|
4181
4292
|
import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
|
|
4182
|
-
import { jsx as
|
|
4293
|
+
import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
4183
4294
|
var ScSettingsNav = ({
|
|
4184
4295
|
className,
|
|
4185
4296
|
...props
|
|
4186
4297
|
}) => {
|
|
4187
|
-
return /* @__PURE__ */
|
|
4188
|
-
/* @__PURE__ */
|
|
4298
|
+
return /* @__PURE__ */ jsx58("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs50("div", { className: ScSettingsNav_default.container, children: [
|
|
4299
|
+
/* @__PURE__ */ jsx58(
|
|
4189
4300
|
ScSidebarMenu,
|
|
4190
4301
|
{
|
|
4191
|
-
icon: /* @__PURE__ */
|
|
4302
|
+
icon: /* @__PURE__ */ jsx58(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
4192
4303
|
text: "Profile",
|
|
4193
4304
|
state: "active",
|
|
4194
4305
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4195
4306
|
}
|
|
4196
4307
|
),
|
|
4197
|
-
/* @__PURE__ */
|
|
4308
|
+
/* @__PURE__ */ jsx58(
|
|
4198
4309
|
ScSidebarMenu,
|
|
4199
4310
|
{
|
|
4200
|
-
icon: /* @__PURE__ */
|
|
4311
|
+
icon: /* @__PURE__ */ jsx58(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
4201
4312
|
text: "Workspace",
|
|
4202
4313
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4203
4314
|
}
|
|
4204
4315
|
),
|
|
4205
|
-
/* @__PURE__ */
|
|
4316
|
+
/* @__PURE__ */ jsx58(
|
|
4206
4317
|
ScSidebarMenu,
|
|
4207
4318
|
{
|
|
4208
|
-
icon: /* @__PURE__ */
|
|
4319
|
+
icon: /* @__PURE__ */ jsx58(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
4209
4320
|
text: "Referral",
|
|
4210
4321
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4211
4322
|
}
|
|
@@ -4221,7 +4332,7 @@ var ScTabField_default = {
|
|
|
4221
4332
|
};
|
|
4222
4333
|
|
|
4223
4334
|
// src/SC-tabField/ScTabField.tsx
|
|
4224
|
-
import { jsx as
|
|
4335
|
+
import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
4225
4336
|
var ScTabField = ({
|
|
4226
4337
|
label = "Label",
|
|
4227
4338
|
className,
|
|
@@ -4230,17 +4341,17 @@ var ScTabField = ({
|
|
|
4230
4341
|
onTabChange,
|
|
4231
4342
|
...props
|
|
4232
4343
|
}) => {
|
|
4233
|
-
return /* @__PURE__ */
|
|
4234
|
-
/* @__PURE__ */
|
|
4344
|
+
return /* @__PURE__ */ jsxs51("div", { className: ScTabField_default.scTabField + " " + className, children: [
|
|
4345
|
+
/* @__PURE__ */ jsx59("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs51("div", { className: ScTabField_default.label, children: [
|
|
4235
4346
|
label,
|
|
4236
4347
|
" "
|
|
4237
4348
|
] }) }),
|
|
4238
|
-
tabs ? /* @__PURE__ */
|
|
4349
|
+
tabs ? /* @__PURE__ */ jsx59(
|
|
4239
4350
|
ScTabSwitcher,
|
|
4240
4351
|
{
|
|
4241
4352
|
tabCount: String(tabs.length),
|
|
4242
4353
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
4243
|
-
component: tabs[0] ? /* @__PURE__ */
|
|
4354
|
+
component: tabs[0] ? /* @__PURE__ */ jsx59(
|
|
4244
4355
|
ScTabComp,
|
|
4245
4356
|
{
|
|
4246
4357
|
text: tabs[0].label,
|
|
@@ -4250,7 +4361,7 @@ var ScTabField = ({
|
|
|
4250
4361
|
style: { flex: 1 }
|
|
4251
4362
|
}
|
|
4252
4363
|
) : void 0,
|
|
4253
|
-
component2: tabs[1] ? /* @__PURE__ */
|
|
4364
|
+
component2: tabs[1] ? /* @__PURE__ */ jsx59(
|
|
4254
4365
|
ScTabComp,
|
|
4255
4366
|
{
|
|
4256
4367
|
text: tabs[1].label,
|
|
@@ -4261,7 +4372,7 @@ var ScTabField = ({
|
|
|
4261
4372
|
}
|
|
4262
4373
|
) : void 0
|
|
4263
4374
|
}
|
|
4264
|
-
) : /* @__PURE__ */
|
|
4375
|
+
) : /* @__PURE__ */ jsx59(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
4265
4376
|
] });
|
|
4266
4377
|
};
|
|
4267
4378
|
|
|
@@ -4278,19 +4389,19 @@ var ScTableHeader_default = {
|
|
|
4278
4389
|
};
|
|
4279
4390
|
|
|
4280
4391
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
4281
|
-
import { Fragment as
|
|
4392
|
+
import { Fragment as Fragment18, jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
4282
4393
|
var ScTableHeader = ({
|
|
4283
4394
|
type = "default",
|
|
4284
4395
|
className,
|
|
4285
4396
|
...props
|
|
4286
4397
|
}) => {
|
|
4287
4398
|
const variantsClassName = ScTableHeader_default["type-" + type];
|
|
4288
|
-
return /* @__PURE__ */
|
|
4399
|
+
return /* @__PURE__ */ jsxs52(
|
|
4289
4400
|
"div",
|
|
4290
4401
|
{
|
|
4291
4402
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
4292
4403
|
children: [
|
|
4293
|
-
/* @__PURE__ */
|
|
4404
|
+
/* @__PURE__ */ jsx60(
|
|
4294
4405
|
ScHeader,
|
|
4295
4406
|
{
|
|
4296
4407
|
text: "User",
|
|
@@ -4298,7 +4409,7 @@ var ScTableHeader = ({
|
|
|
4298
4409
|
className: ScTableHeader_default.scHeaderInstance
|
|
4299
4410
|
}
|
|
4300
4411
|
),
|
|
4301
|
-
/* @__PURE__ */
|
|
4412
|
+
/* @__PURE__ */ jsx60(
|
|
4302
4413
|
ScHeader,
|
|
4303
4414
|
{
|
|
4304
4415
|
text: "Role",
|
|
@@ -4306,7 +4417,7 @@ var ScTableHeader = ({
|
|
|
4306
4417
|
className: ScTableHeader_default.scHeaderInstance2
|
|
4307
4418
|
}
|
|
4308
4419
|
),
|
|
4309
|
-
/* @__PURE__ */
|
|
4420
|
+
/* @__PURE__ */ jsx60(
|
|
4310
4421
|
ScHeader,
|
|
4311
4422
|
{
|
|
4312
4423
|
text: "Access",
|
|
@@ -4314,7 +4425,7 @@ var ScTableHeader = ({
|
|
|
4314
4425
|
className: ScTableHeader_default.scHeaderInstance3
|
|
4315
4426
|
}
|
|
4316
4427
|
),
|
|
4317
|
-
/* @__PURE__ */
|
|
4428
|
+
/* @__PURE__ */ jsx60(
|
|
4318
4429
|
ScHeader,
|
|
4319
4430
|
{
|
|
4320
4431
|
text: "Invited by",
|
|
@@ -4322,7 +4433,7 @@ var ScTableHeader = ({
|
|
|
4322
4433
|
className: ScTableHeader_default.scHeaderInstance4
|
|
4323
4434
|
}
|
|
4324
4435
|
),
|
|
4325
|
-
type === "pending" && /* @__PURE__ */
|
|
4436
|
+
type === "pending" && /* @__PURE__ */ jsx60(Fragment18, { children: /* @__PURE__ */ jsx60(
|
|
4326
4437
|
ScHeader,
|
|
4327
4438
|
{
|
|
4328
4439
|
text: "Invite action",
|
|
@@ -4330,7 +4441,7 @@ var ScTableHeader = ({
|
|
|
4330
4441
|
className: ScTableHeader_default.scHeaderInstance5
|
|
4331
4442
|
}
|
|
4332
4443
|
) }),
|
|
4333
|
-
type === "default" && /* @__PURE__ */
|
|
4444
|
+
type === "default" && /* @__PURE__ */ jsx60(Fragment18, { children: /* @__PURE__ */ jsx60(
|
|
4334
4445
|
ScHeader,
|
|
4335
4446
|
{
|
|
4336
4447
|
text: "Signed On",
|
|
@@ -4364,7 +4475,7 @@ var ScTableList_default = {
|
|
|
4364
4475
|
// src/SC-tableList/ScTableList.tsx
|
|
4365
4476
|
import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
|
|
4366
4477
|
import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
|
|
4367
|
-
import { Fragment as
|
|
4478
|
+
import { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
4368
4479
|
var ScTableList = ({
|
|
4369
4480
|
invitedBy = "Rohan",
|
|
4370
4481
|
signedOn = "Nov 9th, 2025",
|
|
@@ -4376,51 +4487,51 @@ var ScTableList = ({
|
|
|
4376
4487
|
...props
|
|
4377
4488
|
}) => {
|
|
4378
4489
|
const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
|
|
4379
|
-
return /* @__PURE__ */
|
|
4490
|
+
return /* @__PURE__ */ jsxs53(
|
|
4380
4491
|
"div",
|
|
4381
4492
|
{
|
|
4382
4493
|
className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
|
|
4383
4494
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
4384
4495
|
...props,
|
|
4385
4496
|
children: [
|
|
4386
|
-
/* @__PURE__ */
|
|
4497
|
+
/* @__PURE__ */ jsx61(
|
|
4387
4498
|
ScProfile,
|
|
4388
4499
|
{
|
|
4389
4500
|
subText: userEmail,
|
|
4390
4501
|
className: ScTableList_default.scProfileInstance
|
|
4391
4502
|
}
|
|
4392
4503
|
),
|
|
4393
|
-
/* @__PURE__ */
|
|
4394
|
-
/* @__PURE__ */
|
|
4395
|
-
/* @__PURE__ */
|
|
4504
|
+
/* @__PURE__ */ jsx61(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
4505
|
+
/* @__PURE__ */ jsxs53("div", { className: ScTableList_default.accessInfo, children: [
|
|
4506
|
+
/* @__PURE__ */ jsx61(
|
|
4396
4507
|
ScAccess,
|
|
4397
4508
|
{
|
|
4398
|
-
component: /* @__PURE__ */
|
|
4399
|
-
component2: /* @__PURE__ */
|
|
4509
|
+
component: /* @__PURE__ */ jsx61(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
|
|
4510
|
+
component2: /* @__PURE__ */ jsx61(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
4400
4511
|
className: ScTableList_default.scAccessInstance
|
|
4401
4512
|
}
|
|
4402
4513
|
),
|
|
4403
|
-
/* @__PURE__ */
|
|
4514
|
+
/* @__PURE__ */ jsx61(
|
|
4404
4515
|
ScAccess,
|
|
4405
4516
|
{
|
|
4406
|
-
component: /* @__PURE__ */
|
|
4407
|
-
component2: /* @__PURE__ */
|
|
4517
|
+
component: /* @__PURE__ */ jsx61(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
4518
|
+
component2: /* @__PURE__ */ jsx61(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
4408
4519
|
visibleSiconCatalogix: false,
|
|
4409
4520
|
className: ScTableList_default.scAccessInstance
|
|
4410
4521
|
}
|
|
4411
4522
|
)
|
|
4412
4523
|
] }),
|
|
4413
|
-
/* @__PURE__ */
|
|
4524
|
+
/* @__PURE__ */ jsxs53("div", { className: ScTableList_default.userName, children: [
|
|
4414
4525
|
invitedBy,
|
|
4415
4526
|
" "
|
|
4416
4527
|
] }),
|
|
4417
|
-
variant === "pending" && /* @__PURE__ */
|
|
4528
|
+
variant === "pending" && /* @__PURE__ */ jsx61(Fragment19, { children: /* @__PURE__ */ jsx61(
|
|
4418
4529
|
ScPendingAction,
|
|
4419
4530
|
{
|
|
4420
4531
|
className: ScTableList_default.scPendingActionInstance
|
|
4421
4532
|
}
|
|
4422
4533
|
) }),
|
|
4423
|
-
variant === "active" && /* @__PURE__ */
|
|
4534
|
+
variant === "active" && /* @__PURE__ */ jsx61(Fragment19, { children: /* @__PURE__ */ jsxs53("div", { className: ScTableList_default.date, children: [
|
|
4424
4535
|
signedOn,
|
|
4425
4536
|
" "
|
|
4426
4537
|
] }) })
|
|
@@ -4455,7 +4566,7 @@ import {
|
|
|
4455
4566
|
SiconSwitch as SiconSwitch2,
|
|
4456
4567
|
SiconLogout as SiconLogout2
|
|
4457
4568
|
} from "@streamoid/icons";
|
|
4458
|
-
import { jsx as
|
|
4569
|
+
import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
4459
4570
|
var ScWorkspaceCard = ({
|
|
4460
4571
|
workspaceName = "Stores",
|
|
4461
4572
|
role = "Admin",
|
|
@@ -4465,21 +4576,21 @@ var ScWorkspaceCard = ({
|
|
|
4465
4576
|
className,
|
|
4466
4577
|
...props
|
|
4467
4578
|
}) => {
|
|
4468
|
-
return /* @__PURE__ */
|
|
4469
|
-
/* @__PURE__ */
|
|
4470
|
-
/* @__PURE__ */
|
|
4579
|
+
return /* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
|
|
4580
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
|
|
4581
|
+
/* @__PURE__ */ jsx62(
|
|
4471
4582
|
ScIntialProfileCover,
|
|
4472
4583
|
{
|
|
4473
4584
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
4474
4585
|
}
|
|
4475
4586
|
),
|
|
4476
|
-
/* @__PURE__ */
|
|
4587
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.workspaceName, children: [
|
|
4477
4588
|
workspaceName,
|
|
4478
4589
|
" "
|
|
4479
4590
|
] })
|
|
4480
4591
|
] }),
|
|
4481
|
-
/* @__PURE__ */
|
|
4482
|
-
/* @__PURE__ */
|
|
4592
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
4593
|
+
/* @__PURE__ */ jsx62(
|
|
4483
4594
|
ScBadges,
|
|
4484
4595
|
{
|
|
4485
4596
|
text: role,
|
|
@@ -4487,41 +4598,41 @@ var ScWorkspaceCard = ({
|
|
|
4487
4598
|
className: ScWorkspaceCard_default.scBadgesInstance
|
|
4488
4599
|
}
|
|
4489
4600
|
),
|
|
4490
|
-
/* @__PURE__ */
|
|
4491
|
-
/* @__PURE__ */
|
|
4601
|
+
/* @__PURE__ */ jsxs54("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
4602
|
+
/* @__PURE__ */ jsx62(
|
|
4492
4603
|
ScPairtext,
|
|
4493
4604
|
{
|
|
4494
|
-
icon: /* @__PURE__ */
|
|
4605
|
+
icon: /* @__PURE__ */ jsx62(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
4495
4606
|
content: userCount,
|
|
4496
4607
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4497
4608
|
}
|
|
4498
4609
|
),
|
|
4499
|
-
/* @__PURE__ */
|
|
4500
|
-
/* @__PURE__ */
|
|
4610
|
+
/* @__PURE__ */ jsx62(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
4611
|
+
/* @__PURE__ */ jsx62(
|
|
4501
4612
|
ScPairtext,
|
|
4502
4613
|
{
|
|
4503
|
-
icon: /* @__PURE__ */
|
|
4614
|
+
icon: /* @__PURE__ */ jsx62(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
4504
4615
|
content: ownerEmail,
|
|
4505
4616
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
4506
4617
|
}
|
|
4507
4618
|
)
|
|
4508
4619
|
] })
|
|
4509
4620
|
] }),
|
|
4510
|
-
/* @__PURE__ */
|
|
4621
|
+
/* @__PURE__ */ jsx62(
|
|
4511
4622
|
ScButton,
|
|
4512
4623
|
{
|
|
4513
|
-
icon: /* @__PURE__ */
|
|
4624
|
+
icon: /* @__PURE__ */ jsx62(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
4514
4625
|
text: buttonText,
|
|
4515
4626
|
state: "disabled",
|
|
4516
4627
|
variant: "outline",
|
|
4517
4628
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
4518
4629
|
}
|
|
4519
4630
|
),
|
|
4520
|
-
/* @__PURE__ */
|
|
4631
|
+
/* @__PURE__ */ jsx62(
|
|
4521
4632
|
ScButton,
|
|
4522
4633
|
{
|
|
4523
4634
|
text: "Leave workspace",
|
|
4524
|
-
icon: /* @__PURE__ */
|
|
4635
|
+
icon: /* @__PURE__ */ jsx62(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
4525
4636
|
styleVariant: "icon-only",
|
|
4526
4637
|
variant: "error",
|
|
4527
4638
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -4557,7 +4668,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
4557
4668
|
};
|
|
4558
4669
|
|
|
4559
4670
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
4560
|
-
import { jsx as
|
|
4671
|
+
import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4561
4672
|
function ScWorkspaceSwitchCard({
|
|
4562
4673
|
wsName = "Workspace name is kepler",
|
|
4563
4674
|
role = "Admin",
|
|
@@ -4587,14 +4698,14 @@ function ScWorkspaceSwitchCard({
|
|
|
4587
4698
|
].filter(Boolean).join(" ");
|
|
4588
4699
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
4589
4700
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
4590
|
-
return /* @__PURE__ */
|
|
4701
|
+
return /* @__PURE__ */ jsx63(
|
|
4591
4702
|
"div",
|
|
4592
4703
|
{
|
|
4593
4704
|
className: cardClass,
|
|
4594
4705
|
onMouseEnter: () => setInternalHover(true),
|
|
4595
4706
|
onMouseLeave: () => setInternalHover(false),
|
|
4596
|
-
children: /* @__PURE__ */
|
|
4597
|
-
/* @__PURE__ */
|
|
4707
|
+
children: /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
4708
|
+
/* @__PURE__ */ jsx63(
|
|
4598
4709
|
ScDp,
|
|
4599
4710
|
{
|
|
4600
4711
|
type: imageUrl ? "image" : "initial",
|
|
@@ -4608,26 +4719,26 @@ function ScWorkspaceSwitchCard({
|
|
|
4608
4719
|
}
|
|
4609
4720
|
}
|
|
4610
4721
|
),
|
|
4611
|
-
/* @__PURE__ */
|
|
4612
|
-
/* @__PURE__ */
|
|
4613
|
-
/* @__PURE__ */
|
|
4614
|
-
/* @__PURE__ */
|
|
4615
|
-
/* @__PURE__ */
|
|
4616
|
-
/* @__PURE__ */
|
|
4722
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
|
|
4723
|
+
/* @__PURE__ */ jsx63("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
|
|
4724
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
|
|
4725
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4726
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
|
|
4727
|
+
/* @__PURE__ */ jsx63("span", { className: roleColorClass, children: displayRole })
|
|
4617
4728
|
] }),
|
|
4618
|
-
/* @__PURE__ */
|
|
4619
|
-
/* @__PURE__ */
|
|
4620
|
-
/* @__PURE__ */
|
|
4621
|
-
/* @__PURE__ */
|
|
4729
|
+
/* @__PURE__ */ jsx63(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4730
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
4731
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
|
|
4732
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
|
|
4622
4733
|
] }),
|
|
4623
|
-
/* @__PURE__ */
|
|
4624
|
-
/* @__PURE__ */
|
|
4625
|
-
/* @__PURE__ */
|
|
4626
|
-
/* @__PURE__ */
|
|
4734
|
+
/* @__PURE__ */ jsx63(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
4735
|
+
/* @__PURE__ */ jsxs55("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
|
|
4736
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
|
|
4737
|
+
/* @__PURE__ */ jsx63("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
|
|
4627
4738
|
] })
|
|
4628
4739
|
] })
|
|
4629
4740
|
] }),
|
|
4630
|
-
isHover && isOther && /* @__PURE__ */
|
|
4741
|
+
isHover && isOther && /* @__PURE__ */ jsx63(
|
|
4631
4742
|
"div",
|
|
4632
4743
|
{
|
|
4633
4744
|
onClick: (e) => {
|
|
@@ -4635,19 +4746,19 @@ function ScWorkspaceSwitchCard({
|
|
|
4635
4746
|
onSwitch?.();
|
|
4636
4747
|
},
|
|
4637
4748
|
style: { cursor: "pointer" },
|
|
4638
|
-
children: /* @__PURE__ */
|
|
4749
|
+
children: /* @__PURE__ */ jsx63(
|
|
4639
4750
|
ScButton,
|
|
4640
4751
|
{
|
|
4641
4752
|
text: "Switch Workspace",
|
|
4642
4753
|
variant: "secondary",
|
|
4643
4754
|
size: "sm",
|
|
4644
4755
|
styleVariant: "icon-left",
|
|
4645
|
-
icon: /* @__PURE__ */
|
|
4756
|
+
icon: /* @__PURE__ */ jsx63(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4646
4757
|
}
|
|
4647
4758
|
)
|
|
4648
4759
|
}
|
|
4649
4760
|
),
|
|
4650
|
-
isHover && isAdmin && /* @__PURE__ */
|
|
4761
|
+
isHover && isAdmin && /* @__PURE__ */ jsx63(
|
|
4651
4762
|
"div",
|
|
4652
4763
|
{
|
|
4653
4764
|
onClick: (e) => {
|
|
@@ -4655,18 +4766,18 @@ function ScWorkspaceSwitchCard({
|
|
|
4655
4766
|
onSettings?.();
|
|
4656
4767
|
},
|
|
4657
4768
|
style: { cursor: "pointer" },
|
|
4658
|
-
children: /* @__PURE__ */
|
|
4769
|
+
children: /* @__PURE__ */ jsx63(
|
|
4659
4770
|
ScButton,
|
|
4660
4771
|
{
|
|
4661
4772
|
styleVariant: "icon-only",
|
|
4662
4773
|
variant: "outline",
|
|
4663
4774
|
size: "sm",
|
|
4664
|
-
icon: /* @__PURE__ */
|
|
4775
|
+
icon: /* @__PURE__ */ jsx63(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
4665
4776
|
}
|
|
4666
4777
|
)
|
|
4667
4778
|
}
|
|
4668
4779
|
),
|
|
4669
|
-
isHover && !isAdmin && /* @__PURE__ */
|
|
4780
|
+
isHover && !isAdmin && /* @__PURE__ */ jsx63(
|
|
4670
4781
|
"div",
|
|
4671
4782
|
{
|
|
4672
4783
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -4674,7 +4785,7 @@ function ScWorkspaceSwitchCard({
|
|
|
4674
4785
|
e.stopPropagation();
|
|
4675
4786
|
onLeave?.();
|
|
4676
4787
|
},
|
|
4677
|
-
children: /* @__PURE__ */
|
|
4788
|
+
children: /* @__PURE__ */ jsx63(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
4678
4789
|
}
|
|
4679
4790
|
)
|
|
4680
4791
|
] })
|
|
@@ -4692,18 +4803,18 @@ var ScRoleMobile_default = {
|
|
|
4692
4803
|
};
|
|
4693
4804
|
|
|
4694
4805
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
4695
|
-
import { jsx as
|
|
4806
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
4696
4807
|
var ScRoleMobile = ({
|
|
4697
4808
|
role = "admin",
|
|
4698
4809
|
className,
|
|
4699
4810
|
...props
|
|
4700
4811
|
}) => {
|
|
4701
|
-
return /* @__PURE__ */
|
|
4812
|
+
return /* @__PURE__ */ jsx64(
|
|
4702
4813
|
"div",
|
|
4703
4814
|
{
|
|
4704
4815
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
4705
4816
|
...props,
|
|
4706
|
-
children: /* @__PURE__ */
|
|
4817
|
+
children: /* @__PURE__ */ jsx64("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
4707
4818
|
}
|
|
4708
4819
|
);
|
|
4709
4820
|
};
|
|
@@ -4720,7 +4831,7 @@ var ScProfileV2Mobile_default = {
|
|
|
4720
4831
|
};
|
|
4721
4832
|
|
|
4722
4833
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
4723
|
-
import { jsx as
|
|
4834
|
+
import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
4724
4835
|
var ScProfileV2Mobile = ({
|
|
4725
4836
|
name = "Chris Hemsworth",
|
|
4726
4837
|
email = "chris@kepler.com",
|
|
@@ -4730,17 +4841,17 @@ var ScProfileV2Mobile = ({
|
|
|
4730
4841
|
...props
|
|
4731
4842
|
}) => {
|
|
4732
4843
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4733
|
-
const profileImage = /* @__PURE__ */
|
|
4734
|
-
return /* @__PURE__ */
|
|
4844
|
+
const profileImage = /* @__PURE__ */ jsx65("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx65("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx65("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
4845
|
+
return /* @__PURE__ */ jsxs56(
|
|
4735
4846
|
"div",
|
|
4736
4847
|
{
|
|
4737
4848
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
4738
4849
|
...props,
|
|
4739
4850
|
children: [
|
|
4740
4851
|
dpPosition === "left" && profileImage,
|
|
4741
|
-
/* @__PURE__ */
|
|
4742
|
-
/* @__PURE__ */
|
|
4743
|
-
/* @__PURE__ */
|
|
4852
|
+
/* @__PURE__ */ jsxs56("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
4853
|
+
/* @__PURE__ */ jsx65("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
4854
|
+
/* @__PURE__ */ jsx65("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
4744
4855
|
] }),
|
|
4745
4856
|
dpPosition === "right" && profileImage
|
|
4746
4857
|
]
|
|
@@ -4767,7 +4878,7 @@ var ScTableListMobile_default = {
|
|
|
4767
4878
|
};
|
|
4768
4879
|
|
|
4769
4880
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
4770
|
-
import { jsx as
|
|
4881
|
+
import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
4771
4882
|
var ScTableListMobile = ({
|
|
4772
4883
|
name = "Chris Hemsworth",
|
|
4773
4884
|
email = "chris@kepler.com",
|
|
@@ -4780,25 +4891,25 @@ var ScTableListMobile = ({
|
|
|
4780
4891
|
...props
|
|
4781
4892
|
}) => {
|
|
4782
4893
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
4783
|
-
return /* @__PURE__ */
|
|
4894
|
+
return /* @__PURE__ */ jsxs57(
|
|
4784
4895
|
"div",
|
|
4785
4896
|
{
|
|
4786
4897
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
4787
4898
|
onClick: onRowClick,
|
|
4788
4899
|
...props,
|
|
4789
4900
|
children: [
|
|
4790
|
-
/* @__PURE__ */
|
|
4791
|
-
/* @__PURE__ */
|
|
4792
|
-
/* @__PURE__ */
|
|
4793
|
-
/* @__PURE__ */
|
|
4901
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
4902
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
4903
|
+
/* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
4904
|
+
/* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
4794
4905
|
] }),
|
|
4795
|
-
/* @__PURE__ */
|
|
4906
|
+
/* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx66("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
4796
4907
|
] }),
|
|
4797
|
-
/* @__PURE__ */
|
|
4798
|
-
/* @__PURE__ */
|
|
4799
|
-
/* @__PURE__ */
|
|
4800
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */
|
|
4801
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */
|
|
4908
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
4909
|
+
/* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx66("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
4910
|
+
/* @__PURE__ */ jsxs57("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
4911
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx66("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
4912
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx66("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx66("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
4802
4913
|
] })
|
|
4803
4914
|
] })
|
|
4804
4915
|
]
|
|
@@ -4826,7 +4937,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
4826
4937
|
};
|
|
4827
4938
|
|
|
4828
4939
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
4829
|
-
import { jsx as
|
|
4940
|
+
import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
4830
4941
|
var ScWorkspaceSwitchMobile = ({
|
|
4831
4942
|
storeName = "Stores",
|
|
4832
4943
|
initials = "WS",
|
|
@@ -4839,24 +4950,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
4839
4950
|
...props
|
|
4840
4951
|
}) => {
|
|
4841
4952
|
const variant = currentWs ? "current" : "other";
|
|
4842
|
-
return /* @__PURE__ */
|
|
4953
|
+
return /* @__PURE__ */ jsxs58(
|
|
4843
4954
|
"div",
|
|
4844
4955
|
{
|
|
4845
4956
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
4846
4957
|
onClick,
|
|
4847
4958
|
...props,
|
|
4848
4959
|
children: [
|
|
4849
|
-
/* @__PURE__ */
|
|
4850
|
-
/* @__PURE__ */
|
|
4851
|
-
/* @__PURE__ */
|
|
4852
|
-
/* @__PURE__ */
|
|
4960
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
4961
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
4962
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
4963
|
+
/* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
4853
4964
|
] }),
|
|
4854
|
-
/* @__PURE__ */
|
|
4965
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
4855
4966
|
] }),
|
|
4856
|
-
/* @__PURE__ */
|
|
4857
|
-
/* @__PURE__ */
|
|
4858
|
-
/* @__PURE__ */
|
|
4859
|
-
/* @__PURE__ */
|
|
4967
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
4968
|
+
/* @__PURE__ */ jsxs58("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
4969
|
+
/* @__PURE__ */ jsx67("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
4970
|
+
/* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
4860
4971
|
] })
|
|
4861
4972
|
]
|
|
4862
4973
|
}
|
|
@@ -4883,7 +4994,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
4883
4994
|
};
|
|
4884
4995
|
|
|
4885
4996
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
4886
|
-
import { jsx as
|
|
4997
|
+
import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
4887
4998
|
var ScWorkspaceSettingsMobile = ({
|
|
4888
4999
|
storeName = "Stores",
|
|
4889
5000
|
initials = "WS",
|
|
@@ -4898,28 +5009,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
4898
5009
|
...props
|
|
4899
5010
|
}) => {
|
|
4900
5011
|
const variant = currentWs ? "current" : "other";
|
|
4901
|
-
return /* @__PURE__ */
|
|
5012
|
+
return /* @__PURE__ */ jsxs59(
|
|
4902
5013
|
"div",
|
|
4903
5014
|
{
|
|
4904
5015
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
4905
5016
|
onClick,
|
|
4906
5017
|
...props,
|
|
4907
5018
|
children: [
|
|
4908
|
-
/* @__PURE__ */
|
|
4909
|
-
/* @__PURE__ */
|
|
4910
|
-
/* @__PURE__ */
|
|
4911
|
-
/* @__PURE__ */
|
|
5019
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
5020
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
5021
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
5022
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
4912
5023
|
] }),
|
|
4913
|
-
/* @__PURE__ */
|
|
5024
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
4914
5025
|
] }),
|
|
4915
|
-
/* @__PURE__ */
|
|
4916
|
-
/* @__PURE__ */
|
|
4917
|
-
/* @__PURE__ */
|
|
4918
|
-
/* @__PURE__ */
|
|
5026
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
5027
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5028
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
5029
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
4919
5030
|
] }),
|
|
4920
|
-
/* @__PURE__ */
|
|
4921
|
-
/* @__PURE__ */
|
|
4922
|
-
/* @__PURE__ */
|
|
5031
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5032
|
+
/* @__PURE__ */ jsx68("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
5033
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
4923
5034
|
] })
|
|
4924
5035
|
]
|
|
4925
5036
|
}
|
|
@@ -4942,7 +5053,7 @@ var ScMobileTopNav_default = {
|
|
|
4942
5053
|
};
|
|
4943
5054
|
|
|
4944
5055
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
4945
|
-
import { Fragment as
|
|
5056
|
+
import { Fragment as Fragment20, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
4946
5057
|
var ScMobileTopNav = ({
|
|
4947
5058
|
type = "home",
|
|
4948
5059
|
searchIcon = false,
|
|
@@ -4965,22 +5076,22 @@ var ScMobileTopNav = ({
|
|
|
4965
5076
|
}) => {
|
|
4966
5077
|
const hasBorder = type === "chat" || type === "inApp";
|
|
4967
5078
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
4968
|
-
return /* @__PURE__ */
|
|
5079
|
+
return /* @__PURE__ */ jsxs60(
|
|
4969
5080
|
"div",
|
|
4970
5081
|
{
|
|
4971
5082
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
4972
5083
|
...props,
|
|
4973
5084
|
children: [
|
|
4974
|
-
type === "home" && /* @__PURE__ */
|
|
4975
|
-
type === "chat" && /* @__PURE__ */
|
|
4976
|
-
/* @__PURE__ */
|
|
4977
|
-
/* @__PURE__ */
|
|
4978
|
-
/* @__PURE__ */
|
|
5085
|
+
type === "home" && /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5086
|
+
type === "chat" && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5087
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5088
|
+
/* @__PURE__ */ jsx69("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
5089
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
4979
5090
|
] }),
|
|
4980
|
-
showSearch && /* @__PURE__ */
|
|
4981
|
-
/* @__PURE__ */
|
|
4982
|
-
/* @__PURE__ */
|
|
4983
|
-
/* @__PURE__ */
|
|
5091
|
+
showSearch && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5092
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs60("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
5093
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5094
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx69(
|
|
4984
5095
|
"input",
|
|
4985
5096
|
{
|
|
4986
5097
|
type: "text",
|
|
@@ -4991,17 +5102,17 @@ var ScMobileTopNav = ({
|
|
|
4991
5102
|
}
|
|
4992
5103
|
) })
|
|
4993
5104
|
] }) }),
|
|
4994
|
-
/* @__PURE__ */
|
|
5105
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
4995
5106
|
] }),
|
|
4996
|
-
type === "inApp" && !search && /* @__PURE__ */
|
|
4997
|
-
/* @__PURE__ */
|
|
4998
|
-
/* @__PURE__ */
|
|
4999
|
-
/* @__PURE__ */
|
|
5107
|
+
type === "inApp" && !search && /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
5108
|
+
/* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5109
|
+
/* @__PURE__ */ jsx69("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
5110
|
+
/* @__PURE__ */ jsx69(
|
|
5000
5111
|
"div",
|
|
5001
5112
|
{
|
|
5002
5113
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
5003
5114
|
onClick: onSearchClick,
|
|
5004
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */
|
|
5115
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx69("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
5005
5116
|
}
|
|
5006
5117
|
)
|
|
5007
5118
|
] })
|
|
@@ -5022,7 +5133,7 @@ var ScMobileBottomAction_default = {
|
|
|
5022
5133
|
};
|
|
5023
5134
|
|
|
5024
5135
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
5025
|
-
import { jsx as
|
|
5136
|
+
import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
5026
5137
|
var ScMobileBottomAction = ({
|
|
5027
5138
|
text = "Save Changes",
|
|
5028
5139
|
disabled = false,
|
|
@@ -5034,28 +5145,28 @@ var ScMobileBottomAction = ({
|
|
|
5034
5145
|
...props
|
|
5035
5146
|
}) => {
|
|
5036
5147
|
const isTwoButton = !!secondaryText;
|
|
5037
|
-
return /* @__PURE__ */
|
|
5148
|
+
return /* @__PURE__ */ jsxs61(
|
|
5038
5149
|
"div",
|
|
5039
5150
|
{
|
|
5040
5151
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
5041
5152
|
...props,
|
|
5042
5153
|
children: [
|
|
5043
|
-
isTwoButton && /* @__PURE__ */
|
|
5154
|
+
isTwoButton && /* @__PURE__ */ jsx70(
|
|
5044
5155
|
"button",
|
|
5045
5156
|
{
|
|
5046
5157
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5047
5158
|
onClick: onSecondaryClick,
|
|
5048
5159
|
disabled: secondaryDisabled,
|
|
5049
|
-
children: /* @__PURE__ */
|
|
5160
|
+
children: /* @__PURE__ */ jsx70("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
5050
5161
|
}
|
|
5051
5162
|
),
|
|
5052
|
-
/* @__PURE__ */
|
|
5163
|
+
/* @__PURE__ */ jsx70(
|
|
5053
5164
|
"button",
|
|
5054
5165
|
{
|
|
5055
5166
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5056
5167
|
onClick,
|
|
5057
5168
|
disabled,
|
|
5058
|
-
children: /* @__PURE__ */
|
|
5169
|
+
children: /* @__PURE__ */ jsx70("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
5059
5170
|
}
|
|
5060
5171
|
)
|
|
5061
5172
|
]
|
|
@@ -5073,7 +5184,7 @@ var ScPopUpMenu_default = {
|
|
|
5073
5184
|
};
|
|
5074
5185
|
|
|
5075
5186
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
5076
|
-
import { jsx as
|
|
5187
|
+
import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
5077
5188
|
var ScPopUpMenu = ({
|
|
5078
5189
|
menu = "Options",
|
|
5079
5190
|
state = "default",
|
|
@@ -5082,15 +5193,15 @@ var ScPopUpMenu = ({
|
|
|
5082
5193
|
className,
|
|
5083
5194
|
...props
|
|
5084
5195
|
}) => {
|
|
5085
|
-
return /* @__PURE__ */
|
|
5196
|
+
return /* @__PURE__ */ jsxs62(
|
|
5086
5197
|
"div",
|
|
5087
5198
|
{
|
|
5088
5199
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
5089
5200
|
onClick,
|
|
5090
5201
|
...props,
|
|
5091
5202
|
children: [
|
|
5092
|
-
icon && /* @__PURE__ */
|
|
5093
|
-
/* @__PURE__ */
|
|
5203
|
+
icon && /* @__PURE__ */ jsx71("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
5204
|
+
/* @__PURE__ */ jsx71("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
5094
5205
|
]
|
|
5095
5206
|
}
|
|
5096
5207
|
);
|
|
@@ -5116,7 +5227,7 @@ var ScReferralCardMobile_default = {
|
|
|
5116
5227
|
};
|
|
5117
5228
|
|
|
5118
5229
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
5119
|
-
import { jsx as
|
|
5230
|
+
import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
5120
5231
|
var ScReferralCardMobile = ({
|
|
5121
5232
|
name = "Chris Hemsworth",
|
|
5122
5233
|
email = "chris@kepler.com",
|
|
@@ -5129,27 +5240,27 @@ var ScReferralCardMobile = ({
|
|
|
5129
5240
|
...props
|
|
5130
5241
|
}) => {
|
|
5131
5242
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5132
|
-
return /* @__PURE__ */
|
|
5243
|
+
return /* @__PURE__ */ jsxs63(
|
|
5133
5244
|
"div",
|
|
5134
5245
|
{
|
|
5135
5246
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
5136
5247
|
onClick,
|
|
5137
5248
|
...props,
|
|
5138
5249
|
children: [
|
|
5139
|
-
/* @__PURE__ */
|
|
5140
|
-
/* @__PURE__ */
|
|
5141
|
-
/* @__PURE__ */
|
|
5142
|
-
/* @__PURE__ */
|
|
5143
|
-
/* @__PURE__ */
|
|
5144
|
-
/* @__PURE__ */
|
|
5250
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
5251
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
5252
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx72("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
5253
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
5254
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
5255
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
5145
5256
|
] })
|
|
5146
5257
|
] }),
|
|
5147
|
-
/* @__PURE__ */
|
|
5258
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
5148
5259
|
] }),
|
|
5149
|
-
/* @__PURE__ */
|
|
5150
|
-
/* @__PURE__ */
|
|
5151
|
-
/* @__PURE__ */
|
|
5152
|
-
/* @__PURE__ */
|
|
5260
|
+
/* @__PURE__ */ jsx72("div", { className: ScReferralCardMobile_default.divider }),
|
|
5261
|
+
/* @__PURE__ */ jsxs63("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
5262
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
5263
|
+
/* @__PURE__ */ jsx72("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
5153
5264
|
] })
|
|
5154
5265
|
]
|
|
5155
5266
|
}
|
|
@@ -5166,19 +5277,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
5166
5277
|
};
|
|
5167
5278
|
|
|
5168
5279
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
5169
|
-
import { jsx as
|
|
5280
|
+
import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
5170
5281
|
var InvoiceHistoryMobile = ({
|
|
5171
5282
|
invoiceId = "# INV-2800-2026",
|
|
5172
5283
|
date = "Nov 9th, 2025",
|
|
5173
5284
|
amount = "$320.89",
|
|
5174
5285
|
className
|
|
5175
5286
|
}) => {
|
|
5176
|
-
return /* @__PURE__ */
|
|
5177
|
-
/* @__PURE__ */
|
|
5178
|
-
/* @__PURE__ */
|
|
5179
|
-
/* @__PURE__ */
|
|
5287
|
+
return /* @__PURE__ */ jsxs64("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
5288
|
+
/* @__PURE__ */ jsxs64("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
5289
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
5290
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
5180
5291
|
] }),
|
|
5181
|
-
/* @__PURE__ */
|
|
5292
|
+
/* @__PURE__ */ jsx73("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
5182
5293
|
] });
|
|
5183
5294
|
};
|
|
5184
5295
|
|
|
@@ -5196,7 +5307,7 @@ var UsageHistoryMobile_default = {
|
|
|
5196
5307
|
};
|
|
5197
5308
|
|
|
5198
5309
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
5199
|
-
import { jsx as
|
|
5310
|
+
import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
5200
5311
|
var UsageHistoryMobile = ({
|
|
5201
5312
|
serviceName = "Artifax Generation",
|
|
5202
5313
|
credits = "50",
|
|
@@ -5205,18 +5316,18 @@ var UsageHistoryMobile = ({
|
|
|
5205
5316
|
balance = "84,902",
|
|
5206
5317
|
className
|
|
5207
5318
|
}) => {
|
|
5208
|
-
return /* @__PURE__ */
|
|
5209
|
-
/* @__PURE__ */
|
|
5210
|
-
/* @__PURE__ */
|
|
5211
|
-
/* @__PURE__ */
|
|
5319
|
+
return /* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
5320
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
5321
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
5322
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
5212
5323
|
] }),
|
|
5213
|
-
/* @__PURE__ */
|
|
5214
|
-
/* @__PURE__ */
|
|
5215
|
-
/* @__PURE__ */
|
|
5216
|
-
/* @__PURE__ */
|
|
5217
|
-
/* @__PURE__ */
|
|
5324
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
5325
|
+
/* @__PURE__ */ jsxs65("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
5326
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
5327
|
+
/* @__PURE__ */ jsx74("div", { className: UsageHistoryMobile_default.divider }),
|
|
5328
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
5218
5329
|
] }),
|
|
5219
|
-
/* @__PURE__ */
|
|
5330
|
+
/* @__PURE__ */ jsx74("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
5220
5331
|
] })
|
|
5221
5332
|
] });
|
|
5222
5333
|
};
|
|
@@ -5240,7 +5351,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
5240
5351
|
};
|
|
5241
5352
|
|
|
5242
5353
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
5243
|
-
import { jsx as
|
|
5354
|
+
import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
5244
5355
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
5245
5356
|
wsName = "Workspace name is kepler",
|
|
5246
5357
|
initials = "WS",
|
|
@@ -5253,14 +5364,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5253
5364
|
className,
|
|
5254
5365
|
...props
|
|
5255
5366
|
}) => {
|
|
5256
|
-
return /* @__PURE__ */
|
|
5367
|
+
return /* @__PURE__ */ jsx75(
|
|
5257
5368
|
"div",
|
|
5258
5369
|
{
|
|
5259
5370
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
5260
5371
|
onClick,
|
|
5261
5372
|
...props,
|
|
5262
|
-
children: /* @__PURE__ */
|
|
5263
|
-
/* @__PURE__ */
|
|
5373
|
+
children: /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
5374
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx75(
|
|
5264
5375
|
ScDp,
|
|
5265
5376
|
{
|
|
5266
5377
|
type: imageUrl ? "image" : "initial",
|
|
@@ -5274,14 +5385,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
5274
5385
|
}
|
|
5275
5386
|
}
|
|
5276
5387
|
) }),
|
|
5277
|
-
/* @__PURE__ */
|
|
5278
|
-
/* @__PURE__ */
|
|
5279
|
-
/* @__PURE__ */
|
|
5280
|
-
/* @__PURE__ */
|
|
5281
|
-
/* @__PURE__ */
|
|
5282
|
-
/* @__PURE__ */
|
|
5283
|
-
/* @__PURE__ */
|
|
5284
|
-
/* @__PURE__ */
|
|
5388
|
+
/* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
5389
|
+
/* @__PURE__ */ jsx75("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
5390
|
+
/* @__PURE__ */ jsxs66("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
5391
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
5392
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5393
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
5394
|
+
/* @__PURE__ */ jsx75("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
5395
|
+
/* @__PURE__ */ jsx75("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
5285
5396
|
] })
|
|
5286
5397
|
] })
|
|
5287
5398
|
] })
|
|
@@ -5308,7 +5419,7 @@ var ScImageField_default = {
|
|
|
5308
5419
|
|
|
5309
5420
|
// src/SC-imageField/ScImageField.tsx
|
|
5310
5421
|
import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
|
|
5311
|
-
import { jsx as
|
|
5422
|
+
import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
5312
5423
|
var ScImageField = ({
|
|
5313
5424
|
label = "Label",
|
|
5314
5425
|
imagePreview,
|
|
@@ -5331,8 +5442,8 @@ var ScImageField = ({
|
|
|
5331
5442
|
}
|
|
5332
5443
|
e.target.value = "";
|
|
5333
5444
|
}
|
|
5334
|
-
return /* @__PURE__ */
|
|
5335
|
-
/* @__PURE__ */
|
|
5445
|
+
return /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
5446
|
+
/* @__PURE__ */ jsx76(
|
|
5336
5447
|
"input",
|
|
5337
5448
|
{
|
|
5338
5449
|
ref: inputRef,
|
|
@@ -5342,9 +5453,9 @@ var ScImageField = ({
|
|
|
5342
5453
|
onChange: handleChange
|
|
5343
5454
|
}
|
|
5344
5455
|
),
|
|
5345
|
-
/* @__PURE__ */
|
|
5346
|
-
hasImage ? /* @__PURE__ */
|
|
5347
|
-
/* @__PURE__ */
|
|
5456
|
+
/* @__PURE__ */ jsx76("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx76("div", { className: ScImageField_default.label, children: label }) }),
|
|
5457
|
+
hasImage ? /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.previewArea, children: [
|
|
5458
|
+
/* @__PURE__ */ jsx76(
|
|
5348
5459
|
"img",
|
|
5349
5460
|
{
|
|
5350
5461
|
className: ScImageField_default.previewImage,
|
|
@@ -5352,8 +5463,8 @@ var ScImageField = ({
|
|
|
5352
5463
|
alt: "preview"
|
|
5353
5464
|
}
|
|
5354
5465
|
),
|
|
5355
|
-
/* @__PURE__ */
|
|
5356
|
-
/* @__PURE__ */
|
|
5466
|
+
/* @__PURE__ */ jsx76("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
5467
|
+
/* @__PURE__ */ jsx76(
|
|
5357
5468
|
SiconDelete2,
|
|
5358
5469
|
{
|
|
5359
5470
|
className: ScImageField_default.removeIcon,
|
|
@@ -5364,9 +5475,9 @@ var ScImageField = ({
|
|
|
5364
5475
|
}
|
|
5365
5476
|
}
|
|
5366
5477
|
)
|
|
5367
|
-
] }) : /* @__PURE__ */
|
|
5368
|
-
/* @__PURE__ */
|
|
5369
|
-
/* @__PURE__ */
|
|
5478
|
+
] }) : /* @__PURE__ */ jsxs67("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
5479
|
+
/* @__PURE__ */ jsx76(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
5480
|
+
/* @__PURE__ */ jsx76("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
5370
5481
|
] })
|
|
5371
5482
|
] });
|
|
5372
5483
|
};
|
|
@@ -5380,7 +5491,7 @@ var ScSettingsTabComp_default = {
|
|
|
5380
5491
|
};
|
|
5381
5492
|
|
|
5382
5493
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
5383
|
-
import { jsx as
|
|
5494
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
5384
5495
|
var ScSettingsTabComp = ({
|
|
5385
5496
|
tabName = "Tab",
|
|
5386
5497
|
active = false,
|
|
@@ -5388,12 +5499,12 @@ var ScSettingsTabComp = ({
|
|
|
5388
5499
|
className
|
|
5389
5500
|
}) => {
|
|
5390
5501
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
5391
|
-
return /* @__PURE__ */
|
|
5502
|
+
return /* @__PURE__ */ jsx77(
|
|
5392
5503
|
"div",
|
|
5393
5504
|
{
|
|
5394
5505
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
5395
5506
|
onClick,
|
|
5396
|
-
children: /* @__PURE__ */
|
|
5507
|
+
children: /* @__PURE__ */ jsx77("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
5397
5508
|
}
|
|
5398
5509
|
);
|
|
5399
5510
|
};
|
|
@@ -5413,7 +5524,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
5413
5524
|
|
|
5414
5525
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
5415
5526
|
import { SiconCredits as SiconCredits3 } from "@streamoid/icons";
|
|
5416
|
-
import { jsx as
|
|
5527
|
+
import { jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
5417
5528
|
var ScCreditsUsageCardMobile = ({
|
|
5418
5529
|
usageLabel = "Credits usage",
|
|
5419
5530
|
usageText = "8,450 / 30,000",
|
|
@@ -5423,23 +5534,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
5423
5534
|
className,
|
|
5424
5535
|
...props
|
|
5425
5536
|
}) => {
|
|
5426
|
-
return /* @__PURE__ */
|
|
5427
|
-
/* @__PURE__ */
|
|
5428
|
-
/* @__PURE__ */
|
|
5537
|
+
return /* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5538
|
+
/* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
5539
|
+
/* @__PURE__ */ jsx78(
|
|
5429
5540
|
SiconCredits3,
|
|
5430
5541
|
{
|
|
5431
5542
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
5432
5543
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5433
5544
|
}
|
|
5434
5545
|
),
|
|
5435
|
-
/* @__PURE__ */
|
|
5546
|
+
/* @__PURE__ */ jsx78("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
5436
5547
|
] }),
|
|
5437
|
-
/* @__PURE__ */
|
|
5438
|
-
/* @__PURE__ */
|
|
5439
|
-
/* @__PURE__ */
|
|
5440
|
-
/* @__PURE__ */
|
|
5548
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
5549
|
+
/* @__PURE__ */ jsxs68("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
5550
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
5551
|
+
/* @__PURE__ */ jsx78("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
5441
5552
|
] }),
|
|
5442
|
-
/* @__PURE__ */
|
|
5553
|
+
/* @__PURE__ */ jsx78(
|
|
5443
5554
|
ScButton,
|
|
5444
5555
|
{
|
|
5445
5556
|
text: buyButtonText,
|
|
@@ -5471,7 +5582,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
5471
5582
|
|
|
5472
5583
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
5473
5584
|
import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
|
|
5474
|
-
import { jsx as
|
|
5585
|
+
import { jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
5475
5586
|
var ScPlanDetailsCardMobile = ({
|
|
5476
5587
|
planName = "Pro",
|
|
5477
5588
|
planCredits = "30,000 credits",
|
|
@@ -5483,19 +5594,19 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5483
5594
|
className,
|
|
5484
5595
|
...props
|
|
5485
5596
|
}) => {
|
|
5486
|
-
return /* @__PURE__ */
|
|
5487
|
-
/* @__PURE__ */
|
|
5488
|
-
/* @__PURE__ */
|
|
5489
|
-
/* @__PURE__ */
|
|
5597
|
+
return /* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
5598
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
5599
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
5600
|
+
/* @__PURE__ */ jsx79(
|
|
5490
5601
|
SiconBilling4,
|
|
5491
5602
|
{
|
|
5492
5603
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
5493
5604
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
5494
5605
|
}
|
|
5495
5606
|
),
|
|
5496
|
-
/* @__PURE__ */
|
|
5607
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
5497
5608
|
] }),
|
|
5498
|
-
/* @__PURE__ */
|
|
5609
|
+
/* @__PURE__ */ jsx79(
|
|
5499
5610
|
ScBadges,
|
|
5500
5611
|
{
|
|
5501
5612
|
text: badgeText,
|
|
@@ -5505,16 +5616,16 @@ var ScPlanDetailsCardMobile = ({
|
|
|
5505
5616
|
}
|
|
5506
5617
|
)
|
|
5507
5618
|
] }),
|
|
5508
|
-
/* @__PURE__ */
|
|
5509
|
-
/* @__PURE__ */
|
|
5510
|
-
/* @__PURE__ */
|
|
5511
|
-
/* @__PURE__ */
|
|
5512
|
-
/* @__PURE__ */
|
|
5513
|
-
/* @__PURE__ */
|
|
5619
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
5620
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
|
|
5621
|
+
/* @__PURE__ */ jsxs69("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
5622
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
5623
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
5624
|
+
/* @__PURE__ */ jsx79("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
5514
5625
|
] }),
|
|
5515
|
-
/* @__PURE__ */
|
|
5626
|
+
/* @__PURE__ */ jsx79("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
5516
5627
|
] }),
|
|
5517
|
-
/* @__PURE__ */
|
|
5628
|
+
/* @__PURE__ */ jsx79(
|
|
5518
5629
|
ScButton,
|
|
5519
5630
|
{
|
|
5520
5631
|
text: upgradeButtonText,
|
|
@@ -5532,6 +5643,7 @@ export {
|
|
|
5532
5643
|
NscWorkspaceSwitch,
|
|
5533
5644
|
ScAccess,
|
|
5534
5645
|
ScAppCard,
|
|
5646
|
+
ScAppCardV3,
|
|
5535
5647
|
ScAppField,
|
|
5536
5648
|
ScAppListingCard,
|
|
5537
5649
|
ScArtifaxInvite,
|