@streamoid/ui 0.4.5 → 0.4.7
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 +145 -56
- package/dist/index.d.mts +25 -10
- package/dist/index.d.ts +25 -10
- package/dist/index.js +427 -374
- package/dist/index.mjs +427 -374
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -2917,11 +2917,12 @@ function StreamoidSidebar({
|
|
|
2917
2917
|
) : null
|
|
2918
2918
|
] }),
|
|
2919
2919
|
!!(topItems?.length || config.topItem) && /* @__PURE__ */ jsxs32(Fragment14, { children: [
|
|
2920
|
+
/* @__PURE__ */ jsx40(HDivider, {}),
|
|
2920
2921
|
/* @__PURE__ */ jsx40(
|
|
2921
2922
|
"div",
|
|
2922
2923
|
{
|
|
2923
2924
|
className: "flex flex-col items-stretch shrink-0 w-full",
|
|
2924
|
-
style: { gap: "var(--spacing-md)", paddingBottom: "var(--spacing-md)" },
|
|
2925
|
+
style: { gap: "var(--spacing-md)", paddingTop: "var(--spacing-md)", paddingBottom: "var(--spacing-md)" },
|
|
2925
2926
|
children: (topItems ?? (config.topItem ? [config.topItem] : [])).map(
|
|
2926
2927
|
(item) => renderMenuItem({
|
|
2927
2928
|
item,
|
|
@@ -3099,11 +3100,12 @@ function StreamoidSidebar({
|
|
|
3099
3100
|
children: [
|
|
3100
3101
|
collapsedLogo,
|
|
3101
3102
|
!!(topItems?.length || config.topItem) ? /* @__PURE__ */ jsxs32(Fragment14, { children: [
|
|
3103
|
+
/* @__PURE__ */ jsx40(HDivider, {}),
|
|
3102
3104
|
/* @__PURE__ */ jsx40(
|
|
3103
3105
|
"div",
|
|
3104
3106
|
{
|
|
3105
3107
|
className: "flex flex-col items-center shrink-0",
|
|
3106
|
-
style: { gap: "var(--spacing-xxs)", paddingBottom: "var(--spacing-xxs)" },
|
|
3108
|
+
style: { gap: "var(--spacing-xxs)", paddingTop: "var(--spacing-xxs)", paddingBottom: "var(--spacing-xxs)" },
|
|
3107
3109
|
children: (topItems ?? (config.topItem ? [config.topItem] : [])).map(
|
|
3108
3110
|
(item) => renderMenuItem({
|
|
3109
3111
|
item,
|
|
@@ -3624,8 +3626,9 @@ var ScGuide = ({
|
|
|
3624
3626
|
var ScSideBarLogoUnit_default = {
|
|
3625
3627
|
scSideBarLogoUnit: "ScSideBarLogoUnit_scSideBarLogoUnit",
|
|
3626
3628
|
row: "ScSideBarLogoUnit_row",
|
|
3627
|
-
chip: "ScSideBarLogoUnit_chip",
|
|
3628
3629
|
nonInteractive: "ScSideBarLogoUnit_nonInteractive",
|
|
3630
|
+
forceHover: "ScSideBarLogoUnit_forceHover",
|
|
3631
|
+
wordmarkSlot: "ScSideBarLogoUnit_wordmarkSlot",
|
|
3629
3632
|
switch: "ScSideBarLogoUnit_switch",
|
|
3630
3633
|
switchIcon: "ScSideBarLogoUnit_switchIcon",
|
|
3631
3634
|
collapsed: "ScSideBarLogoUnit_collapsed",
|
|
@@ -3642,11 +3645,17 @@ var ScSideBarLogoUnit = ({
|
|
|
3642
3645
|
onSwitchClick,
|
|
3643
3646
|
switchAriaLabel = "Switch product",
|
|
3644
3647
|
hideSwitch = false,
|
|
3648
|
+
hover,
|
|
3645
3649
|
disabled = false,
|
|
3646
3650
|
className,
|
|
3647
3651
|
style
|
|
3648
3652
|
}) => {
|
|
3649
|
-
const interactive = !!onClick
|
|
3653
|
+
const interactive = !disabled && (!!onClick || !!onSwitchClick);
|
|
3654
|
+
const handleClick = () => {
|
|
3655
|
+
if (!interactive) return;
|
|
3656
|
+
onClick?.();
|
|
3657
|
+
onSwitchClick?.();
|
|
3658
|
+
};
|
|
3650
3659
|
if (state === "collapsed") {
|
|
3651
3660
|
return /* @__PURE__ */ jsx43(
|
|
3652
3661
|
"div",
|
|
@@ -3658,8 +3667,9 @@ var ScSideBarLogoUnit = ({
|
|
|
3658
3667
|
{
|
|
3659
3668
|
type: "button",
|
|
3660
3669
|
className: ScSideBarLogoUnit_default.collapsedTrigger + (interactive ? "" : " " + ScSideBarLogoUnit_default.nonInteractive),
|
|
3661
|
-
onClick: interactive ?
|
|
3670
|
+
onClick: interactive ? handleClick : void 0,
|
|
3662
3671
|
disabled,
|
|
3672
|
+
"aria-label": interactive ? switchAriaLabel : void 0,
|
|
3663
3673
|
"aria-disabled": !interactive || disabled,
|
|
3664
3674
|
children: wordmark
|
|
3665
3675
|
}
|
|
@@ -3667,35 +3677,38 @@ var ScSideBarLogoUnit = ({
|
|
|
3667
3677
|
}
|
|
3668
3678
|
);
|
|
3669
3679
|
}
|
|
3680
|
+
const rowClasses = [
|
|
3681
|
+
ScSideBarLogoUnit_default.row,
|
|
3682
|
+
interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
|
|
3683
|
+
hover === true ? ScSideBarLogoUnit_default.forceHover : ""
|
|
3684
|
+
].filter(Boolean).join(" ");
|
|
3670
3685
|
return /* @__PURE__ */ jsx43(
|
|
3671
3686
|
"div",
|
|
3672
3687
|
{
|
|
3673
3688
|
className: ScSideBarLogoUnit_default.scSideBarLogoUnit + (className ? " " + className : ""),
|
|
3674
|
-
style
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3696
|
-
|
|
3697
|
-
)
|
|
3698
|
-
] })
|
|
3689
|
+
style: {
|
|
3690
|
+
...style,
|
|
3691
|
+
// Suppressing hover when `hover === false` — overrides CSS :hover.
|
|
3692
|
+
...hover === false ? { pointerEvents: "auto" } : null
|
|
3693
|
+
},
|
|
3694
|
+
children: /* @__PURE__ */ jsxs35(
|
|
3695
|
+
"button",
|
|
3696
|
+
{
|
|
3697
|
+
type: "button",
|
|
3698
|
+
className: rowClasses,
|
|
3699
|
+
onClick: interactive ? handleClick : void 0,
|
|
3700
|
+
disabled,
|
|
3701
|
+
"aria-label": interactive ? switchAriaLabel : void 0,
|
|
3702
|
+
"aria-disabled": !interactive || disabled,
|
|
3703
|
+
style: hover === false ? {
|
|
3704
|
+
backgroundColor: "transparent"
|
|
3705
|
+
} : void 0,
|
|
3706
|
+
children: [
|
|
3707
|
+
/* @__PURE__ */ jsx43("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: wordmark }),
|
|
3708
|
+
hideSwitch ? null : /* @__PURE__ */ jsx43("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx43("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx43(SiconDoubleArrow, { size: 16, strokeWidth: 1.5 }) }) })
|
|
3709
|
+
]
|
|
3710
|
+
}
|
|
3711
|
+
)
|
|
3699
3712
|
}
|
|
3700
3713
|
);
|
|
3701
3714
|
};
|
|
@@ -4179,6 +4192,45 @@ var ScAppCardV3 = ({
|
|
|
4179
4192
|
);
|
|
4180
4193
|
};
|
|
4181
4194
|
|
|
4195
|
+
// src/SC-BriefCard/ScBriefCard.module.css
|
|
4196
|
+
var ScBriefCard_default = {
|
|
4197
|
+
scBriefCard: "ScBriefCard_scBriefCard",
|
|
4198
|
+
cardBorder: "ScBriefCard_cardBorder",
|
|
4199
|
+
scBriefCardActive: "ScBriefCard_scBriefCardActive",
|
|
4200
|
+
glow: "ScBriefCard_glow",
|
|
4201
|
+
glowHover: "ScBriefCard_glowHover",
|
|
4202
|
+
body: "ScBriefCard_body",
|
|
4203
|
+
description: "ScBriefCard_description"
|
|
4204
|
+
};
|
|
4205
|
+
|
|
4206
|
+
// src/SC-BriefCard/ScBriefCard.tsx
|
|
4207
|
+
import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
4208
|
+
var ScBriefCard = ({
|
|
4209
|
+
description = "Centralized product and asset management for every storefront",
|
|
4210
|
+
active = false,
|
|
4211
|
+
className,
|
|
4212
|
+
style,
|
|
4213
|
+
...props
|
|
4214
|
+
}) => {
|
|
4215
|
+
const cardClass = [
|
|
4216
|
+
ScBriefCard_default.scBriefCard,
|
|
4217
|
+
active ? ScBriefCard_default.scBriefCardActive : ""
|
|
4218
|
+
].filter(Boolean).join(" ");
|
|
4219
|
+
return /* @__PURE__ */ jsx49(
|
|
4220
|
+
"div",
|
|
4221
|
+
{
|
|
4222
|
+
className: [ScBriefCard_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
4223
|
+
style,
|
|
4224
|
+
...props,
|
|
4225
|
+
children: /* @__PURE__ */ jsxs41("div", { className: cardClass, children: [
|
|
4226
|
+
/* @__PURE__ */ jsx49("div", { className: ScBriefCard_default.glow }),
|
|
4227
|
+
/* @__PURE__ */ jsx49("div", { className: ScBriefCard_default.glowHover }),
|
|
4228
|
+
/* @__PURE__ */ jsx49("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx49("p", { className: ScBriefCard_default.description, children: description }) })
|
|
4229
|
+
] })
|
|
4230
|
+
}
|
|
4231
|
+
);
|
|
4232
|
+
};
|
|
4233
|
+
|
|
4182
4234
|
// src/SC-appField/ScAppField.module.css
|
|
4183
4235
|
var ScAppField_default = {
|
|
4184
4236
|
scAppField: "ScAppField_scAppField",
|
|
@@ -4210,7 +4262,7 @@ var ScToggleSwitch_default = {
|
|
|
4210
4262
|
};
|
|
4211
4263
|
|
|
4212
4264
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
4213
|
-
import { jsx as
|
|
4265
|
+
import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
4214
4266
|
var ScToggleSwitch = ({
|
|
4215
4267
|
active = "false",
|
|
4216
4268
|
checked,
|
|
@@ -4220,7 +4272,7 @@ var ScToggleSwitch = ({
|
|
|
4220
4272
|
}) => {
|
|
4221
4273
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
4222
4274
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
4223
|
-
return /* @__PURE__ */
|
|
4275
|
+
return /* @__PURE__ */ jsx50(
|
|
4224
4276
|
"div",
|
|
4225
4277
|
{
|
|
4226
4278
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -4230,20 +4282,20 @@ var ScToggleSwitch = ({
|
|
|
4230
4282
|
props.onClick?.(e);
|
|
4231
4283
|
},
|
|
4232
4284
|
style: { cursor: "pointer", ...props.style },
|
|
4233
|
-
children: isActive ? /* @__PURE__ */
|
|
4234
|
-
/* @__PURE__ */
|
|
4235
|
-
/* @__PURE__ */
|
|
4236
|
-
] }) : /* @__PURE__ */
|
|
4237
|
-
/* @__PURE__ */
|
|
4238
|
-
/* @__PURE__ */
|
|
4239
|
-
/* @__PURE__ */
|
|
4285
|
+
children: isActive ? /* @__PURE__ */ jsxs42("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4286
|
+
/* @__PURE__ */ jsx50("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
4287
|
+
/* @__PURE__ */ jsx50("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
|
|
4288
|
+
] }) : /* @__PURE__ */ jsxs42("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4289
|
+
/* @__PURE__ */ jsx50("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)" }),
|
|
4290
|
+
/* @__PURE__ */ jsx50("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)" }),
|
|
4291
|
+
/* @__PURE__ */ jsx50("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)" })
|
|
4240
4292
|
] })
|
|
4241
4293
|
}
|
|
4242
4294
|
);
|
|
4243
4295
|
};
|
|
4244
4296
|
|
|
4245
4297
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
4246
|
-
import { jsx as
|
|
4298
|
+
import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
4247
4299
|
var ScArtifaxInvite = ({
|
|
4248
4300
|
active = "true",
|
|
4249
4301
|
appName = "Artifax",
|
|
@@ -4256,22 +4308,22 @@ var ScArtifaxInvite = ({
|
|
|
4256
4308
|
}) => {
|
|
4257
4309
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4258
4310
|
const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4259
|
-
return /* @__PURE__ */
|
|
4311
|
+
return /* @__PURE__ */ jsxs43(
|
|
4260
4312
|
"div",
|
|
4261
4313
|
{
|
|
4262
4314
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
4263
4315
|
...props,
|
|
4264
4316
|
children: [
|
|
4265
|
-
/* @__PURE__ */
|
|
4317
|
+
/* @__PURE__ */ jsx51(
|
|
4266
4318
|
ScAppCard,
|
|
4267
4319
|
{
|
|
4268
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
4320
|
+
appIcon: appIcon || /* @__PURE__ */ jsx51(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
4269
4321
|
appName,
|
|
4270
4322
|
appDescription,
|
|
4271
4323
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
4272
4324
|
}
|
|
4273
4325
|
),
|
|
4274
|
-
/* @__PURE__ */
|
|
4326
|
+
/* @__PURE__ */ jsx51(
|
|
4275
4327
|
ScToggleSwitch,
|
|
4276
4328
|
{
|
|
4277
4329
|
checked: isEnabled,
|
|
@@ -4297,12 +4349,12 @@ var ScPhtogenixInvite_default = {
|
|
|
4297
4349
|
|
|
4298
4350
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
4299
4351
|
import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
|
|
4300
|
-
import { jsx as
|
|
4352
|
+
import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
4301
4353
|
var ScPhtogenixInvite = ({
|
|
4302
4354
|
active = "true",
|
|
4303
4355
|
scAppCardappDescription = "Info about photogenix",
|
|
4304
4356
|
scAppCardappName = "Photogenix",
|
|
4305
|
-
scAppCardappIcon = /* @__PURE__ */
|
|
4357
|
+
scAppCardappIcon = /* @__PURE__ */ jsx52(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
4306
4358
|
className,
|
|
4307
4359
|
enabled,
|
|
4308
4360
|
onToggle,
|
|
@@ -4310,12 +4362,12 @@ var ScPhtogenixInvite = ({
|
|
|
4310
4362
|
}) => {
|
|
4311
4363
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4312
4364
|
const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4313
|
-
return /* @__PURE__ */
|
|
4365
|
+
return /* @__PURE__ */ jsxs44(
|
|
4314
4366
|
"div",
|
|
4315
4367
|
{
|
|
4316
4368
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
4317
4369
|
children: [
|
|
4318
|
-
/* @__PURE__ */
|
|
4370
|
+
/* @__PURE__ */ jsx52(
|
|
4319
4371
|
ScAppCard,
|
|
4320
4372
|
{
|
|
4321
4373
|
appIcon: scAppCardappIcon,
|
|
@@ -4324,7 +4376,7 @@ var ScPhtogenixInvite = ({
|
|
|
4324
4376
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
4325
4377
|
}
|
|
4326
4378
|
),
|
|
4327
|
-
/* @__PURE__ */
|
|
4379
|
+
/* @__PURE__ */ jsx52(
|
|
4328
4380
|
ScToggleSwitch,
|
|
4329
4381
|
{
|
|
4330
4382
|
checked: isEnabled,
|
|
@@ -4374,10 +4426,10 @@ var ScOnlyField_default = {
|
|
|
4374
4426
|
|
|
4375
4427
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
4376
4428
|
import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
|
|
4377
|
-
import { jsx as
|
|
4429
|
+
import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
4378
4430
|
var ScOnlyField = ({
|
|
4379
|
-
tfRightIcon = /* @__PURE__ */
|
|
4380
|
-
tfLeftIcon = /* @__PURE__ */
|
|
4431
|
+
tfRightIcon = /* @__PURE__ */ jsx53(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
4432
|
+
tfLeftIcon = /* @__PURE__ */ jsx53(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
4381
4433
|
state = "default",
|
|
4382
4434
|
tfGroup = "icon-right",
|
|
4383
4435
|
labelGroup = "none",
|
|
@@ -4390,14 +4442,14 @@ var ScOnlyField = ({
|
|
|
4390
4442
|
...props
|
|
4391
4443
|
}) => {
|
|
4392
4444
|
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
4393
|
-
return /* @__PURE__ */
|
|
4445
|
+
return /* @__PURE__ */ jsx53(
|
|
4394
4446
|
"div",
|
|
4395
4447
|
{
|
|
4396
4448
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
4397
4449
|
...props,
|
|
4398
|
-
children: /* @__PURE__ */
|
|
4399
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
4400
|
-
/* @__PURE__ */
|
|
4450
|
+
children: /* @__PURE__ */ jsxs45("div", { className: ScOnlyField_default.inputContainer, children: [
|
|
4451
|
+
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx53("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
|
|
4452
|
+
/* @__PURE__ */ jsx53(
|
|
4401
4453
|
"input",
|
|
4402
4454
|
{
|
|
4403
4455
|
className: ScOnlyField_default.inputText,
|
|
@@ -4417,7 +4469,7 @@ var ScOnlyField = ({
|
|
|
4417
4469
|
...inputProps
|
|
4418
4470
|
}
|
|
4419
4471
|
),
|
|
4420
|
-
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
4472
|
+
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx53("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
|
|
4421
4473
|
] })
|
|
4422
4474
|
}
|
|
4423
4475
|
);
|
|
@@ -4425,7 +4477,7 @@ var ScOnlyField = ({
|
|
|
4425
4477
|
|
|
4426
4478
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
4427
4479
|
import { SiconHome as SiconHome10 } from "@streamoid/icons";
|
|
4428
|
-
import { Fragment as Fragment16, jsx as
|
|
4480
|
+
import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
4429
4481
|
var ScCatalogixInvite = ({
|
|
4430
4482
|
active = "false",
|
|
4431
4483
|
appName = "Catalogix",
|
|
@@ -4447,23 +4499,23 @@ var ScCatalogixInvite = ({
|
|
|
4447
4499
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4448
4500
|
const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4449
4501
|
const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
|
|
4450
|
-
return /* @__PURE__ */
|
|
4502
|
+
return /* @__PURE__ */ jsxs46(
|
|
4451
4503
|
"div",
|
|
4452
4504
|
{
|
|
4453
4505
|
className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
|
|
4454
4506
|
...props,
|
|
4455
4507
|
children: [
|
|
4456
|
-
/* @__PURE__ */
|
|
4457
|
-
/* @__PURE__ */
|
|
4508
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
4509
|
+
/* @__PURE__ */ jsx54(
|
|
4458
4510
|
ScAppCard,
|
|
4459
4511
|
{
|
|
4460
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
4512
|
+
appIcon: appIcon || /* @__PURE__ */ jsx54(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
4461
4513
|
appDescription,
|
|
4462
4514
|
appName,
|
|
4463
4515
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
4464
4516
|
}
|
|
4465
4517
|
),
|
|
4466
|
-
/* @__PURE__ */
|
|
4518
|
+
/* @__PURE__ */ jsx54(
|
|
4467
4519
|
ScToggleSwitch,
|
|
4468
4520
|
{
|
|
4469
4521
|
checked: isEnabled,
|
|
@@ -4472,29 +4524,29 @@ var ScCatalogixInvite = ({
|
|
|
4472
4524
|
}
|
|
4473
4525
|
)
|
|
4474
4526
|
] }),
|
|
4475
|
-
isEnabled && /* @__PURE__ */
|
|
4476
|
-
/* @__PURE__ */
|
|
4477
|
-
/* @__PURE__ */
|
|
4527
|
+
isEnabled && /* @__PURE__ */ jsx54(Fragment16, { children: /* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
|
|
4528
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
|
|
4529
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
|
|
4478
4530
|
storeAccessTitle,
|
|
4479
4531
|
" "
|
|
4480
4532
|
] }),
|
|
4481
|
-
/* @__PURE__ */
|
|
4533
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.selectedCount, children: [
|
|
4482
4534
|
displayCount,
|
|
4483
4535
|
" "
|
|
4484
4536
|
] })
|
|
4485
4537
|
] }),
|
|
4486
|
-
/* @__PURE__ */
|
|
4538
|
+
/* @__PURE__ */ jsx54(
|
|
4487
4539
|
ScOnlyField,
|
|
4488
4540
|
{
|
|
4489
|
-
tfLeftIcon: /* @__PURE__ */
|
|
4490
|
-
tfRightIcon: /* @__PURE__ */
|
|
4541
|
+
tfLeftIcon: /* @__PURE__ */ jsx54(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
4542
|
+
tfRightIcon: /* @__PURE__ */ jsx54(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
4491
4543
|
placeholderFilled: searchPlaceholder,
|
|
4492
4544
|
value: searchValue,
|
|
4493
4545
|
onInputChange: onSearchChange,
|
|
4494
4546
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
4495
4547
|
}
|
|
4496
4548
|
),
|
|
4497
|
-
/* @__PURE__ */
|
|
4549
|
+
/* @__PURE__ */ jsx54("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx54(
|
|
4498
4550
|
ScPairtext,
|
|
4499
4551
|
{
|
|
4500
4552
|
content: store.name,
|
|
@@ -4505,53 +4557,53 @@ var ScCatalogixInvite = ({
|
|
|
4505
4557
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4506
4558
|
},
|
|
4507
4559
|
store.id
|
|
4508
|
-
)) : /* @__PURE__ */
|
|
4560
|
+
)) : /* @__PURE__ */ jsx54("div", { style: {
|
|
4509
4561
|
padding: "var(--spacing-3xl, 16px)",
|
|
4510
4562
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
4511
4563
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
4512
4564
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
4513
4565
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
4514
|
-
}, children: "No stores found" }) : /* @__PURE__ */
|
|
4515
|
-
/* @__PURE__ */
|
|
4566
|
+
}, children: "No stores found" }) : /* @__PURE__ */ jsxs46(Fragment16, { children: [
|
|
4567
|
+
/* @__PURE__ */ jsx54(
|
|
4516
4568
|
ScPairtext,
|
|
4517
4569
|
{
|
|
4518
|
-
icon: /* @__PURE__ */
|
|
4570
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4519
4571
|
iconPosition: "right",
|
|
4520
4572
|
type: "checkbox",
|
|
4521
4573
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4522
4574
|
}
|
|
4523
4575
|
),
|
|
4524
|
-
/* @__PURE__ */
|
|
4576
|
+
/* @__PURE__ */ jsx54(
|
|
4525
4577
|
ScPairtext,
|
|
4526
4578
|
{
|
|
4527
|
-
icon: /* @__PURE__ */
|
|
4579
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4528
4580
|
iconPosition: "right",
|
|
4529
4581
|
type: "checkbox",
|
|
4530
4582
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4531
4583
|
}
|
|
4532
4584
|
),
|
|
4533
|
-
/* @__PURE__ */
|
|
4585
|
+
/* @__PURE__ */ jsx54(
|
|
4534
4586
|
ScPairtext,
|
|
4535
4587
|
{
|
|
4536
|
-
icon: /* @__PURE__ */
|
|
4588
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4537
4589
|
iconPosition: "right",
|
|
4538
4590
|
type: "checkbox",
|
|
4539
4591
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4540
4592
|
}
|
|
4541
4593
|
),
|
|
4542
|
-
/* @__PURE__ */
|
|
4594
|
+
/* @__PURE__ */ jsx54(
|
|
4543
4595
|
ScPairtext,
|
|
4544
4596
|
{
|
|
4545
|
-
icon: /* @__PURE__ */
|
|
4597
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4546
4598
|
iconPosition: "right",
|
|
4547
4599
|
type: "checkbox",
|
|
4548
4600
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4549
4601
|
}
|
|
4550
4602
|
),
|
|
4551
|
-
/* @__PURE__ */
|
|
4603
|
+
/* @__PURE__ */ jsx54(
|
|
4552
4604
|
ScPairtext,
|
|
4553
4605
|
{
|
|
4554
|
-
icon: /* @__PURE__ */
|
|
4606
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4555
4607
|
iconPosition: "right",
|
|
4556
4608
|
type: "checkbox",
|
|
4557
4609
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -4565,7 +4617,7 @@ var ScCatalogixInvite = ({
|
|
|
4565
4617
|
};
|
|
4566
4618
|
|
|
4567
4619
|
// src/SC-appField/ScAppField.tsx
|
|
4568
|
-
import { jsx as
|
|
4620
|
+
import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
4569
4621
|
var ScAppField = ({
|
|
4570
4622
|
appFieldTitle = "App permission",
|
|
4571
4623
|
className,
|
|
@@ -4582,13 +4634,13 @@ var ScAppField = ({
|
|
|
4582
4634
|
onCatalogixSearchChange,
|
|
4583
4635
|
...props
|
|
4584
4636
|
}) => {
|
|
4585
|
-
return /* @__PURE__ */
|
|
4586
|
-
/* @__PURE__ */
|
|
4637
|
+
return /* @__PURE__ */ jsxs47("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
|
|
4638
|
+
/* @__PURE__ */ jsx55("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs47("div", { className: ScAppField_default.title, children: [
|
|
4587
4639
|
appFieldTitle,
|
|
4588
4640
|
" "
|
|
4589
4641
|
] }) }),
|
|
4590
|
-
/* @__PURE__ */
|
|
4591
|
-
/* @__PURE__ */
|
|
4642
|
+
/* @__PURE__ */ jsxs47("div", { className: ScAppField_default.inputContainer, children: [
|
|
4643
|
+
/* @__PURE__ */ jsx55(
|
|
4592
4644
|
ScArtifaxInvite,
|
|
4593
4645
|
{
|
|
4594
4646
|
enabled: artifaxEnabled,
|
|
@@ -4596,18 +4648,18 @@ var ScAppField = ({
|
|
|
4596
4648
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
4597
4649
|
}
|
|
4598
4650
|
),
|
|
4599
|
-
/* @__PURE__ */
|
|
4651
|
+
/* @__PURE__ */ jsx55(
|
|
4600
4652
|
ScPhtogenixInvite,
|
|
4601
4653
|
{
|
|
4602
4654
|
enabled: photogenixEnabled,
|
|
4603
4655
|
onToggle: onPhotogenixToggle,
|
|
4604
4656
|
scAppCardappDescription: "Info about photogenix",
|
|
4605
4657
|
scAppCardappName: "Photogenix",
|
|
4606
|
-
scAppCardappIcon: /* @__PURE__ */
|
|
4658
|
+
scAppCardappIcon: /* @__PURE__ */ jsx55(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
4607
4659
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
4608
4660
|
}
|
|
4609
4661
|
),
|
|
4610
|
-
/* @__PURE__ */
|
|
4662
|
+
/* @__PURE__ */ jsx55(
|
|
4611
4663
|
ScCatalogixInvite,
|
|
4612
4664
|
{
|
|
4613
4665
|
enabled: catalogixEnabled,
|
|
@@ -4634,13 +4686,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
4634
4686
|
};
|
|
4635
4687
|
|
|
4636
4688
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
4637
|
-
import { jsx as
|
|
4689
|
+
import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
4638
4690
|
var ScBillingHistoryHeader = ({
|
|
4639
4691
|
className,
|
|
4640
4692
|
...props
|
|
4641
4693
|
}) => {
|
|
4642
|
-
return /* @__PURE__ */
|
|
4643
|
-
/* @__PURE__ */
|
|
4694
|
+
return /* @__PURE__ */ jsxs48("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
4695
|
+
/* @__PURE__ */ jsx56(
|
|
4644
4696
|
ScHeader,
|
|
4645
4697
|
{
|
|
4646
4698
|
text: "Invoice",
|
|
@@ -4648,7 +4700,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4648
4700
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
4649
4701
|
}
|
|
4650
4702
|
),
|
|
4651
|
-
/* @__PURE__ */
|
|
4703
|
+
/* @__PURE__ */ jsx56(
|
|
4652
4704
|
ScHeader,
|
|
4653
4705
|
{
|
|
4654
4706
|
text: "Amount",
|
|
@@ -4656,7 +4708,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4656
4708
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
4657
4709
|
}
|
|
4658
4710
|
),
|
|
4659
|
-
/* @__PURE__ */
|
|
4711
|
+
/* @__PURE__ */ jsx56(
|
|
4660
4712
|
ScHeader,
|
|
4661
4713
|
{
|
|
4662
4714
|
text: "Date",
|
|
@@ -4664,7 +4716,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4664
4716
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
4665
4717
|
}
|
|
4666
4718
|
),
|
|
4667
|
-
/* @__PURE__ */
|
|
4719
|
+
/* @__PURE__ */ jsx56(
|
|
4668
4720
|
ScHeader,
|
|
4669
4721
|
{
|
|
4670
4722
|
text: "Action",
|
|
@@ -4686,19 +4738,19 @@ var ScCheckField_default = {
|
|
|
4686
4738
|
|
|
4687
4739
|
// src/SC-checkField/ScCheckField.tsx
|
|
4688
4740
|
import { SiconHome as SiconHome11 } from "@streamoid/icons";
|
|
4689
|
-
import { Fragment as Fragment17, jsx as
|
|
4741
|
+
import { Fragment as Fragment17, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
4690
4742
|
var ScCheckField = ({
|
|
4691
4743
|
label = "Label",
|
|
4692
4744
|
className,
|
|
4693
4745
|
checkboxes,
|
|
4694
4746
|
...props
|
|
4695
4747
|
}) => {
|
|
4696
|
-
return /* @__PURE__ */
|
|
4697
|
-
/* @__PURE__ */
|
|
4748
|
+
return /* @__PURE__ */ jsxs49("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
|
|
4749
|
+
/* @__PURE__ */ jsx57("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs49("div", { className: ScCheckField_default.label, children: [
|
|
4698
4750
|
label,
|
|
4699
4751
|
" "
|
|
4700
4752
|
] }) }),
|
|
4701
|
-
/* @__PURE__ */
|
|
4753
|
+
/* @__PURE__ */ jsx57("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx57(
|
|
4702
4754
|
ScPairtext,
|
|
4703
4755
|
{
|
|
4704
4756
|
content: item.label,
|
|
@@ -4708,19 +4760,19 @@ var ScCheckField = ({
|
|
|
4708
4760
|
className: ScCheckField_default.scPairtextInstance
|
|
4709
4761
|
},
|
|
4710
4762
|
i
|
|
4711
|
-
)) : /* @__PURE__ */
|
|
4712
|
-
/* @__PURE__ */
|
|
4763
|
+
)) : /* @__PURE__ */ jsxs49(Fragment17, { children: [
|
|
4764
|
+
/* @__PURE__ */ jsx57(
|
|
4713
4765
|
ScPairtext,
|
|
4714
4766
|
{
|
|
4715
|
-
icon: /* @__PURE__ */
|
|
4767
|
+
icon: /* @__PURE__ */ jsx57(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
4716
4768
|
type: "checkbox",
|
|
4717
4769
|
className: ScCheckField_default.scPairtextInstance
|
|
4718
4770
|
}
|
|
4719
4771
|
),
|
|
4720
|
-
/* @__PURE__ */
|
|
4772
|
+
/* @__PURE__ */ jsx57(
|
|
4721
4773
|
ScPairtext,
|
|
4722
4774
|
{
|
|
4723
|
-
icon: /* @__PURE__ */
|
|
4775
|
+
icon: /* @__PURE__ */ jsx57(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
4724
4776
|
type: "checkbox",
|
|
4725
4777
|
className: ScCheckField_default.scPairtextInstance
|
|
4726
4778
|
}
|
|
@@ -4741,9 +4793,9 @@ var ScFieldButton_default = {
|
|
|
4741
4793
|
|
|
4742
4794
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
4743
4795
|
import { SiconHome as SiconHome12 } from "@streamoid/icons";
|
|
4744
|
-
import { Fragment as Fragment18, jsx as
|
|
4796
|
+
import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
4745
4797
|
var ScFieldButton = ({
|
|
4746
|
-
icon = /* @__PURE__ */
|
|
4798
|
+
icon = /* @__PURE__ */ jsx58(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
|
|
4747
4799
|
type = "default",
|
|
4748
4800
|
state = "default",
|
|
4749
4801
|
className,
|
|
@@ -4751,18 +4803,18 @@ var ScFieldButton = ({
|
|
|
4751
4803
|
...props
|
|
4752
4804
|
}) => {
|
|
4753
4805
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
4754
|
-
return /* @__PURE__ */
|
|
4806
|
+
return /* @__PURE__ */ jsx58(
|
|
4755
4807
|
"div",
|
|
4756
4808
|
{
|
|
4757
4809
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
4758
4810
|
...props,
|
|
4759
|
-
children: /* @__PURE__ */
|
|
4760
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */
|
|
4761
|
-
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */
|
|
4811
|
+
children: /* @__PURE__ */ jsxs50("div", { className: ScFieldButton_default.container, children: [
|
|
4812
|
+
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx58(Fragment18, { children: icon }),
|
|
4813
|
+
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx58(Fragment18, { children: /* @__PURE__ */ jsxs50("div", { className: ScFieldButton_default.label, children: [
|
|
4762
4814
|
text,
|
|
4763
4815
|
" "
|
|
4764
4816
|
] }) }),
|
|
4765
|
-
type === "icon-left" && /* @__PURE__ */
|
|
4817
|
+
type === "icon-left" && /* @__PURE__ */ jsx58(Fragment18, { children: icon })
|
|
4766
4818
|
] })
|
|
4767
4819
|
}
|
|
4768
4820
|
);
|
|
@@ -4777,16 +4829,16 @@ var ScPendingAction_default = {
|
|
|
4777
4829
|
|
|
4778
4830
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
4779
4831
|
import { SiconHome as SiconHome13 } from "@streamoid/icons";
|
|
4780
|
-
import { jsx as
|
|
4832
|
+
import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
4781
4833
|
var ScPendingAction = ({
|
|
4782
4834
|
className,
|
|
4783
4835
|
...props
|
|
4784
4836
|
}) => {
|
|
4785
|
-
return /* @__PURE__ */
|
|
4786
|
-
/* @__PURE__ */
|
|
4837
|
+
return /* @__PURE__ */ jsxs51("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
4838
|
+
/* @__PURE__ */ jsx59(
|
|
4787
4839
|
ScButton,
|
|
4788
4840
|
{
|
|
4789
|
-
icon: /* @__PURE__ */
|
|
4841
|
+
icon: /* @__PURE__ */ jsx59(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4790
4842
|
text: "Cancel",
|
|
4791
4843
|
variant: "error",
|
|
4792
4844
|
type: "tertiary",
|
|
@@ -4794,11 +4846,11 @@ var ScPendingAction = ({
|
|
|
4794
4846
|
className: ScPendingAction_default.scButtonInstance
|
|
4795
4847
|
}
|
|
4796
4848
|
),
|
|
4797
|
-
/* @__PURE__ */
|
|
4798
|
-
/* @__PURE__ */
|
|
4849
|
+
/* @__PURE__ */ jsx59(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
4850
|
+
/* @__PURE__ */ jsx59(
|
|
4799
4851
|
ScButton,
|
|
4800
4852
|
{
|
|
4801
|
-
icon: /* @__PURE__ */
|
|
4853
|
+
icon: /* @__PURE__ */ jsx59(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4802
4854
|
text: "Resend",
|
|
4803
4855
|
variant: "tertiary",
|
|
4804
4856
|
size: "sm",
|
|
@@ -4822,7 +4874,7 @@ var ScQuickPrompt_default = {
|
|
|
4822
4874
|
|
|
4823
4875
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
4824
4876
|
import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
|
|
4825
|
-
import { jsx as
|
|
4877
|
+
import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
4826
4878
|
var ScQuickPrompt = ({
|
|
4827
4879
|
appName = "Photogenix",
|
|
4828
4880
|
heading = "Swap Model and Background",
|
|
@@ -4830,20 +4882,20 @@ var ScQuickPrompt = ({
|
|
|
4830
4882
|
className,
|
|
4831
4883
|
...props
|
|
4832
4884
|
}) => {
|
|
4833
|
-
return /* @__PURE__ */
|
|
4834
|
-
/* @__PURE__ */
|
|
4835
|
-
/* @__PURE__ */
|
|
4836
|
-
/* @__PURE__ */
|
|
4885
|
+
return /* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
|
|
4886
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.header, children: [
|
|
4887
|
+
/* @__PURE__ */ jsx60("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx60(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
|
|
4888
|
+
/* @__PURE__ */ jsx60("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.title, children: [
|
|
4837
4889
|
appName,
|
|
4838
4890
|
" "
|
|
4839
4891
|
] }) })
|
|
4840
4892
|
] }),
|
|
4841
|
-
/* @__PURE__ */
|
|
4842
|
-
/* @__PURE__ */
|
|
4893
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.body, children: [
|
|
4894
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.heading, children: [
|
|
4843
4895
|
heading,
|
|
4844
4896
|
" "
|
|
4845
4897
|
] }),
|
|
4846
|
-
/* @__PURE__ */
|
|
4898
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.description, children: [
|
|
4847
4899
|
description,
|
|
4848
4900
|
" "
|
|
4849
4901
|
] })
|
|
@@ -4860,13 +4912,13 @@ var ScReferralTableHeader_default = {
|
|
|
4860
4912
|
};
|
|
4861
4913
|
|
|
4862
4914
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
4863
|
-
import { jsx as
|
|
4915
|
+
import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
4864
4916
|
var ScReferralTableHeader = ({
|
|
4865
4917
|
className,
|
|
4866
4918
|
...props
|
|
4867
4919
|
}) => {
|
|
4868
|
-
return /* @__PURE__ */
|
|
4869
|
-
/* @__PURE__ */
|
|
4920
|
+
return /* @__PURE__ */ jsxs53("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
4921
|
+
/* @__PURE__ */ jsx61(
|
|
4870
4922
|
ScHeader,
|
|
4871
4923
|
{
|
|
4872
4924
|
text: "User",
|
|
@@ -4874,7 +4926,7 @@ var ScReferralTableHeader = ({
|
|
|
4874
4926
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
4875
4927
|
}
|
|
4876
4928
|
),
|
|
4877
|
-
/* @__PURE__ */
|
|
4929
|
+
/* @__PURE__ */ jsx61(
|
|
4878
4930
|
ScHeader,
|
|
4879
4931
|
{
|
|
4880
4932
|
text: "Date",
|
|
@@ -4882,7 +4934,7 @@ var ScReferralTableHeader = ({
|
|
|
4882
4934
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
4883
4935
|
}
|
|
4884
4936
|
),
|
|
4885
|
-
/* @__PURE__ */
|
|
4937
|
+
/* @__PURE__ */ jsx61(
|
|
4886
4938
|
ScHeader,
|
|
4887
4939
|
{
|
|
4888
4940
|
text: "Status",
|
|
@@ -4890,7 +4942,7 @@ var ScReferralTableHeader = ({
|
|
|
4890
4942
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
4891
4943
|
}
|
|
4892
4944
|
),
|
|
4893
|
-
/* @__PURE__ */
|
|
4945
|
+
/* @__PURE__ */ jsx61(
|
|
4894
4946
|
ScHeader,
|
|
4895
4947
|
{
|
|
4896
4948
|
text: "Reward",
|
|
@@ -4911,7 +4963,7 @@ var ScReferralTableList_default = {
|
|
|
4911
4963
|
};
|
|
4912
4964
|
|
|
4913
4965
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
4914
|
-
import { jsx as
|
|
4966
|
+
import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
4915
4967
|
var ScReferralTableList = ({
|
|
4916
4968
|
userEmail = "chris@kepler.com",
|
|
4917
4969
|
userName,
|
|
@@ -4921,8 +4973,8 @@ var ScReferralTableList = ({
|
|
|
4921
4973
|
className,
|
|
4922
4974
|
...props
|
|
4923
4975
|
}) => {
|
|
4924
|
-
return /* @__PURE__ */
|
|
4925
|
-
/* @__PURE__ */
|
|
4976
|
+
return /* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
4977
|
+
/* @__PURE__ */ jsx62(
|
|
4926
4978
|
ScProfile,
|
|
4927
4979
|
{
|
|
4928
4980
|
subText: userEmail,
|
|
@@ -4930,12 +4982,12 @@ var ScReferralTableList = ({
|
|
|
4930
4982
|
className: ScReferralTableList_default.scProfileInstance
|
|
4931
4983
|
}
|
|
4932
4984
|
),
|
|
4933
|
-
/* @__PURE__ */
|
|
4985
|
+
/* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.date, children: [
|
|
4934
4986
|
date,
|
|
4935
4987
|
" "
|
|
4936
4988
|
] }),
|
|
4937
|
-
/* @__PURE__ */
|
|
4938
|
-
/* @__PURE__ */
|
|
4989
|
+
/* @__PURE__ */ jsx62(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
4990
|
+
/* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.points, children: [
|
|
4939
4991
|
points,
|
|
4940
4992
|
" "
|
|
4941
4993
|
] })
|
|
@@ -4951,33 +5003,33 @@ var ScSettingsNav_default = {
|
|
|
4951
5003
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
4952
5004
|
import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
|
|
4953
5005
|
import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
|
|
4954
|
-
import { jsx as
|
|
5006
|
+
import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4955
5007
|
var ScSettingsNav = ({
|
|
4956
5008
|
className,
|
|
4957
5009
|
...props
|
|
4958
5010
|
}) => {
|
|
4959
|
-
return /* @__PURE__ */
|
|
4960
|
-
/* @__PURE__ */
|
|
5011
|
+
return /* @__PURE__ */ jsx63("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs55("div", { className: ScSettingsNav_default.container, children: [
|
|
5012
|
+
/* @__PURE__ */ jsx63(
|
|
4961
5013
|
ScSidebarMenu,
|
|
4962
5014
|
{
|
|
4963
|
-
icon: /* @__PURE__ */
|
|
5015
|
+
icon: /* @__PURE__ */ jsx63(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
4964
5016
|
text: "Profile",
|
|
4965
5017
|
state: "active",
|
|
4966
5018
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4967
5019
|
}
|
|
4968
5020
|
),
|
|
4969
|
-
/* @__PURE__ */
|
|
5021
|
+
/* @__PURE__ */ jsx63(
|
|
4970
5022
|
ScSidebarMenu,
|
|
4971
5023
|
{
|
|
4972
|
-
icon: /* @__PURE__ */
|
|
5024
|
+
icon: /* @__PURE__ */ jsx63(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
4973
5025
|
text: "Workspace",
|
|
4974
5026
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4975
5027
|
}
|
|
4976
5028
|
),
|
|
4977
|
-
/* @__PURE__ */
|
|
5029
|
+
/* @__PURE__ */ jsx63(
|
|
4978
5030
|
ScSidebarMenu,
|
|
4979
5031
|
{
|
|
4980
|
-
icon: /* @__PURE__ */
|
|
5032
|
+
icon: /* @__PURE__ */ jsx63(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
4981
5033
|
text: "Referral",
|
|
4982
5034
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4983
5035
|
}
|
|
@@ -4993,7 +5045,7 @@ var ScTabField_default = {
|
|
|
4993
5045
|
};
|
|
4994
5046
|
|
|
4995
5047
|
// src/SC-tabField/ScTabField.tsx
|
|
4996
|
-
import { jsx as
|
|
5048
|
+
import { jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
4997
5049
|
var ScTabField = ({
|
|
4998
5050
|
label = "Label",
|
|
4999
5051
|
className,
|
|
@@ -5002,17 +5054,17 @@ var ScTabField = ({
|
|
|
5002
5054
|
onTabChange,
|
|
5003
5055
|
...props
|
|
5004
5056
|
}) => {
|
|
5005
|
-
return /* @__PURE__ */
|
|
5006
|
-
/* @__PURE__ */
|
|
5057
|
+
return /* @__PURE__ */ jsxs56("div", { className: ScTabField_default.scTabField + " " + className, children: [
|
|
5058
|
+
/* @__PURE__ */ jsx64("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs56("div", { className: ScTabField_default.label, children: [
|
|
5007
5059
|
label,
|
|
5008
5060
|
" "
|
|
5009
5061
|
] }) }),
|
|
5010
|
-
tabs ? /* @__PURE__ */
|
|
5062
|
+
tabs ? /* @__PURE__ */ jsx64(
|
|
5011
5063
|
ScTabSwitcher,
|
|
5012
5064
|
{
|
|
5013
5065
|
tabCount: String(tabs.length),
|
|
5014
5066
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
5015
|
-
component: tabs[0] ? /* @__PURE__ */
|
|
5067
|
+
component: tabs[0] ? /* @__PURE__ */ jsx64(
|
|
5016
5068
|
ScTabComp,
|
|
5017
5069
|
{
|
|
5018
5070
|
text: tabs[0].label,
|
|
@@ -5022,7 +5074,7 @@ var ScTabField = ({
|
|
|
5022
5074
|
style: { flex: 1 }
|
|
5023
5075
|
}
|
|
5024
5076
|
) : void 0,
|
|
5025
|
-
component2: tabs[1] ? /* @__PURE__ */
|
|
5077
|
+
component2: tabs[1] ? /* @__PURE__ */ jsx64(
|
|
5026
5078
|
ScTabComp,
|
|
5027
5079
|
{
|
|
5028
5080
|
text: tabs[1].label,
|
|
@@ -5033,7 +5085,7 @@ var ScTabField = ({
|
|
|
5033
5085
|
}
|
|
5034
5086
|
) : void 0
|
|
5035
5087
|
}
|
|
5036
|
-
) : /* @__PURE__ */
|
|
5088
|
+
) : /* @__PURE__ */ jsx64(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
5037
5089
|
] });
|
|
5038
5090
|
};
|
|
5039
5091
|
|
|
@@ -5050,19 +5102,19 @@ var ScTableHeader_default = {
|
|
|
5050
5102
|
};
|
|
5051
5103
|
|
|
5052
5104
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
5053
|
-
import { Fragment as Fragment19, jsx as
|
|
5105
|
+
import { Fragment as Fragment19, jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
5054
5106
|
var ScTableHeader = ({
|
|
5055
5107
|
type = "default",
|
|
5056
5108
|
className,
|
|
5057
5109
|
...props
|
|
5058
5110
|
}) => {
|
|
5059
5111
|
const variantsClassName = ScTableHeader_default["type-" + type];
|
|
5060
|
-
return /* @__PURE__ */
|
|
5112
|
+
return /* @__PURE__ */ jsxs57(
|
|
5061
5113
|
"div",
|
|
5062
5114
|
{
|
|
5063
5115
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
5064
5116
|
children: [
|
|
5065
|
-
/* @__PURE__ */
|
|
5117
|
+
/* @__PURE__ */ jsx65(
|
|
5066
5118
|
ScHeader,
|
|
5067
5119
|
{
|
|
5068
5120
|
text: "User",
|
|
@@ -5070,7 +5122,7 @@ var ScTableHeader = ({
|
|
|
5070
5122
|
className: ScTableHeader_default.scHeaderInstance
|
|
5071
5123
|
}
|
|
5072
5124
|
),
|
|
5073
|
-
/* @__PURE__ */
|
|
5125
|
+
/* @__PURE__ */ jsx65(
|
|
5074
5126
|
ScHeader,
|
|
5075
5127
|
{
|
|
5076
5128
|
text: "Role",
|
|
@@ -5078,7 +5130,7 @@ var ScTableHeader = ({
|
|
|
5078
5130
|
className: ScTableHeader_default.scHeaderInstance2
|
|
5079
5131
|
}
|
|
5080
5132
|
),
|
|
5081
|
-
/* @__PURE__ */
|
|
5133
|
+
/* @__PURE__ */ jsx65(
|
|
5082
5134
|
ScHeader,
|
|
5083
5135
|
{
|
|
5084
5136
|
text: "Access",
|
|
@@ -5086,7 +5138,7 @@ var ScTableHeader = ({
|
|
|
5086
5138
|
className: ScTableHeader_default.scHeaderInstance3
|
|
5087
5139
|
}
|
|
5088
5140
|
),
|
|
5089
|
-
/* @__PURE__ */
|
|
5141
|
+
/* @__PURE__ */ jsx65(
|
|
5090
5142
|
ScHeader,
|
|
5091
5143
|
{
|
|
5092
5144
|
text: "Invited by",
|
|
@@ -5094,7 +5146,7 @@ var ScTableHeader = ({
|
|
|
5094
5146
|
className: ScTableHeader_default.scHeaderInstance4
|
|
5095
5147
|
}
|
|
5096
5148
|
),
|
|
5097
|
-
type === "pending" && /* @__PURE__ */
|
|
5149
|
+
type === "pending" && /* @__PURE__ */ jsx65(Fragment19, { children: /* @__PURE__ */ jsx65(
|
|
5098
5150
|
ScHeader,
|
|
5099
5151
|
{
|
|
5100
5152
|
text: "Invite action",
|
|
@@ -5102,7 +5154,7 @@ var ScTableHeader = ({
|
|
|
5102
5154
|
className: ScTableHeader_default.scHeaderInstance5
|
|
5103
5155
|
}
|
|
5104
5156
|
) }),
|
|
5105
|
-
type === "default" && /* @__PURE__ */
|
|
5157
|
+
type === "default" && /* @__PURE__ */ jsx65(Fragment19, { children: /* @__PURE__ */ jsx65(
|
|
5106
5158
|
ScHeader,
|
|
5107
5159
|
{
|
|
5108
5160
|
text: "Signed On",
|
|
@@ -5136,7 +5188,7 @@ var ScTableList_default = {
|
|
|
5136
5188
|
// src/SC-tableList/ScTableList.tsx
|
|
5137
5189
|
import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
|
|
5138
5190
|
import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
|
|
5139
|
-
import { Fragment as Fragment20, jsx as
|
|
5191
|
+
import { Fragment as Fragment20, jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
5140
5192
|
var ScTableList = ({
|
|
5141
5193
|
invitedBy = "Rohan",
|
|
5142
5194
|
signedOn = "Nov 9th, 2025",
|
|
@@ -5148,51 +5200,51 @@ var ScTableList = ({
|
|
|
5148
5200
|
...props
|
|
5149
5201
|
}) => {
|
|
5150
5202
|
const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
|
|
5151
|
-
return /* @__PURE__ */
|
|
5203
|
+
return /* @__PURE__ */ jsxs58(
|
|
5152
5204
|
"div",
|
|
5153
5205
|
{
|
|
5154
5206
|
className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
|
|
5155
5207
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
5156
5208
|
...props,
|
|
5157
5209
|
children: [
|
|
5158
|
-
/* @__PURE__ */
|
|
5210
|
+
/* @__PURE__ */ jsx66(
|
|
5159
5211
|
ScProfile,
|
|
5160
5212
|
{
|
|
5161
5213
|
subText: userEmail,
|
|
5162
5214
|
className: ScTableList_default.scProfileInstance
|
|
5163
5215
|
}
|
|
5164
5216
|
),
|
|
5165
|
-
/* @__PURE__ */
|
|
5166
|
-
/* @__PURE__ */
|
|
5167
|
-
/* @__PURE__ */
|
|
5217
|
+
/* @__PURE__ */ jsx66(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
5218
|
+
/* @__PURE__ */ jsxs58("div", { className: ScTableList_default.accessInfo, children: [
|
|
5219
|
+
/* @__PURE__ */ jsx66(
|
|
5168
5220
|
ScAccess,
|
|
5169
5221
|
{
|
|
5170
|
-
component: /* @__PURE__ */
|
|
5171
|
-
component2: /* @__PURE__ */
|
|
5222
|
+
component: /* @__PURE__ */ jsx66(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
|
|
5223
|
+
component2: /* @__PURE__ */ jsx66(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
5172
5224
|
className: ScTableList_default.scAccessInstance
|
|
5173
5225
|
}
|
|
5174
5226
|
),
|
|
5175
|
-
/* @__PURE__ */
|
|
5227
|
+
/* @__PURE__ */ jsx66(
|
|
5176
5228
|
ScAccess,
|
|
5177
5229
|
{
|
|
5178
|
-
component: /* @__PURE__ */
|
|
5179
|
-
component2: /* @__PURE__ */
|
|
5230
|
+
component: /* @__PURE__ */ jsx66(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
5231
|
+
component2: /* @__PURE__ */ jsx66(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
5180
5232
|
visibleSiconCatalogix: false,
|
|
5181
5233
|
className: ScTableList_default.scAccessInstance
|
|
5182
5234
|
}
|
|
5183
5235
|
)
|
|
5184
5236
|
] }),
|
|
5185
|
-
/* @__PURE__ */
|
|
5237
|
+
/* @__PURE__ */ jsxs58("div", { className: ScTableList_default.userName, children: [
|
|
5186
5238
|
invitedBy,
|
|
5187
5239
|
" "
|
|
5188
5240
|
] }),
|
|
5189
|
-
variant === "pending" && /* @__PURE__ */
|
|
5241
|
+
variant === "pending" && /* @__PURE__ */ jsx66(Fragment20, { children: /* @__PURE__ */ jsx66(
|
|
5190
5242
|
ScPendingAction,
|
|
5191
5243
|
{
|
|
5192
5244
|
className: ScTableList_default.scPendingActionInstance
|
|
5193
5245
|
}
|
|
5194
5246
|
) }),
|
|
5195
|
-
variant === "active" && /* @__PURE__ */
|
|
5247
|
+
variant === "active" && /* @__PURE__ */ jsx66(Fragment20, { children: /* @__PURE__ */ jsxs58("div", { className: ScTableList_default.date, children: [
|
|
5196
5248
|
signedOn,
|
|
5197
5249
|
" "
|
|
5198
5250
|
] }) })
|
|
@@ -5227,7 +5279,7 @@ import {
|
|
|
5227
5279
|
SiconSwitch as SiconSwitch2,
|
|
5228
5280
|
SiconLogout as SiconLogout2
|
|
5229
5281
|
} from "@streamoid/icons";
|
|
5230
|
-
import { jsx as
|
|
5282
|
+
import { jsx as jsx67, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
5231
5283
|
var ScWorkspaceCard = ({
|
|
5232
5284
|
workspaceName = "Stores",
|
|
5233
5285
|
role = "Admin",
|
|
@@ -5237,21 +5289,21 @@ var ScWorkspaceCard = ({
|
|
|
5237
5289
|
className,
|
|
5238
5290
|
...props
|
|
5239
5291
|
}) => {
|
|
5240
|
-
return /* @__PURE__ */
|
|
5241
|
-
/* @__PURE__ */
|
|
5242
|
-
/* @__PURE__ */
|
|
5292
|
+
return /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
|
|
5293
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
|
|
5294
|
+
/* @__PURE__ */ jsx67(
|
|
5243
5295
|
ScIntialProfileCover,
|
|
5244
5296
|
{
|
|
5245
5297
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
5246
5298
|
}
|
|
5247
5299
|
),
|
|
5248
|
-
/* @__PURE__ */
|
|
5300
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.workspaceName, children: [
|
|
5249
5301
|
workspaceName,
|
|
5250
5302
|
" "
|
|
5251
5303
|
] })
|
|
5252
5304
|
] }),
|
|
5253
|
-
/* @__PURE__ */
|
|
5254
|
-
/* @__PURE__ */
|
|
5305
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
5306
|
+
/* @__PURE__ */ jsx67(
|
|
5255
5307
|
ScBadges,
|
|
5256
5308
|
{
|
|
5257
5309
|
text: role,
|
|
@@ -5259,41 +5311,41 @@ var ScWorkspaceCard = ({
|
|
|
5259
5311
|
className: ScWorkspaceCard_default.scBadgesInstance
|
|
5260
5312
|
}
|
|
5261
5313
|
),
|
|
5262
|
-
/* @__PURE__ */
|
|
5263
|
-
/* @__PURE__ */
|
|
5314
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
5315
|
+
/* @__PURE__ */ jsx67(
|
|
5264
5316
|
ScPairtext,
|
|
5265
5317
|
{
|
|
5266
|
-
icon: /* @__PURE__ */
|
|
5318
|
+
icon: /* @__PURE__ */ jsx67(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
5267
5319
|
content: userCount,
|
|
5268
5320
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
5269
5321
|
}
|
|
5270
5322
|
),
|
|
5271
|
-
/* @__PURE__ */
|
|
5272
|
-
/* @__PURE__ */
|
|
5323
|
+
/* @__PURE__ */ jsx67(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
5324
|
+
/* @__PURE__ */ jsx67(
|
|
5273
5325
|
ScPairtext,
|
|
5274
5326
|
{
|
|
5275
|
-
icon: /* @__PURE__ */
|
|
5327
|
+
icon: /* @__PURE__ */ jsx67(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
5276
5328
|
content: ownerEmail,
|
|
5277
5329
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
5278
5330
|
}
|
|
5279
5331
|
)
|
|
5280
5332
|
] })
|
|
5281
5333
|
] }),
|
|
5282
|
-
/* @__PURE__ */
|
|
5334
|
+
/* @__PURE__ */ jsx67(
|
|
5283
5335
|
ScButton,
|
|
5284
5336
|
{
|
|
5285
|
-
icon: /* @__PURE__ */
|
|
5337
|
+
icon: /* @__PURE__ */ jsx67(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
5286
5338
|
text: buttonText,
|
|
5287
5339
|
state: "disabled",
|
|
5288
5340
|
variant: "outline",
|
|
5289
5341
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
5290
5342
|
}
|
|
5291
5343
|
),
|
|
5292
|
-
/* @__PURE__ */
|
|
5344
|
+
/* @__PURE__ */ jsx67(
|
|
5293
5345
|
ScButton,
|
|
5294
5346
|
{
|
|
5295
5347
|
text: "Leave workspace",
|
|
5296
|
-
icon: /* @__PURE__ */
|
|
5348
|
+
icon: /* @__PURE__ */ jsx67(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
5297
5349
|
styleVariant: "icon-only",
|
|
5298
5350
|
variant: "error",
|
|
5299
5351
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -5329,7 +5381,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
5329
5381
|
};
|
|
5330
5382
|
|
|
5331
5383
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
5332
|
-
import { jsx as
|
|
5384
|
+
import { jsx as jsx68, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
5333
5385
|
function ScWorkspaceSwitchCard({
|
|
5334
5386
|
wsName = "Workspace name is kepler",
|
|
5335
5387
|
role = "Admin",
|
|
@@ -5359,14 +5411,14 @@ function ScWorkspaceSwitchCard({
|
|
|
5359
5411
|
].filter(Boolean).join(" ");
|
|
5360
5412
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
5361
5413
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
5362
|
-
return /* @__PURE__ */
|
|
5414
|
+
return /* @__PURE__ */ jsx68(
|
|
5363
5415
|
"div",
|
|
5364
5416
|
{
|
|
5365
5417
|
className: cardClass,
|
|
5366
5418
|
onMouseEnter: () => setInternalHover(true),
|
|
5367
5419
|
onMouseLeave: () => setInternalHover(false),
|
|
5368
|
-
children: /* @__PURE__ */
|
|
5369
|
-
/* @__PURE__ */
|
|
5420
|
+
children: /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
5421
|
+
/* @__PURE__ */ jsx68(
|
|
5370
5422
|
ScDp,
|
|
5371
5423
|
{
|
|
5372
5424
|
type: imageUrl ? "image" : "initial",
|
|
@@ -5380,26 +5432,26 @@ function ScWorkspaceSwitchCard({
|
|
|
5380
5432
|
}
|
|
5381
5433
|
}
|
|
5382
5434
|
),
|
|
5383
|
-
/* @__PURE__ */
|
|
5384
|
-
/* @__PURE__ */
|
|
5385
|
-
/* @__PURE__ */
|
|
5386
|
-
/* @__PURE__ */
|
|
5387
|
-
/* @__PURE__ */
|
|
5388
|
-
/* @__PURE__ */
|
|
5435
|
+
/* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
|
|
5436
|
+
/* @__PURE__ */ jsx68("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
|
|
5437
|
+
/* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
|
|
5438
|
+
/* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
5439
|
+
/* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
|
|
5440
|
+
/* @__PURE__ */ jsx68("span", { className: roleColorClass, children: displayRole })
|
|
5389
5441
|
] }),
|
|
5390
|
-
/* @__PURE__ */
|
|
5391
|
-
/* @__PURE__ */
|
|
5392
|
-
/* @__PURE__ */
|
|
5393
|
-
/* @__PURE__ */
|
|
5442
|
+
/* @__PURE__ */ jsx68(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
5443
|
+
/* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
5444
|
+
/* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
|
|
5445
|
+
/* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
|
|
5394
5446
|
] }),
|
|
5395
|
-
/* @__PURE__ */
|
|
5396
|
-
/* @__PURE__ */
|
|
5397
|
-
/* @__PURE__ */
|
|
5398
|
-
/* @__PURE__ */
|
|
5447
|
+
/* @__PURE__ */ jsx68(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
5448
|
+
/* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
|
|
5449
|
+
/* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
|
|
5450
|
+
/* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
|
|
5399
5451
|
] })
|
|
5400
5452
|
] })
|
|
5401
5453
|
] }),
|
|
5402
|
-
isHover && isOther && /* @__PURE__ */
|
|
5454
|
+
isHover && isOther && /* @__PURE__ */ jsx68(
|
|
5403
5455
|
"div",
|
|
5404
5456
|
{
|
|
5405
5457
|
onClick: (e) => {
|
|
@@ -5407,19 +5459,19 @@ function ScWorkspaceSwitchCard({
|
|
|
5407
5459
|
onSwitch?.();
|
|
5408
5460
|
},
|
|
5409
5461
|
style: { cursor: "pointer" },
|
|
5410
|
-
children: /* @__PURE__ */
|
|
5462
|
+
children: /* @__PURE__ */ jsx68(
|
|
5411
5463
|
ScButton,
|
|
5412
5464
|
{
|
|
5413
5465
|
text: "Switch Workspace",
|
|
5414
5466
|
variant: "secondary",
|
|
5415
5467
|
size: "sm",
|
|
5416
5468
|
styleVariant: "icon-left",
|
|
5417
|
-
icon: /* @__PURE__ */
|
|
5469
|
+
icon: /* @__PURE__ */ jsx68(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
5418
5470
|
}
|
|
5419
5471
|
)
|
|
5420
5472
|
}
|
|
5421
5473
|
),
|
|
5422
|
-
isHover && isAdmin && /* @__PURE__ */
|
|
5474
|
+
isHover && isAdmin && /* @__PURE__ */ jsx68(
|
|
5423
5475
|
"div",
|
|
5424
5476
|
{
|
|
5425
5477
|
onClick: (e) => {
|
|
@@ -5427,18 +5479,18 @@ function ScWorkspaceSwitchCard({
|
|
|
5427
5479
|
onSettings?.();
|
|
5428
5480
|
},
|
|
5429
5481
|
style: { cursor: "pointer" },
|
|
5430
|
-
children: /* @__PURE__ */
|
|
5482
|
+
children: /* @__PURE__ */ jsx68(
|
|
5431
5483
|
ScButton,
|
|
5432
5484
|
{
|
|
5433
5485
|
styleVariant: "icon-only",
|
|
5434
5486
|
variant: "outline",
|
|
5435
5487
|
size: "sm",
|
|
5436
|
-
icon: /* @__PURE__ */
|
|
5488
|
+
icon: /* @__PURE__ */ jsx68(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
5437
5489
|
}
|
|
5438
5490
|
)
|
|
5439
5491
|
}
|
|
5440
5492
|
),
|
|
5441
|
-
isHover && !isAdmin && /* @__PURE__ */
|
|
5493
|
+
isHover && !isAdmin && /* @__PURE__ */ jsx68(
|
|
5442
5494
|
"div",
|
|
5443
5495
|
{
|
|
5444
5496
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -5446,7 +5498,7 @@ function ScWorkspaceSwitchCard({
|
|
|
5446
5498
|
e.stopPropagation();
|
|
5447
5499
|
onLeave?.();
|
|
5448
5500
|
},
|
|
5449
|
-
children: /* @__PURE__ */
|
|
5501
|
+
children: /* @__PURE__ */ jsx68(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
5450
5502
|
}
|
|
5451
5503
|
)
|
|
5452
5504
|
] })
|
|
@@ -5464,18 +5516,18 @@ var ScRoleMobile_default = {
|
|
|
5464
5516
|
};
|
|
5465
5517
|
|
|
5466
5518
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
5467
|
-
import { jsx as
|
|
5519
|
+
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
5468
5520
|
var ScRoleMobile = ({
|
|
5469
5521
|
role = "admin",
|
|
5470
5522
|
className,
|
|
5471
5523
|
...props
|
|
5472
5524
|
}) => {
|
|
5473
|
-
return /* @__PURE__ */
|
|
5525
|
+
return /* @__PURE__ */ jsx69(
|
|
5474
5526
|
"div",
|
|
5475
5527
|
{
|
|
5476
5528
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
5477
5529
|
...props,
|
|
5478
|
-
children: /* @__PURE__ */
|
|
5530
|
+
children: /* @__PURE__ */ jsx69("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
5479
5531
|
}
|
|
5480
5532
|
);
|
|
5481
5533
|
};
|
|
@@ -5492,7 +5544,7 @@ var ScProfileV2Mobile_default = {
|
|
|
5492
5544
|
};
|
|
5493
5545
|
|
|
5494
5546
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
5495
|
-
import { jsx as
|
|
5547
|
+
import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
5496
5548
|
var ScProfileV2Mobile = ({
|
|
5497
5549
|
name = "Chris Hemsworth",
|
|
5498
5550
|
email = "chris@kepler.com",
|
|
@@ -5502,17 +5554,17 @@ var ScProfileV2Mobile = ({
|
|
|
5502
5554
|
...props
|
|
5503
5555
|
}) => {
|
|
5504
5556
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5505
|
-
const profileImage = /* @__PURE__ */
|
|
5506
|
-
return /* @__PURE__ */
|
|
5557
|
+
const profileImage = /* @__PURE__ */ jsx70("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx70("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx70("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
5558
|
+
return /* @__PURE__ */ jsxs61(
|
|
5507
5559
|
"div",
|
|
5508
5560
|
{
|
|
5509
5561
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
5510
5562
|
...props,
|
|
5511
5563
|
children: [
|
|
5512
5564
|
dpPosition === "left" && profileImage,
|
|
5513
|
-
/* @__PURE__ */
|
|
5514
|
-
/* @__PURE__ */
|
|
5515
|
-
/* @__PURE__ */
|
|
5565
|
+
/* @__PURE__ */ jsxs61("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
5566
|
+
/* @__PURE__ */ jsx70("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
5567
|
+
/* @__PURE__ */ jsx70("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
5516
5568
|
] }),
|
|
5517
5569
|
dpPosition === "right" && profileImage
|
|
5518
5570
|
]
|
|
@@ -5539,7 +5591,7 @@ var ScTableListMobile_default = {
|
|
|
5539
5591
|
};
|
|
5540
5592
|
|
|
5541
5593
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
5542
|
-
import { jsx as
|
|
5594
|
+
import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
5543
5595
|
var ScTableListMobile = ({
|
|
5544
5596
|
name = "Chris Hemsworth",
|
|
5545
5597
|
email = "chris@kepler.com",
|
|
@@ -5552,25 +5604,25 @@ var ScTableListMobile = ({
|
|
|
5552
5604
|
...props
|
|
5553
5605
|
}) => {
|
|
5554
5606
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5555
|
-
return /* @__PURE__ */
|
|
5607
|
+
return /* @__PURE__ */ jsxs62(
|
|
5556
5608
|
"div",
|
|
5557
5609
|
{
|
|
5558
5610
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
5559
5611
|
onClick: onRowClick,
|
|
5560
5612
|
...props,
|
|
5561
5613
|
children: [
|
|
5562
|
-
/* @__PURE__ */
|
|
5563
|
-
/* @__PURE__ */
|
|
5564
|
-
/* @__PURE__ */
|
|
5565
|
-
/* @__PURE__ */
|
|
5614
|
+
/* @__PURE__ */ jsxs62("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
5615
|
+
/* @__PURE__ */ jsxs62("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
5616
|
+
/* @__PURE__ */ jsx71("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
5617
|
+
/* @__PURE__ */ jsx71("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
5566
5618
|
] }),
|
|
5567
|
-
/* @__PURE__ */
|
|
5619
|
+
/* @__PURE__ */ jsx71("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx71("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx71("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
5568
5620
|
] }),
|
|
5569
|
-
/* @__PURE__ */
|
|
5570
|
-
/* @__PURE__ */
|
|
5571
|
-
/* @__PURE__ */
|
|
5572
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */
|
|
5573
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */
|
|
5621
|
+
/* @__PURE__ */ jsxs62("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
5622
|
+
/* @__PURE__ */ jsx71("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx71("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
5623
|
+
/* @__PURE__ */ jsxs62("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
5624
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx71("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx71("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
5625
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx71("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx71("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
5574
5626
|
] })
|
|
5575
5627
|
] })
|
|
5576
5628
|
]
|
|
@@ -5598,7 +5650,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
5598
5650
|
};
|
|
5599
5651
|
|
|
5600
5652
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
5601
|
-
import { jsx as
|
|
5653
|
+
import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
5602
5654
|
var ScWorkspaceSwitchMobile = ({
|
|
5603
5655
|
storeName = "Stores",
|
|
5604
5656
|
initials = "WS",
|
|
@@ -5611,24 +5663,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
5611
5663
|
...props
|
|
5612
5664
|
}) => {
|
|
5613
5665
|
const variant = currentWs ? "current" : "other";
|
|
5614
|
-
return /* @__PURE__ */
|
|
5666
|
+
return /* @__PURE__ */ jsxs63(
|
|
5615
5667
|
"div",
|
|
5616
5668
|
{
|
|
5617
5669
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
5618
5670
|
onClick,
|
|
5619
5671
|
...props,
|
|
5620
5672
|
children: [
|
|
5621
|
-
/* @__PURE__ */
|
|
5622
|
-
/* @__PURE__ */
|
|
5623
|
-
/* @__PURE__ */
|
|
5624
|
-
/* @__PURE__ */
|
|
5673
|
+
/* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
5674
|
+
/* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
5675
|
+
/* @__PURE__ */ jsx72("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx72("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
5676
|
+
/* @__PURE__ */ jsx72("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
5625
5677
|
] }),
|
|
5626
|
-
/* @__PURE__ */
|
|
5678
|
+
/* @__PURE__ */ jsx72("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
5627
5679
|
] }),
|
|
5628
|
-
/* @__PURE__ */
|
|
5629
|
-
/* @__PURE__ */
|
|
5630
|
-
/* @__PURE__ */
|
|
5631
|
-
/* @__PURE__ */
|
|
5680
|
+
/* @__PURE__ */ jsx72("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
5681
|
+
/* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
5682
|
+
/* @__PURE__ */ jsx72("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx72("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
5683
|
+
/* @__PURE__ */ jsx72("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
5632
5684
|
] })
|
|
5633
5685
|
]
|
|
5634
5686
|
}
|
|
@@ -5655,7 +5707,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
5655
5707
|
};
|
|
5656
5708
|
|
|
5657
5709
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
5658
|
-
import { jsx as
|
|
5710
|
+
import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
5659
5711
|
var ScWorkspaceSettingsMobile = ({
|
|
5660
5712
|
storeName = "Stores",
|
|
5661
5713
|
initials = "WS",
|
|
@@ -5670,28 +5722,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
5670
5722
|
...props
|
|
5671
5723
|
}) => {
|
|
5672
5724
|
const variant = currentWs ? "current" : "other";
|
|
5673
|
-
return /* @__PURE__ */
|
|
5725
|
+
return /* @__PURE__ */ jsxs64(
|
|
5674
5726
|
"div",
|
|
5675
5727
|
{
|
|
5676
5728
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
5677
5729
|
onClick,
|
|
5678
5730
|
...props,
|
|
5679
5731
|
children: [
|
|
5680
|
-
/* @__PURE__ */
|
|
5681
|
-
/* @__PURE__ */
|
|
5682
|
-
/* @__PURE__ */
|
|
5683
|
-
/* @__PURE__ */
|
|
5732
|
+
/* @__PURE__ */ jsxs64("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
5733
|
+
/* @__PURE__ */ jsxs64("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
5734
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx73("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
5735
|
+
/* @__PURE__ */ jsx73("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
5684
5736
|
] }),
|
|
5685
|
-
/* @__PURE__ */
|
|
5737
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx73("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
5686
5738
|
] }),
|
|
5687
|
-
/* @__PURE__ */
|
|
5688
|
-
/* @__PURE__ */
|
|
5689
|
-
/* @__PURE__ */
|
|
5690
|
-
/* @__PURE__ */
|
|
5739
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
5740
|
+
/* @__PURE__ */ jsxs64("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5741
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx73("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
5742
|
+
/* @__PURE__ */ jsx73("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
5691
5743
|
] }),
|
|
5692
|
-
/* @__PURE__ */
|
|
5693
|
-
/* @__PURE__ */
|
|
5694
|
-
/* @__PURE__ */
|
|
5744
|
+
/* @__PURE__ */ jsxs64("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
5745
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx73("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
5746
|
+
/* @__PURE__ */ jsx73("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
5695
5747
|
] })
|
|
5696
5748
|
]
|
|
5697
5749
|
}
|
|
@@ -5714,7 +5766,7 @@ var ScMobileTopNav_default = {
|
|
|
5714
5766
|
};
|
|
5715
5767
|
|
|
5716
5768
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
5717
|
-
import { Fragment as Fragment21, jsx as
|
|
5769
|
+
import { Fragment as Fragment21, jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
5718
5770
|
var ScMobileTopNav = ({
|
|
5719
5771
|
type = "home",
|
|
5720
5772
|
searchIcon = false,
|
|
@@ -5737,22 +5789,22 @@ var ScMobileTopNav = ({
|
|
|
5737
5789
|
}) => {
|
|
5738
5790
|
const hasBorder = type === "chat" || type === "inApp";
|
|
5739
5791
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
5740
|
-
return /* @__PURE__ */
|
|
5792
|
+
return /* @__PURE__ */ jsxs65(
|
|
5741
5793
|
"div",
|
|
5742
5794
|
{
|
|
5743
5795
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
5744
5796
|
...props,
|
|
5745
5797
|
children: [
|
|
5746
|
-
type === "home" && /* @__PURE__ */
|
|
5747
|
-
type === "chat" && /* @__PURE__ */
|
|
5748
|
-
/* @__PURE__ */
|
|
5749
|
-
/* @__PURE__ */
|
|
5750
|
-
/* @__PURE__ */
|
|
5798
|
+
type === "home" && /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5799
|
+
type === "chat" && /* @__PURE__ */ jsxs65(Fragment21, { children: [
|
|
5800
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5801
|
+
/* @__PURE__ */ jsx74("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
5802
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
5751
5803
|
] }),
|
|
5752
|
-
showSearch && /* @__PURE__ */
|
|
5753
|
-
/* @__PURE__ */
|
|
5754
|
-
/* @__PURE__ */
|
|
5755
|
-
/* @__PURE__ */
|
|
5804
|
+
showSearch && /* @__PURE__ */ jsxs65(Fragment21, { children: [
|
|
5805
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs65("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
5806
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5807
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx74(
|
|
5756
5808
|
"input",
|
|
5757
5809
|
{
|
|
5758
5810
|
type: "text",
|
|
@@ -5763,17 +5815,17 @@ var ScMobileTopNav = ({
|
|
|
5763
5815
|
}
|
|
5764
5816
|
) })
|
|
5765
5817
|
] }) }),
|
|
5766
|
-
/* @__PURE__ */
|
|
5818
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
5767
5819
|
] }),
|
|
5768
|
-
type === "inApp" && !search && /* @__PURE__ */
|
|
5769
|
-
/* @__PURE__ */
|
|
5770
|
-
/* @__PURE__ */
|
|
5771
|
-
/* @__PURE__ */
|
|
5820
|
+
type === "inApp" && !search && /* @__PURE__ */ jsxs65(Fragment21, { children: [
|
|
5821
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
5822
|
+
/* @__PURE__ */ jsx74("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
5823
|
+
/* @__PURE__ */ jsx74(
|
|
5772
5824
|
"div",
|
|
5773
5825
|
{
|
|
5774
5826
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
5775
5827
|
onClick: onSearchClick,
|
|
5776
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */
|
|
5828
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
5777
5829
|
}
|
|
5778
5830
|
)
|
|
5779
5831
|
] })
|
|
@@ -5794,7 +5846,7 @@ var ScMobileBottomAction_default = {
|
|
|
5794
5846
|
};
|
|
5795
5847
|
|
|
5796
5848
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
5797
|
-
import { jsx as
|
|
5849
|
+
import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
5798
5850
|
var ScMobileBottomAction = ({
|
|
5799
5851
|
text = "Save Changes",
|
|
5800
5852
|
disabled = false,
|
|
@@ -5806,28 +5858,28 @@ var ScMobileBottomAction = ({
|
|
|
5806
5858
|
...props
|
|
5807
5859
|
}) => {
|
|
5808
5860
|
const isTwoButton = !!secondaryText;
|
|
5809
|
-
return /* @__PURE__ */
|
|
5861
|
+
return /* @__PURE__ */ jsxs66(
|
|
5810
5862
|
"div",
|
|
5811
5863
|
{
|
|
5812
5864
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
5813
5865
|
...props,
|
|
5814
5866
|
children: [
|
|
5815
|
-
isTwoButton && /* @__PURE__ */
|
|
5867
|
+
isTwoButton && /* @__PURE__ */ jsx75(
|
|
5816
5868
|
"button",
|
|
5817
5869
|
{
|
|
5818
5870
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5819
5871
|
onClick: onSecondaryClick,
|
|
5820
5872
|
disabled: secondaryDisabled,
|
|
5821
|
-
children: /* @__PURE__ */
|
|
5873
|
+
children: /* @__PURE__ */ jsx75("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
5822
5874
|
}
|
|
5823
5875
|
),
|
|
5824
|
-
/* @__PURE__ */
|
|
5876
|
+
/* @__PURE__ */ jsx75(
|
|
5825
5877
|
"button",
|
|
5826
5878
|
{
|
|
5827
5879
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5828
5880
|
onClick,
|
|
5829
5881
|
disabled,
|
|
5830
|
-
children: /* @__PURE__ */
|
|
5882
|
+
children: /* @__PURE__ */ jsx75("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
5831
5883
|
}
|
|
5832
5884
|
)
|
|
5833
5885
|
]
|
|
@@ -5845,7 +5897,7 @@ var ScPopUpMenu_default = {
|
|
|
5845
5897
|
};
|
|
5846
5898
|
|
|
5847
5899
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
5848
|
-
import { jsx as
|
|
5900
|
+
import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
5849
5901
|
var ScPopUpMenu = ({
|
|
5850
5902
|
menu = "Options",
|
|
5851
5903
|
state = "default",
|
|
@@ -5854,15 +5906,15 @@ var ScPopUpMenu = ({
|
|
|
5854
5906
|
className,
|
|
5855
5907
|
...props
|
|
5856
5908
|
}) => {
|
|
5857
|
-
return /* @__PURE__ */
|
|
5909
|
+
return /* @__PURE__ */ jsxs67(
|
|
5858
5910
|
"div",
|
|
5859
5911
|
{
|
|
5860
5912
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
5861
5913
|
onClick,
|
|
5862
5914
|
...props,
|
|
5863
5915
|
children: [
|
|
5864
|
-
icon && /* @__PURE__ */
|
|
5865
|
-
/* @__PURE__ */
|
|
5916
|
+
icon && /* @__PURE__ */ jsx76("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
5917
|
+
/* @__PURE__ */ jsx76("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
5866
5918
|
]
|
|
5867
5919
|
}
|
|
5868
5920
|
);
|
|
@@ -5888,7 +5940,7 @@ var ScReferralCardMobile_default = {
|
|
|
5888
5940
|
};
|
|
5889
5941
|
|
|
5890
5942
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
5891
|
-
import { jsx as
|
|
5943
|
+
import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
5892
5944
|
var ScReferralCardMobile = ({
|
|
5893
5945
|
name = "Chris Hemsworth",
|
|
5894
5946
|
email = "chris@kepler.com",
|
|
@@ -5901,27 +5953,27 @@ var ScReferralCardMobile = ({
|
|
|
5901
5953
|
...props
|
|
5902
5954
|
}) => {
|
|
5903
5955
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5904
|
-
return /* @__PURE__ */
|
|
5956
|
+
return /* @__PURE__ */ jsxs68(
|
|
5905
5957
|
"div",
|
|
5906
5958
|
{
|
|
5907
5959
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
5908
5960
|
onClick,
|
|
5909
5961
|
...props,
|
|
5910
5962
|
children: [
|
|
5911
|
-
/* @__PURE__ */
|
|
5912
|
-
/* @__PURE__ */
|
|
5913
|
-
/* @__PURE__ */
|
|
5914
|
-
/* @__PURE__ */
|
|
5915
|
-
/* @__PURE__ */
|
|
5916
|
-
/* @__PURE__ */
|
|
5963
|
+
/* @__PURE__ */ jsxs68("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
5964
|
+
/* @__PURE__ */ jsxs68("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
5965
|
+
/* @__PURE__ */ jsx77("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx77("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx77("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
5966
|
+
/* @__PURE__ */ jsxs68("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
5967
|
+
/* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
5968
|
+
/* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
5917
5969
|
] })
|
|
5918
5970
|
] }),
|
|
5919
|
-
/* @__PURE__ */
|
|
5971
|
+
/* @__PURE__ */ jsx77("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
5920
5972
|
] }),
|
|
5921
|
-
/* @__PURE__ */
|
|
5922
|
-
/* @__PURE__ */
|
|
5923
|
-
/* @__PURE__ */
|
|
5924
|
-
/* @__PURE__ */
|
|
5973
|
+
/* @__PURE__ */ jsx77("div", { className: ScReferralCardMobile_default.divider }),
|
|
5974
|
+
/* @__PURE__ */ jsxs68("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
5975
|
+
/* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
5976
|
+
/* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
5925
5977
|
] })
|
|
5926
5978
|
]
|
|
5927
5979
|
}
|
|
@@ -5938,19 +5990,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
5938
5990
|
};
|
|
5939
5991
|
|
|
5940
5992
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
5941
|
-
import { jsx as
|
|
5993
|
+
import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
5942
5994
|
var InvoiceHistoryMobile = ({
|
|
5943
5995
|
invoiceId = "# INV-2800-2026",
|
|
5944
5996
|
date = "Nov 9th, 2025",
|
|
5945
5997
|
amount = "$320.89",
|
|
5946
5998
|
className
|
|
5947
5999
|
}) => {
|
|
5948
|
-
return /* @__PURE__ */
|
|
5949
|
-
/* @__PURE__ */
|
|
5950
|
-
/* @__PURE__ */
|
|
5951
|
-
/* @__PURE__ */
|
|
6000
|
+
return /* @__PURE__ */ jsxs69("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
6001
|
+
/* @__PURE__ */ jsxs69("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
6002
|
+
/* @__PURE__ */ jsx78("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
6003
|
+
/* @__PURE__ */ jsx78("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
5952
6004
|
] }),
|
|
5953
|
-
/* @__PURE__ */
|
|
6005
|
+
/* @__PURE__ */ jsx78("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
5954
6006
|
] });
|
|
5955
6007
|
};
|
|
5956
6008
|
|
|
@@ -5968,7 +6020,7 @@ var UsageHistoryMobile_default = {
|
|
|
5968
6020
|
};
|
|
5969
6021
|
|
|
5970
6022
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
5971
|
-
import { jsx as
|
|
6023
|
+
import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
5972
6024
|
var UsageHistoryMobile = ({
|
|
5973
6025
|
serviceName = "Artifax Generation",
|
|
5974
6026
|
credits = "50",
|
|
@@ -5977,18 +6029,18 @@ var UsageHistoryMobile = ({
|
|
|
5977
6029
|
balance = "84,902",
|
|
5978
6030
|
className
|
|
5979
6031
|
}) => {
|
|
5980
|
-
return /* @__PURE__ */
|
|
5981
|
-
/* @__PURE__ */
|
|
5982
|
-
/* @__PURE__ */
|
|
5983
|
-
/* @__PURE__ */
|
|
6032
|
+
return /* @__PURE__ */ jsxs70("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
6033
|
+
/* @__PURE__ */ jsxs70("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
6034
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
6035
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
5984
6036
|
] }),
|
|
5985
|
-
/* @__PURE__ */
|
|
5986
|
-
/* @__PURE__ */
|
|
5987
|
-
/* @__PURE__ */
|
|
5988
|
-
/* @__PURE__ */
|
|
5989
|
-
/* @__PURE__ */
|
|
6037
|
+
/* @__PURE__ */ jsxs70("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
6038
|
+
/* @__PURE__ */ jsxs70("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
6039
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
6040
|
+
/* @__PURE__ */ jsx79("div", { className: UsageHistoryMobile_default.divider }),
|
|
6041
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
5990
6042
|
] }),
|
|
5991
|
-
/* @__PURE__ */
|
|
6043
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
5992
6044
|
] })
|
|
5993
6045
|
] });
|
|
5994
6046
|
};
|
|
@@ -6012,7 +6064,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
6012
6064
|
};
|
|
6013
6065
|
|
|
6014
6066
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
6015
|
-
import { jsx as
|
|
6067
|
+
import { jsx as jsx80, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
6016
6068
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
6017
6069
|
wsName = "Workspace name is kepler",
|
|
6018
6070
|
initials = "WS",
|
|
@@ -6025,14 +6077,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
6025
6077
|
className,
|
|
6026
6078
|
...props
|
|
6027
6079
|
}) => {
|
|
6028
|
-
return /* @__PURE__ */
|
|
6080
|
+
return /* @__PURE__ */ jsx80(
|
|
6029
6081
|
"div",
|
|
6030
6082
|
{
|
|
6031
6083
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
6032
6084
|
onClick,
|
|
6033
6085
|
...props,
|
|
6034
|
-
children: /* @__PURE__ */
|
|
6035
|
-
/* @__PURE__ */
|
|
6086
|
+
children: /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
6087
|
+
/* @__PURE__ */ jsx80("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx80(
|
|
6036
6088
|
ScDp,
|
|
6037
6089
|
{
|
|
6038
6090
|
type: imageUrl ? "image" : "initial",
|
|
@@ -6046,14 +6098,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
6046
6098
|
}
|
|
6047
6099
|
}
|
|
6048
6100
|
) }),
|
|
6049
|
-
/* @__PURE__ */
|
|
6050
|
-
/* @__PURE__ */
|
|
6051
|
-
/* @__PURE__ */
|
|
6052
|
-
/* @__PURE__ */
|
|
6053
|
-
/* @__PURE__ */
|
|
6054
|
-
/* @__PURE__ */
|
|
6055
|
-
/* @__PURE__ */
|
|
6056
|
-
/* @__PURE__ */
|
|
6101
|
+
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
6102
|
+
/* @__PURE__ */ jsx80("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
6103
|
+
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
6104
|
+
/* @__PURE__ */ jsx80("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
6105
|
+
/* @__PURE__ */ jsx80("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
6106
|
+
/* @__PURE__ */ jsx80("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
6107
|
+
/* @__PURE__ */ jsx80("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
6108
|
+
/* @__PURE__ */ jsx80("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
6057
6109
|
] })
|
|
6058
6110
|
] })
|
|
6059
6111
|
] })
|
|
@@ -6080,7 +6132,7 @@ var ScImageField_default = {
|
|
|
6080
6132
|
|
|
6081
6133
|
// src/SC-imageField/ScImageField.tsx
|
|
6082
6134
|
import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
|
|
6083
|
-
import { jsx as
|
|
6135
|
+
import { jsx as jsx81, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
6084
6136
|
var ScImageField = ({
|
|
6085
6137
|
label = "Label",
|
|
6086
6138
|
imagePreview,
|
|
@@ -6103,8 +6155,8 @@ var ScImageField = ({
|
|
|
6103
6155
|
}
|
|
6104
6156
|
e.target.value = "";
|
|
6105
6157
|
}
|
|
6106
|
-
return /* @__PURE__ */
|
|
6107
|
-
/* @__PURE__ */
|
|
6158
|
+
return /* @__PURE__ */ jsxs72("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
6159
|
+
/* @__PURE__ */ jsx81(
|
|
6108
6160
|
"input",
|
|
6109
6161
|
{
|
|
6110
6162
|
ref: inputRef,
|
|
@@ -6114,9 +6166,9 @@ var ScImageField = ({
|
|
|
6114
6166
|
onChange: handleChange
|
|
6115
6167
|
}
|
|
6116
6168
|
),
|
|
6117
|
-
/* @__PURE__ */
|
|
6118
|
-
hasImage ? /* @__PURE__ */
|
|
6119
|
-
/* @__PURE__ */
|
|
6169
|
+
/* @__PURE__ */ jsx81("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx81("div", { className: ScImageField_default.label, children: label }) }),
|
|
6170
|
+
hasImage ? /* @__PURE__ */ jsxs72("div", { className: ScImageField_default.previewArea, children: [
|
|
6171
|
+
/* @__PURE__ */ jsx81(
|
|
6120
6172
|
"img",
|
|
6121
6173
|
{
|
|
6122
6174
|
className: ScImageField_default.previewImage,
|
|
@@ -6124,8 +6176,8 @@ var ScImageField = ({
|
|
|
6124
6176
|
alt: "preview"
|
|
6125
6177
|
}
|
|
6126
6178
|
),
|
|
6127
|
-
/* @__PURE__ */
|
|
6128
|
-
/* @__PURE__ */
|
|
6179
|
+
/* @__PURE__ */ jsx81("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
6180
|
+
/* @__PURE__ */ jsx81(
|
|
6129
6181
|
SiconDelete2,
|
|
6130
6182
|
{
|
|
6131
6183
|
className: ScImageField_default.removeIcon,
|
|
@@ -6136,9 +6188,9 @@ var ScImageField = ({
|
|
|
6136
6188
|
}
|
|
6137
6189
|
}
|
|
6138
6190
|
)
|
|
6139
|
-
] }) : /* @__PURE__ */
|
|
6140
|
-
/* @__PURE__ */
|
|
6141
|
-
/* @__PURE__ */
|
|
6191
|
+
] }) : /* @__PURE__ */ jsxs72("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
6192
|
+
/* @__PURE__ */ jsx81(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
6193
|
+
/* @__PURE__ */ jsx81("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
6142
6194
|
] })
|
|
6143
6195
|
] });
|
|
6144
6196
|
};
|
|
@@ -6152,7 +6204,7 @@ var ScSettingsTabComp_default = {
|
|
|
6152
6204
|
};
|
|
6153
6205
|
|
|
6154
6206
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
6155
|
-
import { jsx as
|
|
6207
|
+
import { jsx as jsx82 } from "react/jsx-runtime";
|
|
6156
6208
|
var ScSettingsTabComp = ({
|
|
6157
6209
|
tabName = "Tab",
|
|
6158
6210
|
active = false,
|
|
@@ -6160,12 +6212,12 @@ var ScSettingsTabComp = ({
|
|
|
6160
6212
|
className
|
|
6161
6213
|
}) => {
|
|
6162
6214
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
6163
|
-
return /* @__PURE__ */
|
|
6215
|
+
return /* @__PURE__ */ jsx82(
|
|
6164
6216
|
"div",
|
|
6165
6217
|
{
|
|
6166
6218
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
6167
6219
|
onClick,
|
|
6168
|
-
children: /* @__PURE__ */
|
|
6220
|
+
children: /* @__PURE__ */ jsx82("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
6169
6221
|
}
|
|
6170
6222
|
);
|
|
6171
6223
|
};
|
|
@@ -6185,7 +6237,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
6185
6237
|
|
|
6186
6238
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
6187
6239
|
import { SiconCredits as SiconCredits3 } from "@streamoid/icons";
|
|
6188
|
-
import { jsx as
|
|
6240
|
+
import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
6189
6241
|
var ScCreditsUsageCardMobile = ({
|
|
6190
6242
|
usageLabel = "Credits usage",
|
|
6191
6243
|
usageText = "8,450 / 30,000",
|
|
@@ -6195,23 +6247,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
6195
6247
|
className,
|
|
6196
6248
|
...props
|
|
6197
6249
|
}) => {
|
|
6198
|
-
return /* @__PURE__ */
|
|
6199
|
-
/* @__PURE__ */
|
|
6200
|
-
/* @__PURE__ */
|
|
6250
|
+
return /* @__PURE__ */ jsxs73("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
6251
|
+
/* @__PURE__ */ jsxs73("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
6252
|
+
/* @__PURE__ */ jsx83(
|
|
6201
6253
|
SiconCredits3,
|
|
6202
6254
|
{
|
|
6203
6255
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
6204
6256
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
6205
6257
|
}
|
|
6206
6258
|
),
|
|
6207
|
-
/* @__PURE__ */
|
|
6259
|
+
/* @__PURE__ */ jsx83("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
6208
6260
|
] }),
|
|
6209
|
-
/* @__PURE__ */
|
|
6210
|
-
/* @__PURE__ */
|
|
6211
|
-
/* @__PURE__ */
|
|
6212
|
-
/* @__PURE__ */
|
|
6261
|
+
/* @__PURE__ */ jsx83("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
6262
|
+
/* @__PURE__ */ jsxs73("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
6263
|
+
/* @__PURE__ */ jsx83("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
6264
|
+
/* @__PURE__ */ jsx83("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
6213
6265
|
] }),
|
|
6214
|
-
/* @__PURE__ */
|
|
6266
|
+
/* @__PURE__ */ jsx83(
|
|
6215
6267
|
ScButton,
|
|
6216
6268
|
{
|
|
6217
6269
|
text: buyButtonText,
|
|
@@ -6243,7 +6295,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
6243
6295
|
|
|
6244
6296
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
6245
6297
|
import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
|
|
6246
|
-
import { jsx as
|
|
6298
|
+
import { jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
6247
6299
|
var ScPlanDetailsCardMobile = ({
|
|
6248
6300
|
planName = "Pro",
|
|
6249
6301
|
planCredits = "30,000 credits",
|
|
@@ -6255,19 +6307,19 @@ var ScPlanDetailsCardMobile = ({
|
|
|
6255
6307
|
className,
|
|
6256
6308
|
...props
|
|
6257
6309
|
}) => {
|
|
6258
|
-
return /* @__PURE__ */
|
|
6259
|
-
/* @__PURE__ */
|
|
6260
|
-
/* @__PURE__ */
|
|
6261
|
-
/* @__PURE__ */
|
|
6310
|
+
return /* @__PURE__ */ jsxs74("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
6311
|
+
/* @__PURE__ */ jsxs74("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
6312
|
+
/* @__PURE__ */ jsxs74("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
6313
|
+
/* @__PURE__ */ jsx84(
|
|
6262
6314
|
SiconBilling4,
|
|
6263
6315
|
{
|
|
6264
6316
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
6265
6317
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
6266
6318
|
}
|
|
6267
6319
|
),
|
|
6268
|
-
/* @__PURE__ */
|
|
6320
|
+
/* @__PURE__ */ jsx84("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
6269
6321
|
] }),
|
|
6270
|
-
/* @__PURE__ */
|
|
6322
|
+
/* @__PURE__ */ jsx84(
|
|
6271
6323
|
ScBadges,
|
|
6272
6324
|
{
|
|
6273
6325
|
text: badgeText,
|
|
@@ -6277,16 +6329,16 @@ var ScPlanDetailsCardMobile = ({
|
|
|
6277
6329
|
}
|
|
6278
6330
|
)
|
|
6279
6331
|
] }),
|
|
6280
|
-
/* @__PURE__ */
|
|
6281
|
-
/* @__PURE__ */
|
|
6282
|
-
/* @__PURE__ */
|
|
6283
|
-
/* @__PURE__ */
|
|
6284
|
-
/* @__PURE__ */
|
|
6285
|
-
/* @__PURE__ */
|
|
6332
|
+
/* @__PURE__ */ jsx84("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
6333
|
+
/* @__PURE__ */ jsxs74("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
|
|
6334
|
+
/* @__PURE__ */ jsxs74("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
6335
|
+
/* @__PURE__ */ jsx84("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
6336
|
+
/* @__PURE__ */ jsx84("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
6337
|
+
/* @__PURE__ */ jsx84("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
6286
6338
|
] }),
|
|
6287
|
-
/* @__PURE__ */
|
|
6339
|
+
/* @__PURE__ */ jsx84("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
6288
6340
|
] }),
|
|
6289
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsx84(
|
|
6290
6342
|
ScButton,
|
|
6291
6343
|
{
|
|
6292
6344
|
text: upgradeButtonText,
|
|
@@ -6315,6 +6367,7 @@ export {
|
|
|
6315
6367
|
ScBillingHistoryTableList,
|
|
6316
6368
|
ScBillingLogsTableHeader,
|
|
6317
6369
|
ScBillingLogsTableList,
|
|
6370
|
+
ScBriefCard,
|
|
6318
6371
|
ScButton,
|
|
6319
6372
|
ScCalendar,
|
|
6320
6373
|
ScCalendarDateComps,
|