@streamoid/ui 0.4.6 → 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 +94 -0
- package/dist/index.d.mts +8 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +384 -344
- package/dist/index.mjs +384 -344
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4192,6 +4192,45 @@ var ScAppCardV3 = ({
|
|
|
4192
4192
|
);
|
|
4193
4193
|
};
|
|
4194
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
|
+
|
|
4195
4234
|
// src/SC-appField/ScAppField.module.css
|
|
4196
4235
|
var ScAppField_default = {
|
|
4197
4236
|
scAppField: "ScAppField_scAppField",
|
|
@@ -4223,7 +4262,7 @@ var ScToggleSwitch_default = {
|
|
|
4223
4262
|
};
|
|
4224
4263
|
|
|
4225
4264
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
4226
|
-
import { jsx as
|
|
4265
|
+
import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
4227
4266
|
var ScToggleSwitch = ({
|
|
4228
4267
|
active = "false",
|
|
4229
4268
|
checked,
|
|
@@ -4233,7 +4272,7 @@ var ScToggleSwitch = ({
|
|
|
4233
4272
|
}) => {
|
|
4234
4273
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
4235
4274
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
4236
|
-
return /* @__PURE__ */
|
|
4275
|
+
return /* @__PURE__ */ jsx50(
|
|
4237
4276
|
"div",
|
|
4238
4277
|
{
|
|
4239
4278
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -4243,20 +4282,20 @@ var ScToggleSwitch = ({
|
|
|
4243
4282
|
props.onClick?.(e);
|
|
4244
4283
|
},
|
|
4245
4284
|
style: { cursor: "pointer", ...props.style },
|
|
4246
|
-
children: isActive ? /* @__PURE__ */
|
|
4247
|
-
/* @__PURE__ */
|
|
4248
|
-
/* @__PURE__ */
|
|
4249
|
-
] }) : /* @__PURE__ */
|
|
4250
|
-
/* @__PURE__ */
|
|
4251
|
-
/* @__PURE__ */
|
|
4252
|
-
/* @__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)" })
|
|
4253
4292
|
] })
|
|
4254
4293
|
}
|
|
4255
4294
|
);
|
|
4256
4295
|
};
|
|
4257
4296
|
|
|
4258
4297
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
4259
|
-
import { jsx as
|
|
4298
|
+
import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
4260
4299
|
var ScArtifaxInvite = ({
|
|
4261
4300
|
active = "true",
|
|
4262
4301
|
appName = "Artifax",
|
|
@@ -4269,22 +4308,22 @@ var ScArtifaxInvite = ({
|
|
|
4269
4308
|
}) => {
|
|
4270
4309
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4271
4310
|
const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4272
|
-
return /* @__PURE__ */
|
|
4311
|
+
return /* @__PURE__ */ jsxs43(
|
|
4273
4312
|
"div",
|
|
4274
4313
|
{
|
|
4275
4314
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
4276
4315
|
...props,
|
|
4277
4316
|
children: [
|
|
4278
|
-
/* @__PURE__ */
|
|
4317
|
+
/* @__PURE__ */ jsx51(
|
|
4279
4318
|
ScAppCard,
|
|
4280
4319
|
{
|
|
4281
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
4320
|
+
appIcon: appIcon || /* @__PURE__ */ jsx51(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
4282
4321
|
appName,
|
|
4283
4322
|
appDescription,
|
|
4284
4323
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
4285
4324
|
}
|
|
4286
4325
|
),
|
|
4287
|
-
/* @__PURE__ */
|
|
4326
|
+
/* @__PURE__ */ jsx51(
|
|
4288
4327
|
ScToggleSwitch,
|
|
4289
4328
|
{
|
|
4290
4329
|
checked: isEnabled,
|
|
@@ -4310,12 +4349,12 @@ var ScPhtogenixInvite_default = {
|
|
|
4310
4349
|
|
|
4311
4350
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
4312
4351
|
import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
|
|
4313
|
-
import { jsx as
|
|
4352
|
+
import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
4314
4353
|
var ScPhtogenixInvite = ({
|
|
4315
4354
|
active = "true",
|
|
4316
4355
|
scAppCardappDescription = "Info about photogenix",
|
|
4317
4356
|
scAppCardappName = "Photogenix",
|
|
4318
|
-
scAppCardappIcon = /* @__PURE__ */
|
|
4357
|
+
scAppCardappIcon = /* @__PURE__ */ jsx52(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
4319
4358
|
className,
|
|
4320
4359
|
enabled,
|
|
4321
4360
|
onToggle,
|
|
@@ -4323,12 +4362,12 @@ var ScPhtogenixInvite = ({
|
|
|
4323
4362
|
}) => {
|
|
4324
4363
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4325
4364
|
const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4326
|
-
return /* @__PURE__ */
|
|
4365
|
+
return /* @__PURE__ */ jsxs44(
|
|
4327
4366
|
"div",
|
|
4328
4367
|
{
|
|
4329
4368
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
4330
4369
|
children: [
|
|
4331
|
-
/* @__PURE__ */
|
|
4370
|
+
/* @__PURE__ */ jsx52(
|
|
4332
4371
|
ScAppCard,
|
|
4333
4372
|
{
|
|
4334
4373
|
appIcon: scAppCardappIcon,
|
|
@@ -4337,7 +4376,7 @@ var ScPhtogenixInvite = ({
|
|
|
4337
4376
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
4338
4377
|
}
|
|
4339
4378
|
),
|
|
4340
|
-
/* @__PURE__ */
|
|
4379
|
+
/* @__PURE__ */ jsx52(
|
|
4341
4380
|
ScToggleSwitch,
|
|
4342
4381
|
{
|
|
4343
4382
|
checked: isEnabled,
|
|
@@ -4387,10 +4426,10 @@ var ScOnlyField_default = {
|
|
|
4387
4426
|
|
|
4388
4427
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
4389
4428
|
import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
|
|
4390
|
-
import { jsx as
|
|
4429
|
+
import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
4391
4430
|
var ScOnlyField = ({
|
|
4392
|
-
tfRightIcon = /* @__PURE__ */
|
|
4393
|
-
tfLeftIcon = /* @__PURE__ */
|
|
4431
|
+
tfRightIcon = /* @__PURE__ */ jsx53(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
4432
|
+
tfLeftIcon = /* @__PURE__ */ jsx53(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
4394
4433
|
state = "default",
|
|
4395
4434
|
tfGroup = "icon-right",
|
|
4396
4435
|
labelGroup = "none",
|
|
@@ -4403,14 +4442,14 @@ var ScOnlyField = ({
|
|
|
4403
4442
|
...props
|
|
4404
4443
|
}) => {
|
|
4405
4444
|
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
4406
|
-
return /* @__PURE__ */
|
|
4445
|
+
return /* @__PURE__ */ jsx53(
|
|
4407
4446
|
"div",
|
|
4408
4447
|
{
|
|
4409
4448
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
4410
4449
|
...props,
|
|
4411
|
-
children: /* @__PURE__ */
|
|
4412
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
4413
|
-
/* @__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(
|
|
4414
4453
|
"input",
|
|
4415
4454
|
{
|
|
4416
4455
|
className: ScOnlyField_default.inputText,
|
|
@@ -4430,7 +4469,7 @@ var ScOnlyField = ({
|
|
|
4430
4469
|
...inputProps
|
|
4431
4470
|
}
|
|
4432
4471
|
),
|
|
4433
|
-
(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 })
|
|
4434
4473
|
] })
|
|
4435
4474
|
}
|
|
4436
4475
|
);
|
|
@@ -4438,7 +4477,7 @@ var ScOnlyField = ({
|
|
|
4438
4477
|
|
|
4439
4478
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
4440
4479
|
import { SiconHome as SiconHome10 } from "@streamoid/icons";
|
|
4441
|
-
import { Fragment as Fragment16, jsx as
|
|
4480
|
+
import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
4442
4481
|
var ScCatalogixInvite = ({
|
|
4443
4482
|
active = "false",
|
|
4444
4483
|
appName = "Catalogix",
|
|
@@ -4460,23 +4499,23 @@ var ScCatalogixInvite = ({
|
|
|
4460
4499
|
const isEnabled = enabled !== void 0 ? enabled : active === "true";
|
|
4461
4500
|
const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
|
|
4462
4501
|
const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
|
|
4463
|
-
return /* @__PURE__ */
|
|
4502
|
+
return /* @__PURE__ */ jsxs46(
|
|
4464
4503
|
"div",
|
|
4465
4504
|
{
|
|
4466
4505
|
className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
|
|
4467
4506
|
...props,
|
|
4468
4507
|
children: [
|
|
4469
|
-
/* @__PURE__ */
|
|
4470
|
-
/* @__PURE__ */
|
|
4508
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
4509
|
+
/* @__PURE__ */ jsx54(
|
|
4471
4510
|
ScAppCard,
|
|
4472
4511
|
{
|
|
4473
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
4512
|
+
appIcon: appIcon || /* @__PURE__ */ jsx54(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
4474
4513
|
appDescription,
|
|
4475
4514
|
appName,
|
|
4476
4515
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
4477
4516
|
}
|
|
4478
4517
|
),
|
|
4479
|
-
/* @__PURE__ */
|
|
4518
|
+
/* @__PURE__ */ jsx54(
|
|
4480
4519
|
ScToggleSwitch,
|
|
4481
4520
|
{
|
|
4482
4521
|
checked: isEnabled,
|
|
@@ -4485,29 +4524,29 @@ var ScCatalogixInvite = ({
|
|
|
4485
4524
|
}
|
|
4486
4525
|
)
|
|
4487
4526
|
] }),
|
|
4488
|
-
isEnabled && /* @__PURE__ */
|
|
4489
|
-
/* @__PURE__ */
|
|
4490
|
-
/* @__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: [
|
|
4491
4530
|
storeAccessTitle,
|
|
4492
4531
|
" "
|
|
4493
4532
|
] }),
|
|
4494
|
-
/* @__PURE__ */
|
|
4533
|
+
/* @__PURE__ */ jsxs46("div", { className: ScCatalogixInvite_default.selectedCount, children: [
|
|
4495
4534
|
displayCount,
|
|
4496
4535
|
" "
|
|
4497
4536
|
] })
|
|
4498
4537
|
] }),
|
|
4499
|
-
/* @__PURE__ */
|
|
4538
|
+
/* @__PURE__ */ jsx54(
|
|
4500
4539
|
ScOnlyField,
|
|
4501
4540
|
{
|
|
4502
|
-
tfLeftIcon: /* @__PURE__ */
|
|
4503
|
-
tfRightIcon: /* @__PURE__ */
|
|
4541
|
+
tfLeftIcon: /* @__PURE__ */ jsx54(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
4542
|
+
tfRightIcon: /* @__PURE__ */ jsx54(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
4504
4543
|
placeholderFilled: searchPlaceholder,
|
|
4505
4544
|
value: searchValue,
|
|
4506
4545
|
onInputChange: onSearchChange,
|
|
4507
4546
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
4508
4547
|
}
|
|
4509
4548
|
),
|
|
4510
|
-
/* @__PURE__ */
|
|
4549
|
+
/* @__PURE__ */ jsx54("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx54(
|
|
4511
4550
|
ScPairtext,
|
|
4512
4551
|
{
|
|
4513
4552
|
content: store.name,
|
|
@@ -4518,53 +4557,53 @@ var ScCatalogixInvite = ({
|
|
|
4518
4557
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4519
4558
|
},
|
|
4520
4559
|
store.id
|
|
4521
|
-
)) : /* @__PURE__ */
|
|
4560
|
+
)) : /* @__PURE__ */ jsx54("div", { style: {
|
|
4522
4561
|
padding: "var(--spacing-3xl, 16px)",
|
|
4523
4562
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
4524
4563
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
4525
4564
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
4526
4565
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
4527
|
-
}, children: "No stores found" }) : /* @__PURE__ */
|
|
4528
|
-
/* @__PURE__ */
|
|
4566
|
+
}, children: "No stores found" }) : /* @__PURE__ */ jsxs46(Fragment16, { children: [
|
|
4567
|
+
/* @__PURE__ */ jsx54(
|
|
4529
4568
|
ScPairtext,
|
|
4530
4569
|
{
|
|
4531
|
-
icon: /* @__PURE__ */
|
|
4570
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4532
4571
|
iconPosition: "right",
|
|
4533
4572
|
type: "checkbox",
|
|
4534
4573
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4535
4574
|
}
|
|
4536
4575
|
),
|
|
4537
|
-
/* @__PURE__ */
|
|
4576
|
+
/* @__PURE__ */ jsx54(
|
|
4538
4577
|
ScPairtext,
|
|
4539
4578
|
{
|
|
4540
|
-
icon: /* @__PURE__ */
|
|
4579
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4541
4580
|
iconPosition: "right",
|
|
4542
4581
|
type: "checkbox",
|
|
4543
4582
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4544
4583
|
}
|
|
4545
4584
|
),
|
|
4546
|
-
/* @__PURE__ */
|
|
4585
|
+
/* @__PURE__ */ jsx54(
|
|
4547
4586
|
ScPairtext,
|
|
4548
4587
|
{
|
|
4549
|
-
icon: /* @__PURE__ */
|
|
4588
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4550
4589
|
iconPosition: "right",
|
|
4551
4590
|
type: "checkbox",
|
|
4552
4591
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4553
4592
|
}
|
|
4554
4593
|
),
|
|
4555
|
-
/* @__PURE__ */
|
|
4594
|
+
/* @__PURE__ */ jsx54(
|
|
4556
4595
|
ScPairtext,
|
|
4557
4596
|
{
|
|
4558
|
-
icon: /* @__PURE__ */
|
|
4597
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4559
4598
|
iconPosition: "right",
|
|
4560
4599
|
type: "checkbox",
|
|
4561
4600
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
4562
4601
|
}
|
|
4563
4602
|
),
|
|
4564
|
-
/* @__PURE__ */
|
|
4603
|
+
/* @__PURE__ */ jsx54(
|
|
4565
4604
|
ScPairtext,
|
|
4566
4605
|
{
|
|
4567
|
-
icon: /* @__PURE__ */
|
|
4606
|
+
icon: /* @__PURE__ */ jsx54(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
4568
4607
|
iconPosition: "right",
|
|
4569
4608
|
type: "checkbox",
|
|
4570
4609
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -4578,7 +4617,7 @@ var ScCatalogixInvite = ({
|
|
|
4578
4617
|
};
|
|
4579
4618
|
|
|
4580
4619
|
// src/SC-appField/ScAppField.tsx
|
|
4581
|
-
import { jsx as
|
|
4620
|
+
import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
4582
4621
|
var ScAppField = ({
|
|
4583
4622
|
appFieldTitle = "App permission",
|
|
4584
4623
|
className,
|
|
@@ -4595,13 +4634,13 @@ var ScAppField = ({
|
|
|
4595
4634
|
onCatalogixSearchChange,
|
|
4596
4635
|
...props
|
|
4597
4636
|
}) => {
|
|
4598
|
-
return /* @__PURE__ */
|
|
4599
|
-
/* @__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: [
|
|
4600
4639
|
appFieldTitle,
|
|
4601
4640
|
" "
|
|
4602
4641
|
] }) }),
|
|
4603
|
-
/* @__PURE__ */
|
|
4604
|
-
/* @__PURE__ */
|
|
4642
|
+
/* @__PURE__ */ jsxs47("div", { className: ScAppField_default.inputContainer, children: [
|
|
4643
|
+
/* @__PURE__ */ jsx55(
|
|
4605
4644
|
ScArtifaxInvite,
|
|
4606
4645
|
{
|
|
4607
4646
|
enabled: artifaxEnabled,
|
|
@@ -4609,18 +4648,18 @@ var ScAppField = ({
|
|
|
4609
4648
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
4610
4649
|
}
|
|
4611
4650
|
),
|
|
4612
|
-
/* @__PURE__ */
|
|
4651
|
+
/* @__PURE__ */ jsx55(
|
|
4613
4652
|
ScPhtogenixInvite,
|
|
4614
4653
|
{
|
|
4615
4654
|
enabled: photogenixEnabled,
|
|
4616
4655
|
onToggle: onPhotogenixToggle,
|
|
4617
4656
|
scAppCardappDescription: "Info about photogenix",
|
|
4618
4657
|
scAppCardappName: "Photogenix",
|
|
4619
|
-
scAppCardappIcon: /* @__PURE__ */
|
|
4658
|
+
scAppCardappIcon: /* @__PURE__ */ jsx55(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
4620
4659
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
4621
4660
|
}
|
|
4622
4661
|
),
|
|
4623
|
-
/* @__PURE__ */
|
|
4662
|
+
/* @__PURE__ */ jsx55(
|
|
4624
4663
|
ScCatalogixInvite,
|
|
4625
4664
|
{
|
|
4626
4665
|
enabled: catalogixEnabled,
|
|
@@ -4647,13 +4686,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
4647
4686
|
};
|
|
4648
4687
|
|
|
4649
4688
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
4650
|
-
import { jsx as
|
|
4689
|
+
import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
4651
4690
|
var ScBillingHistoryHeader = ({
|
|
4652
4691
|
className,
|
|
4653
4692
|
...props
|
|
4654
4693
|
}) => {
|
|
4655
|
-
return /* @__PURE__ */
|
|
4656
|
-
/* @__PURE__ */
|
|
4694
|
+
return /* @__PURE__ */ jsxs48("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
4695
|
+
/* @__PURE__ */ jsx56(
|
|
4657
4696
|
ScHeader,
|
|
4658
4697
|
{
|
|
4659
4698
|
text: "Invoice",
|
|
@@ -4661,7 +4700,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4661
4700
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
4662
4701
|
}
|
|
4663
4702
|
),
|
|
4664
|
-
/* @__PURE__ */
|
|
4703
|
+
/* @__PURE__ */ jsx56(
|
|
4665
4704
|
ScHeader,
|
|
4666
4705
|
{
|
|
4667
4706
|
text: "Amount",
|
|
@@ -4669,7 +4708,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4669
4708
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
4670
4709
|
}
|
|
4671
4710
|
),
|
|
4672
|
-
/* @__PURE__ */
|
|
4711
|
+
/* @__PURE__ */ jsx56(
|
|
4673
4712
|
ScHeader,
|
|
4674
4713
|
{
|
|
4675
4714
|
text: "Date",
|
|
@@ -4677,7 +4716,7 @@ var ScBillingHistoryHeader = ({
|
|
|
4677
4716
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
4678
4717
|
}
|
|
4679
4718
|
),
|
|
4680
|
-
/* @__PURE__ */
|
|
4719
|
+
/* @__PURE__ */ jsx56(
|
|
4681
4720
|
ScHeader,
|
|
4682
4721
|
{
|
|
4683
4722
|
text: "Action",
|
|
@@ -4699,19 +4738,19 @@ var ScCheckField_default = {
|
|
|
4699
4738
|
|
|
4700
4739
|
// src/SC-checkField/ScCheckField.tsx
|
|
4701
4740
|
import { SiconHome as SiconHome11 } from "@streamoid/icons";
|
|
4702
|
-
import { Fragment as Fragment17, jsx as
|
|
4741
|
+
import { Fragment as Fragment17, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
4703
4742
|
var ScCheckField = ({
|
|
4704
4743
|
label = "Label",
|
|
4705
4744
|
className,
|
|
4706
4745
|
checkboxes,
|
|
4707
4746
|
...props
|
|
4708
4747
|
}) => {
|
|
4709
|
-
return /* @__PURE__ */
|
|
4710
|
-
/* @__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: [
|
|
4711
4750
|
label,
|
|
4712
4751
|
" "
|
|
4713
4752
|
] }) }),
|
|
4714
|
-
/* @__PURE__ */
|
|
4753
|
+
/* @__PURE__ */ jsx57("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx57(
|
|
4715
4754
|
ScPairtext,
|
|
4716
4755
|
{
|
|
4717
4756
|
content: item.label,
|
|
@@ -4721,19 +4760,19 @@ var ScCheckField = ({
|
|
|
4721
4760
|
className: ScCheckField_default.scPairtextInstance
|
|
4722
4761
|
},
|
|
4723
4762
|
i
|
|
4724
|
-
)) : /* @__PURE__ */
|
|
4725
|
-
/* @__PURE__ */
|
|
4763
|
+
)) : /* @__PURE__ */ jsxs49(Fragment17, { children: [
|
|
4764
|
+
/* @__PURE__ */ jsx57(
|
|
4726
4765
|
ScPairtext,
|
|
4727
4766
|
{
|
|
4728
|
-
icon: /* @__PURE__ */
|
|
4767
|
+
icon: /* @__PURE__ */ jsx57(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
4729
4768
|
type: "checkbox",
|
|
4730
4769
|
className: ScCheckField_default.scPairtextInstance
|
|
4731
4770
|
}
|
|
4732
4771
|
),
|
|
4733
|
-
/* @__PURE__ */
|
|
4772
|
+
/* @__PURE__ */ jsx57(
|
|
4734
4773
|
ScPairtext,
|
|
4735
4774
|
{
|
|
4736
|
-
icon: /* @__PURE__ */
|
|
4775
|
+
icon: /* @__PURE__ */ jsx57(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
|
|
4737
4776
|
type: "checkbox",
|
|
4738
4777
|
className: ScCheckField_default.scPairtextInstance
|
|
4739
4778
|
}
|
|
@@ -4754,9 +4793,9 @@ var ScFieldButton_default = {
|
|
|
4754
4793
|
|
|
4755
4794
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
4756
4795
|
import { SiconHome as SiconHome12 } from "@streamoid/icons";
|
|
4757
|
-
import { Fragment as Fragment18, jsx as
|
|
4796
|
+
import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
4758
4797
|
var ScFieldButton = ({
|
|
4759
|
-
icon = /* @__PURE__ */
|
|
4798
|
+
icon = /* @__PURE__ */ jsx58(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
|
|
4760
4799
|
type = "default",
|
|
4761
4800
|
state = "default",
|
|
4762
4801
|
className,
|
|
@@ -4764,18 +4803,18 @@ var ScFieldButton = ({
|
|
|
4764
4803
|
...props
|
|
4765
4804
|
}) => {
|
|
4766
4805
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
4767
|
-
return /* @__PURE__ */
|
|
4806
|
+
return /* @__PURE__ */ jsx58(
|
|
4768
4807
|
"div",
|
|
4769
4808
|
{
|
|
4770
4809
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
4771
4810
|
...props,
|
|
4772
|
-
children: /* @__PURE__ */
|
|
4773
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */
|
|
4774
|
-
(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: [
|
|
4775
4814
|
text,
|
|
4776
4815
|
" "
|
|
4777
4816
|
] }) }),
|
|
4778
|
-
type === "icon-left" && /* @__PURE__ */
|
|
4817
|
+
type === "icon-left" && /* @__PURE__ */ jsx58(Fragment18, { children: icon })
|
|
4779
4818
|
] })
|
|
4780
4819
|
}
|
|
4781
4820
|
);
|
|
@@ -4790,16 +4829,16 @@ var ScPendingAction_default = {
|
|
|
4790
4829
|
|
|
4791
4830
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
4792
4831
|
import { SiconHome as SiconHome13 } from "@streamoid/icons";
|
|
4793
|
-
import { jsx as
|
|
4832
|
+
import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
4794
4833
|
var ScPendingAction = ({
|
|
4795
4834
|
className,
|
|
4796
4835
|
...props
|
|
4797
4836
|
}) => {
|
|
4798
|
-
return /* @__PURE__ */
|
|
4799
|
-
/* @__PURE__ */
|
|
4837
|
+
return /* @__PURE__ */ jsxs51("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
4838
|
+
/* @__PURE__ */ jsx59(
|
|
4800
4839
|
ScButton,
|
|
4801
4840
|
{
|
|
4802
|
-
icon: /* @__PURE__ */
|
|
4841
|
+
icon: /* @__PURE__ */ jsx59(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4803
4842
|
text: "Cancel",
|
|
4804
4843
|
variant: "error",
|
|
4805
4844
|
type: "tertiary",
|
|
@@ -4807,11 +4846,11 @@ var ScPendingAction = ({
|
|
|
4807
4846
|
className: ScPendingAction_default.scButtonInstance
|
|
4808
4847
|
}
|
|
4809
4848
|
),
|
|
4810
|
-
/* @__PURE__ */
|
|
4811
|
-
/* @__PURE__ */
|
|
4849
|
+
/* @__PURE__ */ jsx59(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
4850
|
+
/* @__PURE__ */ jsx59(
|
|
4812
4851
|
ScButton,
|
|
4813
4852
|
{
|
|
4814
|
-
icon: /* @__PURE__ */
|
|
4853
|
+
icon: /* @__PURE__ */ jsx59(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
|
|
4815
4854
|
text: "Resend",
|
|
4816
4855
|
variant: "tertiary",
|
|
4817
4856
|
size: "sm",
|
|
@@ -4835,7 +4874,7 @@ var ScQuickPrompt_default = {
|
|
|
4835
4874
|
|
|
4836
4875
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
4837
4876
|
import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
|
|
4838
|
-
import { jsx as
|
|
4877
|
+
import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
4839
4878
|
var ScQuickPrompt = ({
|
|
4840
4879
|
appName = "Photogenix",
|
|
4841
4880
|
heading = "Swap Model and Background",
|
|
@@ -4843,20 +4882,20 @@ var ScQuickPrompt = ({
|
|
|
4843
4882
|
className,
|
|
4844
4883
|
...props
|
|
4845
4884
|
}) => {
|
|
4846
|
-
return /* @__PURE__ */
|
|
4847
|
-
/* @__PURE__ */
|
|
4848
|
-
/* @__PURE__ */
|
|
4849
|
-
/* @__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: [
|
|
4850
4889
|
appName,
|
|
4851
4890
|
" "
|
|
4852
4891
|
] }) })
|
|
4853
4892
|
] }),
|
|
4854
|
-
/* @__PURE__ */
|
|
4855
|
-
/* @__PURE__ */
|
|
4893
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.body, children: [
|
|
4894
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.heading, children: [
|
|
4856
4895
|
heading,
|
|
4857
4896
|
" "
|
|
4858
4897
|
] }),
|
|
4859
|
-
/* @__PURE__ */
|
|
4898
|
+
/* @__PURE__ */ jsxs52("div", { className: ScQuickPrompt_default.description, children: [
|
|
4860
4899
|
description,
|
|
4861
4900
|
" "
|
|
4862
4901
|
] })
|
|
@@ -4873,13 +4912,13 @@ var ScReferralTableHeader_default = {
|
|
|
4873
4912
|
};
|
|
4874
4913
|
|
|
4875
4914
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
4876
|
-
import { jsx as
|
|
4915
|
+
import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
4877
4916
|
var ScReferralTableHeader = ({
|
|
4878
4917
|
className,
|
|
4879
4918
|
...props
|
|
4880
4919
|
}) => {
|
|
4881
|
-
return /* @__PURE__ */
|
|
4882
|
-
/* @__PURE__ */
|
|
4920
|
+
return /* @__PURE__ */ jsxs53("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
4921
|
+
/* @__PURE__ */ jsx61(
|
|
4883
4922
|
ScHeader,
|
|
4884
4923
|
{
|
|
4885
4924
|
text: "User",
|
|
@@ -4887,7 +4926,7 @@ var ScReferralTableHeader = ({
|
|
|
4887
4926
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
4888
4927
|
}
|
|
4889
4928
|
),
|
|
4890
|
-
/* @__PURE__ */
|
|
4929
|
+
/* @__PURE__ */ jsx61(
|
|
4891
4930
|
ScHeader,
|
|
4892
4931
|
{
|
|
4893
4932
|
text: "Date",
|
|
@@ -4895,7 +4934,7 @@ var ScReferralTableHeader = ({
|
|
|
4895
4934
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
4896
4935
|
}
|
|
4897
4936
|
),
|
|
4898
|
-
/* @__PURE__ */
|
|
4937
|
+
/* @__PURE__ */ jsx61(
|
|
4899
4938
|
ScHeader,
|
|
4900
4939
|
{
|
|
4901
4940
|
text: "Status",
|
|
@@ -4903,7 +4942,7 @@ var ScReferralTableHeader = ({
|
|
|
4903
4942
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
4904
4943
|
}
|
|
4905
4944
|
),
|
|
4906
|
-
/* @__PURE__ */
|
|
4945
|
+
/* @__PURE__ */ jsx61(
|
|
4907
4946
|
ScHeader,
|
|
4908
4947
|
{
|
|
4909
4948
|
text: "Reward",
|
|
@@ -4924,7 +4963,7 @@ var ScReferralTableList_default = {
|
|
|
4924
4963
|
};
|
|
4925
4964
|
|
|
4926
4965
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
4927
|
-
import { jsx as
|
|
4966
|
+
import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
4928
4967
|
var ScReferralTableList = ({
|
|
4929
4968
|
userEmail = "chris@kepler.com",
|
|
4930
4969
|
userName,
|
|
@@ -4934,8 +4973,8 @@ var ScReferralTableList = ({
|
|
|
4934
4973
|
className,
|
|
4935
4974
|
...props
|
|
4936
4975
|
}) => {
|
|
4937
|
-
return /* @__PURE__ */
|
|
4938
|
-
/* @__PURE__ */
|
|
4976
|
+
return /* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
4977
|
+
/* @__PURE__ */ jsx62(
|
|
4939
4978
|
ScProfile,
|
|
4940
4979
|
{
|
|
4941
4980
|
subText: userEmail,
|
|
@@ -4943,12 +4982,12 @@ var ScReferralTableList = ({
|
|
|
4943
4982
|
className: ScReferralTableList_default.scProfileInstance
|
|
4944
4983
|
}
|
|
4945
4984
|
),
|
|
4946
|
-
/* @__PURE__ */
|
|
4985
|
+
/* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.date, children: [
|
|
4947
4986
|
date,
|
|
4948
4987
|
" "
|
|
4949
4988
|
] }),
|
|
4950
|
-
/* @__PURE__ */
|
|
4951
|
-
/* @__PURE__ */
|
|
4989
|
+
/* @__PURE__ */ jsx62(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
4990
|
+
/* @__PURE__ */ jsxs54("div", { className: ScReferralTableList_default.points, children: [
|
|
4952
4991
|
points,
|
|
4953
4992
|
" "
|
|
4954
4993
|
] })
|
|
@@ -4964,33 +5003,33 @@ var ScSettingsNav_default = {
|
|
|
4964
5003
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
4965
5004
|
import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
|
|
4966
5005
|
import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
|
|
4967
|
-
import { jsx as
|
|
5006
|
+
import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4968
5007
|
var ScSettingsNav = ({
|
|
4969
5008
|
className,
|
|
4970
5009
|
...props
|
|
4971
5010
|
}) => {
|
|
4972
|
-
return /* @__PURE__ */
|
|
4973
|
-
/* @__PURE__ */
|
|
5011
|
+
return /* @__PURE__ */ jsx63("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs55("div", { className: ScSettingsNav_default.container, children: [
|
|
5012
|
+
/* @__PURE__ */ jsx63(
|
|
4974
5013
|
ScSidebarMenu,
|
|
4975
5014
|
{
|
|
4976
|
-
icon: /* @__PURE__ */
|
|
5015
|
+
icon: /* @__PURE__ */ jsx63(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
4977
5016
|
text: "Profile",
|
|
4978
5017
|
state: "active",
|
|
4979
5018
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4980
5019
|
}
|
|
4981
5020
|
),
|
|
4982
|
-
/* @__PURE__ */
|
|
5021
|
+
/* @__PURE__ */ jsx63(
|
|
4983
5022
|
ScSidebarMenu,
|
|
4984
5023
|
{
|
|
4985
|
-
icon: /* @__PURE__ */
|
|
5024
|
+
icon: /* @__PURE__ */ jsx63(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
4986
5025
|
text: "Workspace",
|
|
4987
5026
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4988
5027
|
}
|
|
4989
5028
|
),
|
|
4990
|
-
/* @__PURE__ */
|
|
5029
|
+
/* @__PURE__ */ jsx63(
|
|
4991
5030
|
ScSidebarMenu,
|
|
4992
5031
|
{
|
|
4993
|
-
icon: /* @__PURE__ */
|
|
5032
|
+
icon: /* @__PURE__ */ jsx63(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
4994
5033
|
text: "Referral",
|
|
4995
5034
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
4996
5035
|
}
|
|
@@ -5006,7 +5045,7 @@ var ScTabField_default = {
|
|
|
5006
5045
|
};
|
|
5007
5046
|
|
|
5008
5047
|
// src/SC-tabField/ScTabField.tsx
|
|
5009
|
-
import { jsx as
|
|
5048
|
+
import { jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
5010
5049
|
var ScTabField = ({
|
|
5011
5050
|
label = "Label",
|
|
5012
5051
|
className,
|
|
@@ -5015,17 +5054,17 @@ var ScTabField = ({
|
|
|
5015
5054
|
onTabChange,
|
|
5016
5055
|
...props
|
|
5017
5056
|
}) => {
|
|
5018
|
-
return /* @__PURE__ */
|
|
5019
|
-
/* @__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: [
|
|
5020
5059
|
label,
|
|
5021
5060
|
" "
|
|
5022
5061
|
] }) }),
|
|
5023
|
-
tabs ? /* @__PURE__ */
|
|
5062
|
+
tabs ? /* @__PURE__ */ jsx64(
|
|
5024
5063
|
ScTabSwitcher,
|
|
5025
5064
|
{
|
|
5026
5065
|
tabCount: String(tabs.length),
|
|
5027
5066
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
5028
|
-
component: tabs[0] ? /* @__PURE__ */
|
|
5067
|
+
component: tabs[0] ? /* @__PURE__ */ jsx64(
|
|
5029
5068
|
ScTabComp,
|
|
5030
5069
|
{
|
|
5031
5070
|
text: tabs[0].label,
|
|
@@ -5035,7 +5074,7 @@ var ScTabField = ({
|
|
|
5035
5074
|
style: { flex: 1 }
|
|
5036
5075
|
}
|
|
5037
5076
|
) : void 0,
|
|
5038
|
-
component2: tabs[1] ? /* @__PURE__ */
|
|
5077
|
+
component2: tabs[1] ? /* @__PURE__ */ jsx64(
|
|
5039
5078
|
ScTabComp,
|
|
5040
5079
|
{
|
|
5041
5080
|
text: tabs[1].label,
|
|
@@ -5046,7 +5085,7 @@ var ScTabField = ({
|
|
|
5046
5085
|
}
|
|
5047
5086
|
) : void 0
|
|
5048
5087
|
}
|
|
5049
|
-
) : /* @__PURE__ */
|
|
5088
|
+
) : /* @__PURE__ */ jsx64(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
5050
5089
|
] });
|
|
5051
5090
|
};
|
|
5052
5091
|
|
|
@@ -5063,19 +5102,19 @@ var ScTableHeader_default = {
|
|
|
5063
5102
|
};
|
|
5064
5103
|
|
|
5065
5104
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
5066
|
-
import { Fragment as Fragment19, jsx as
|
|
5105
|
+
import { Fragment as Fragment19, jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
5067
5106
|
var ScTableHeader = ({
|
|
5068
5107
|
type = "default",
|
|
5069
5108
|
className,
|
|
5070
5109
|
...props
|
|
5071
5110
|
}) => {
|
|
5072
5111
|
const variantsClassName = ScTableHeader_default["type-" + type];
|
|
5073
|
-
return /* @__PURE__ */
|
|
5112
|
+
return /* @__PURE__ */ jsxs57(
|
|
5074
5113
|
"div",
|
|
5075
5114
|
{
|
|
5076
5115
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
5077
5116
|
children: [
|
|
5078
|
-
/* @__PURE__ */
|
|
5117
|
+
/* @__PURE__ */ jsx65(
|
|
5079
5118
|
ScHeader,
|
|
5080
5119
|
{
|
|
5081
5120
|
text: "User",
|
|
@@ -5083,7 +5122,7 @@ var ScTableHeader = ({
|
|
|
5083
5122
|
className: ScTableHeader_default.scHeaderInstance
|
|
5084
5123
|
}
|
|
5085
5124
|
),
|
|
5086
|
-
/* @__PURE__ */
|
|
5125
|
+
/* @__PURE__ */ jsx65(
|
|
5087
5126
|
ScHeader,
|
|
5088
5127
|
{
|
|
5089
5128
|
text: "Role",
|
|
@@ -5091,7 +5130,7 @@ var ScTableHeader = ({
|
|
|
5091
5130
|
className: ScTableHeader_default.scHeaderInstance2
|
|
5092
5131
|
}
|
|
5093
5132
|
),
|
|
5094
|
-
/* @__PURE__ */
|
|
5133
|
+
/* @__PURE__ */ jsx65(
|
|
5095
5134
|
ScHeader,
|
|
5096
5135
|
{
|
|
5097
5136
|
text: "Access",
|
|
@@ -5099,7 +5138,7 @@ var ScTableHeader = ({
|
|
|
5099
5138
|
className: ScTableHeader_default.scHeaderInstance3
|
|
5100
5139
|
}
|
|
5101
5140
|
),
|
|
5102
|
-
/* @__PURE__ */
|
|
5141
|
+
/* @__PURE__ */ jsx65(
|
|
5103
5142
|
ScHeader,
|
|
5104
5143
|
{
|
|
5105
5144
|
text: "Invited by",
|
|
@@ -5107,7 +5146,7 @@ var ScTableHeader = ({
|
|
|
5107
5146
|
className: ScTableHeader_default.scHeaderInstance4
|
|
5108
5147
|
}
|
|
5109
5148
|
),
|
|
5110
|
-
type === "pending" && /* @__PURE__ */
|
|
5149
|
+
type === "pending" && /* @__PURE__ */ jsx65(Fragment19, { children: /* @__PURE__ */ jsx65(
|
|
5111
5150
|
ScHeader,
|
|
5112
5151
|
{
|
|
5113
5152
|
text: "Invite action",
|
|
@@ -5115,7 +5154,7 @@ var ScTableHeader = ({
|
|
|
5115
5154
|
className: ScTableHeader_default.scHeaderInstance5
|
|
5116
5155
|
}
|
|
5117
5156
|
) }),
|
|
5118
|
-
type === "default" && /* @__PURE__ */
|
|
5157
|
+
type === "default" && /* @__PURE__ */ jsx65(Fragment19, { children: /* @__PURE__ */ jsx65(
|
|
5119
5158
|
ScHeader,
|
|
5120
5159
|
{
|
|
5121
5160
|
text: "Signed On",
|
|
@@ -5149,7 +5188,7 @@ var ScTableList_default = {
|
|
|
5149
5188
|
// src/SC-tableList/ScTableList.tsx
|
|
5150
5189
|
import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
|
|
5151
5190
|
import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
|
|
5152
|
-
import { Fragment as Fragment20, jsx as
|
|
5191
|
+
import { Fragment as Fragment20, jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
5153
5192
|
var ScTableList = ({
|
|
5154
5193
|
invitedBy = "Rohan",
|
|
5155
5194
|
signedOn = "Nov 9th, 2025",
|
|
@@ -5161,51 +5200,51 @@ var ScTableList = ({
|
|
|
5161
5200
|
...props
|
|
5162
5201
|
}) => {
|
|
5163
5202
|
const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
|
|
5164
|
-
return /* @__PURE__ */
|
|
5203
|
+
return /* @__PURE__ */ jsxs58(
|
|
5165
5204
|
"div",
|
|
5166
5205
|
{
|
|
5167
5206
|
className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
|
|
5168
5207
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
5169
5208
|
...props,
|
|
5170
5209
|
children: [
|
|
5171
|
-
/* @__PURE__ */
|
|
5210
|
+
/* @__PURE__ */ jsx66(
|
|
5172
5211
|
ScProfile,
|
|
5173
5212
|
{
|
|
5174
5213
|
subText: userEmail,
|
|
5175
5214
|
className: ScTableList_default.scProfileInstance
|
|
5176
5215
|
}
|
|
5177
5216
|
),
|
|
5178
|
-
/* @__PURE__ */
|
|
5179
|
-
/* @__PURE__ */
|
|
5180
|
-
/* @__PURE__ */
|
|
5217
|
+
/* @__PURE__ */ jsx66(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
5218
|
+
/* @__PURE__ */ jsxs58("div", { className: ScTableList_default.accessInfo, children: [
|
|
5219
|
+
/* @__PURE__ */ jsx66(
|
|
5181
5220
|
ScAccess,
|
|
5182
5221
|
{
|
|
5183
|
-
component: /* @__PURE__ */
|
|
5184
|
-
component2: /* @__PURE__ */
|
|
5222
|
+
component: /* @__PURE__ */ jsx66(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
|
|
5223
|
+
component2: /* @__PURE__ */ jsx66(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
5185
5224
|
className: ScTableList_default.scAccessInstance
|
|
5186
5225
|
}
|
|
5187
5226
|
),
|
|
5188
|
-
/* @__PURE__ */
|
|
5227
|
+
/* @__PURE__ */ jsx66(
|
|
5189
5228
|
ScAccess,
|
|
5190
5229
|
{
|
|
5191
|
-
component: /* @__PURE__ */
|
|
5192
|
-
component2: /* @__PURE__ */
|
|
5230
|
+
component: /* @__PURE__ */ jsx66(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
5231
|
+
component2: /* @__PURE__ */ jsx66(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
5193
5232
|
visibleSiconCatalogix: false,
|
|
5194
5233
|
className: ScTableList_default.scAccessInstance
|
|
5195
5234
|
}
|
|
5196
5235
|
)
|
|
5197
5236
|
] }),
|
|
5198
|
-
/* @__PURE__ */
|
|
5237
|
+
/* @__PURE__ */ jsxs58("div", { className: ScTableList_default.userName, children: [
|
|
5199
5238
|
invitedBy,
|
|
5200
5239
|
" "
|
|
5201
5240
|
] }),
|
|
5202
|
-
variant === "pending" && /* @__PURE__ */
|
|
5241
|
+
variant === "pending" && /* @__PURE__ */ jsx66(Fragment20, { children: /* @__PURE__ */ jsx66(
|
|
5203
5242
|
ScPendingAction,
|
|
5204
5243
|
{
|
|
5205
5244
|
className: ScTableList_default.scPendingActionInstance
|
|
5206
5245
|
}
|
|
5207
5246
|
) }),
|
|
5208
|
-
variant === "active" && /* @__PURE__ */
|
|
5247
|
+
variant === "active" && /* @__PURE__ */ jsx66(Fragment20, { children: /* @__PURE__ */ jsxs58("div", { className: ScTableList_default.date, children: [
|
|
5209
5248
|
signedOn,
|
|
5210
5249
|
" "
|
|
5211
5250
|
] }) })
|
|
@@ -5240,7 +5279,7 @@ import {
|
|
|
5240
5279
|
SiconSwitch as SiconSwitch2,
|
|
5241
5280
|
SiconLogout as SiconLogout2
|
|
5242
5281
|
} from "@streamoid/icons";
|
|
5243
|
-
import { jsx as
|
|
5282
|
+
import { jsx as jsx67, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
5244
5283
|
var ScWorkspaceCard = ({
|
|
5245
5284
|
workspaceName = "Stores",
|
|
5246
5285
|
role = "Admin",
|
|
@@ -5250,21 +5289,21 @@ var ScWorkspaceCard = ({
|
|
|
5250
5289
|
className,
|
|
5251
5290
|
...props
|
|
5252
5291
|
}) => {
|
|
5253
|
-
return /* @__PURE__ */
|
|
5254
|
-
/* @__PURE__ */
|
|
5255
|
-
/* @__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(
|
|
5256
5295
|
ScIntialProfileCover,
|
|
5257
5296
|
{
|
|
5258
5297
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
5259
5298
|
}
|
|
5260
5299
|
),
|
|
5261
|
-
/* @__PURE__ */
|
|
5300
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.workspaceName, children: [
|
|
5262
5301
|
workspaceName,
|
|
5263
5302
|
" "
|
|
5264
5303
|
] })
|
|
5265
5304
|
] }),
|
|
5266
|
-
/* @__PURE__ */
|
|
5267
|
-
/* @__PURE__ */
|
|
5305
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
5306
|
+
/* @__PURE__ */ jsx67(
|
|
5268
5307
|
ScBadges,
|
|
5269
5308
|
{
|
|
5270
5309
|
text: role,
|
|
@@ -5272,41 +5311,41 @@ var ScWorkspaceCard = ({
|
|
|
5272
5311
|
className: ScWorkspaceCard_default.scBadgesInstance
|
|
5273
5312
|
}
|
|
5274
5313
|
),
|
|
5275
|
-
/* @__PURE__ */
|
|
5276
|
-
/* @__PURE__ */
|
|
5314
|
+
/* @__PURE__ */ jsxs59("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
5315
|
+
/* @__PURE__ */ jsx67(
|
|
5277
5316
|
ScPairtext,
|
|
5278
5317
|
{
|
|
5279
|
-
icon: /* @__PURE__ */
|
|
5318
|
+
icon: /* @__PURE__ */ jsx67(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
5280
5319
|
content: userCount,
|
|
5281
5320
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
5282
5321
|
}
|
|
5283
5322
|
),
|
|
5284
|
-
/* @__PURE__ */
|
|
5285
|
-
/* @__PURE__ */
|
|
5323
|
+
/* @__PURE__ */ jsx67(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
5324
|
+
/* @__PURE__ */ jsx67(
|
|
5286
5325
|
ScPairtext,
|
|
5287
5326
|
{
|
|
5288
|
-
icon: /* @__PURE__ */
|
|
5327
|
+
icon: /* @__PURE__ */ jsx67(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
5289
5328
|
content: ownerEmail,
|
|
5290
5329
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
5291
5330
|
}
|
|
5292
5331
|
)
|
|
5293
5332
|
] })
|
|
5294
5333
|
] }),
|
|
5295
|
-
/* @__PURE__ */
|
|
5334
|
+
/* @__PURE__ */ jsx67(
|
|
5296
5335
|
ScButton,
|
|
5297
5336
|
{
|
|
5298
|
-
icon: /* @__PURE__ */
|
|
5337
|
+
icon: /* @__PURE__ */ jsx67(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
5299
5338
|
text: buttonText,
|
|
5300
5339
|
state: "disabled",
|
|
5301
5340
|
variant: "outline",
|
|
5302
5341
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
5303
5342
|
}
|
|
5304
5343
|
),
|
|
5305
|
-
/* @__PURE__ */
|
|
5344
|
+
/* @__PURE__ */ jsx67(
|
|
5306
5345
|
ScButton,
|
|
5307
5346
|
{
|
|
5308
5347
|
text: "Leave workspace",
|
|
5309
|
-
icon: /* @__PURE__ */
|
|
5348
|
+
icon: /* @__PURE__ */ jsx67(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
5310
5349
|
styleVariant: "icon-only",
|
|
5311
5350
|
variant: "error",
|
|
5312
5351
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -5342,7 +5381,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
5342
5381
|
};
|
|
5343
5382
|
|
|
5344
5383
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
5345
|
-
import { jsx as
|
|
5384
|
+
import { jsx as jsx68, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
5346
5385
|
function ScWorkspaceSwitchCard({
|
|
5347
5386
|
wsName = "Workspace name is kepler",
|
|
5348
5387
|
role = "Admin",
|
|
@@ -5372,14 +5411,14 @@ function ScWorkspaceSwitchCard({
|
|
|
5372
5411
|
].filter(Boolean).join(" ");
|
|
5373
5412
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
5374
5413
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
5375
|
-
return /* @__PURE__ */
|
|
5414
|
+
return /* @__PURE__ */ jsx68(
|
|
5376
5415
|
"div",
|
|
5377
5416
|
{
|
|
5378
5417
|
className: cardClass,
|
|
5379
5418
|
onMouseEnter: () => setInternalHover(true),
|
|
5380
5419
|
onMouseLeave: () => setInternalHover(false),
|
|
5381
|
-
children: /* @__PURE__ */
|
|
5382
|
-
/* @__PURE__ */
|
|
5420
|
+
children: /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
5421
|
+
/* @__PURE__ */ jsx68(
|
|
5383
5422
|
ScDp,
|
|
5384
5423
|
{
|
|
5385
5424
|
type: imageUrl ? "image" : "initial",
|
|
@@ -5393,26 +5432,26 @@ function ScWorkspaceSwitchCard({
|
|
|
5393
5432
|
}
|
|
5394
5433
|
}
|
|
5395
5434
|
),
|
|
5396
|
-
/* @__PURE__ */
|
|
5397
|
-
/* @__PURE__ */
|
|
5398
|
-
/* @__PURE__ */
|
|
5399
|
-
/* @__PURE__ */
|
|
5400
|
-
/* @__PURE__ */
|
|
5401
|
-
/* @__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 })
|
|
5402
5441
|
] }),
|
|
5403
|
-
/* @__PURE__ */
|
|
5404
|
-
/* @__PURE__ */
|
|
5405
|
-
/* @__PURE__ */
|
|
5406
|
-
/* @__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 })
|
|
5407
5446
|
] }),
|
|
5408
|
-
/* @__PURE__ */
|
|
5409
|
-
/* @__PURE__ */
|
|
5410
|
-
/* @__PURE__ */
|
|
5411
|
-
/* @__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 })
|
|
5412
5451
|
] })
|
|
5413
5452
|
] })
|
|
5414
5453
|
] }),
|
|
5415
|
-
isHover && isOther && /* @__PURE__ */
|
|
5454
|
+
isHover && isOther && /* @__PURE__ */ jsx68(
|
|
5416
5455
|
"div",
|
|
5417
5456
|
{
|
|
5418
5457
|
onClick: (e) => {
|
|
@@ -5420,19 +5459,19 @@ function ScWorkspaceSwitchCard({
|
|
|
5420
5459
|
onSwitch?.();
|
|
5421
5460
|
},
|
|
5422
5461
|
style: { cursor: "pointer" },
|
|
5423
|
-
children: /* @__PURE__ */
|
|
5462
|
+
children: /* @__PURE__ */ jsx68(
|
|
5424
5463
|
ScButton,
|
|
5425
5464
|
{
|
|
5426
5465
|
text: "Switch Workspace",
|
|
5427
5466
|
variant: "secondary",
|
|
5428
5467
|
size: "sm",
|
|
5429
5468
|
styleVariant: "icon-left",
|
|
5430
|
-
icon: /* @__PURE__ */
|
|
5469
|
+
icon: /* @__PURE__ */ jsx68(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
5431
5470
|
}
|
|
5432
5471
|
)
|
|
5433
5472
|
}
|
|
5434
5473
|
),
|
|
5435
|
-
isHover && isAdmin && /* @__PURE__ */
|
|
5474
|
+
isHover && isAdmin && /* @__PURE__ */ jsx68(
|
|
5436
5475
|
"div",
|
|
5437
5476
|
{
|
|
5438
5477
|
onClick: (e) => {
|
|
@@ -5440,18 +5479,18 @@ function ScWorkspaceSwitchCard({
|
|
|
5440
5479
|
onSettings?.();
|
|
5441
5480
|
},
|
|
5442
5481
|
style: { cursor: "pointer" },
|
|
5443
|
-
children: /* @__PURE__ */
|
|
5482
|
+
children: /* @__PURE__ */ jsx68(
|
|
5444
5483
|
ScButton,
|
|
5445
5484
|
{
|
|
5446
5485
|
styleVariant: "icon-only",
|
|
5447
5486
|
variant: "outline",
|
|
5448
5487
|
size: "sm",
|
|
5449
|
-
icon: /* @__PURE__ */
|
|
5488
|
+
icon: /* @__PURE__ */ jsx68(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
5450
5489
|
}
|
|
5451
5490
|
)
|
|
5452
5491
|
}
|
|
5453
5492
|
),
|
|
5454
|
-
isHover && !isAdmin && /* @__PURE__ */
|
|
5493
|
+
isHover && !isAdmin && /* @__PURE__ */ jsx68(
|
|
5455
5494
|
"div",
|
|
5456
5495
|
{
|
|
5457
5496
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -5459,7 +5498,7 @@ function ScWorkspaceSwitchCard({
|
|
|
5459
5498
|
e.stopPropagation();
|
|
5460
5499
|
onLeave?.();
|
|
5461
5500
|
},
|
|
5462
|
-
children: /* @__PURE__ */
|
|
5501
|
+
children: /* @__PURE__ */ jsx68(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
5463
5502
|
}
|
|
5464
5503
|
)
|
|
5465
5504
|
] })
|
|
@@ -5477,18 +5516,18 @@ var ScRoleMobile_default = {
|
|
|
5477
5516
|
};
|
|
5478
5517
|
|
|
5479
5518
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
5480
|
-
import { jsx as
|
|
5519
|
+
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
5481
5520
|
var ScRoleMobile = ({
|
|
5482
5521
|
role = "admin",
|
|
5483
5522
|
className,
|
|
5484
5523
|
...props
|
|
5485
5524
|
}) => {
|
|
5486
|
-
return /* @__PURE__ */
|
|
5525
|
+
return /* @__PURE__ */ jsx69(
|
|
5487
5526
|
"div",
|
|
5488
5527
|
{
|
|
5489
5528
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
5490
5529
|
...props,
|
|
5491
|
-
children: /* @__PURE__ */
|
|
5530
|
+
children: /* @__PURE__ */ jsx69("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
5492
5531
|
}
|
|
5493
5532
|
);
|
|
5494
5533
|
};
|
|
@@ -5505,7 +5544,7 @@ var ScProfileV2Mobile_default = {
|
|
|
5505
5544
|
};
|
|
5506
5545
|
|
|
5507
5546
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
5508
|
-
import { jsx as
|
|
5547
|
+
import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
5509
5548
|
var ScProfileV2Mobile = ({
|
|
5510
5549
|
name = "Chris Hemsworth",
|
|
5511
5550
|
email = "chris@kepler.com",
|
|
@@ -5515,17 +5554,17 @@ var ScProfileV2Mobile = ({
|
|
|
5515
5554
|
...props
|
|
5516
5555
|
}) => {
|
|
5517
5556
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5518
|
-
const profileImage = /* @__PURE__ */
|
|
5519
|
-
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(
|
|
5520
5559
|
"div",
|
|
5521
5560
|
{
|
|
5522
5561
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
5523
5562
|
...props,
|
|
5524
5563
|
children: [
|
|
5525
5564
|
dpPosition === "left" && profileImage,
|
|
5526
|
-
/* @__PURE__ */
|
|
5527
|
-
/* @__PURE__ */
|
|
5528
|
-
/* @__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 })
|
|
5529
5568
|
] }),
|
|
5530
5569
|
dpPosition === "right" && profileImage
|
|
5531
5570
|
]
|
|
@@ -5552,7 +5591,7 @@ var ScTableListMobile_default = {
|
|
|
5552
5591
|
};
|
|
5553
5592
|
|
|
5554
5593
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
5555
|
-
import { jsx as
|
|
5594
|
+
import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
5556
5595
|
var ScTableListMobile = ({
|
|
5557
5596
|
name = "Chris Hemsworth",
|
|
5558
5597
|
email = "chris@kepler.com",
|
|
@@ -5565,25 +5604,25 @@ var ScTableListMobile = ({
|
|
|
5565
5604
|
...props
|
|
5566
5605
|
}) => {
|
|
5567
5606
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5568
|
-
return /* @__PURE__ */
|
|
5607
|
+
return /* @__PURE__ */ jsxs62(
|
|
5569
5608
|
"div",
|
|
5570
5609
|
{
|
|
5571
5610
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
5572
5611
|
onClick: onRowClick,
|
|
5573
5612
|
...props,
|
|
5574
5613
|
children: [
|
|
5575
|
-
/* @__PURE__ */
|
|
5576
|
-
/* @__PURE__ */
|
|
5577
|
-
/* @__PURE__ */
|
|
5578
|
-
/* @__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 })
|
|
5579
5618
|
] }),
|
|
5580
|
-
/* @__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 }) })
|
|
5581
5620
|
] }),
|
|
5582
|
-
/* @__PURE__ */
|
|
5583
|
-
/* @__PURE__ */
|
|
5584
|
-
/* @__PURE__ */
|
|
5585
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */
|
|
5586
|
-
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)) })
|
|
5587
5626
|
] })
|
|
5588
5627
|
] })
|
|
5589
5628
|
]
|
|
@@ -5611,7 +5650,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
5611
5650
|
};
|
|
5612
5651
|
|
|
5613
5652
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
5614
|
-
import { jsx as
|
|
5653
|
+
import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
5615
5654
|
var ScWorkspaceSwitchMobile = ({
|
|
5616
5655
|
storeName = "Stores",
|
|
5617
5656
|
initials = "WS",
|
|
@@ -5624,24 +5663,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
5624
5663
|
...props
|
|
5625
5664
|
}) => {
|
|
5626
5665
|
const variant = currentWs ? "current" : "other";
|
|
5627
|
-
return /* @__PURE__ */
|
|
5666
|
+
return /* @__PURE__ */ jsxs63(
|
|
5628
5667
|
"div",
|
|
5629
5668
|
{
|
|
5630
5669
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
5631
5670
|
onClick,
|
|
5632
5671
|
...props,
|
|
5633
5672
|
children: [
|
|
5634
|
-
/* @__PURE__ */
|
|
5635
|
-
/* @__PURE__ */
|
|
5636
|
-
/* @__PURE__ */
|
|
5637
|
-
/* @__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 })
|
|
5638
5677
|
] }),
|
|
5639
|
-
/* @__PURE__ */
|
|
5678
|
+
/* @__PURE__ */ jsx72("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
5640
5679
|
] }),
|
|
5641
|
-
/* @__PURE__ */
|
|
5642
|
-
/* @__PURE__ */
|
|
5643
|
-
/* @__PURE__ */
|
|
5644
|
-
/* @__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 })
|
|
5645
5684
|
] })
|
|
5646
5685
|
]
|
|
5647
5686
|
}
|
|
@@ -5668,7 +5707,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
5668
5707
|
};
|
|
5669
5708
|
|
|
5670
5709
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
5671
|
-
import { jsx as
|
|
5710
|
+
import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
5672
5711
|
var ScWorkspaceSettingsMobile = ({
|
|
5673
5712
|
storeName = "Stores",
|
|
5674
5713
|
initials = "WS",
|
|
@@ -5683,28 +5722,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
5683
5722
|
...props
|
|
5684
5723
|
}) => {
|
|
5685
5724
|
const variant = currentWs ? "current" : "other";
|
|
5686
|
-
return /* @__PURE__ */
|
|
5725
|
+
return /* @__PURE__ */ jsxs64(
|
|
5687
5726
|
"div",
|
|
5688
5727
|
{
|
|
5689
5728
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
5690
5729
|
onClick,
|
|
5691
5730
|
...props,
|
|
5692
5731
|
children: [
|
|
5693
|
-
/* @__PURE__ */
|
|
5694
|
-
/* @__PURE__ */
|
|
5695
|
-
/* @__PURE__ */
|
|
5696
|
-
/* @__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 })
|
|
5697
5736
|
] }),
|
|
5698
|
-
/* @__PURE__ */
|
|
5737
|
+
/* @__PURE__ */ jsx73("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx73("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
5699
5738
|
] }),
|
|
5700
|
-
/* @__PURE__ */
|
|
5701
|
-
/* @__PURE__ */
|
|
5702
|
-
/* @__PURE__ */
|
|
5703
|
-
/* @__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 })
|
|
5704
5743
|
] }),
|
|
5705
|
-
/* @__PURE__ */
|
|
5706
|
-
/* @__PURE__ */
|
|
5707
|
-
/* @__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 })
|
|
5708
5747
|
] })
|
|
5709
5748
|
]
|
|
5710
5749
|
}
|
|
@@ -5727,7 +5766,7 @@ var ScMobileTopNav_default = {
|
|
|
5727
5766
|
};
|
|
5728
5767
|
|
|
5729
5768
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
5730
|
-
import { Fragment as Fragment21, jsx as
|
|
5769
|
+
import { Fragment as Fragment21, jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
5731
5770
|
var ScMobileTopNav = ({
|
|
5732
5771
|
type = "home",
|
|
5733
5772
|
searchIcon = false,
|
|
@@ -5750,22 +5789,22 @@ var ScMobileTopNav = ({
|
|
|
5750
5789
|
}) => {
|
|
5751
5790
|
const hasBorder = type === "chat" || type === "inApp";
|
|
5752
5791
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
5753
|
-
return /* @__PURE__ */
|
|
5792
|
+
return /* @__PURE__ */ jsxs65(
|
|
5754
5793
|
"div",
|
|
5755
5794
|
{
|
|
5756
5795
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
5757
5796
|
...props,
|
|
5758
5797
|
children: [
|
|
5759
|
-
type === "home" && /* @__PURE__ */
|
|
5760
|
-
type === "chat" && /* @__PURE__ */
|
|
5761
|
-
/* @__PURE__ */
|
|
5762
|
-
/* @__PURE__ */
|
|
5763
|
-
/* @__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 }) })
|
|
5764
5803
|
] }),
|
|
5765
|
-
showSearch && /* @__PURE__ */
|
|
5766
|
-
/* @__PURE__ */
|
|
5767
|
-
/* @__PURE__ */
|
|
5768
|
-
/* @__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(
|
|
5769
5808
|
"input",
|
|
5770
5809
|
{
|
|
5771
5810
|
type: "text",
|
|
@@ -5776,17 +5815,17 @@ var ScMobileTopNav = ({
|
|
|
5776
5815
|
}
|
|
5777
5816
|
) })
|
|
5778
5817
|
] }) }),
|
|
5779
|
-
/* @__PURE__ */
|
|
5818
|
+
/* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
5780
5819
|
] }),
|
|
5781
|
-
type === "inApp" && !search && /* @__PURE__ */
|
|
5782
|
-
/* @__PURE__ */
|
|
5783
|
-
/* @__PURE__ */
|
|
5784
|
-
/* @__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(
|
|
5785
5824
|
"div",
|
|
5786
5825
|
{
|
|
5787
5826
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
5788
5827
|
onClick: onSearchClick,
|
|
5789
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */
|
|
5828
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx74("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
5790
5829
|
}
|
|
5791
5830
|
)
|
|
5792
5831
|
] })
|
|
@@ -5807,7 +5846,7 @@ var ScMobileBottomAction_default = {
|
|
|
5807
5846
|
};
|
|
5808
5847
|
|
|
5809
5848
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
5810
|
-
import { jsx as
|
|
5849
|
+
import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
5811
5850
|
var ScMobileBottomAction = ({
|
|
5812
5851
|
text = "Save Changes",
|
|
5813
5852
|
disabled = false,
|
|
@@ -5819,28 +5858,28 @@ var ScMobileBottomAction = ({
|
|
|
5819
5858
|
...props
|
|
5820
5859
|
}) => {
|
|
5821
5860
|
const isTwoButton = !!secondaryText;
|
|
5822
|
-
return /* @__PURE__ */
|
|
5861
|
+
return /* @__PURE__ */ jsxs66(
|
|
5823
5862
|
"div",
|
|
5824
5863
|
{
|
|
5825
5864
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
5826
5865
|
...props,
|
|
5827
5866
|
children: [
|
|
5828
|
-
isTwoButton && /* @__PURE__ */
|
|
5867
|
+
isTwoButton && /* @__PURE__ */ jsx75(
|
|
5829
5868
|
"button",
|
|
5830
5869
|
{
|
|
5831
5870
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5832
5871
|
onClick: onSecondaryClick,
|
|
5833
5872
|
disabled: secondaryDisabled,
|
|
5834
|
-
children: /* @__PURE__ */
|
|
5873
|
+
children: /* @__PURE__ */ jsx75("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
5835
5874
|
}
|
|
5836
5875
|
),
|
|
5837
|
-
/* @__PURE__ */
|
|
5876
|
+
/* @__PURE__ */ jsx75(
|
|
5838
5877
|
"button",
|
|
5839
5878
|
{
|
|
5840
5879
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
5841
5880
|
onClick,
|
|
5842
5881
|
disabled,
|
|
5843
|
-
children: /* @__PURE__ */
|
|
5882
|
+
children: /* @__PURE__ */ jsx75("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
5844
5883
|
}
|
|
5845
5884
|
)
|
|
5846
5885
|
]
|
|
@@ -5858,7 +5897,7 @@ var ScPopUpMenu_default = {
|
|
|
5858
5897
|
};
|
|
5859
5898
|
|
|
5860
5899
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
5861
|
-
import { jsx as
|
|
5900
|
+
import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
5862
5901
|
var ScPopUpMenu = ({
|
|
5863
5902
|
menu = "Options",
|
|
5864
5903
|
state = "default",
|
|
@@ -5867,15 +5906,15 @@ var ScPopUpMenu = ({
|
|
|
5867
5906
|
className,
|
|
5868
5907
|
...props
|
|
5869
5908
|
}) => {
|
|
5870
|
-
return /* @__PURE__ */
|
|
5909
|
+
return /* @__PURE__ */ jsxs67(
|
|
5871
5910
|
"div",
|
|
5872
5911
|
{
|
|
5873
5912
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
5874
5913
|
onClick,
|
|
5875
5914
|
...props,
|
|
5876
5915
|
children: [
|
|
5877
|
-
icon && /* @__PURE__ */
|
|
5878
|
-
/* @__PURE__ */
|
|
5916
|
+
icon && /* @__PURE__ */ jsx76("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
5917
|
+
/* @__PURE__ */ jsx76("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
5879
5918
|
]
|
|
5880
5919
|
}
|
|
5881
5920
|
);
|
|
@@ -5901,7 +5940,7 @@ var ScReferralCardMobile_default = {
|
|
|
5901
5940
|
};
|
|
5902
5941
|
|
|
5903
5942
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
5904
|
-
import { jsx as
|
|
5943
|
+
import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
5905
5944
|
var ScReferralCardMobile = ({
|
|
5906
5945
|
name = "Chris Hemsworth",
|
|
5907
5946
|
email = "chris@kepler.com",
|
|
@@ -5914,27 +5953,27 @@ var ScReferralCardMobile = ({
|
|
|
5914
5953
|
...props
|
|
5915
5954
|
}) => {
|
|
5916
5955
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
5917
|
-
return /* @__PURE__ */
|
|
5956
|
+
return /* @__PURE__ */ jsxs68(
|
|
5918
5957
|
"div",
|
|
5919
5958
|
{
|
|
5920
5959
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
5921
5960
|
onClick,
|
|
5922
5961
|
...props,
|
|
5923
5962
|
children: [
|
|
5924
|
-
/* @__PURE__ */
|
|
5925
|
-
/* @__PURE__ */
|
|
5926
|
-
/* @__PURE__ */
|
|
5927
|
-
/* @__PURE__ */
|
|
5928
|
-
/* @__PURE__ */
|
|
5929
|
-
/* @__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 })
|
|
5930
5969
|
] })
|
|
5931
5970
|
] }),
|
|
5932
|
-
/* @__PURE__ */
|
|
5971
|
+
/* @__PURE__ */ jsx77("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx77("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
5933
5972
|
] }),
|
|
5934
|
-
/* @__PURE__ */
|
|
5935
|
-
/* @__PURE__ */
|
|
5936
|
-
/* @__PURE__ */
|
|
5937
|
-
/* @__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 })
|
|
5938
5977
|
] })
|
|
5939
5978
|
]
|
|
5940
5979
|
}
|
|
@@ -5951,19 +5990,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
5951
5990
|
};
|
|
5952
5991
|
|
|
5953
5992
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
5954
|
-
import { jsx as
|
|
5993
|
+
import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
5955
5994
|
var InvoiceHistoryMobile = ({
|
|
5956
5995
|
invoiceId = "# INV-2800-2026",
|
|
5957
5996
|
date = "Nov 9th, 2025",
|
|
5958
5997
|
amount = "$320.89",
|
|
5959
5998
|
className
|
|
5960
5999
|
}) => {
|
|
5961
|
-
return /* @__PURE__ */
|
|
5962
|
-
/* @__PURE__ */
|
|
5963
|
-
/* @__PURE__ */
|
|
5964
|
-
/* @__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 })
|
|
5965
6004
|
] }),
|
|
5966
|
-
/* @__PURE__ */
|
|
6005
|
+
/* @__PURE__ */ jsx78("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
5967
6006
|
] });
|
|
5968
6007
|
};
|
|
5969
6008
|
|
|
@@ -5981,7 +6020,7 @@ var UsageHistoryMobile_default = {
|
|
|
5981
6020
|
};
|
|
5982
6021
|
|
|
5983
6022
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
5984
|
-
import { jsx as
|
|
6023
|
+
import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
5985
6024
|
var UsageHistoryMobile = ({
|
|
5986
6025
|
serviceName = "Artifax Generation",
|
|
5987
6026
|
credits = "50",
|
|
@@ -5990,18 +6029,18 @@ var UsageHistoryMobile = ({
|
|
|
5990
6029
|
balance = "84,902",
|
|
5991
6030
|
className
|
|
5992
6031
|
}) => {
|
|
5993
|
-
return /* @__PURE__ */
|
|
5994
|
-
/* @__PURE__ */
|
|
5995
|
-
/* @__PURE__ */
|
|
5996
|
-
/* @__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 })
|
|
5997
6036
|
] }),
|
|
5998
|
-
/* @__PURE__ */
|
|
5999
|
-
/* @__PURE__ */
|
|
6000
|
-
/* @__PURE__ */
|
|
6001
|
-
/* @__PURE__ */
|
|
6002
|
-
/* @__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 })
|
|
6003
6042
|
] }),
|
|
6004
|
-
/* @__PURE__ */
|
|
6043
|
+
/* @__PURE__ */ jsx79("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
6005
6044
|
] })
|
|
6006
6045
|
] });
|
|
6007
6046
|
};
|
|
@@ -6025,7 +6064,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
6025
6064
|
};
|
|
6026
6065
|
|
|
6027
6066
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
6028
|
-
import { jsx as
|
|
6067
|
+
import { jsx as jsx80, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
6029
6068
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
6030
6069
|
wsName = "Workspace name is kepler",
|
|
6031
6070
|
initials = "WS",
|
|
@@ -6038,14 +6077,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
6038
6077
|
className,
|
|
6039
6078
|
...props
|
|
6040
6079
|
}) => {
|
|
6041
|
-
return /* @__PURE__ */
|
|
6080
|
+
return /* @__PURE__ */ jsx80(
|
|
6042
6081
|
"div",
|
|
6043
6082
|
{
|
|
6044
6083
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
6045
6084
|
onClick,
|
|
6046
6085
|
...props,
|
|
6047
|
-
children: /* @__PURE__ */
|
|
6048
|
-
/* @__PURE__ */
|
|
6086
|
+
children: /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
6087
|
+
/* @__PURE__ */ jsx80("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx80(
|
|
6049
6088
|
ScDp,
|
|
6050
6089
|
{
|
|
6051
6090
|
type: imageUrl ? "image" : "initial",
|
|
@@ -6059,14 +6098,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
6059
6098
|
}
|
|
6060
6099
|
}
|
|
6061
6100
|
) }),
|
|
6062
|
-
/* @__PURE__ */
|
|
6063
|
-
/* @__PURE__ */
|
|
6064
|
-
/* @__PURE__ */
|
|
6065
|
-
/* @__PURE__ */
|
|
6066
|
-
/* @__PURE__ */
|
|
6067
|
-
/* @__PURE__ */
|
|
6068
|
-
/* @__PURE__ */
|
|
6069
|
-
/* @__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 })
|
|
6070
6109
|
] })
|
|
6071
6110
|
] })
|
|
6072
6111
|
] })
|
|
@@ -6093,7 +6132,7 @@ var ScImageField_default = {
|
|
|
6093
6132
|
|
|
6094
6133
|
// src/SC-imageField/ScImageField.tsx
|
|
6095
6134
|
import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
|
|
6096
|
-
import { jsx as
|
|
6135
|
+
import { jsx as jsx81, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
6097
6136
|
var ScImageField = ({
|
|
6098
6137
|
label = "Label",
|
|
6099
6138
|
imagePreview,
|
|
@@ -6116,8 +6155,8 @@ var ScImageField = ({
|
|
|
6116
6155
|
}
|
|
6117
6156
|
e.target.value = "";
|
|
6118
6157
|
}
|
|
6119
|
-
return /* @__PURE__ */
|
|
6120
|
-
/* @__PURE__ */
|
|
6158
|
+
return /* @__PURE__ */ jsxs72("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
6159
|
+
/* @__PURE__ */ jsx81(
|
|
6121
6160
|
"input",
|
|
6122
6161
|
{
|
|
6123
6162
|
ref: inputRef,
|
|
@@ -6127,9 +6166,9 @@ var ScImageField = ({
|
|
|
6127
6166
|
onChange: handleChange
|
|
6128
6167
|
}
|
|
6129
6168
|
),
|
|
6130
|
-
/* @__PURE__ */
|
|
6131
|
-
hasImage ? /* @__PURE__ */
|
|
6132
|
-
/* @__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(
|
|
6133
6172
|
"img",
|
|
6134
6173
|
{
|
|
6135
6174
|
className: ScImageField_default.previewImage,
|
|
@@ -6137,8 +6176,8 @@ var ScImageField = ({
|
|
|
6137
6176
|
alt: "preview"
|
|
6138
6177
|
}
|
|
6139
6178
|
),
|
|
6140
|
-
/* @__PURE__ */
|
|
6141
|
-
/* @__PURE__ */
|
|
6179
|
+
/* @__PURE__ */ jsx81("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
6180
|
+
/* @__PURE__ */ jsx81(
|
|
6142
6181
|
SiconDelete2,
|
|
6143
6182
|
{
|
|
6144
6183
|
className: ScImageField_default.removeIcon,
|
|
@@ -6149,9 +6188,9 @@ var ScImageField = ({
|
|
|
6149
6188
|
}
|
|
6150
6189
|
}
|
|
6151
6190
|
)
|
|
6152
|
-
] }) : /* @__PURE__ */
|
|
6153
|
-
/* @__PURE__ */
|
|
6154
|
-
/* @__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" })
|
|
6155
6194
|
] })
|
|
6156
6195
|
] });
|
|
6157
6196
|
};
|
|
@@ -6165,7 +6204,7 @@ var ScSettingsTabComp_default = {
|
|
|
6165
6204
|
};
|
|
6166
6205
|
|
|
6167
6206
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
6168
|
-
import { jsx as
|
|
6207
|
+
import { jsx as jsx82 } from "react/jsx-runtime";
|
|
6169
6208
|
var ScSettingsTabComp = ({
|
|
6170
6209
|
tabName = "Tab",
|
|
6171
6210
|
active = false,
|
|
@@ -6173,12 +6212,12 @@ var ScSettingsTabComp = ({
|
|
|
6173
6212
|
className
|
|
6174
6213
|
}) => {
|
|
6175
6214
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
6176
|
-
return /* @__PURE__ */
|
|
6215
|
+
return /* @__PURE__ */ jsx82(
|
|
6177
6216
|
"div",
|
|
6178
6217
|
{
|
|
6179
6218
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
6180
6219
|
onClick,
|
|
6181
|
-
children: /* @__PURE__ */
|
|
6220
|
+
children: /* @__PURE__ */ jsx82("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
6182
6221
|
}
|
|
6183
6222
|
);
|
|
6184
6223
|
};
|
|
@@ -6198,7 +6237,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
6198
6237
|
|
|
6199
6238
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
6200
6239
|
import { SiconCredits as SiconCredits3 } from "@streamoid/icons";
|
|
6201
|
-
import { jsx as
|
|
6240
|
+
import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
6202
6241
|
var ScCreditsUsageCardMobile = ({
|
|
6203
6242
|
usageLabel = "Credits usage",
|
|
6204
6243
|
usageText = "8,450 / 30,000",
|
|
@@ -6208,23 +6247,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
6208
6247
|
className,
|
|
6209
6248
|
...props
|
|
6210
6249
|
}) => {
|
|
6211
|
-
return /* @__PURE__ */
|
|
6212
|
-
/* @__PURE__ */
|
|
6213
|
-
/* @__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(
|
|
6214
6253
|
SiconCredits3,
|
|
6215
6254
|
{
|
|
6216
6255
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
6217
6256
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
6218
6257
|
}
|
|
6219
6258
|
),
|
|
6220
|
-
/* @__PURE__ */
|
|
6259
|
+
/* @__PURE__ */ jsx83("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
6221
6260
|
] }),
|
|
6222
|
-
/* @__PURE__ */
|
|
6223
|
-
/* @__PURE__ */
|
|
6224
|
-
/* @__PURE__ */
|
|
6225
|
-
/* @__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 })
|
|
6226
6265
|
] }),
|
|
6227
|
-
/* @__PURE__ */
|
|
6266
|
+
/* @__PURE__ */ jsx83(
|
|
6228
6267
|
ScButton,
|
|
6229
6268
|
{
|
|
6230
6269
|
text: buyButtonText,
|
|
@@ -6256,7 +6295,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
6256
6295
|
|
|
6257
6296
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
6258
6297
|
import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
|
|
6259
|
-
import { jsx as
|
|
6298
|
+
import { jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
6260
6299
|
var ScPlanDetailsCardMobile = ({
|
|
6261
6300
|
planName = "Pro",
|
|
6262
6301
|
planCredits = "30,000 credits",
|
|
@@ -6268,19 +6307,19 @@ var ScPlanDetailsCardMobile = ({
|
|
|
6268
6307
|
className,
|
|
6269
6308
|
...props
|
|
6270
6309
|
}) => {
|
|
6271
|
-
return /* @__PURE__ */
|
|
6272
|
-
/* @__PURE__ */
|
|
6273
|
-
/* @__PURE__ */
|
|
6274
|
-
/* @__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(
|
|
6275
6314
|
SiconBilling4,
|
|
6276
6315
|
{
|
|
6277
6316
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
6278
6317
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
6279
6318
|
}
|
|
6280
6319
|
),
|
|
6281
|
-
/* @__PURE__ */
|
|
6320
|
+
/* @__PURE__ */ jsx84("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
6282
6321
|
] }),
|
|
6283
|
-
/* @__PURE__ */
|
|
6322
|
+
/* @__PURE__ */ jsx84(
|
|
6284
6323
|
ScBadges,
|
|
6285
6324
|
{
|
|
6286
6325
|
text: badgeText,
|
|
@@ -6290,16 +6329,16 @@ var ScPlanDetailsCardMobile = ({
|
|
|
6290
6329
|
}
|
|
6291
6330
|
)
|
|
6292
6331
|
] }),
|
|
6293
|
-
/* @__PURE__ */
|
|
6294
|
-
/* @__PURE__ */
|
|
6295
|
-
/* @__PURE__ */
|
|
6296
|
-
/* @__PURE__ */
|
|
6297
|
-
/* @__PURE__ */
|
|
6298
|
-
/* @__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 })
|
|
6299
6338
|
] }),
|
|
6300
|
-
/* @__PURE__ */
|
|
6339
|
+
/* @__PURE__ */ jsx84("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
6301
6340
|
] }),
|
|
6302
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsx84(
|
|
6303
6342
|
ScButton,
|
|
6304
6343
|
{
|
|
6305
6344
|
text: upgradeButtonText,
|
|
@@ -6328,6 +6367,7 @@ export {
|
|
|
6328
6367
|
ScBillingHistoryTableList,
|
|
6329
6368
|
ScBillingLogsTableHeader,
|
|
6330
6369
|
ScBillingLogsTableList,
|
|
6370
|
+
ScBriefCard,
|
|
6331
6371
|
ScButton,
|
|
6332
6372
|
ScCalendar,
|
|
6333
6373
|
ScCalendarDateComps,
|