@streamoid/ui 0.6.11 → 0.6.12
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 +237 -0
- package/dist/index.d.mts +44 -1
- package/dist/index.d.ts +44 -1
- package/dist/index.js +490 -311
- package/dist/index.mjs +490 -311
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -37,6 +37,7 @@ __export(index_exports, {
|
|
|
37
37
|
ScArtifaxInvite: () => ScArtifaxInvite,
|
|
38
38
|
ScArtifaxSidebar: () => ScArtifaxSidebar,
|
|
39
39
|
ScBadges: () => ScBadges,
|
|
40
|
+
ScBeacon: () => ScBeacon,
|
|
40
41
|
ScBillingHistoryHeader: () => ScBillingHistoryHeader,
|
|
41
42
|
ScBillingHistoryTableList: () => ScBillingHistoryTableList,
|
|
42
43
|
ScBillingLogsTableHeader: () => ScBillingLogsTableHeader,
|
|
@@ -47,6 +48,8 @@ __export(index_exports, {
|
|
|
47
48
|
ScCalendarDateComps: () => ScCalendarDateComps,
|
|
48
49
|
ScCatalogixInvite: () => ScCatalogixInvite,
|
|
49
50
|
ScCatalogixSidebar: () => ScCatalogixSidebar,
|
|
51
|
+
ScCatalogixStoreHeader: () => ScCatalogixStoreHeader,
|
|
52
|
+
ScCatalogixStoreTableList: () => ScCatalogixStoreTableList,
|
|
50
53
|
ScCheckField: () => ScCheckField,
|
|
51
54
|
ScCheckbox: () => ScCheckbox,
|
|
52
55
|
ScCreditsUsageCard: () => ScCreditsUsageCard,
|
|
@@ -104,6 +107,7 @@ __export(index_exports, {
|
|
|
104
107
|
ScSidebarProfile: () => ScSidebarProfile,
|
|
105
108
|
ScSidebarSwitchMenu: () => ScSidebarSwitchMenu,
|
|
106
109
|
ScSlider: () => ScSlider,
|
|
110
|
+
ScStoreCard: () => ScStoreCard,
|
|
107
111
|
ScStrLogo: () => ScStrLogo,
|
|
108
112
|
ScStreamoidMascot: () => ScStreamoidMascot,
|
|
109
113
|
ScStreamoidWordmark: () => ScStreamoidWordmark,
|
|
@@ -7234,6 +7238,181 @@ function ScWorkspaceSwitchCard({
|
|
|
7234
7238
|
}
|
|
7235
7239
|
var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
|
|
7236
7240
|
|
|
7241
|
+
// src/SC-Beacon/ScBeacon.module.css
|
|
7242
|
+
var ScBeacon_default = {
|
|
7243
|
+
scBeacon: "ScBeacon_scBeacon",
|
|
7244
|
+
success: "ScBeacon_success",
|
|
7245
|
+
warning: "ScBeacon_warning",
|
|
7246
|
+
error: "ScBeacon_error",
|
|
7247
|
+
neutral: "ScBeacon_neutral"
|
|
7248
|
+
};
|
|
7249
|
+
|
|
7250
|
+
// src/SC-Beacon/ScBeacon.tsx
|
|
7251
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7252
|
+
var ScBeacon = ({
|
|
7253
|
+
tone = "neutral",
|
|
7254
|
+
className,
|
|
7255
|
+
...props
|
|
7256
|
+
}) => {
|
|
7257
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7258
|
+
"span",
|
|
7259
|
+
{
|
|
7260
|
+
className: ScBeacon_default.scBeacon + " " + ScBeacon_default[tone] + (className ? " " + className : ""),
|
|
7261
|
+
"aria-hidden": "true",
|
|
7262
|
+
...props,
|
|
7263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7264
|
+
"svg",
|
|
7265
|
+
{
|
|
7266
|
+
viewBox: "0 0 20 20",
|
|
7267
|
+
width: "100%",
|
|
7268
|
+
height: "100%",
|
|
7269
|
+
fill: "none",
|
|
7270
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7271
|
+
children: [
|
|
7272
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
|
|
7273
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
|
|
7274
|
+
]
|
|
7275
|
+
}
|
|
7276
|
+
)
|
|
7277
|
+
}
|
|
7278
|
+
);
|
|
7279
|
+
};
|
|
7280
|
+
|
|
7281
|
+
// src/SC-StoreCard/ScStoreCard.module.css
|
|
7282
|
+
var ScStoreCard_default = {
|
|
7283
|
+
scStoreCard: "ScStoreCard_scStoreCard",
|
|
7284
|
+
nameSection: "ScStoreCard_nameSection",
|
|
7285
|
+
storeName: "ScStoreCard_storeName",
|
|
7286
|
+
divider: "ScStoreCard_divider",
|
|
7287
|
+
footer: "ScStoreCard_footer",
|
|
7288
|
+
products: "ScStoreCard_products",
|
|
7289
|
+
date: "ScStoreCard_date"
|
|
7290
|
+
};
|
|
7291
|
+
|
|
7292
|
+
// src/SC-StoreCard/ScStoreCard.tsx
|
|
7293
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7294
|
+
var ScStoreCard = ({
|
|
7295
|
+
storeName = "Store Name",
|
|
7296
|
+
noOfProducts = "1490 Products",
|
|
7297
|
+
dateCreated = "24th Jan 2026",
|
|
7298
|
+
tone = "neutral",
|
|
7299
|
+
className,
|
|
7300
|
+
...props
|
|
7301
|
+
}) => {
|
|
7302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7303
|
+
"div",
|
|
7304
|
+
{
|
|
7305
|
+
className: ScStoreCard_default.scStoreCard + (className ? " " + className : ""),
|
|
7306
|
+
...props,
|
|
7307
|
+
children: [
|
|
7308
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
|
|
7309
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ScHDivider, { className: ScStoreCard_default.divider }),
|
|
7310
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScStoreCard_default.footer, children: [
|
|
7311
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ScBeacon, { tone }),
|
|
7312
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScStoreCard_default.products, children: noOfProducts }),
|
|
7313
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScStoreCard_default.date, children: dateCreated })
|
|
7314
|
+
] })
|
|
7315
|
+
]
|
|
7316
|
+
}
|
|
7317
|
+
);
|
|
7318
|
+
};
|
|
7319
|
+
|
|
7320
|
+
// src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.module.css
|
|
7321
|
+
var ScCatalogixStoreHeader_default = {
|
|
7322
|
+
scCatalogixStoreHeader: "ScCatalogixStoreHeader_scCatalogixStoreHeader",
|
|
7323
|
+
label: "ScCatalogixStoreHeader_label",
|
|
7324
|
+
colName: "ScCatalogixStoreHeader_colName",
|
|
7325
|
+
colStatus: "ScCatalogixStoreHeader_colStatus",
|
|
7326
|
+
colNum: "ScCatalogixStoreHeader_colNum",
|
|
7327
|
+
colDate: "ScCatalogixStoreHeader_colDate",
|
|
7328
|
+
colBy: "ScCatalogixStoreHeader_colBy"
|
|
7329
|
+
};
|
|
7330
|
+
|
|
7331
|
+
// src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.tsx
|
|
7332
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7333
|
+
var ScCatalogixStoreHeader = ({
|
|
7334
|
+
storeNameLabel = "Store name",
|
|
7335
|
+
statusLabel = "Status",
|
|
7336
|
+
productsLabel = "Products",
|
|
7337
|
+
assetsLabel = "Assets",
|
|
7338
|
+
createdOnLabel = "Created on",
|
|
7339
|
+
createdByLabel = "Created by",
|
|
7340
|
+
showAssets = true,
|
|
7341
|
+
showCreatedBy = true,
|
|
7342
|
+
className,
|
|
7343
|
+
...props
|
|
7344
|
+
}) => {
|
|
7345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
7346
|
+
"div",
|
|
7347
|
+
{
|
|
7348
|
+
className: ScCatalogixStoreHeader_default.scCatalogixStoreHeader + (className ? " " + className : ""),
|
|
7349
|
+
...props,
|
|
7350
|
+
children: [
|
|
7351
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
|
|
7352
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
|
|
7353
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
|
|
7354
|
+
showAssets && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
|
|
7355
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
|
|
7356
|
+
showCreatedBy && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
|
|
7357
|
+
]
|
|
7358
|
+
}
|
|
7359
|
+
);
|
|
7360
|
+
};
|
|
7361
|
+
|
|
7362
|
+
// src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.module.css
|
|
7363
|
+
var ScCatalogixStoreTableList_default = {
|
|
7364
|
+
scCatalogixStoreTableList: "ScCatalogixStoreTableList_scCatalogixStoreTableList",
|
|
7365
|
+
name: "ScCatalogixStoreTableList_name",
|
|
7366
|
+
status: "ScCatalogixStoreTableList_status",
|
|
7367
|
+
statusSuccess: "ScCatalogixStoreTableList_statusSuccess",
|
|
7368
|
+
statusWarning: "ScCatalogixStoreTableList_statusWarning",
|
|
7369
|
+
statusError: "ScCatalogixStoreTableList_statusError",
|
|
7370
|
+
statusNeutral: "ScCatalogixStoreTableList_statusNeutral",
|
|
7371
|
+
cell: "ScCatalogixStoreTableList_cell",
|
|
7372
|
+
colNum: "ScCatalogixStoreTableList_colNum",
|
|
7373
|
+
colDate: "ScCatalogixStoreTableList_colDate",
|
|
7374
|
+
colBy: "ScCatalogixStoreTableList_colBy"
|
|
7375
|
+
};
|
|
7376
|
+
|
|
7377
|
+
// src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.tsx
|
|
7378
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7379
|
+
var STATUS_TONE_CLASS = {
|
|
7380
|
+
success: "statusSuccess",
|
|
7381
|
+
warning: "statusWarning",
|
|
7382
|
+
error: "statusError",
|
|
7383
|
+
neutral: "statusNeutral"
|
|
7384
|
+
};
|
|
7385
|
+
var ScCatalogixStoreTableList = ({
|
|
7386
|
+
storeName = "Farfetch - Spring Season 2026 - Topwear",
|
|
7387
|
+
status = "Need Attention",
|
|
7388
|
+
statusTone = "error",
|
|
7389
|
+
products = "1240",
|
|
7390
|
+
assets = "27830",
|
|
7391
|
+
createdOn = "Nov 9th, 2025",
|
|
7392
|
+
createdBy = "Chris Hemsworth",
|
|
7393
|
+
showAssets = true,
|
|
7394
|
+
showCreatedBy = true,
|
|
7395
|
+
className,
|
|
7396
|
+
...props
|
|
7397
|
+
}) => {
|
|
7398
|
+
const toneClass = ScCatalogixStoreTableList_default[STATUS_TONE_CLASS[statusTone] || "statusNeutral"];
|
|
7399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
7400
|
+
"div",
|
|
7401
|
+
{
|
|
7402
|
+
className: ScCatalogixStoreTableList_default.scCatalogixStoreTableList + (className ? " " + className : ""),
|
|
7403
|
+
...props,
|
|
7404
|
+
children: [
|
|
7405
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
|
|
7406
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
|
|
7407
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
|
|
7408
|
+
showAssets && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
|
|
7409
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
|
|
7410
|
+
showCreatedBy && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
|
|
7411
|
+
]
|
|
7412
|
+
}
|
|
7413
|
+
);
|
|
7414
|
+
};
|
|
7415
|
+
|
|
7237
7416
|
// src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css
|
|
7238
7417
|
var ScThinkingStepIcon_default = {
|
|
7239
7418
|
scThinkingStepIcon: "ScThinkingStepIcon_scThinkingStepIcon",
|
|
@@ -7248,7 +7427,7 @@ var ScThinkingStepIcon_default = {
|
|
|
7248
7427
|
};
|
|
7249
7428
|
|
|
7250
7429
|
// src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
|
|
7251
|
-
var
|
|
7430
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7252
7431
|
var ScThinkingStepIcon = ({
|
|
7253
7432
|
state = "default",
|
|
7254
7433
|
size = 12,
|
|
@@ -7257,13 +7436,13 @@ var ScThinkingStepIcon = ({
|
|
|
7257
7436
|
...props
|
|
7258
7437
|
}) => {
|
|
7259
7438
|
const variantsClassName = ScThinkingStepIcon_default["state-" + state];
|
|
7260
|
-
return /* @__PURE__ */ (0,
|
|
7439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7261
7440
|
"span",
|
|
7262
7441
|
{
|
|
7263
7442
|
className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
|
|
7264
7443
|
style: { width: size, height: size, ...style },
|
|
7265
7444
|
...props,
|
|
7266
|
-
children: /* @__PURE__ */ (0,
|
|
7445
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
7267
7446
|
"svg",
|
|
7268
7447
|
{
|
|
7269
7448
|
className: ScThinkingStepIcon_default.glyph,
|
|
@@ -7274,7 +7453,7 @@ var ScThinkingStepIcon = ({
|
|
|
7274
7453
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7275
7454
|
"aria-hidden": "true",
|
|
7276
7455
|
children: [
|
|
7277
|
-
state === "default" && /* @__PURE__ */ (0,
|
|
7456
|
+
state === "default" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7278
7457
|
"circle",
|
|
7279
7458
|
{
|
|
7280
7459
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -7285,7 +7464,7 @@ var ScThinkingStepIcon = ({
|
|
|
7285
7464
|
strokeLinecap: "round"
|
|
7286
7465
|
}
|
|
7287
7466
|
),
|
|
7288
|
-
state === "working" && /* @__PURE__ */ (0,
|
|
7467
|
+
state === "working" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7289
7468
|
"path",
|
|
7290
7469
|
{
|
|
7291
7470
|
className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
|
|
@@ -7295,7 +7474,7 @@ var ScThinkingStepIcon = ({
|
|
|
7295
7474
|
strokeLinejoin: "round"
|
|
7296
7475
|
}
|
|
7297
7476
|
),
|
|
7298
|
-
state === "completed" && /* @__PURE__ */ (0,
|
|
7477
|
+
state === "completed" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7299
7478
|
"path",
|
|
7300
7479
|
{
|
|
7301
7480
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -7305,7 +7484,7 @@ var ScThinkingStepIcon = ({
|
|
|
7305
7484
|
strokeLinejoin: "round"
|
|
7306
7485
|
}
|
|
7307
7486
|
),
|
|
7308
|
-
state === "error" && /* @__PURE__ */ (0,
|
|
7487
|
+
state === "error" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7309
7488
|
"path",
|
|
7310
7489
|
{
|
|
7311
7490
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -7345,7 +7524,7 @@ var ScInChatList_default = {
|
|
|
7345
7524
|
|
|
7346
7525
|
// src/SC-InChatList/ScInChatList.tsx
|
|
7347
7526
|
var import_icons61 = require("@streamoid/icons");
|
|
7348
|
-
var
|
|
7527
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
7349
7528
|
var ScInChatList = ({
|
|
7350
7529
|
title = "Infrastructure that helps modern brands scale",
|
|
7351
7530
|
description = "Description",
|
|
@@ -7362,33 +7541,33 @@ var ScInChatList = ({
|
|
|
7362
7541
|
}) => {
|
|
7363
7542
|
const isExpandable = descriptionVisibility === "hidden" || descriptionVisibility === "visible";
|
|
7364
7543
|
const isExpanded = descriptionVisibility === "visible";
|
|
7365
|
-
return /* @__PURE__ */ (0,
|
|
7544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
7366
7545
|
"div",
|
|
7367
7546
|
{
|
|
7368
7547
|
className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
|
|
7369
7548
|
style,
|
|
7370
7549
|
children: [
|
|
7371
|
-
leadingIndicator && /* @__PURE__ */ (0,
|
|
7372
|
-
/* @__PURE__ */ (0,
|
|
7373
|
-
/* @__PURE__ */ (0,
|
|
7374
|
-
showSteps && /* @__PURE__ */ (0,
|
|
7375
|
-
/* @__PURE__ */ (0,
|
|
7550
|
+
leadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ScThinkingStepIcon, { state: iconState }) }),
|
|
7551
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ScInChatList_default.content, children: [
|
|
7552
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ScInChatList_default.headerArea, children: [
|
|
7553
|
+
showSteps && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: ScInChatList_default.stepCount, children: stepCount }),
|
|
7554
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
7376
7555
|
"div",
|
|
7377
7556
|
{
|
|
7378
7557
|
className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
|
|
7379
7558
|
onClick: isExpandable ? onToggle : void 0,
|
|
7380
7559
|
children: [
|
|
7381
|
-
/* @__PURE__ */ (0,
|
|
7382
|
-
isExpandable && /* @__PURE__ */ (0,
|
|
7560
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: ScInChatList_default.title, children: title }),
|
|
7561
|
+
isExpandable && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons61.SiconUp, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons61.SiconDown, { size: 12, className: ScInChatList_default.chevronIcon }) })
|
|
7383
7562
|
]
|
|
7384
7563
|
}
|
|
7385
7564
|
),
|
|
7386
|
-
isExpanded && /* @__PURE__ */ (0,
|
|
7387
|
-
/* @__PURE__ */ (0,
|
|
7388
|
-
/* @__PURE__ */ (0,
|
|
7565
|
+
isExpanded && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ScInChatList_default.descriptionRow, children: [
|
|
7566
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons61.SiconDot, { size: 20, className: ScInChatList_default.descriptionDot }) }),
|
|
7567
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: ScInChatList_default.descriptionText, children: description })
|
|
7389
7568
|
] })
|
|
7390
7569
|
] }),
|
|
7391
|
-
showTool && /* @__PURE__ */ (0,
|
|
7570
|
+
showTool && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
|
|
7392
7571
|
] })
|
|
7393
7572
|
]
|
|
7394
7573
|
}
|
|
@@ -7402,7 +7581,7 @@ var ScSubAgent_default = {
|
|
|
7402
7581
|
};
|
|
7403
7582
|
|
|
7404
7583
|
// src/SC-SubAgent/ScSubAgent.tsx
|
|
7405
|
-
var
|
|
7584
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
7406
7585
|
function formatSubAgentLabel(agentName) {
|
|
7407
7586
|
const normalized = (agentName ?? "").trim();
|
|
7408
7587
|
if (!normalized) return "Using sub-agent...";
|
|
@@ -7415,12 +7594,12 @@ var ScSubAgent = ({
|
|
|
7415
7594
|
...props
|
|
7416
7595
|
}) => {
|
|
7417
7596
|
const label = text ?? formatSubAgentLabel(agentName);
|
|
7418
|
-
return /* @__PURE__ */ (0,
|
|
7597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7419
7598
|
"div",
|
|
7420
7599
|
{
|
|
7421
7600
|
className: [ScSubAgent_default.scSubAgent, className].filter(Boolean).join(" "),
|
|
7422
7601
|
...props,
|
|
7423
|
-
children: /* @__PURE__ */ (0,
|
|
7602
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: ScSubAgent_default.label, children: label })
|
|
7424
7603
|
}
|
|
7425
7604
|
);
|
|
7426
7605
|
};
|
|
@@ -7434,7 +7613,7 @@ var ScInChatMessage_default = {
|
|
|
7434
7613
|
};
|
|
7435
7614
|
|
|
7436
7615
|
// src/SC-InChatMessage/ScInChatMessage.tsx
|
|
7437
|
-
var
|
|
7616
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
7438
7617
|
var ScInChatMessage = ({
|
|
7439
7618
|
type = "input",
|
|
7440
7619
|
text,
|
|
@@ -7444,13 +7623,13 @@ var ScInChatMessage = ({
|
|
|
7444
7623
|
...props
|
|
7445
7624
|
}) => {
|
|
7446
7625
|
const variantsClassName = ScInChatMessage_default["type-" + type];
|
|
7447
|
-
return /* @__PURE__ */ (0,
|
|
7626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7448
7627
|
"div",
|
|
7449
7628
|
{
|
|
7450
7629
|
className: [ScInChatMessage_default.scInChatMessage, variantsClassName, className].filter(Boolean).join(" "),
|
|
7451
7630
|
id,
|
|
7452
7631
|
...props,
|
|
7453
|
-
children: /* @__PURE__ */ (0,
|
|
7632
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: ScInChatMessage_default.text, children: children ?? text })
|
|
7454
7633
|
}
|
|
7455
7634
|
);
|
|
7456
7635
|
};
|
|
@@ -7467,7 +7646,7 @@ var ScSelection_default = {
|
|
|
7467
7646
|
};
|
|
7468
7647
|
|
|
7469
7648
|
// src/SC-Selection/ScSelection.tsx
|
|
7470
|
-
var
|
|
7649
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
7471
7650
|
var ScSelection = ({
|
|
7472
7651
|
title = "Title",
|
|
7473
7652
|
description = "Description",
|
|
@@ -7483,23 +7662,23 @@ var ScSelection = ({
|
|
|
7483
7662
|
onClick?.(event);
|
|
7484
7663
|
onSelect?.(value);
|
|
7485
7664
|
};
|
|
7486
|
-
return /* @__PURE__ */ (0,
|
|
7665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
7487
7666
|
"div",
|
|
7488
7667
|
{
|
|
7489
7668
|
className: [ScSelection_default.scSelection, variantsClassName, className].filter(Boolean).join(" "),
|
|
7490
7669
|
onClick: handleClick,
|
|
7491
7670
|
...props,
|
|
7492
7671
|
children: [
|
|
7493
|
-
/* @__PURE__ */ (0,
|
|
7672
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
7494
7673
|
ScRadio,
|
|
7495
7674
|
{
|
|
7496
7675
|
state: active ? "selected" : "default",
|
|
7497
7676
|
className: ScSelection_default.scRadioInstance
|
|
7498
7677
|
}
|
|
7499
7678
|
),
|
|
7500
|
-
/* @__PURE__ */ (0,
|
|
7501
|
-
/* @__PURE__ */ (0,
|
|
7502
|
-
description && /* @__PURE__ */ (0,
|
|
7679
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScSelection_default.wrapper, children: [
|
|
7680
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: ScSelection_default.title, children: title }),
|
|
7681
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: ScSelection_default.description, children: description })
|
|
7503
7682
|
] })
|
|
7504
7683
|
]
|
|
7505
7684
|
}
|
|
@@ -7526,7 +7705,7 @@ var ScSelectionList_default = {
|
|
|
7526
7705
|
};
|
|
7527
7706
|
|
|
7528
7707
|
// src/SC-SelectionList/ScSelectionList.tsx
|
|
7529
|
-
var
|
|
7708
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
7530
7709
|
var ScSelectionList = ({
|
|
7531
7710
|
state = "default",
|
|
7532
7711
|
label = "Suggested Colours: ",
|
|
@@ -7549,14 +7728,14 @@ var ScSelectionList = ({
|
|
|
7549
7728
|
onChange?.(next);
|
|
7550
7729
|
if (next === "rejected") onReject?.();
|
|
7551
7730
|
};
|
|
7552
|
-
return /* @__PURE__ */ (0,
|
|
7731
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
7553
7732
|
"div",
|
|
7554
7733
|
{
|
|
7555
7734
|
className: ScSelectionList_default.scSelectionList + (disabled ? " " + ScSelectionList_default.disabled : "") + (className ? " " + className : "") + " " + variantsClassName,
|
|
7556
7735
|
...props,
|
|
7557
7736
|
children: [
|
|
7558
|
-
/* @__PURE__ */ (0,
|
|
7559
|
-
/* @__PURE__ */ (0,
|
|
7737
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScSelectionList_default.toggles, children: [
|
|
7738
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7560
7739
|
"button",
|
|
7561
7740
|
{
|
|
7562
7741
|
type: "button",
|
|
@@ -7565,7 +7744,7 @@ var ScSelectionList = ({
|
|
|
7565
7744
|
disabled,
|
|
7566
7745
|
"aria-pressed": state === "approved",
|
|
7567
7746
|
"aria-label": state === "approved" ? "Revoke approval" : "Approve",
|
|
7568
|
-
children: /* @__PURE__ */ (0,
|
|
7747
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7569
7748
|
"svg",
|
|
7570
7749
|
{
|
|
7571
7750
|
className: ScSelectionList_default.checkIcon,
|
|
@@ -7574,7 +7753,7 @@ var ScSelectionList = ({
|
|
|
7574
7753
|
viewBox: "0 0 8 6",
|
|
7575
7754
|
fill: "none",
|
|
7576
7755
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7577
|
-
children: /* @__PURE__ */ (0,
|
|
7756
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7578
7757
|
"path",
|
|
7579
7758
|
{
|
|
7580
7759
|
d: "M0.5 3.5L2.5 5.5L7.5 0.5",
|
|
@@ -7587,7 +7766,7 @@ var ScSelectionList = ({
|
|
|
7587
7766
|
)
|
|
7588
7767
|
}
|
|
7589
7768
|
),
|
|
7590
|
-
/* @__PURE__ */ (0,
|
|
7769
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7591
7770
|
"button",
|
|
7592
7771
|
{
|
|
7593
7772
|
type: "button",
|
|
@@ -7596,7 +7775,7 @@ var ScSelectionList = ({
|
|
|
7596
7775
|
disabled,
|
|
7597
7776
|
"aria-pressed": state === "rejected",
|
|
7598
7777
|
"aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
|
|
7599
|
-
children: /* @__PURE__ */ (0,
|
|
7778
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7600
7779
|
"svg",
|
|
7601
7780
|
{
|
|
7602
7781
|
className: ScSelectionList_default.closeIcon,
|
|
@@ -7605,7 +7784,7 @@ var ScSelectionList = ({
|
|
|
7605
7784
|
viewBox: "0 0 6.24261 6.24262",
|
|
7606
7785
|
fill: "none",
|
|
7607
7786
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7608
|
-
children: /* @__PURE__ */ (0,
|
|
7787
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7609
7788
|
"path",
|
|
7610
7789
|
{
|
|
7611
7790
|
d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
|
|
@@ -7619,9 +7798,9 @@ var ScSelectionList = ({
|
|
|
7619
7798
|
}
|
|
7620
7799
|
)
|
|
7621
7800
|
] }),
|
|
7622
|
-
/* @__PURE__ */ (0,
|
|
7623
|
-
/* @__PURE__ */ (0,
|
|
7624
|
-
/* @__PURE__ */ (0,
|
|
7801
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScSelectionList_default.row, children: [
|
|
7802
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: ScSelectionList_default.label, children: label }),
|
|
7803
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
|
|
7625
7804
|
] }) })
|
|
7626
7805
|
]
|
|
7627
7806
|
}
|
|
@@ -7648,7 +7827,7 @@ var ScTextArea_default = {
|
|
|
7648
7827
|
};
|
|
7649
7828
|
|
|
7650
7829
|
// src/SC-textArea/ScTextArea.tsx
|
|
7651
|
-
var
|
|
7830
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
7652
7831
|
var ScTextArea = ({
|
|
7653
7832
|
state,
|
|
7654
7833
|
labelGroup = "",
|
|
@@ -7663,23 +7842,23 @@ var ScTextArea = ({
|
|
|
7663
7842
|
const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
|
|
7664
7843
|
const stateClass = ScTextArea_default["state-" + derivedState];
|
|
7665
7844
|
const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
|
|
7666
|
-
return /* @__PURE__ */ (0,
|
|
7845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
7667
7846
|
"div",
|
|
7668
7847
|
{
|
|
7669
7848
|
className: [ScTextArea_default.scTextArea, stateClass, labelGroupClass, className].filter(Boolean).join(" "),
|
|
7670
7849
|
style,
|
|
7671
7850
|
children: [
|
|
7672
|
-
labelGroup && /* @__PURE__ */ (0,
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7851
|
+
labelGroup && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScTextArea_default.labelContainer, children: [
|
|
7852
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScTextArea_default.label, children: [
|
|
7674
7853
|
label,
|
|
7675
7854
|
" "
|
|
7676
7855
|
] }),
|
|
7677
|
-
labelGroup === "text" && /* @__PURE__ */ (0,
|
|
7856
|
+
labelGroup === "text" && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScTextArea_default.info, children: [
|
|
7678
7857
|
info,
|
|
7679
7858
|
" "
|
|
7680
7859
|
] })
|
|
7681
7860
|
] }),
|
|
7682
|
-
/* @__PURE__ */ (0,
|
|
7861
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
7683
7862
|
"textarea",
|
|
7684
7863
|
{
|
|
7685
7864
|
className: ScTextArea_default.inputText,
|
|
@@ -7726,7 +7905,7 @@ var ScSelect_default = {
|
|
|
7726
7905
|
};
|
|
7727
7906
|
|
|
7728
7907
|
// src/SC-select/ScSelect.tsx
|
|
7729
|
-
var
|
|
7908
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
7730
7909
|
var ScSelect = (props) => {
|
|
7731
7910
|
const {
|
|
7732
7911
|
value,
|
|
@@ -7766,10 +7945,10 @@ var ScSelect = (props) => {
|
|
|
7766
7945
|
labelGroup ? ScSelect_default["label-group-" + labelGroup] : void 0,
|
|
7767
7946
|
className
|
|
7768
7947
|
].filter(Boolean).join(" ");
|
|
7769
|
-
return /* @__PURE__ */ (0,
|
|
7770
|
-
labelGroup === "label" && label ? /* @__PURE__ */ (0,
|
|
7771
|
-
/* @__PURE__ */ (0,
|
|
7772
|
-
/* @__PURE__ */ (0,
|
|
7948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: rootClass, ref: rootRef, children: [
|
|
7949
|
+
labelGroup === "label" && label ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScSelect_default.label, children: label }) }) : null,
|
|
7950
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: ScSelect_default.selectArea, children: [
|
|
7951
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
7773
7952
|
"button",
|
|
7774
7953
|
{
|
|
7775
7954
|
type: "button",
|
|
@@ -7779,18 +7958,18 @@ var ScSelect = (props) => {
|
|
|
7779
7958
|
"aria-haspopup": "listbox",
|
|
7780
7959
|
"aria-expanded": open,
|
|
7781
7960
|
children: [
|
|
7782
|
-
/* @__PURE__ */ (0,
|
|
7961
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7783
7962
|
"span",
|
|
7784
7963
|
{
|
|
7785
7964
|
className: [ScSelect_default.triggerText, selected ? void 0 : ScSelect_default.placeholder].filter(Boolean).join(" "),
|
|
7786
7965
|
children: selected ? selected.label : placeholder
|
|
7787
7966
|
}
|
|
7788
7967
|
),
|
|
7789
|
-
/* @__PURE__ */ (0,
|
|
7968
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7790
7969
|
"span",
|
|
7791
7970
|
{
|
|
7792
7971
|
className: [ScSelect_default.chevron, open ? ScSelect_default.chevronOpen : void 0].filter(Boolean).join(" "),
|
|
7793
|
-
children: /* @__PURE__ */ (0,
|
|
7972
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7794
7973
|
"path",
|
|
7795
7974
|
{
|
|
7796
7975
|
d: "M5 7.5L10 12.5L15 7.5",
|
|
@@ -7805,13 +7984,13 @@ var ScSelect = (props) => {
|
|
|
7805
7984
|
]
|
|
7806
7985
|
}
|
|
7807
7986
|
),
|
|
7808
|
-
open ? /* @__PURE__ */ (0,
|
|
7987
|
+
open ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
|
|
7809
7988
|
const isSelected = option.id === value;
|
|
7810
7989
|
const optionClass = [
|
|
7811
7990
|
ScSelect_default.option,
|
|
7812
7991
|
isSelected ? ScSelect_default["option-selected"] : void 0
|
|
7813
7992
|
].filter(Boolean).join(" ");
|
|
7814
|
-
return /* @__PURE__ */ (0,
|
|
7993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
7815
7994
|
"div",
|
|
7816
7995
|
{
|
|
7817
7996
|
className: optionClass,
|
|
@@ -7819,8 +7998,8 @@ var ScSelect = (props) => {
|
|
|
7819
7998
|
"aria-selected": isSelected,
|
|
7820
7999
|
onClick: () => handleSelect(option.id),
|
|
7821
8000
|
children: [
|
|
7822
|
-
/* @__PURE__ */ (0,
|
|
7823
|
-
option.description ? /* @__PURE__ */ (0,
|
|
8001
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: ScSelect_default.optionLabel, children: option.label }),
|
|
8002
|
+
option.description ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
|
|
7824
8003
|
]
|
|
7825
8004
|
},
|
|
7826
8005
|
option.id
|
|
@@ -7855,7 +8034,7 @@ var ScFileField_default = {
|
|
|
7855
8034
|
};
|
|
7856
8035
|
|
|
7857
8036
|
// src/SC-fileField/ScFileField.tsx
|
|
7858
|
-
var
|
|
8037
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
7859
8038
|
var ScFileField = (props) => {
|
|
7860
8039
|
const {
|
|
7861
8040
|
onFileSelect,
|
|
@@ -7878,7 +8057,7 @@ var ScFileField = (props) => {
|
|
|
7878
8057
|
onFileSelect(e.target.files);
|
|
7879
8058
|
}
|
|
7880
8059
|
};
|
|
7881
|
-
const uploadIcon = /* @__PURE__ */ (0,
|
|
8060
|
+
const uploadIcon = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
7882
8061
|
"svg",
|
|
7883
8062
|
{
|
|
7884
8063
|
className: ScFileField_default.uploadIcon,
|
|
@@ -7892,13 +8071,13 @@ var ScFileField = (props) => {
|
|
|
7892
8071
|
strokeLinejoin: "round",
|
|
7893
8072
|
"aria-hidden": "true",
|
|
7894
8073
|
children: [
|
|
7895
|
-
/* @__PURE__ */ (0,
|
|
7896
|
-
/* @__PURE__ */ (0,
|
|
7897
|
-
/* @__PURE__ */ (0,
|
|
8074
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
8075
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M12 16V4" }),
|
|
8076
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M7 9l5-5 5 5" })
|
|
7898
8077
|
]
|
|
7899
8078
|
}
|
|
7900
8079
|
);
|
|
7901
|
-
const fileIcon = /* @__PURE__ */ (0,
|
|
8080
|
+
const fileIcon = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
7902
8081
|
"svg",
|
|
7903
8082
|
{
|
|
7904
8083
|
className: ScFileField_default.fileIcon,
|
|
@@ -7912,12 +8091,12 @@ var ScFileField = (props) => {
|
|
|
7912
8091
|
strokeLinejoin: "round",
|
|
7913
8092
|
"aria-hidden": "true",
|
|
7914
8093
|
children: [
|
|
7915
|
-
/* @__PURE__ */ (0,
|
|
7916
|
-
/* @__PURE__ */ (0,
|
|
8094
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
|
|
8095
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M14 2v6h6" })
|
|
7917
8096
|
]
|
|
7918
8097
|
}
|
|
7919
8098
|
);
|
|
7920
|
-
const clearIcon = /* @__PURE__ */ (0,
|
|
8099
|
+
const clearIcon = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
7921
8100
|
"svg",
|
|
7922
8101
|
{
|
|
7923
8102
|
width: "20",
|
|
@@ -7930,20 +8109,20 @@ var ScFileField = (props) => {
|
|
|
7930
8109
|
strokeLinejoin: "round",
|
|
7931
8110
|
"aria-hidden": "true",
|
|
7932
8111
|
children: [
|
|
7933
|
-
/* @__PURE__ */ (0,
|
|
7934
|
-
/* @__PURE__ */ (0,
|
|
8112
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M18 6L6 18" }),
|
|
8113
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M6 6l12 12" })
|
|
7935
8114
|
]
|
|
7936
8115
|
}
|
|
7937
8116
|
);
|
|
7938
8117
|
const rootClass = [ScFileField_default.scFileField, className].filter(Boolean).join(" ");
|
|
7939
8118
|
const showRow = hasFile || isUploading;
|
|
7940
|
-
return /* @__PURE__ */ (0,
|
|
7941
|
-
label ? /* @__PURE__ */ (0,
|
|
7942
|
-
showRow ? /* @__PURE__ */ (0,
|
|
8119
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: rootClass, children: [
|
|
8120
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: ScFileField_default.label, children: label }) }) : null,
|
|
8121
|
+
showRow ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: ScFileField_default.inputContainer, children: [
|
|
7943
8122
|
fileIcon,
|
|
7944
|
-
/* @__PURE__ */ (0,
|
|
7945
|
-
/* @__PURE__ */ (0,
|
|
7946
|
-
isUploading ? /* @__PURE__ */ (0,
|
|
8123
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: ScFileField_default.fileInfo, children: [
|
|
8124
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: ScFileField_default.fileName, children: fileName }),
|
|
8125
|
+
isUploading ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7947
8126
|
"div",
|
|
7948
8127
|
{
|
|
7949
8128
|
className: ScFileField_default.progressFill,
|
|
@@ -7951,7 +8130,7 @@ var ScFileField = (props) => {
|
|
|
7951
8130
|
}
|
|
7952
8131
|
) }) : null
|
|
7953
8132
|
] }),
|
|
7954
|
-
!isUploading ? /* @__PURE__ */ (0,
|
|
8133
|
+
!isUploading ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7955
8134
|
"button",
|
|
7956
8135
|
{
|
|
7957
8136
|
type: "button",
|
|
@@ -7961,8 +8140,8 @@ var ScFileField = (props) => {
|
|
|
7961
8140
|
children: clearIcon
|
|
7962
8141
|
}
|
|
7963
8142
|
) : null
|
|
7964
|
-
] }) : /* @__PURE__ */ (0,
|
|
7965
|
-
/* @__PURE__ */ (0,
|
|
8143
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("label", { className: ScFileField_default.dropzone, children: [
|
|
8144
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7966
8145
|
"input",
|
|
7967
8146
|
{
|
|
7968
8147
|
ref: inputRef,
|
|
@@ -7974,16 +8153,16 @@ var ScFileField = (props) => {
|
|
|
7974
8153
|
}
|
|
7975
8154
|
),
|
|
7976
8155
|
uploadIcon,
|
|
7977
|
-
/* @__PURE__ */ (0,
|
|
7978
|
-
/* @__PURE__ */ (0,
|
|
8156
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: ScFileField_default.dropzoneText, children: [
|
|
8157
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
|
|
7979
8158
|
" or drag and drop"
|
|
7980
8159
|
] }),
|
|
7981
|
-
accept ? /* @__PURE__ */ (0,
|
|
8160
|
+
accept ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: ScFileField_default.acceptedText, children: [
|
|
7982
8161
|
"Accepted: ",
|
|
7983
8162
|
accept
|
|
7984
8163
|
] }) : null
|
|
7985
8164
|
] }),
|
|
7986
|
-
error ? /* @__PURE__ */ (0,
|
|
8165
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: ScFileField_default.errorText, children: error }) : null
|
|
7987
8166
|
] });
|
|
7988
8167
|
};
|
|
7989
8168
|
|
|
@@ -8013,7 +8192,7 @@ var ScMediaApproval_default = {
|
|
|
8013
8192
|
};
|
|
8014
8193
|
|
|
8015
8194
|
// src/SC-mediaApproval/ScMediaApproval.tsx
|
|
8016
|
-
var
|
|
8195
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
8017
8196
|
var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
|
|
8018
8197
|
var isVideoUrl = (url, mediaType) => {
|
|
8019
8198
|
if (mediaType === "video") return true;
|
|
@@ -8055,9 +8234,9 @@ var ScMediaApproval = (props) => {
|
|
|
8055
8234
|
const handlePreview = () => {
|
|
8056
8235
|
if (currentUrl && onPreview) onPreview(currentUrl);
|
|
8057
8236
|
};
|
|
8058
|
-
return /* @__PURE__ */ (0,
|
|
8059
|
-
/* @__PURE__ */ (0,
|
|
8060
|
-
currentUrl ? currentIsVideo ? /* @__PURE__ */ (0,
|
|
8237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
|
|
8238
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ScMediaApproval_default.mediaFrame, children: [
|
|
8239
|
+
currentUrl ? currentIsVideo ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8061
8240
|
"video",
|
|
8062
8241
|
{
|
|
8063
8242
|
className: ScMediaApproval_default.media,
|
|
@@ -8066,7 +8245,7 @@ var ScMediaApproval = (props) => {
|
|
|
8066
8245
|
onClick: handlePreview,
|
|
8067
8246
|
onLoadedData: () => setMediaLoading(false)
|
|
8068
8247
|
}
|
|
8069
|
-
) : /* @__PURE__ */ (0,
|
|
8248
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8070
8249
|
"img",
|
|
8071
8250
|
{
|
|
8072
8251
|
className: ScMediaApproval_default.media,
|
|
@@ -8075,8 +8254,8 @@ var ScMediaApproval = (props) => {
|
|
|
8075
8254
|
onClick: handlePreview,
|
|
8076
8255
|
onLoad: () => setMediaLoading(false)
|
|
8077
8256
|
}
|
|
8078
|
-
) : /* @__PURE__ */ (0,
|
|
8079
|
-
(loading || mediaLoading) && /* @__PURE__ */ (0,
|
|
8257
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: ScMediaApproval_default.mediaEmpty }),
|
|
8258
|
+
(loading || mediaLoading) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8080
8259
|
"svg",
|
|
8081
8260
|
{
|
|
8082
8261
|
className: ScMediaApproval_default.spinner,
|
|
@@ -8084,7 +8263,7 @@ var ScMediaApproval = (props) => {
|
|
|
8084
8263
|
height: "32",
|
|
8085
8264
|
viewBox: "0 0 24 24",
|
|
8086
8265
|
fill: "none",
|
|
8087
|
-
children: /* @__PURE__ */ (0,
|
|
8266
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8088
8267
|
"path",
|
|
8089
8268
|
{
|
|
8090
8269
|
d: "M12 3a9 9 0 1 0 9 9",
|
|
@@ -8095,15 +8274,15 @@ var ScMediaApproval = (props) => {
|
|
|
8095
8274
|
)
|
|
8096
8275
|
}
|
|
8097
8276
|
) }),
|
|
8098
|
-
total > 1 && /* @__PURE__ */ (0,
|
|
8099
|
-
/* @__PURE__ */ (0,
|
|
8277
|
+
total > 1 && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
|
|
8278
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8100
8279
|
"button",
|
|
8101
8280
|
{
|
|
8102
8281
|
type: "button",
|
|
8103
8282
|
className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navPrev].join(" "),
|
|
8104
8283
|
"aria-label": "Previous",
|
|
8105
8284
|
onClick: () => goTo(safeIndex - 1),
|
|
8106
|
-
children: /* @__PURE__ */ (0,
|
|
8285
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8107
8286
|
"path",
|
|
8108
8287
|
{
|
|
8109
8288
|
d: "M15 6L9 12L15 18",
|
|
@@ -8115,14 +8294,14 @@ var ScMediaApproval = (props) => {
|
|
|
8115
8294
|
) })
|
|
8116
8295
|
}
|
|
8117
8296
|
),
|
|
8118
|
-
/* @__PURE__ */ (0,
|
|
8297
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8119
8298
|
"button",
|
|
8120
8299
|
{
|
|
8121
8300
|
type: "button",
|
|
8122
8301
|
className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navNext].join(" "),
|
|
8123
8302
|
"aria-label": "Next",
|
|
8124
8303
|
onClick: () => goTo(safeIndex + 1),
|
|
8125
|
-
children: /* @__PURE__ */ (0,
|
|
8304
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8126
8305
|
"path",
|
|
8127
8306
|
{
|
|
8128
8307
|
d: "M9 6L15 12L9 18",
|
|
@@ -8134,12 +8313,12 @@ var ScMediaApproval = (props) => {
|
|
|
8134
8313
|
) })
|
|
8135
8314
|
}
|
|
8136
8315
|
),
|
|
8137
|
-
/* @__PURE__ */ (0,
|
|
8316
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ScMediaApproval_default.counterBadge, children: [
|
|
8138
8317
|
safeIndex + 1,
|
|
8139
8318
|
" / ",
|
|
8140
8319
|
total
|
|
8141
8320
|
] }),
|
|
8142
|
-
/* @__PURE__ */ (0,
|
|
8321
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8143
8322
|
"button",
|
|
8144
8323
|
{
|
|
8145
8324
|
type: "button",
|
|
@@ -8154,9 +8333,9 @@ var ScMediaApproval = (props) => {
|
|
|
8154
8333
|
)) })
|
|
8155
8334
|
] })
|
|
8156
8335
|
] }),
|
|
8157
|
-
/* @__PURE__ */ (0,
|
|
8158
|
-
/* @__PURE__ */ (0,
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8336
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ScMediaApproval_default.feedbackBlock, children: [
|
|
8337
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
|
|
8338
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
8160
8339
|
"textarea",
|
|
8161
8340
|
{
|
|
8162
8341
|
className: ScMediaApproval_default.textArea,
|
|
@@ -8192,8 +8371,8 @@ var ScMediaSelect_default = {
|
|
|
8192
8371
|
};
|
|
8193
8372
|
|
|
8194
8373
|
// src/SC-mediaSelect/ScMediaSelect.tsx
|
|
8195
|
-
var
|
|
8196
|
-
var CheckBadge = () => /* @__PURE__ */ (0,
|
|
8374
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
8375
|
+
var CheckBadge = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
8197
8376
|
"path",
|
|
8198
8377
|
{
|
|
8199
8378
|
d: "M3.5 7.25L6 9.75L10.5 4.75",
|
|
@@ -8203,7 +8382,7 @@ var CheckBadge = () => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { c
|
|
|
8203
8382
|
strokeLinejoin: "round"
|
|
8204
8383
|
}
|
|
8205
8384
|
) }) });
|
|
8206
|
-
var MaximizeIcon = () => /* @__PURE__ */ (0,
|
|
8385
|
+
var MaximizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
8207
8386
|
"path",
|
|
8208
8387
|
{
|
|
8209
8388
|
d: "M15 3H21V9M9 21H3V15M21 3L14 10M3 21L10 14",
|
|
@@ -8233,11 +8412,11 @@ var ScMediaSelect = (props) => {
|
|
|
8233
8412
|
let countLabel = selectedCount + " of " + total + " selected";
|
|
8234
8413
|
if (min > 0) countLabel += " (min " + min + ")";
|
|
8235
8414
|
if (resolvedMax < total) countLabel += " (max " + resolvedMax + ")";
|
|
8236
|
-
return /* @__PURE__ */ (0,
|
|
8237
|
-
/* @__PURE__ */ (0,
|
|
8238
|
-
/* @__PURE__ */ (0,
|
|
8239
|
-
/* @__PURE__ */ (0,
|
|
8240
|
-
/* @__PURE__ */ (0,
|
|
8415
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
|
|
8416
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScMediaSelect_default.header, children: [
|
|
8417
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
|
|
8418
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScMediaSelect_default.actions, children: [
|
|
8419
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
8241
8420
|
"button",
|
|
8242
8421
|
{
|
|
8243
8422
|
type: "button",
|
|
@@ -8246,8 +8425,8 @@ var ScMediaSelect = (props) => {
|
|
|
8246
8425
|
children: "Select all"
|
|
8247
8426
|
}
|
|
8248
8427
|
),
|
|
8249
|
-
/* @__PURE__ */ (0,
|
|
8250
|
-
/* @__PURE__ */ (0,
|
|
8428
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: ScMediaSelect_default.divider, children: "|" }),
|
|
8429
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
8251
8430
|
"button",
|
|
8252
8431
|
{
|
|
8253
8432
|
type: "button",
|
|
@@ -8258,13 +8437,13 @@ var ScMediaSelect = (props) => {
|
|
|
8258
8437
|
)
|
|
8259
8438
|
] })
|
|
8260
8439
|
] }),
|
|
8261
|
-
/* @__PURE__ */ (0,
|
|
8440
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
|
|
8262
8441
|
const isSelected = selectedSet.has(url);
|
|
8263
8442
|
const itemClass = [
|
|
8264
8443
|
ScMediaSelect_default.item,
|
|
8265
8444
|
isSelected ? ScMediaSelect_default["state-selected"] : ScMediaSelect_default["state-default"]
|
|
8266
8445
|
].filter(Boolean).join(" ");
|
|
8267
|
-
return /* @__PURE__ */ (0,
|
|
8446
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
8268
8447
|
"div",
|
|
8269
8448
|
{
|
|
8270
8449
|
className: itemClass,
|
|
@@ -8273,9 +8452,9 @@ var ScMediaSelect = (props) => {
|
|
|
8273
8452
|
tabIndex: 0,
|
|
8274
8453
|
"aria-pressed": isSelected,
|
|
8275
8454
|
children: [
|
|
8276
|
-
mediaType === "video" ? /* @__PURE__ */ (0,
|
|
8277
|
-
isSelected && /* @__PURE__ */ (0,
|
|
8278
|
-
onPreview && /* @__PURE__ */ (0,
|
|
8455
|
+
mediaType === "video" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
|
|
8456
|
+
isSelected && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CheckBadge, {}),
|
|
8457
|
+
onPreview && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
8279
8458
|
"button",
|
|
8280
8459
|
{
|
|
8281
8460
|
type: "button",
|
|
@@ -8285,7 +8464,7 @@ var ScMediaSelect = (props) => {
|
|
|
8285
8464
|
onPreview(url);
|
|
8286
8465
|
},
|
|
8287
8466
|
"aria-label": "Preview",
|
|
8288
|
-
children: /* @__PURE__ */ (0,
|
|
8467
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(MaximizeIcon, {})
|
|
8289
8468
|
}
|
|
8290
8469
|
)
|
|
8291
8470
|
]
|
|
@@ -8320,7 +8499,7 @@ var ScTodoList_default = {
|
|
|
8320
8499
|
};
|
|
8321
8500
|
|
|
8322
8501
|
// src/SC-todoList/ScTodoList.tsx
|
|
8323
|
-
var
|
|
8502
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
8324
8503
|
var ScTodoList = ({
|
|
8325
8504
|
items = [],
|
|
8326
8505
|
onToggle,
|
|
@@ -8354,9 +8533,9 @@ var ScTodoList = ({
|
|
|
8354
8533
|
onAdd?.(newValue);
|
|
8355
8534
|
setNewValue("");
|
|
8356
8535
|
};
|
|
8357
|
-
return /* @__PURE__ */ (0,
|
|
8358
|
-
total > 0 && /* @__PURE__ */ (0,
|
|
8359
|
-
/* @__PURE__ */ (0,
|
|
8536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
|
|
8537
|
+
total > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScTodoList_default.progress, children: [
|
|
8538
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8360
8539
|
"svg",
|
|
8361
8540
|
{
|
|
8362
8541
|
className: ScTodoList_default.progressIcon,
|
|
@@ -8365,7 +8544,7 @@ var ScTodoList = ({
|
|
|
8365
8544
|
viewBox: "0 0 14 14",
|
|
8366
8545
|
fill: "none",
|
|
8367
8546
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8368
|
-
children: /* @__PURE__ */ (0,
|
|
8547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8369
8548
|
"path",
|
|
8370
8549
|
{
|
|
8371
8550
|
d: "M3 7L6 10L11 4",
|
|
@@ -8377,25 +8556,25 @@ var ScTodoList = ({
|
|
|
8377
8556
|
)
|
|
8378
8557
|
}
|
|
8379
8558
|
),
|
|
8380
|
-
/* @__PURE__ */ (0,
|
|
8559
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: ScTodoList_default.progressText, children: [
|
|
8381
8560
|
completed,
|
|
8382
8561
|
" of ",
|
|
8383
8562
|
total,
|
|
8384
8563
|
" completed"
|
|
8385
8564
|
] })
|
|
8386
8565
|
] }),
|
|
8387
|
-
/* @__PURE__ */ (0,
|
|
8566
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: ScTodoList_default.rows, children: items.map((item) => {
|
|
8388
8567
|
const isEditing = editingId === item.id;
|
|
8389
8568
|
const isCompleted = item.status === "completed";
|
|
8390
|
-
return /* @__PURE__ */ (0,
|
|
8391
|
-
/* @__PURE__ */ (0,
|
|
8569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScTodoList_default.row, children: [
|
|
8570
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8392
8571
|
"button",
|
|
8393
8572
|
{
|
|
8394
8573
|
type: "button",
|
|
8395
8574
|
className: ScTodoList_default.checkbox,
|
|
8396
8575
|
"aria-label": isCompleted ? "Mark as pending" : "Mark as completed",
|
|
8397
8576
|
onClick: () => onToggle?.(item.id),
|
|
8398
|
-
children: isCompleted ? /* @__PURE__ */ (0,
|
|
8577
|
+
children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
8399
8578
|
"svg",
|
|
8400
8579
|
{
|
|
8401
8580
|
width: "18",
|
|
@@ -8404,8 +8583,8 @@ var ScTodoList = ({
|
|
|
8404
8583
|
fill: "none",
|
|
8405
8584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8406
8585
|
children: [
|
|
8407
|
-
/* @__PURE__ */ (0,
|
|
8408
|
-
/* @__PURE__ */ (0,
|
|
8586
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
8587
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8409
8588
|
"path",
|
|
8410
8589
|
{
|
|
8411
8590
|
d: "M5.25 9L7.75 11.5L12.75 6.5",
|
|
@@ -8417,7 +8596,7 @@ var ScTodoList = ({
|
|
|
8417
8596
|
)
|
|
8418
8597
|
]
|
|
8419
8598
|
}
|
|
8420
|
-
) : /* @__PURE__ */ (0,
|
|
8599
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8421
8600
|
"svg",
|
|
8422
8601
|
{
|
|
8423
8602
|
width: "18",
|
|
@@ -8425,7 +8604,7 @@ var ScTodoList = ({
|
|
|
8425
8604
|
viewBox: "0 0 18 18",
|
|
8426
8605
|
fill: "none",
|
|
8427
8606
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8428
|
-
children: /* @__PURE__ */ (0,
|
|
8607
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8429
8608
|
"circle",
|
|
8430
8609
|
{
|
|
8431
8610
|
cx: "9",
|
|
@@ -8439,7 +8618,7 @@ var ScTodoList = ({
|
|
|
8439
8618
|
)
|
|
8440
8619
|
}
|
|
8441
8620
|
),
|
|
8442
|
-
isEditing ? /* @__PURE__ */ (0,
|
|
8621
|
+
isEditing ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8443
8622
|
"input",
|
|
8444
8623
|
{
|
|
8445
8624
|
className: ScTodoList_default.editInput,
|
|
@@ -8457,7 +8636,7 @@ var ScTodoList = ({
|
|
|
8457
8636
|
}
|
|
8458
8637
|
}
|
|
8459
8638
|
}
|
|
8460
|
-
) : /* @__PURE__ */ (0,
|
|
8639
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8461
8640
|
"span",
|
|
8462
8641
|
{
|
|
8463
8642
|
className: [
|
|
@@ -8467,15 +8646,15 @@ var ScTodoList = ({
|
|
|
8467
8646
|
children: item.content
|
|
8468
8647
|
}
|
|
8469
8648
|
),
|
|
8470
|
-
!isEditing && /* @__PURE__ */ (0,
|
|
8471
|
-
/* @__PURE__ */ (0,
|
|
8649
|
+
!isEditing && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScTodoList_default.actions, children: [
|
|
8650
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8472
8651
|
"button",
|
|
8473
8652
|
{
|
|
8474
8653
|
type: "button",
|
|
8475
8654
|
className: ScTodoList_default.actionButton,
|
|
8476
8655
|
"aria-label": "Edit item",
|
|
8477
8656
|
onClick: () => startEditing(item),
|
|
8478
|
-
children: /* @__PURE__ */ (0,
|
|
8657
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8479
8658
|
"svg",
|
|
8480
8659
|
{
|
|
8481
8660
|
width: "16",
|
|
@@ -8483,7 +8662,7 @@ var ScTodoList = ({
|
|
|
8483
8662
|
viewBox: "0 0 16 16",
|
|
8484
8663
|
fill: "none",
|
|
8485
8664
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8486
|
-
children: /* @__PURE__ */ (0,
|
|
8665
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8487
8666
|
"path",
|
|
8488
8667
|
{
|
|
8489
8668
|
d: "M11.333 2.667a1.414 1.414 0 0 1 2 2L5.333 12.667l-2.667.667.667-2.667 8-8Z",
|
|
@@ -8497,14 +8676,14 @@ var ScTodoList = ({
|
|
|
8497
8676
|
)
|
|
8498
8677
|
}
|
|
8499
8678
|
),
|
|
8500
|
-
/* @__PURE__ */ (0,
|
|
8679
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8501
8680
|
"button",
|
|
8502
8681
|
{
|
|
8503
8682
|
type: "button",
|
|
8504
8683
|
className: [ScTodoList_default.actionButton, ScTodoList_default.actionButtonDanger].filter(Boolean).join(" "),
|
|
8505
8684
|
"aria-label": "Delete item",
|
|
8506
8685
|
onClick: () => onDelete?.(item.id),
|
|
8507
|
-
children: /* @__PURE__ */ (0,
|
|
8686
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8508
8687
|
"svg",
|
|
8509
8688
|
{
|
|
8510
8689
|
width: "16",
|
|
@@ -8512,7 +8691,7 @@ var ScTodoList = ({
|
|
|
8512
8691
|
viewBox: "0 0 16 16",
|
|
8513
8692
|
fill: "none",
|
|
8514
8693
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8515
|
-
children: /* @__PURE__ */ (0,
|
|
8694
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8516
8695
|
"path",
|
|
8517
8696
|
{
|
|
8518
8697
|
d: "M2.667 4h10.666M6.667 7.333v3.334M9.333 7.333v3.334M3.333 4l.667 8a1.333 1.333 0 0 0 1.333 1.333h5.334A1.333 1.333 0 0 0 12 12l.667-8M6 4V2.667a.667.667 0 0 1 .667-.667h2.666a.667.667 0 0 1 .667.667V4",
|
|
@@ -8529,8 +8708,8 @@ var ScTodoList = ({
|
|
|
8529
8708
|
] })
|
|
8530
8709
|
] }, item.id);
|
|
8531
8710
|
}) }),
|
|
8532
|
-
/* @__PURE__ */ (0,
|
|
8533
|
-
/* @__PURE__ */ (0,
|
|
8711
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScTodoList_default.addRow, children: [
|
|
8712
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8534
8713
|
"input",
|
|
8535
8714
|
{
|
|
8536
8715
|
className: ScTodoList_default.addInput,
|
|
@@ -8545,7 +8724,7 @@ var ScTodoList = ({
|
|
|
8545
8724
|
}
|
|
8546
8725
|
}
|
|
8547
8726
|
),
|
|
8548
|
-
/* @__PURE__ */ (0,
|
|
8727
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8549
8728
|
"button",
|
|
8550
8729
|
{
|
|
8551
8730
|
type: "button",
|
|
@@ -8553,7 +8732,7 @@ var ScTodoList = ({
|
|
|
8553
8732
|
"aria-label": "Add item",
|
|
8554
8733
|
disabled: newValue.trim().length === 0,
|
|
8555
8734
|
onClick: commitAdd,
|
|
8556
|
-
children: /* @__PURE__ */ (0,
|
|
8735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8557
8736
|
"svg",
|
|
8558
8737
|
{
|
|
8559
8738
|
width: "18",
|
|
@@ -8561,7 +8740,7 @@ var ScTodoList = ({
|
|
|
8561
8740
|
viewBox: "0 0 18 18",
|
|
8562
8741
|
fill: "none",
|
|
8563
8742
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8564
|
-
children: /* @__PURE__ */ (0,
|
|
8743
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8565
8744
|
"path",
|
|
8566
8745
|
{
|
|
8567
8746
|
d: "M9 4v10M4 9h10",
|
|
@@ -8588,18 +8767,18 @@ var ScRoleMobile_default = {
|
|
|
8588
8767
|
};
|
|
8589
8768
|
|
|
8590
8769
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
8591
|
-
var
|
|
8770
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
8592
8771
|
var ScRoleMobile = ({
|
|
8593
8772
|
role = "admin",
|
|
8594
8773
|
className,
|
|
8595
8774
|
...props
|
|
8596
8775
|
}) => {
|
|
8597
|
-
return /* @__PURE__ */ (0,
|
|
8776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8598
8777
|
"div",
|
|
8599
8778
|
{
|
|
8600
8779
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
8601
8780
|
...props,
|
|
8602
|
-
children: /* @__PURE__ */ (0,
|
|
8781
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
8603
8782
|
}
|
|
8604
8783
|
);
|
|
8605
8784
|
};
|
|
@@ -8616,7 +8795,7 @@ var ScProfileV2Mobile_default = {
|
|
|
8616
8795
|
};
|
|
8617
8796
|
|
|
8618
8797
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
8619
|
-
var
|
|
8798
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
8620
8799
|
var ScProfileV2Mobile = ({
|
|
8621
8800
|
name = "Chris Hemsworth",
|
|
8622
8801
|
email = "chris@kepler.com",
|
|
@@ -8626,17 +8805,17 @@ var ScProfileV2Mobile = ({
|
|
|
8626
8805
|
...props
|
|
8627
8806
|
}) => {
|
|
8628
8807
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
8629
|
-
const profileImage = /* @__PURE__ */ (0,
|
|
8630
|
-
return /* @__PURE__ */ (0,
|
|
8808
|
+
const profileImage = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
8809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
8631
8810
|
"div",
|
|
8632
8811
|
{
|
|
8633
8812
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
8634
8813
|
...props,
|
|
8635
8814
|
children: [
|
|
8636
8815
|
dpPosition === "left" && profileImage,
|
|
8637
|
-
/* @__PURE__ */ (0,
|
|
8638
|
-
/* @__PURE__ */ (0,
|
|
8639
|
-
/* @__PURE__ */ (0,
|
|
8816
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
8818
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
8640
8819
|
] }),
|
|
8641
8820
|
dpPosition === "right" && profileImage
|
|
8642
8821
|
]
|
|
@@ -8663,7 +8842,7 @@ var ScTableListMobile_default = {
|
|
|
8663
8842
|
};
|
|
8664
8843
|
|
|
8665
8844
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
8666
|
-
var
|
|
8845
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
8667
8846
|
var ScTableListMobile = ({
|
|
8668
8847
|
name = "Chris Hemsworth",
|
|
8669
8848
|
email = "chris@kepler.com",
|
|
@@ -8676,25 +8855,25 @@ var ScTableListMobile = ({
|
|
|
8676
8855
|
...props
|
|
8677
8856
|
}) => {
|
|
8678
8857
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
8679
|
-
return /* @__PURE__ */ (0,
|
|
8858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
8680
8859
|
"div",
|
|
8681
8860
|
{
|
|
8682
8861
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
8683
8862
|
onClick: onRowClick,
|
|
8684
8863
|
...props,
|
|
8685
8864
|
children: [
|
|
8686
|
-
/* @__PURE__ */ (0,
|
|
8687
|
-
/* @__PURE__ */ (0,
|
|
8688
|
-
/* @__PURE__ */ (0,
|
|
8689
|
-
/* @__PURE__ */ (0,
|
|
8865
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
8866
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
8867
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
8868
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
8690
8869
|
] }),
|
|
8691
|
-
/* @__PURE__ */ (0,
|
|
8870
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
8692
8871
|
] }),
|
|
8693
|
-
/* @__PURE__ */ (0,
|
|
8694
|
-
/* @__PURE__ */ (0,
|
|
8695
|
-
/* @__PURE__ */ (0,
|
|
8696
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0,
|
|
8697
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0,
|
|
8872
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
8873
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
8874
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
8875
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
8876
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
8698
8877
|
] })
|
|
8699
8878
|
] })
|
|
8700
8879
|
]
|
|
@@ -8722,7 +8901,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
8722
8901
|
};
|
|
8723
8902
|
|
|
8724
8903
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
8725
|
-
var
|
|
8904
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
8726
8905
|
var ScWorkspaceSwitchMobile = ({
|
|
8727
8906
|
storeName = "Stores",
|
|
8728
8907
|
initials = "WS",
|
|
@@ -8735,24 +8914,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
8735
8914
|
...props
|
|
8736
8915
|
}) => {
|
|
8737
8916
|
const variant = currentWs ? "current" : "other";
|
|
8738
|
-
return /* @__PURE__ */ (0,
|
|
8917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
8739
8918
|
"div",
|
|
8740
8919
|
{
|
|
8741
8920
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
8742
8921
|
onClick,
|
|
8743
8922
|
...props,
|
|
8744
8923
|
children: [
|
|
8745
|
-
/* @__PURE__ */ (0,
|
|
8746
|
-
/* @__PURE__ */ (0,
|
|
8747
|
-
/* @__PURE__ */ (0,
|
|
8748
|
-
/* @__PURE__ */ (0,
|
|
8924
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
8925
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
8926
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
8927
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
8749
8928
|
] }),
|
|
8750
|
-
/* @__PURE__ */ (0,
|
|
8929
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
8751
8930
|
] }),
|
|
8752
|
-
/* @__PURE__ */ (0,
|
|
8753
|
-
/* @__PURE__ */ (0,
|
|
8754
|
-
/* @__PURE__ */ (0,
|
|
8755
|
-
/* @__PURE__ */ (0,
|
|
8931
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
8932
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
8933
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
8934
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
8756
8935
|
] })
|
|
8757
8936
|
]
|
|
8758
8937
|
}
|
|
@@ -8779,7 +8958,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
8779
8958
|
};
|
|
8780
8959
|
|
|
8781
8960
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
8782
|
-
var
|
|
8961
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
8783
8962
|
var ScWorkspaceSettingsMobile = ({
|
|
8784
8963
|
storeName = "Stores",
|
|
8785
8964
|
initials = "WS",
|
|
@@ -8794,28 +8973,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
8794
8973
|
...props
|
|
8795
8974
|
}) => {
|
|
8796
8975
|
const variant = currentWs ? "current" : "other";
|
|
8797
|
-
return /* @__PURE__ */ (0,
|
|
8976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
8798
8977
|
"div",
|
|
8799
8978
|
{
|
|
8800
8979
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
8801
8980
|
onClick,
|
|
8802
8981
|
...props,
|
|
8803
8982
|
children: [
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8805
|
-
/* @__PURE__ */ (0,
|
|
8806
|
-
/* @__PURE__ */ (0,
|
|
8807
|
-
/* @__PURE__ */ (0,
|
|
8983
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
8984
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
8985
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
8986
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
8808
8987
|
] }),
|
|
8809
|
-
/* @__PURE__ */ (0,
|
|
8988
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
8810
8989
|
] }),
|
|
8811
|
-
/* @__PURE__ */ (0,
|
|
8812
|
-
/* @__PURE__ */ (0,
|
|
8813
|
-
/* @__PURE__ */ (0,
|
|
8814
|
-
/* @__PURE__ */ (0,
|
|
8990
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
8991
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
8992
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
8993
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
8815
8994
|
] }),
|
|
8816
|
-
/* @__PURE__ */ (0,
|
|
8817
|
-
/* @__PURE__ */ (0,
|
|
8818
|
-
/* @__PURE__ */ (0,
|
|
8995
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
8996
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
8997
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
8819
8998
|
] })
|
|
8820
8999
|
]
|
|
8821
9000
|
}
|
|
@@ -8838,7 +9017,7 @@ var ScMobileTopNav_default = {
|
|
|
8838
9017
|
};
|
|
8839
9018
|
|
|
8840
9019
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
8841
|
-
var
|
|
9020
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
8842
9021
|
var ScMobileTopNav = ({
|
|
8843
9022
|
type = "home",
|
|
8844
9023
|
searchIcon = false,
|
|
@@ -8861,22 +9040,22 @@ var ScMobileTopNav = ({
|
|
|
8861
9040
|
}) => {
|
|
8862
9041
|
const hasBorder = type === "chat" || type === "inApp";
|
|
8863
9042
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
8864
|
-
return /* @__PURE__ */ (0,
|
|
9043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
|
|
8865
9044
|
"div",
|
|
8866
9045
|
{
|
|
8867
9046
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
8868
9047
|
...props,
|
|
8869
9048
|
children: [
|
|
8870
|
-
type === "home" && /* @__PURE__ */ (0,
|
|
8871
|
-
type === "chat" && /* @__PURE__ */ (0,
|
|
8872
|
-
/* @__PURE__ */ (0,
|
|
8873
|
-
/* @__PURE__ */ (0,
|
|
8874
|
-
/* @__PURE__ */ (0,
|
|
9049
|
+
type === "home" && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
9050
|
+
type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
9051
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
9052
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
9053
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
8875
9054
|
] }),
|
|
8876
|
-
showSearch && /* @__PURE__ */ (0,
|
|
8877
|
-
/* @__PURE__ */ (0,
|
|
8878
|
-
/* @__PURE__ */ (0,
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
9055
|
+
showSearch && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
9056
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
9057
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
9058
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8880
9059
|
"input",
|
|
8881
9060
|
{
|
|
8882
9061
|
type: "text",
|
|
@@ -8887,17 +9066,17 @@ var ScMobileTopNav = ({
|
|
|
8887
9066
|
}
|
|
8888
9067
|
) })
|
|
8889
9068
|
] }) }),
|
|
8890
|
-
/* @__PURE__ */ (0,
|
|
9069
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
8891
9070
|
] }),
|
|
8892
|
-
type === "inApp" && !search && /* @__PURE__ */ (0,
|
|
8893
|
-
/* @__PURE__ */ (0,
|
|
8894
|
-
/* @__PURE__ */ (0,
|
|
8895
|
-
/* @__PURE__ */ (0,
|
|
9071
|
+
type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
9072
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
9073
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
9074
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8896
9075
|
"div",
|
|
8897
9076
|
{
|
|
8898
9077
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
8899
9078
|
onClick: onSearchClick,
|
|
8900
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0,
|
|
9079
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
8901
9080
|
}
|
|
8902
9081
|
)
|
|
8903
9082
|
] })
|
|
@@ -8918,7 +9097,7 @@ var ScMobileBottomAction_default = {
|
|
|
8918
9097
|
};
|
|
8919
9098
|
|
|
8920
9099
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
8921
|
-
var
|
|
9100
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
8922
9101
|
var ScMobileBottomAction = ({
|
|
8923
9102
|
text = "Save Changes",
|
|
8924
9103
|
disabled = false,
|
|
@@ -8930,28 +9109,28 @@ var ScMobileBottomAction = ({
|
|
|
8930
9109
|
...props
|
|
8931
9110
|
}) => {
|
|
8932
9111
|
const isTwoButton = !!secondaryText;
|
|
8933
|
-
return /* @__PURE__ */ (0,
|
|
9112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
|
|
8934
9113
|
"div",
|
|
8935
9114
|
{
|
|
8936
9115
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
8937
9116
|
...props,
|
|
8938
9117
|
children: [
|
|
8939
|
-
isTwoButton && /* @__PURE__ */ (0,
|
|
9118
|
+
isTwoButton && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
8940
9119
|
"button",
|
|
8941
9120
|
{
|
|
8942
9121
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
8943
9122
|
onClick: onSecondaryClick,
|
|
8944
9123
|
disabled: secondaryDisabled,
|
|
8945
|
-
children: /* @__PURE__ */ (0,
|
|
9124
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
8946
9125
|
}
|
|
8947
9126
|
),
|
|
8948
|
-
/* @__PURE__ */ (0,
|
|
9127
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
8949
9128
|
"button",
|
|
8950
9129
|
{
|
|
8951
9130
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
8952
9131
|
onClick,
|
|
8953
9132
|
disabled,
|
|
8954
|
-
children: /* @__PURE__ */ (0,
|
|
9133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
8955
9134
|
}
|
|
8956
9135
|
)
|
|
8957
9136
|
]
|
|
@@ -8969,7 +9148,7 @@ var ScPopUpMenu_default = {
|
|
|
8969
9148
|
};
|
|
8970
9149
|
|
|
8971
9150
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
8972
|
-
var
|
|
9151
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
8973
9152
|
var ScPopUpMenu = ({
|
|
8974
9153
|
menu = "Options",
|
|
8975
9154
|
state = "default",
|
|
@@ -8978,15 +9157,15 @@ var ScPopUpMenu = ({
|
|
|
8978
9157
|
className,
|
|
8979
9158
|
...props
|
|
8980
9159
|
}) => {
|
|
8981
|
-
return /* @__PURE__ */ (0,
|
|
9160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
|
|
8982
9161
|
"div",
|
|
8983
9162
|
{
|
|
8984
9163
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
8985
9164
|
onClick,
|
|
8986
9165
|
...props,
|
|
8987
9166
|
children: [
|
|
8988
|
-
icon && /* @__PURE__ */ (0,
|
|
8989
|
-
/* @__PURE__ */ (0,
|
|
9167
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
9168
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
8990
9169
|
]
|
|
8991
9170
|
}
|
|
8992
9171
|
);
|
|
@@ -9012,7 +9191,7 @@ var ScReferralCardMobile_default = {
|
|
|
9012
9191
|
};
|
|
9013
9192
|
|
|
9014
9193
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
9015
|
-
var
|
|
9194
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
9016
9195
|
var ScReferralCardMobile = ({
|
|
9017
9196
|
name = "Chris Hemsworth",
|
|
9018
9197
|
email = "chris@kepler.com",
|
|
@@ -9025,27 +9204,27 @@ var ScReferralCardMobile = ({
|
|
|
9025
9204
|
...props
|
|
9026
9205
|
}) => {
|
|
9027
9206
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
9028
|
-
return /* @__PURE__ */ (0,
|
|
9207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
9029
9208
|
"div",
|
|
9030
9209
|
{
|
|
9031
9210
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
9032
9211
|
onClick,
|
|
9033
9212
|
...props,
|
|
9034
9213
|
children: [
|
|
9035
|
-
/* @__PURE__ */ (0,
|
|
9036
|
-
/* @__PURE__ */ (0,
|
|
9037
|
-
/* @__PURE__ */ (0,
|
|
9038
|
-
/* @__PURE__ */ (0,
|
|
9039
|
-
/* @__PURE__ */ (0,
|
|
9040
|
-
/* @__PURE__ */ (0,
|
|
9214
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
9215
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
9216
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
9217
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
9218
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
9219
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
9041
9220
|
] })
|
|
9042
9221
|
] }),
|
|
9043
|
-
/* @__PURE__ */ (0,
|
|
9222
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
9044
9223
|
] }),
|
|
9045
|
-
/* @__PURE__ */ (0,
|
|
9046
|
-
/* @__PURE__ */ (0,
|
|
9047
|
-
/* @__PURE__ */ (0,
|
|
9048
|
-
/* @__PURE__ */ (0,
|
|
9224
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScReferralCardMobile_default.divider }),
|
|
9225
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
9226
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
9227
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
9049
9228
|
] })
|
|
9050
9229
|
]
|
|
9051
9230
|
}
|
|
@@ -9062,19 +9241,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
9062
9241
|
};
|
|
9063
9242
|
|
|
9064
9243
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
9065
|
-
var
|
|
9244
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
9066
9245
|
var InvoiceHistoryMobile = ({
|
|
9067
9246
|
invoiceId = "# INV-2800-2026",
|
|
9068
9247
|
date = "Nov 9th, 2025",
|
|
9069
9248
|
amount = "\u20B9320.89",
|
|
9070
9249
|
className
|
|
9071
9250
|
}) => {
|
|
9072
|
-
return /* @__PURE__ */ (0,
|
|
9073
|
-
/* @__PURE__ */ (0,
|
|
9074
|
-
/* @__PURE__ */ (0,
|
|
9075
|
-
/* @__PURE__ */ (0,
|
|
9251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
9252
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
9253
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
9254
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
9076
9255
|
] }),
|
|
9077
|
-
/* @__PURE__ */ (0,
|
|
9256
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
9078
9257
|
] });
|
|
9079
9258
|
};
|
|
9080
9259
|
|
|
@@ -9092,7 +9271,7 @@ var UsageHistoryMobile_default = {
|
|
|
9092
9271
|
};
|
|
9093
9272
|
|
|
9094
9273
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
9095
|
-
var
|
|
9274
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
9096
9275
|
var UsageHistoryMobile = ({
|
|
9097
9276
|
serviceName = "Artifax Generation",
|
|
9098
9277
|
credits = "50",
|
|
@@ -9101,18 +9280,18 @@ var UsageHistoryMobile = ({
|
|
|
9101
9280
|
balance = "84,902",
|
|
9102
9281
|
className
|
|
9103
9282
|
}) => {
|
|
9104
|
-
return /* @__PURE__ */ (0,
|
|
9105
|
-
/* @__PURE__ */ (0,
|
|
9106
|
-
/* @__PURE__ */ (0,
|
|
9107
|
-
/* @__PURE__ */ (0,
|
|
9283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
9284
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
9285
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
9286
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
9108
9287
|
] }),
|
|
9109
|
-
/* @__PURE__ */ (0,
|
|
9110
|
-
/* @__PURE__ */ (0,
|
|
9111
|
-
/* @__PURE__ */ (0,
|
|
9112
|
-
/* @__PURE__ */ (0,
|
|
9113
|
-
/* @__PURE__ */ (0,
|
|
9288
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
9289
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
9290
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
9291
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: UsageHistoryMobile_default.divider }),
|
|
9292
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
9114
9293
|
] }),
|
|
9115
|
-
/* @__PURE__ */ (0,
|
|
9294
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
9116
9295
|
] })
|
|
9117
9296
|
] });
|
|
9118
9297
|
};
|
|
@@ -9136,7 +9315,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
9136
9315
|
};
|
|
9137
9316
|
|
|
9138
9317
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
9139
|
-
var
|
|
9318
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
9140
9319
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
9141
9320
|
wsName = "Workspace name is kepler",
|
|
9142
9321
|
initials = "WS",
|
|
@@ -9149,14 +9328,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
9149
9328
|
className,
|
|
9150
9329
|
...props
|
|
9151
9330
|
}) => {
|
|
9152
|
-
return /* @__PURE__ */ (0,
|
|
9331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9153
9332
|
"div",
|
|
9154
9333
|
{
|
|
9155
9334
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
9156
9335
|
onClick,
|
|
9157
9336
|
...props,
|
|
9158
|
-
children: /* @__PURE__ */ (0,
|
|
9159
|
-
/* @__PURE__ */ (0,
|
|
9337
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
9338
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9160
9339
|
ScDp,
|
|
9161
9340
|
{
|
|
9162
9341
|
type: imageUrl ? "image" : "initial",
|
|
@@ -9170,14 +9349,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
9170
9349
|
}
|
|
9171
9350
|
}
|
|
9172
9351
|
) }),
|
|
9173
|
-
/* @__PURE__ */ (0,
|
|
9174
|
-
/* @__PURE__ */ (0,
|
|
9175
|
-
/* @__PURE__ */ (0,
|
|
9176
|
-
/* @__PURE__ */ (0,
|
|
9177
|
-
/* @__PURE__ */ (0,
|
|
9178
|
-
/* @__PURE__ */ (0,
|
|
9179
|
-
/* @__PURE__ */ (0,
|
|
9180
|
-
/* @__PURE__ */ (0,
|
|
9352
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
9353
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
9354
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
9355
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
9356
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
9357
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
9358
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
9359
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
9181
9360
|
] })
|
|
9182
9361
|
] })
|
|
9183
9362
|
] })
|
|
@@ -9204,7 +9383,7 @@ var ScImageField_default = {
|
|
|
9204
9383
|
|
|
9205
9384
|
// src/SC-imageField/ScImageField.tsx
|
|
9206
9385
|
var import_icons62 = require("@streamoid/icons");
|
|
9207
|
-
var
|
|
9386
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
9208
9387
|
var ScImageField = ({
|
|
9209
9388
|
label = "Label",
|
|
9210
9389
|
imagePreview,
|
|
@@ -9227,8 +9406,8 @@ var ScImageField = ({
|
|
|
9227
9406
|
}
|
|
9228
9407
|
e.target.value = "";
|
|
9229
9408
|
}
|
|
9230
|
-
return /* @__PURE__ */ (0,
|
|
9231
|
-
/* @__PURE__ */ (0,
|
|
9409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
9410
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9232
9411
|
"input",
|
|
9233
9412
|
{
|
|
9234
9413
|
ref: inputRef,
|
|
@@ -9238,9 +9417,9 @@ var ScImageField = ({
|
|
|
9238
9417
|
onChange: handleChange
|
|
9239
9418
|
}
|
|
9240
9419
|
),
|
|
9241
|
-
/* @__PURE__ */ (0,
|
|
9242
|
-
hasImage ? /* @__PURE__ */ (0,
|
|
9243
|
-
/* @__PURE__ */ (0,
|
|
9420
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: ScImageField_default.label, children: label }) }),
|
|
9421
|
+
hasImage ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScImageField_default.previewArea, children: [
|
|
9422
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9244
9423
|
"img",
|
|
9245
9424
|
{
|
|
9246
9425
|
className: ScImageField_default.previewImage,
|
|
@@ -9248,8 +9427,8 @@ var ScImageField = ({
|
|
|
9248
9427
|
alt: "preview"
|
|
9249
9428
|
}
|
|
9250
9429
|
),
|
|
9251
|
-
/* @__PURE__ */ (0,
|
|
9252
|
-
/* @__PURE__ */ (0,
|
|
9430
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
9431
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9253
9432
|
import_icons62.SiconDelete,
|
|
9254
9433
|
{
|
|
9255
9434
|
className: ScImageField_default.removeIcon,
|
|
@@ -9260,9 +9439,9 @@ var ScImageField = ({
|
|
|
9260
9439
|
}
|
|
9261
9440
|
}
|
|
9262
9441
|
)
|
|
9263
|
-
] }) : /* @__PURE__ */ (0,
|
|
9264
|
-
/* @__PURE__ */ (0,
|
|
9265
|
-
/* @__PURE__ */ (0,
|
|
9442
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
9443
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons62.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
9444
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
9266
9445
|
] })
|
|
9267
9446
|
] });
|
|
9268
9447
|
};
|
|
@@ -9276,7 +9455,7 @@ var ScSettingsTabComp_default = {
|
|
|
9276
9455
|
};
|
|
9277
9456
|
|
|
9278
9457
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
9279
|
-
var
|
|
9458
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
9280
9459
|
var ScSettingsTabComp = ({
|
|
9281
9460
|
tabName = "Tab",
|
|
9282
9461
|
active = false,
|
|
@@ -9284,12 +9463,12 @@ var ScSettingsTabComp = ({
|
|
|
9284
9463
|
className
|
|
9285
9464
|
}) => {
|
|
9286
9465
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
9287
|
-
return /* @__PURE__ */ (0,
|
|
9466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
9288
9467
|
"div",
|
|
9289
9468
|
{
|
|
9290
9469
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
9291
9470
|
onClick,
|
|
9292
|
-
children: /* @__PURE__ */ (0,
|
|
9471
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
9293
9472
|
}
|
|
9294
9473
|
);
|
|
9295
9474
|
};
|
|
@@ -9309,7 +9488,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
9309
9488
|
|
|
9310
9489
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
9311
9490
|
var import_icons63 = require("@streamoid/icons");
|
|
9312
|
-
var
|
|
9491
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
9313
9492
|
var ScCreditsUsageCardMobile = ({
|
|
9314
9493
|
usageLabel = "Credits usage",
|
|
9315
9494
|
usageText = "8,450 / 30,000",
|
|
@@ -9319,23 +9498,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
9319
9498
|
className,
|
|
9320
9499
|
...props
|
|
9321
9500
|
}) => {
|
|
9322
|
-
return /* @__PURE__ */ (0,
|
|
9323
|
-
/* @__PURE__ */ (0,
|
|
9324
|
-
/* @__PURE__ */ (0,
|
|
9501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
9502
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
9503
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9325
9504
|
import_icons63.SiconCredits,
|
|
9326
9505
|
{
|
|
9327
9506
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
9328
9507
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
9329
9508
|
}
|
|
9330
9509
|
),
|
|
9331
|
-
/* @__PURE__ */ (0,
|
|
9510
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
9332
9511
|
] }),
|
|
9333
|
-
/* @__PURE__ */ (0,
|
|
9334
|
-
/* @__PURE__ */ (0,
|
|
9335
|
-
/* @__PURE__ */ (0,
|
|
9336
|
-
/* @__PURE__ */ (0,
|
|
9512
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
9513
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
9514
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
9515
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
9337
9516
|
] }),
|
|
9338
|
-
/* @__PURE__ */ (0,
|
|
9517
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9339
9518
|
ScButton,
|
|
9340
9519
|
{
|
|
9341
9520
|
text: buyButtonText,
|
|
@@ -9377,7 +9556,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
9377
9556
|
|
|
9378
9557
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
9379
9558
|
var import_icons64 = require("@streamoid/icons");
|
|
9380
|
-
var
|
|
9559
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
9381
9560
|
var ScPlanDetailsCardMobile = ({
|
|
9382
9561
|
planName = "Pro",
|
|
9383
9562
|
planCredits = "30,000 credits",
|
|
@@ -9391,20 +9570,20 @@ var ScPlanDetailsCardMobile = ({
|
|
|
9391
9570
|
className,
|
|
9392
9571
|
...props
|
|
9393
9572
|
}) => {
|
|
9394
|
-
return /* @__PURE__ */ (0,
|
|
9395
|
-
/* @__PURE__ */ (0,
|
|
9396
|
-
/* @__PURE__ */ (0,
|
|
9397
|
-
/* @__PURE__ */ (0,
|
|
9573
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
9574
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
9575
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
9576
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
9398
9577
|
import_icons64.SiconBilling,
|
|
9399
9578
|
{
|
|
9400
9579
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
9401
9580
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
9402
9581
|
}
|
|
9403
9582
|
),
|
|
9404
|
-
/* @__PURE__ */ (0,
|
|
9583
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
9405
9584
|
] }),
|
|
9406
|
-
/* @__PURE__ */ (0,
|
|
9407
|
-
/* @__PURE__ */ (0,
|
|
9585
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
9586
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
9408
9587
|
ScBadges,
|
|
9409
9588
|
{
|
|
9410
9589
|
text: badgeText,
|
|
@@ -9413,28 +9592,28 @@ var ScPlanDetailsCardMobile = ({
|
|
|
9413
9592
|
className: ScPlanDetailsCardMobile_default.scBadgesInstance
|
|
9414
9593
|
}
|
|
9415
9594
|
),
|
|
9416
|
-
badgeSubText && /* @__PURE__ */ (0,
|
|
9417
|
-
/* @__PURE__ */ (0,
|
|
9418
|
-
/* @__PURE__ */ (0,
|
|
9595
|
+
badgeSubText && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
9596
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
|
|
9597
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
|
|
9419
9598
|
] })
|
|
9420
9599
|
] }) })
|
|
9421
9600
|
] }),
|
|
9422
|
-
/* @__PURE__ */ (0,
|
|
9423
|
-
/* @__PURE__ */ (0,
|
|
9424
|
-
/* @__PURE__ */ (0,
|
|
9425
|
-
/* @__PURE__ */ (0,
|
|
9426
|
-
/* @__PURE__ */ (0,
|
|
9601
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
9602
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
9603
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
|
|
9604
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
|
|
9605
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
|
|
9427
9606
|
] }),
|
|
9428
|
-
/* @__PURE__ */ (0,
|
|
9429
|
-
] }) : /* @__PURE__ */ (0,
|
|
9430
|
-
/* @__PURE__ */ (0,
|
|
9431
|
-
/* @__PURE__ */ (0,
|
|
9432
|
-
/* @__PURE__ */ (0,
|
|
9433
|
-
/* @__PURE__ */ (0,
|
|
9607
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
|
|
9608
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
9609
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
9610
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
9611
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
9612
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
9434
9613
|
] }),
|
|
9435
|
-
/* @__PURE__ */ (0,
|
|
9614
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
9436
9615
|
] }) }),
|
|
9437
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
9616
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
9438
9617
|
ScButton,
|
|
9439
9618
|
{
|
|
9440
9619
|
text: upgradeButtonText,
|