@streamoid/ui 0.6.8 → 0.6.9
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 +455 -3
- package/dist/index.d.mts +71 -1
- package/dist/index.d.ts +71 -1
- package/dist/index.js +591 -178
- package/dist/index.mjs +861 -448
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -59,6 +59,8 @@ __export(index_exports, {
|
|
|
59
59
|
ScHDivider: () => ScHDivider,
|
|
60
60
|
ScHeader: () => ScHeader,
|
|
61
61
|
ScImageField: () => ScImageField,
|
|
62
|
+
ScInChatList: () => ScInChatList,
|
|
63
|
+
ScInChatMessage: () => ScInChatMessage,
|
|
62
64
|
ScIntialProfileCover: () => ScIntialProfileCover,
|
|
63
65
|
ScLogoUnit: () => ScLogoUnit,
|
|
64
66
|
ScMenuOptions: () => ScMenuOptions,
|
|
@@ -87,6 +89,8 @@ __export(index_exports, {
|
|
|
87
89
|
ScReferralTableList: () => ScReferralTableList,
|
|
88
90
|
ScRole: () => ScRole,
|
|
89
91
|
ScRoleMobile: () => ScRoleMobile,
|
|
92
|
+
ScSelection: () => ScSelection,
|
|
93
|
+
ScSelectionList: () => ScSelectionList,
|
|
90
94
|
ScSettingsNav: () => ScSettingsNav,
|
|
91
95
|
ScSettingsTabComp: () => ScSettingsTabComp,
|
|
92
96
|
ScSideBarLogoUnit: () => ScSideBarLogoUnit,
|
|
@@ -99,6 +103,7 @@ __export(index_exports, {
|
|
|
99
103
|
ScStrLogo: () => ScStrLogo,
|
|
100
104
|
ScStreamoidMascot: () => ScStreamoidMascot,
|
|
101
105
|
ScStreamoidWordmark: () => ScStreamoidWordmark,
|
|
106
|
+
ScSubAgent: () => ScSubAgent,
|
|
102
107
|
ScTabComp: () => ScTabComp,
|
|
103
108
|
ScTabField: () => ScTabField,
|
|
104
109
|
ScTabSwitcher: () => ScTabSwitcher,
|
|
@@ -106,6 +111,7 @@ __export(index_exports, {
|
|
|
106
111
|
ScTableList: () => ScTableList,
|
|
107
112
|
ScTableListMobile: () => ScTableListMobile,
|
|
108
113
|
ScTextField: () => ScTextField,
|
|
114
|
+
ScThinkingStepIcon: () => ScThinkingStepIcon,
|
|
109
115
|
ScToggleSwitch: () => ScToggleSwitch,
|
|
110
116
|
ScVDivider: () => ScVDivider,
|
|
111
117
|
ScVersion: () => ScVersion,
|
|
@@ -117,6 +123,7 @@ __export(index_exports, {
|
|
|
117
123
|
StreamoidSidebar: () => StreamoidSidebar,
|
|
118
124
|
StreamoidWorkspaceSwitcher: () => StreamoidWorkspaceSwitcher,
|
|
119
125
|
UsageHistoryMobile: () => UsageHistoryMobile,
|
|
126
|
+
formatSubAgentLabel: () => formatSubAgentLabel,
|
|
120
127
|
hasCollapsedMark: () => hasCollapsedMark
|
|
121
128
|
});
|
|
122
129
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -772,8 +779,8 @@ var import_icons5 = require("@streamoid/icons");
|
|
|
772
779
|
// src/SC-radio/ScRadio.module.css
|
|
773
780
|
var ScRadio_default = {
|
|
774
781
|
scRadio: "ScRadio_scRadio",
|
|
775
|
-
"state-default": "ScRadio_state-default",
|
|
776
782
|
vector: "ScRadio_vector",
|
|
783
|
+
"state-default": "ScRadio_state-default",
|
|
777
784
|
"state-selected": "ScRadio_state-selected"
|
|
778
785
|
};
|
|
779
786
|
|
|
@@ -790,21 +797,33 @@ var ScRadio = ({
|
|
|
790
797
|
{
|
|
791
798
|
className: ScRadio_default.scRadio + " " + className + " " + variantsClassName,
|
|
792
799
|
...props,
|
|
793
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime11.
|
|
800
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
794
801
|
"svg",
|
|
795
802
|
{
|
|
803
|
+
className: ScRadio_default.vector,
|
|
796
804
|
width: "24",
|
|
797
805
|
height: "24",
|
|
798
806
|
viewBox: "0 0 24 24",
|
|
799
807
|
fill: "none",
|
|
800
808
|
xmlns: "http://www.w3.org/2000/svg",
|
|
801
|
-
children:
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
809
|
+
children: [
|
|
810
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
811
|
+
"path",
|
|
812
|
+
{
|
|
813
|
+
d: "M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24V22.5C17.799 22.5 22.5 17.799 22.5 12Z",
|
|
814
|
+
fill: state === "selected" ? "var(--alias-text-and-icons-primary, #f5f5f5)" : "var(--alias-text-and-icons-muted, #7a7a7a)"
|
|
815
|
+
}
|
|
816
|
+
),
|
|
817
|
+
state === "selected" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
818
|
+
"circle",
|
|
819
|
+
{
|
|
820
|
+
cx: "12",
|
|
821
|
+
cy: "12",
|
|
822
|
+
r: "6",
|
|
823
|
+
fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
|
|
824
|
+
}
|
|
825
|
+
)
|
|
826
|
+
]
|
|
808
827
|
}
|
|
809
828
|
)
|
|
810
829
|
}
|
|
@@ -7198,6 +7217,400 @@ function ScWorkspaceSwitchCard({
|
|
|
7198
7217
|
}
|
|
7199
7218
|
var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
|
|
7200
7219
|
|
|
7220
|
+
// src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css
|
|
7221
|
+
var ScThinkingStepIcon_default = {
|
|
7222
|
+
scThinkingStepIcon: "ScThinkingStepIcon_scThinkingStepIcon",
|
|
7223
|
+
glyph: "ScThinkingStepIcon_glyph",
|
|
7224
|
+
stroke: "ScThinkingStepIcon_stroke",
|
|
7225
|
+
"state-default": "ScThinkingStepIcon_state-default",
|
|
7226
|
+
"state-working": "ScThinkingStepIcon_state-working",
|
|
7227
|
+
"state-completed": "ScThinkingStepIcon_state-completed",
|
|
7228
|
+
"state-error": "ScThinkingStepIcon_state-error",
|
|
7229
|
+
spinner: "ScThinkingStepIcon_spinner",
|
|
7230
|
+
scThinkingStepIconSpin: "ScThinkingStepIcon_scThinkingStepIconSpin"
|
|
7231
|
+
};
|
|
7232
|
+
|
|
7233
|
+
// src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
|
|
7234
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7235
|
+
var ScThinkingStepIcon = ({
|
|
7236
|
+
state = "default",
|
|
7237
|
+
size = 12,
|
|
7238
|
+
className,
|
|
7239
|
+
style,
|
|
7240
|
+
...props
|
|
7241
|
+
}) => {
|
|
7242
|
+
const variantsClassName = ScThinkingStepIcon_default["state-" + state];
|
|
7243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7244
|
+
"span",
|
|
7245
|
+
{
|
|
7246
|
+
className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
|
|
7247
|
+
style: { width: size, height: size, ...style },
|
|
7248
|
+
...props,
|
|
7249
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7250
|
+
"svg",
|
|
7251
|
+
{
|
|
7252
|
+
className: ScThinkingStepIcon_default.glyph,
|
|
7253
|
+
width: size,
|
|
7254
|
+
height: size,
|
|
7255
|
+
viewBox: "0 0 13.25 13.25",
|
|
7256
|
+
fill: "none",
|
|
7257
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7258
|
+
"aria-hidden": "true",
|
|
7259
|
+
children: [
|
|
7260
|
+
state === "default" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7261
|
+
"circle",
|
|
7262
|
+
{
|
|
7263
|
+
className: ScThinkingStepIcon_default.stroke,
|
|
7264
|
+
cx: "6.625",
|
|
7265
|
+
cy: "6.625",
|
|
7266
|
+
r: "6",
|
|
7267
|
+
strokeWidth: "1.25",
|
|
7268
|
+
strokeLinecap: "round"
|
|
7269
|
+
}
|
|
7270
|
+
),
|
|
7271
|
+
state === "working" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7272
|
+
"path",
|
|
7273
|
+
{
|
|
7274
|
+
className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
|
|
7275
|
+
d: "M6.625 0.625V3.025M9.145 4.105L10.885 2.365M10.225 6.625H12.625M9.145 9.145L10.885 10.885M6.625 10.225V12.625M2.365 10.885L4.105 9.145M0.625 6.625H3.025M2.365 2.365L4.105 4.105",
|
|
7276
|
+
strokeWidth: "1.25",
|
|
7277
|
+
strokeLinecap: "round",
|
|
7278
|
+
strokeLinejoin: "round"
|
|
7279
|
+
}
|
|
7280
|
+
),
|
|
7281
|
+
state === "completed" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7282
|
+
"path",
|
|
7283
|
+
{
|
|
7284
|
+
className: ScThinkingStepIcon_default.stroke,
|
|
7285
|
+
d: "M12.5042 5.42704C12.7782 6.77182 12.5829 8.16989 11.9509 9.38811C11.3189 10.6063 10.2883 11.5711 9.03109 12.1214C7.77387 12.6718 6.36597 12.7745 5.04217 12.4125C3.71838 12.0504 2.55871 11.2455 1.75656 10.1319C0.954412 9.0183 0.558269 7.66338 0.634194 6.29307C0.710119 4.92276 1.25352 3.6199 2.17378 2.60175C3.09405 1.5836 4.33554 0.911704 5.69123 0.698118C7.04692 0.484531 8.43486 0.742162 9.62359 1.42804M4.82359 6.02704L6.62359 7.82704L12.6236 1.82705",
|
|
7286
|
+
strokeWidth: "1.25",
|
|
7287
|
+
strokeLinecap: "round",
|
|
7288
|
+
strokeLinejoin: "round"
|
|
7289
|
+
}
|
|
7290
|
+
),
|
|
7291
|
+
state === "error" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7292
|
+
"path",
|
|
7293
|
+
{
|
|
7294
|
+
className: ScThinkingStepIcon_default.stroke,
|
|
7295
|
+
d: "M4.92831 8.32204L6.62536 6.625M6.62536 6.625L8.3224 4.92794M6.62536 6.625L4.92831 4.92794M6.62536 6.625L8.3224 8.32204M6.625 12.625C9.93868 12.625 12.625 9.93868 12.625 6.625C12.625 3.31129 9.93868 0.625 6.625 0.625C3.31129 0.625 0.625 3.31129 0.625 6.625C0.625 9.93868 3.31129 12.625 6.625 12.625Z",
|
|
7296
|
+
strokeWidth: "1.25",
|
|
7297
|
+
strokeLinecap: "round",
|
|
7298
|
+
strokeLinejoin: "round"
|
|
7299
|
+
}
|
|
7300
|
+
)
|
|
7301
|
+
]
|
|
7302
|
+
}
|
|
7303
|
+
)
|
|
7304
|
+
}
|
|
7305
|
+
);
|
|
7306
|
+
};
|
|
7307
|
+
|
|
7308
|
+
// src/SC-InChatList/ScInChatList.module.css
|
|
7309
|
+
var ScInChatList_default = {
|
|
7310
|
+
scInChatList: "ScInChatList_scInChatList",
|
|
7311
|
+
indicatorWrapper: "ScInChatList_indicatorWrapper",
|
|
7312
|
+
content: "ScInChatList_content",
|
|
7313
|
+
headerArea: "ScInChatList_headerArea",
|
|
7314
|
+
stepCount: "ScInChatList_stepCount",
|
|
7315
|
+
titleRow: "ScInChatList_titleRow",
|
|
7316
|
+
titleRowClickable: "ScInChatList_titleRowClickable",
|
|
7317
|
+
titleRowStatic: "ScInChatList_titleRowStatic",
|
|
7318
|
+
title: "ScInChatList_title",
|
|
7319
|
+
chevronWrapper: "ScInChatList_chevronWrapper",
|
|
7320
|
+
chevronIcon: "ScInChatList_chevronIcon",
|
|
7321
|
+
descriptionRow: "ScInChatList_descriptionRow",
|
|
7322
|
+
descriptionIcon: "ScInChatList_descriptionIcon",
|
|
7323
|
+
descriptionDot: "ScInChatList_descriptionDot",
|
|
7324
|
+
descriptionText: "ScInChatList_descriptionText",
|
|
7325
|
+
toolPill: "ScInChatList_toolPill",
|
|
7326
|
+
toolText: "ScInChatList_toolText"
|
|
7327
|
+
};
|
|
7328
|
+
|
|
7329
|
+
// src/SC-InChatList/ScInChatList.tsx
|
|
7330
|
+
var import_icons61 = require("@streamoid/icons");
|
|
7331
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7332
|
+
var ScInChatList = ({
|
|
7333
|
+
title = "Infrastructure that helps modern brands scale",
|
|
7334
|
+
description = "Description",
|
|
7335
|
+
descriptionVisibility = "no",
|
|
7336
|
+
leadingIndicator = true,
|
|
7337
|
+
iconState = "default",
|
|
7338
|
+
showSteps = false,
|
|
7339
|
+
stepCount = "Step 01:",
|
|
7340
|
+
showTool = true,
|
|
7341
|
+
toolUsing = "Using Catalogix...",
|
|
7342
|
+
onToggle,
|
|
7343
|
+
className,
|
|
7344
|
+
style
|
|
7345
|
+
}) => {
|
|
7346
|
+
const isExpandable = descriptionVisibility === "hidden" || descriptionVisibility === "visible";
|
|
7347
|
+
const isExpanded = descriptionVisibility === "visible";
|
|
7348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7349
|
+
"div",
|
|
7350
|
+
{
|
|
7351
|
+
className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
|
|
7352
|
+
style,
|
|
7353
|
+
children: [
|
|
7354
|
+
leadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ScThinkingStepIcon, { state: iconState }) }),
|
|
7355
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScInChatList_default.content, children: [
|
|
7356
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScInChatList_default.headerArea, children: [
|
|
7357
|
+
showSteps && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: ScInChatList_default.stepCount, children: stepCount }),
|
|
7358
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7359
|
+
"div",
|
|
7360
|
+
{
|
|
7361
|
+
className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
|
|
7362
|
+
onClick: isExpandable ? onToggle : void 0,
|
|
7363
|
+
children: [
|
|
7364
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: ScInChatList_default.title, children: title }),
|
|
7365
|
+
isExpandable && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons61.SiconUp, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons61.SiconDown, { size: 12, className: ScInChatList_default.chevronIcon }) })
|
|
7366
|
+
]
|
|
7367
|
+
}
|
|
7368
|
+
),
|
|
7369
|
+
isExpanded && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScInChatList_default.descriptionRow, children: [
|
|
7370
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons61.SiconDot, { size: 20, className: ScInChatList_default.descriptionDot }) }),
|
|
7371
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: ScInChatList_default.descriptionText, children: description })
|
|
7372
|
+
] })
|
|
7373
|
+
] }),
|
|
7374
|
+
showTool && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
|
|
7375
|
+
] })
|
|
7376
|
+
]
|
|
7377
|
+
}
|
|
7378
|
+
);
|
|
7379
|
+
};
|
|
7380
|
+
|
|
7381
|
+
// src/SC-SubAgent/ScSubAgent.module.css
|
|
7382
|
+
var ScSubAgent_default = {
|
|
7383
|
+
scSubAgent: "ScSubAgent_scSubAgent",
|
|
7384
|
+
label: "ScSubAgent_label"
|
|
7385
|
+
};
|
|
7386
|
+
|
|
7387
|
+
// src/SC-SubAgent/ScSubAgent.tsx
|
|
7388
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7389
|
+
function formatSubAgentLabel(agentName) {
|
|
7390
|
+
const normalized = (agentName ?? "").trim();
|
|
7391
|
+
if (!normalized) return "Using sub-agent...";
|
|
7392
|
+
return `Using ${normalized.replace(/\b\w/g, (char) => char.toUpperCase())}...`;
|
|
7393
|
+
}
|
|
7394
|
+
var ScSubAgent = ({
|
|
7395
|
+
text,
|
|
7396
|
+
agentName,
|
|
7397
|
+
className,
|
|
7398
|
+
...props
|
|
7399
|
+
}) => {
|
|
7400
|
+
const label = text ?? formatSubAgentLabel(agentName);
|
|
7401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7402
|
+
"div",
|
|
7403
|
+
{
|
|
7404
|
+
className: ScSubAgent_default.scSubAgent + " " + className,
|
|
7405
|
+
...props,
|
|
7406
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: ScSubAgent_default.label, children: label })
|
|
7407
|
+
}
|
|
7408
|
+
);
|
|
7409
|
+
};
|
|
7410
|
+
|
|
7411
|
+
// src/SC-InChatMessage/ScInChatMessage.module.css
|
|
7412
|
+
var ScInChatMessage_default = {
|
|
7413
|
+
scInChatMessage: "ScInChatMessage_scInChatMessage",
|
|
7414
|
+
text: "ScInChatMessage_text",
|
|
7415
|
+
"type-input": "ScInChatMessage_type-input",
|
|
7416
|
+
"type-output": "ScInChatMessage_type-output"
|
|
7417
|
+
};
|
|
7418
|
+
|
|
7419
|
+
// src/SC-InChatMessage/ScInChatMessage.tsx
|
|
7420
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7421
|
+
var ScInChatMessage = ({
|
|
7422
|
+
type = "input",
|
|
7423
|
+
text,
|
|
7424
|
+
children,
|
|
7425
|
+
className,
|
|
7426
|
+
id,
|
|
7427
|
+
...props
|
|
7428
|
+
}) => {
|
|
7429
|
+
const variantsClassName = ScInChatMessage_default["type-" + type];
|
|
7430
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7431
|
+
"div",
|
|
7432
|
+
{
|
|
7433
|
+
className: ScInChatMessage_default.scInChatMessage + " " + className + " " + variantsClassName,
|
|
7434
|
+
id,
|
|
7435
|
+
...props,
|
|
7436
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: ScInChatMessage_default.text, children: children ?? text })
|
|
7437
|
+
}
|
|
7438
|
+
);
|
|
7439
|
+
};
|
|
7440
|
+
|
|
7441
|
+
// src/SC-Selection/ScSelection.module.css
|
|
7442
|
+
var ScSelection_default = {
|
|
7443
|
+
scSelection: "ScSelection_scSelection",
|
|
7444
|
+
scRadioInstance: "ScSelection_scRadioInstance",
|
|
7445
|
+
wrapper: "ScSelection_wrapper",
|
|
7446
|
+
title: "ScSelection_title",
|
|
7447
|
+
description: "ScSelection_description",
|
|
7448
|
+
"state-default": "ScSelection_state-default",
|
|
7449
|
+
"state-active": "ScSelection_state-active"
|
|
7450
|
+
};
|
|
7451
|
+
|
|
7452
|
+
// src/SC-Selection/ScSelection.tsx
|
|
7453
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7454
|
+
var ScSelection = ({
|
|
7455
|
+
title = "Title",
|
|
7456
|
+
description = "Description",
|
|
7457
|
+
active = false,
|
|
7458
|
+
value,
|
|
7459
|
+
onSelect,
|
|
7460
|
+
onClick,
|
|
7461
|
+
className,
|
|
7462
|
+
...props
|
|
7463
|
+
}) => {
|
|
7464
|
+
const variantsClassName = ScSelection_default["state-" + (active ? "active" : "default")];
|
|
7465
|
+
const handleClick = (event) => {
|
|
7466
|
+
onClick?.(event);
|
|
7467
|
+
onSelect?.(value);
|
|
7468
|
+
};
|
|
7469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
7470
|
+
"div",
|
|
7471
|
+
{
|
|
7472
|
+
className: ScSelection_default.scSelection + " " + className + " " + variantsClassName,
|
|
7473
|
+
onClick: handleClick,
|
|
7474
|
+
...props,
|
|
7475
|
+
children: [
|
|
7476
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7477
|
+
ScRadio,
|
|
7478
|
+
{
|
|
7479
|
+
state: active ? "selected" : "default",
|
|
7480
|
+
className: ScSelection_default.scRadioInstance
|
|
7481
|
+
}
|
|
7482
|
+
),
|
|
7483
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: ScSelection_default.wrapper, children: [
|
|
7484
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: ScSelection_default.title, children: title }),
|
|
7485
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: ScSelection_default.description, children: description })
|
|
7486
|
+
] })
|
|
7487
|
+
]
|
|
7488
|
+
}
|
|
7489
|
+
);
|
|
7490
|
+
};
|
|
7491
|
+
|
|
7492
|
+
// src/SC-SelectionList/ScSelectionList.module.css
|
|
7493
|
+
var ScSelectionList_default = {
|
|
7494
|
+
scSelectionList: "ScSelectionList_scSelectionList",
|
|
7495
|
+
toggles: "ScSelectionList_toggles",
|
|
7496
|
+
checkToggle: "ScSelectionList_checkToggle",
|
|
7497
|
+
rejectToggle: "ScSelectionList_rejectToggle",
|
|
7498
|
+
checkIcon: "ScSelectionList_checkIcon",
|
|
7499
|
+
closeIcon: "ScSelectionList_closeIcon",
|
|
7500
|
+
content: "ScSelectionList_content",
|
|
7501
|
+
row: "ScSelectionList_row",
|
|
7502
|
+
label: "ScSelectionList_label",
|
|
7503
|
+
valuesPill: "ScSelectionList_valuesPill",
|
|
7504
|
+
valuesText: "ScSelectionList_valuesText",
|
|
7505
|
+
"state-default": "ScSelectionList_state-default",
|
|
7506
|
+
"state-approved": "ScSelectionList_state-approved",
|
|
7507
|
+
"state-rejected": "ScSelectionList_state-rejected",
|
|
7508
|
+
disabled: "ScSelectionList_disabled"
|
|
7509
|
+
};
|
|
7510
|
+
|
|
7511
|
+
// src/SC-SelectionList/ScSelectionList.tsx
|
|
7512
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
7513
|
+
var ScSelectionList = ({
|
|
7514
|
+
state = "default",
|
|
7515
|
+
label = "Suggested Colours: ",
|
|
7516
|
+
optionValues = "Pink, Green, Red, Blue",
|
|
7517
|
+
onChange,
|
|
7518
|
+
onApprove,
|
|
7519
|
+
onReject,
|
|
7520
|
+
disabled = false,
|
|
7521
|
+
className,
|
|
7522
|
+
...props
|
|
7523
|
+
}) => {
|
|
7524
|
+
const variantsClassName = ScSelectionList_default["state-" + state];
|
|
7525
|
+
const handleApprove = () => {
|
|
7526
|
+
const next = state === "approved" ? "default" : "approved";
|
|
7527
|
+
onChange?.(next);
|
|
7528
|
+
if (next === "approved") onApprove?.();
|
|
7529
|
+
};
|
|
7530
|
+
const handleReject = () => {
|
|
7531
|
+
const next = state === "rejected" ? "default" : "rejected";
|
|
7532
|
+
onChange?.(next);
|
|
7533
|
+
if (next === "rejected") onReject?.();
|
|
7534
|
+
};
|
|
7535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
7536
|
+
"div",
|
|
7537
|
+
{
|
|
7538
|
+
className: ScSelectionList_default.scSelectionList + (disabled ? " " + ScSelectionList_default.disabled : "") + (className ? " " + className : "") + " " + variantsClassName,
|
|
7539
|
+
...props,
|
|
7540
|
+
children: [
|
|
7541
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ScSelectionList_default.toggles, children: [
|
|
7542
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7543
|
+
"button",
|
|
7544
|
+
{
|
|
7545
|
+
type: "button",
|
|
7546
|
+
className: ScSelectionList_default.checkToggle,
|
|
7547
|
+
onClick: handleApprove,
|
|
7548
|
+
disabled,
|
|
7549
|
+
"aria-pressed": state === "approved",
|
|
7550
|
+
"aria-label": state === "approved" ? "Revoke approval" : "Approve",
|
|
7551
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7552
|
+
"svg",
|
|
7553
|
+
{
|
|
7554
|
+
className: ScSelectionList_default.checkIcon,
|
|
7555
|
+
width: "10",
|
|
7556
|
+
height: "7.5",
|
|
7557
|
+
viewBox: "0 0 8 6",
|
|
7558
|
+
fill: "none",
|
|
7559
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7560
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7561
|
+
"path",
|
|
7562
|
+
{
|
|
7563
|
+
d: "M0.5 3.5L2.5 5.5L7.5 0.5",
|
|
7564
|
+
stroke: "currentColor",
|
|
7565
|
+
strokeLinecap: "round",
|
|
7566
|
+
strokeLinejoin: "round"
|
|
7567
|
+
}
|
|
7568
|
+
)
|
|
7569
|
+
}
|
|
7570
|
+
)
|
|
7571
|
+
}
|
|
7572
|
+
),
|
|
7573
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7574
|
+
"button",
|
|
7575
|
+
{
|
|
7576
|
+
type: "button",
|
|
7577
|
+
className: ScSelectionList_default.rejectToggle,
|
|
7578
|
+
onClick: handleReject,
|
|
7579
|
+
disabled,
|
|
7580
|
+
"aria-pressed": state === "rejected",
|
|
7581
|
+
"aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
|
|
7582
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7583
|
+
"svg",
|
|
7584
|
+
{
|
|
7585
|
+
className: ScSelectionList_default.closeIcon,
|
|
7586
|
+
width: "9",
|
|
7587
|
+
height: "9",
|
|
7588
|
+
viewBox: "0 0 6.24261 6.24262",
|
|
7589
|
+
fill: "none",
|
|
7590
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7591
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7592
|
+
"path",
|
|
7593
|
+
{
|
|
7594
|
+
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",
|
|
7595
|
+
stroke: "currentColor",
|
|
7596
|
+
strokeLinecap: "round",
|
|
7597
|
+
strokeLinejoin: "round"
|
|
7598
|
+
}
|
|
7599
|
+
)
|
|
7600
|
+
}
|
|
7601
|
+
)
|
|
7602
|
+
}
|
|
7603
|
+
)
|
|
7604
|
+
] }),
|
|
7605
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ScSelectionList_default.row, children: [
|
|
7606
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: ScSelectionList_default.label, children: label }),
|
|
7607
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
|
|
7608
|
+
] }) })
|
|
7609
|
+
]
|
|
7610
|
+
}
|
|
7611
|
+
);
|
|
7612
|
+
};
|
|
7613
|
+
|
|
7201
7614
|
// src/SC-Role-Mobile/ScRoleMobile.module.css
|
|
7202
7615
|
var ScRoleMobile_default = {
|
|
7203
7616
|
scRoleMobile: "ScRoleMobile_scRoleMobile",
|
|
@@ -7207,18 +7620,18 @@ var ScRoleMobile_default = {
|
|
|
7207
7620
|
};
|
|
7208
7621
|
|
|
7209
7622
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
7210
|
-
var
|
|
7623
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
7211
7624
|
var ScRoleMobile = ({
|
|
7212
7625
|
role = "admin",
|
|
7213
7626
|
className,
|
|
7214
7627
|
...props
|
|
7215
7628
|
}) => {
|
|
7216
|
-
return /* @__PURE__ */ (0,
|
|
7629
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7217
7630
|
"div",
|
|
7218
7631
|
{
|
|
7219
7632
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
7220
7633
|
...props,
|
|
7221
|
-
children: /* @__PURE__ */ (0,
|
|
7634
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
7222
7635
|
}
|
|
7223
7636
|
);
|
|
7224
7637
|
};
|
|
@@ -7235,7 +7648,7 @@ var ScProfileV2Mobile_default = {
|
|
|
7235
7648
|
};
|
|
7236
7649
|
|
|
7237
7650
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
7238
|
-
var
|
|
7651
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
7239
7652
|
var ScProfileV2Mobile = ({
|
|
7240
7653
|
name = "Chris Hemsworth",
|
|
7241
7654
|
email = "chris@kepler.com",
|
|
@@ -7245,17 +7658,17 @@ var ScProfileV2Mobile = ({
|
|
|
7245
7658
|
...props
|
|
7246
7659
|
}) => {
|
|
7247
7660
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
7248
|
-
const profileImage = /* @__PURE__ */ (0,
|
|
7249
|
-
return /* @__PURE__ */ (0,
|
|
7661
|
+
const profileImage = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
7662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
7250
7663
|
"div",
|
|
7251
7664
|
{
|
|
7252
7665
|
className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
|
|
7253
7666
|
...props,
|
|
7254
7667
|
children: [
|
|
7255
7668
|
dpPosition === "left" && profileImage,
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7257
|
-
/* @__PURE__ */ (0,
|
|
7258
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
7670
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
7671
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
7259
7672
|
] }),
|
|
7260
7673
|
dpPosition === "right" && profileImage
|
|
7261
7674
|
]
|
|
@@ -7282,7 +7695,7 @@ var ScTableListMobile_default = {
|
|
|
7282
7695
|
};
|
|
7283
7696
|
|
|
7284
7697
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
7285
|
-
var
|
|
7698
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
7286
7699
|
var ScTableListMobile = ({
|
|
7287
7700
|
name = "Chris Hemsworth",
|
|
7288
7701
|
email = "chris@kepler.com",
|
|
@@ -7295,25 +7708,25 @@ var ScTableListMobile = ({
|
|
|
7295
7708
|
...props
|
|
7296
7709
|
}) => {
|
|
7297
7710
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
7298
|
-
return /* @__PURE__ */ (0,
|
|
7711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
7299
7712
|
"div",
|
|
7300
7713
|
{
|
|
7301
7714
|
className: ScTableListMobile_default.scTableListMobile + " " + className,
|
|
7302
7715
|
onClick: onRowClick,
|
|
7303
7716
|
...props,
|
|
7304
7717
|
children: [
|
|
7305
|
-
/* @__PURE__ */ (0,
|
|
7306
|
-
/* @__PURE__ */ (0,
|
|
7307
|
-
/* @__PURE__ */ (0,
|
|
7308
|
-
/* @__PURE__ */ (0,
|
|
7718
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
7719
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
7720
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
7721
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
7309
7722
|
] }),
|
|
7310
|
-
/* @__PURE__ */ (0,
|
|
7723
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
7311
7724
|
] }),
|
|
7312
|
-
/* @__PURE__ */ (0,
|
|
7313
|
-
/* @__PURE__ */ (0,
|
|
7314
|
-
/* @__PURE__ */ (0,
|
|
7315
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0,
|
|
7316
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0,
|
|
7725
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
7726
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
7727
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
7728
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
7729
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
7317
7730
|
] })
|
|
7318
7731
|
] })
|
|
7319
7732
|
]
|
|
@@ -7341,7 +7754,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
7341
7754
|
};
|
|
7342
7755
|
|
|
7343
7756
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
7344
|
-
var
|
|
7757
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
7345
7758
|
var ScWorkspaceSwitchMobile = ({
|
|
7346
7759
|
storeName = "Stores",
|
|
7347
7760
|
initials = "WS",
|
|
@@ -7354,24 +7767,24 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
7354
7767
|
...props
|
|
7355
7768
|
}) => {
|
|
7356
7769
|
const variant = currentWs ? "current" : "other";
|
|
7357
|
-
return /* @__PURE__ */ (0,
|
|
7770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
7358
7771
|
"div",
|
|
7359
7772
|
{
|
|
7360
7773
|
className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
|
|
7361
7774
|
onClick,
|
|
7362
7775
|
...props,
|
|
7363
7776
|
children: [
|
|
7364
|
-
/* @__PURE__ */ (0,
|
|
7365
|
-
/* @__PURE__ */ (0,
|
|
7366
|
-
/* @__PURE__ */ (0,
|
|
7367
|
-
/* @__PURE__ */ (0,
|
|
7777
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
7778
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
7779
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
7780
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
7368
7781
|
] }),
|
|
7369
|
-
/* @__PURE__ */ (0,
|
|
7782
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
7370
7783
|
] }),
|
|
7371
|
-
/* @__PURE__ */ (0,
|
|
7372
|
-
/* @__PURE__ */ (0,
|
|
7373
|
-
/* @__PURE__ */ (0,
|
|
7374
|
-
/* @__PURE__ */ (0,
|
|
7784
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
7785
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
7786
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
7787
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
7375
7788
|
] })
|
|
7376
7789
|
]
|
|
7377
7790
|
}
|
|
@@ -7398,7 +7811,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
7398
7811
|
};
|
|
7399
7812
|
|
|
7400
7813
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
7401
|
-
var
|
|
7814
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
7402
7815
|
var ScWorkspaceSettingsMobile = ({
|
|
7403
7816
|
storeName = "Stores",
|
|
7404
7817
|
initials = "WS",
|
|
@@ -7413,28 +7826,28 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
7413
7826
|
...props
|
|
7414
7827
|
}) => {
|
|
7415
7828
|
const variant = currentWs ? "current" : "other";
|
|
7416
|
-
return /* @__PURE__ */ (0,
|
|
7829
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
7417
7830
|
"div",
|
|
7418
7831
|
{
|
|
7419
7832
|
className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
|
|
7420
7833
|
onClick,
|
|
7421
7834
|
...props,
|
|
7422
7835
|
children: [
|
|
7423
|
-
/* @__PURE__ */ (0,
|
|
7424
|
-
/* @__PURE__ */ (0,
|
|
7425
|
-
/* @__PURE__ */ (0,
|
|
7426
|
-
/* @__PURE__ */ (0,
|
|
7836
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
7837
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
7838
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
7839
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
7427
7840
|
] }),
|
|
7428
|
-
/* @__PURE__ */ (0,
|
|
7841
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
7429
7842
|
] }),
|
|
7430
|
-
/* @__PURE__ */ (0,
|
|
7431
|
-
/* @__PURE__ */ (0,
|
|
7432
|
-
/* @__PURE__ */ (0,
|
|
7433
|
-
/* @__PURE__ */ (0,
|
|
7843
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
7844
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
7845
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
7846
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
7434
7847
|
] }),
|
|
7435
|
-
/* @__PURE__ */ (0,
|
|
7436
|
-
/* @__PURE__ */ (0,
|
|
7437
|
-
/* @__PURE__ */ (0,
|
|
7848
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
7849
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
7850
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
7438
7851
|
] })
|
|
7439
7852
|
]
|
|
7440
7853
|
}
|
|
@@ -7457,7 +7870,7 @@ var ScMobileTopNav_default = {
|
|
|
7457
7870
|
};
|
|
7458
7871
|
|
|
7459
7872
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
7460
|
-
var
|
|
7873
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
7461
7874
|
var ScMobileTopNav = ({
|
|
7462
7875
|
type = "home",
|
|
7463
7876
|
searchIcon = false,
|
|
@@ -7480,22 +7893,22 @@ var ScMobileTopNav = ({
|
|
|
7480
7893
|
}) => {
|
|
7481
7894
|
const hasBorder = type === "chat" || type === "inApp";
|
|
7482
7895
|
const showSearch = type === "inApp" && searchIcon && search;
|
|
7483
|
-
return /* @__PURE__ */ (0,
|
|
7896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
7484
7897
|
"div",
|
|
7485
7898
|
{
|
|
7486
7899
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
7487
7900
|
...props,
|
|
7488
7901
|
children: [
|
|
7489
|
-
type === "home" && /* @__PURE__ */ (0,
|
|
7490
|
-
type === "chat" && /* @__PURE__ */ (0,
|
|
7491
|
-
/* @__PURE__ */ (0,
|
|
7492
|
-
/* @__PURE__ */ (0,
|
|
7493
|
-
/* @__PURE__ */ (0,
|
|
7902
|
+
type === "home" && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
7903
|
+
type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
|
|
7904
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
7905
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
7906
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
7494
7907
|
] }),
|
|
7495
|
-
showSearch && /* @__PURE__ */ (0,
|
|
7496
|
-
/* @__PURE__ */ (0,
|
|
7497
|
-
/* @__PURE__ */ (0,
|
|
7498
|
-
/* @__PURE__ */ (0,
|
|
7908
|
+
showSearch && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
|
|
7909
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
7910
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
7911
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7499
7912
|
"input",
|
|
7500
7913
|
{
|
|
7501
7914
|
type: "text",
|
|
@@ -7506,17 +7919,17 @@ var ScMobileTopNav = ({
|
|
|
7506
7919
|
}
|
|
7507
7920
|
) })
|
|
7508
7921
|
] }) }),
|
|
7509
|
-
/* @__PURE__ */ (0,
|
|
7922
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
7510
7923
|
] }),
|
|
7511
|
-
type === "inApp" && !search && /* @__PURE__ */ (0,
|
|
7512
|
-
/* @__PURE__ */ (0,
|
|
7513
|
-
/* @__PURE__ */ (0,
|
|
7514
|
-
/* @__PURE__ */ (0,
|
|
7924
|
+
type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
|
|
7925
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
7926
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
7927
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7515
7928
|
"div",
|
|
7516
7929
|
{
|
|
7517
7930
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
7518
7931
|
onClick: onSearchClick,
|
|
7519
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0,
|
|
7932
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
7520
7933
|
}
|
|
7521
7934
|
)
|
|
7522
7935
|
] })
|
|
@@ -7537,7 +7950,7 @@ var ScMobileBottomAction_default = {
|
|
|
7537
7950
|
};
|
|
7538
7951
|
|
|
7539
7952
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
7540
|
-
var
|
|
7953
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
7541
7954
|
var ScMobileBottomAction = ({
|
|
7542
7955
|
text = "Save Changes",
|
|
7543
7956
|
disabled = false,
|
|
@@ -7549,28 +7962,28 @@ var ScMobileBottomAction = ({
|
|
|
7549
7962
|
...props
|
|
7550
7963
|
}) => {
|
|
7551
7964
|
const isTwoButton = !!secondaryText;
|
|
7552
|
-
return /* @__PURE__ */ (0,
|
|
7965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
7553
7966
|
"div",
|
|
7554
7967
|
{
|
|
7555
7968
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
7556
7969
|
...props,
|
|
7557
7970
|
children: [
|
|
7558
|
-
isTwoButton && /* @__PURE__ */ (0,
|
|
7971
|
+
isTwoButton && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7559
7972
|
"button",
|
|
7560
7973
|
{
|
|
7561
7974
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
7562
7975
|
onClick: onSecondaryClick,
|
|
7563
7976
|
disabled: secondaryDisabled,
|
|
7564
|
-
children: /* @__PURE__ */ (0,
|
|
7977
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
7565
7978
|
}
|
|
7566
7979
|
),
|
|
7567
|
-
/* @__PURE__ */ (0,
|
|
7980
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7568
7981
|
"button",
|
|
7569
7982
|
{
|
|
7570
7983
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
7571
7984
|
onClick,
|
|
7572
7985
|
disabled,
|
|
7573
|
-
children: /* @__PURE__ */ (0,
|
|
7986
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
7574
7987
|
}
|
|
7575
7988
|
)
|
|
7576
7989
|
]
|
|
@@ -7588,7 +8001,7 @@ var ScPopUpMenu_default = {
|
|
|
7588
8001
|
};
|
|
7589
8002
|
|
|
7590
8003
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
7591
|
-
var
|
|
8004
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
7592
8005
|
var ScPopUpMenu = ({
|
|
7593
8006
|
menu = "Options",
|
|
7594
8007
|
state = "default",
|
|
@@ -7597,15 +8010,15 @@ var ScPopUpMenu = ({
|
|
|
7597
8010
|
className,
|
|
7598
8011
|
...props
|
|
7599
8012
|
}) => {
|
|
7600
|
-
return /* @__PURE__ */ (0,
|
|
8013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
7601
8014
|
"div",
|
|
7602
8015
|
{
|
|
7603
8016
|
className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
|
|
7604
8017
|
onClick,
|
|
7605
8018
|
...props,
|
|
7606
8019
|
children: [
|
|
7607
|
-
icon && /* @__PURE__ */ (0,
|
|
7608
|
-
/* @__PURE__ */ (0,
|
|
8020
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
8021
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
7609
8022
|
]
|
|
7610
8023
|
}
|
|
7611
8024
|
);
|
|
@@ -7631,7 +8044,7 @@ var ScReferralCardMobile_default = {
|
|
|
7631
8044
|
};
|
|
7632
8045
|
|
|
7633
8046
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
7634
|
-
var
|
|
8047
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
7635
8048
|
var ScReferralCardMobile = ({
|
|
7636
8049
|
name = "Chris Hemsworth",
|
|
7637
8050
|
email = "chris@kepler.com",
|
|
@@ -7644,27 +8057,27 @@ var ScReferralCardMobile = ({
|
|
|
7644
8057
|
...props
|
|
7645
8058
|
}) => {
|
|
7646
8059
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
7647
|
-
return /* @__PURE__ */ (0,
|
|
8060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
7648
8061
|
"div",
|
|
7649
8062
|
{
|
|
7650
8063
|
className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
|
|
7651
8064
|
onClick,
|
|
7652
8065
|
...props,
|
|
7653
8066
|
children: [
|
|
7654
|
-
/* @__PURE__ */ (0,
|
|
7655
|
-
/* @__PURE__ */ (0,
|
|
7656
|
-
/* @__PURE__ */ (0,
|
|
7657
|
-
/* @__PURE__ */ (0,
|
|
7658
|
-
/* @__PURE__ */ (0,
|
|
7659
|
-
/* @__PURE__ */ (0,
|
|
8067
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
8068
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
8069
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
8070
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
8071
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
8072
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
7660
8073
|
] })
|
|
7661
8074
|
] }),
|
|
7662
|
-
/* @__PURE__ */ (0,
|
|
8075
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
7663
8076
|
] }),
|
|
7664
|
-
/* @__PURE__ */ (0,
|
|
7665
|
-
/* @__PURE__ */ (0,
|
|
7666
|
-
/* @__PURE__ */ (0,
|
|
7667
|
-
/* @__PURE__ */ (0,
|
|
8077
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: ScReferralCardMobile_default.divider }),
|
|
8078
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
8079
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
8080
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
7668
8081
|
] })
|
|
7669
8082
|
]
|
|
7670
8083
|
}
|
|
@@ -7681,19 +8094,19 @@ var InvoiceHistoryMobile_default = {
|
|
|
7681
8094
|
};
|
|
7682
8095
|
|
|
7683
8096
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
7684
|
-
var
|
|
8097
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
7685
8098
|
var InvoiceHistoryMobile = ({
|
|
7686
8099
|
invoiceId = "# INV-2800-2026",
|
|
7687
8100
|
date = "Nov 9th, 2025",
|
|
7688
8101
|
amount = "\u20B9320.89",
|
|
7689
8102
|
className
|
|
7690
8103
|
}) => {
|
|
7691
|
-
return /* @__PURE__ */ (0,
|
|
7692
|
-
/* @__PURE__ */ (0,
|
|
7693
|
-
/* @__PURE__ */ (0,
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
8104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
8105
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
8106
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
8107
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
7695
8108
|
] }),
|
|
7696
|
-
/* @__PURE__ */ (0,
|
|
8109
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
7697
8110
|
] });
|
|
7698
8111
|
};
|
|
7699
8112
|
|
|
@@ -7711,7 +8124,7 @@ var UsageHistoryMobile_default = {
|
|
|
7711
8124
|
};
|
|
7712
8125
|
|
|
7713
8126
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
7714
|
-
var
|
|
8127
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
7715
8128
|
var UsageHistoryMobile = ({
|
|
7716
8129
|
serviceName = "Artifax Generation",
|
|
7717
8130
|
credits = "50",
|
|
@@ -7720,18 +8133,18 @@ var UsageHistoryMobile = ({
|
|
|
7720
8133
|
balance = "84,902",
|
|
7721
8134
|
className
|
|
7722
8135
|
}) => {
|
|
7723
|
-
return /* @__PURE__ */ (0,
|
|
7724
|
-
/* @__PURE__ */ (0,
|
|
7725
|
-
/* @__PURE__ */ (0,
|
|
7726
|
-
/* @__PURE__ */ (0,
|
|
8136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
8137
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
8138
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
8139
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
7727
8140
|
] }),
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7729
|
-
/* @__PURE__ */ (0,
|
|
7730
|
-
/* @__PURE__ */ (0,
|
|
7731
|
-
/* @__PURE__ */ (0,
|
|
7732
|
-
/* @__PURE__ */ (0,
|
|
8141
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
8142
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
8143
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
8144
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: UsageHistoryMobile_default.divider }),
|
|
8145
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
7733
8146
|
] }),
|
|
7734
|
-
/* @__PURE__ */ (0,
|
|
8147
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
7735
8148
|
] })
|
|
7736
8149
|
] });
|
|
7737
8150
|
};
|
|
@@ -7755,7 +8168,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
7755
8168
|
};
|
|
7756
8169
|
|
|
7757
8170
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
7758
|
-
var
|
|
8171
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
7759
8172
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
7760
8173
|
wsName = "Workspace name is kepler",
|
|
7761
8174
|
initials = "WS",
|
|
@@ -7768,14 +8181,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
7768
8181
|
className,
|
|
7769
8182
|
...props
|
|
7770
8183
|
}) => {
|
|
7771
|
-
return /* @__PURE__ */ (0,
|
|
8184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7772
8185
|
"div",
|
|
7773
8186
|
{
|
|
7774
8187
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
7775
8188
|
onClick,
|
|
7776
8189
|
...props,
|
|
7777
|
-
children: /* @__PURE__ */ (0,
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
8190
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
8191
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7779
8192
|
ScDp,
|
|
7780
8193
|
{
|
|
7781
8194
|
type: imageUrl ? "image" : "initial",
|
|
@@ -7789,14 +8202,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
7789
8202
|
}
|
|
7790
8203
|
}
|
|
7791
8204
|
) }),
|
|
7792
|
-
/* @__PURE__ */ (0,
|
|
7793
|
-
/* @__PURE__ */ (0,
|
|
7794
|
-
/* @__PURE__ */ (0,
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
/* @__PURE__ */ (0,
|
|
7797
|
-
/* @__PURE__ */ (0,
|
|
7798
|
-
/* @__PURE__ */ (0,
|
|
7799
|
-
/* @__PURE__ */ (0,
|
|
8205
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
8206
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
8207
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
8208
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
8209
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
8210
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
8211
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
8212
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
7800
8213
|
] })
|
|
7801
8214
|
] })
|
|
7802
8215
|
] })
|
|
@@ -7822,8 +8235,8 @@ var ScImageField_default = {
|
|
|
7822
8235
|
};
|
|
7823
8236
|
|
|
7824
8237
|
// src/SC-imageField/ScImageField.tsx
|
|
7825
|
-
var
|
|
7826
|
-
var
|
|
8238
|
+
var import_icons62 = require("@streamoid/icons");
|
|
8239
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
7827
8240
|
var ScImageField = ({
|
|
7828
8241
|
label = "Label",
|
|
7829
8242
|
imagePreview,
|
|
@@ -7846,8 +8259,8 @@ var ScImageField = ({
|
|
|
7846
8259
|
}
|
|
7847
8260
|
e.target.value = "";
|
|
7848
8261
|
}
|
|
7849
|
-
return /* @__PURE__ */ (0,
|
|
7850
|
-
/* @__PURE__ */ (0,
|
|
8262
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
8263
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
7851
8264
|
"input",
|
|
7852
8265
|
{
|
|
7853
8266
|
ref: inputRef,
|
|
@@ -7857,9 +8270,9 @@ var ScImageField = ({
|
|
|
7857
8270
|
onChange: handleChange
|
|
7858
8271
|
}
|
|
7859
8272
|
),
|
|
7860
|
-
/* @__PURE__ */ (0,
|
|
7861
|
-
hasImage ? /* @__PURE__ */ (0,
|
|
7862
|
-
/* @__PURE__ */ (0,
|
|
8273
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScImageField_default.label, children: label }) }),
|
|
8274
|
+
hasImage ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScImageField_default.previewArea, children: [
|
|
8275
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
7863
8276
|
"img",
|
|
7864
8277
|
{
|
|
7865
8278
|
className: ScImageField_default.previewImage,
|
|
@@ -7867,9 +8280,9 @@ var ScImageField = ({
|
|
|
7867
8280
|
alt: "preview"
|
|
7868
8281
|
}
|
|
7869
8282
|
),
|
|
7870
|
-
/* @__PURE__ */ (0,
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
7872
|
-
|
|
8283
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
8284
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8285
|
+
import_icons62.SiconDelete,
|
|
7873
8286
|
{
|
|
7874
8287
|
className: ScImageField_default.removeIcon,
|
|
7875
8288
|
color: "var(--alias-text-and-icons-error, #d11a1a)",
|
|
@@ -7879,9 +8292,9 @@ var ScImageField = ({
|
|
|
7879
8292
|
}
|
|
7880
8293
|
}
|
|
7881
8294
|
)
|
|
7882
|
-
] }) : /* @__PURE__ */ (0,
|
|
7883
|
-
/* @__PURE__ */ (0,
|
|
7884
|
-
/* @__PURE__ */ (0,
|
|
8295
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
8296
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_icons62.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
8297
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
7885
8298
|
] })
|
|
7886
8299
|
] });
|
|
7887
8300
|
};
|
|
@@ -7895,7 +8308,7 @@ var ScSettingsTabComp_default = {
|
|
|
7895
8308
|
};
|
|
7896
8309
|
|
|
7897
8310
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
7898
|
-
var
|
|
8311
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
7899
8312
|
var ScSettingsTabComp = ({
|
|
7900
8313
|
tabName = "Tab",
|
|
7901
8314
|
active = false,
|
|
@@ -7903,12 +8316,12 @@ var ScSettingsTabComp = ({
|
|
|
7903
8316
|
className
|
|
7904
8317
|
}) => {
|
|
7905
8318
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
7906
|
-
return /* @__PURE__ */ (0,
|
|
8319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
7907
8320
|
"div",
|
|
7908
8321
|
{
|
|
7909
8322
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
7910
8323
|
onClick,
|
|
7911
|
-
children: /* @__PURE__ */ (0,
|
|
8324
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
7912
8325
|
}
|
|
7913
8326
|
);
|
|
7914
8327
|
};
|
|
@@ -7927,8 +8340,8 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
7927
8340
|
};
|
|
7928
8341
|
|
|
7929
8342
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
7930
|
-
var
|
|
7931
|
-
var
|
|
8343
|
+
var import_icons63 = require("@streamoid/icons");
|
|
8344
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
7932
8345
|
var ScCreditsUsageCardMobile = ({
|
|
7933
8346
|
usageLabel = "Credits usage",
|
|
7934
8347
|
usageText = "8,450 / 30,000",
|
|
@@ -7938,23 +8351,23 @@ var ScCreditsUsageCardMobile = ({
|
|
|
7938
8351
|
className,
|
|
7939
8352
|
...props
|
|
7940
8353
|
}) => {
|
|
7941
|
-
return /* @__PURE__ */ (0,
|
|
7942
|
-
/* @__PURE__ */ (0,
|
|
7943
|
-
/* @__PURE__ */ (0,
|
|
7944
|
-
|
|
8354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
8355
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
8356
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
8357
|
+
import_icons63.SiconCredits,
|
|
7945
8358
|
{
|
|
7946
8359
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
7947
8360
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
7948
8361
|
}
|
|
7949
8362
|
),
|
|
7950
|
-
/* @__PURE__ */ (0,
|
|
8363
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
7951
8364
|
] }),
|
|
7952
|
-
/* @__PURE__ */ (0,
|
|
7953
|
-
/* @__PURE__ */ (0,
|
|
7954
|
-
/* @__PURE__ */ (0,
|
|
7955
|
-
/* @__PURE__ */ (0,
|
|
8365
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
8366
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
8367
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
8368
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
7956
8369
|
] }),
|
|
7957
|
-
/* @__PURE__ */ (0,
|
|
8370
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
7958
8371
|
ScButton,
|
|
7959
8372
|
{
|
|
7960
8373
|
text: buyButtonText,
|
|
@@ -7995,8 +8408,8 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
7995
8408
|
};
|
|
7996
8409
|
|
|
7997
8410
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
7998
|
-
var
|
|
7999
|
-
var
|
|
8411
|
+
var import_icons64 = require("@streamoid/icons");
|
|
8412
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
8000
8413
|
var ScPlanDetailsCardMobile = ({
|
|
8001
8414
|
planName = "Pro",
|
|
8002
8415
|
planCredits = "30,000 credits",
|
|
@@ -8010,20 +8423,20 @@ var ScPlanDetailsCardMobile = ({
|
|
|
8010
8423
|
className,
|
|
8011
8424
|
...props
|
|
8012
8425
|
}) => {
|
|
8013
|
-
return /* @__PURE__ */ (0,
|
|
8014
|
-
/* @__PURE__ */ (0,
|
|
8015
|
-
/* @__PURE__ */ (0,
|
|
8016
|
-
/* @__PURE__ */ (0,
|
|
8017
|
-
|
|
8426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
8427
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
8428
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
8429
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8430
|
+
import_icons64.SiconBilling,
|
|
8018
8431
|
{
|
|
8019
8432
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
8020
8433
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
8021
8434
|
}
|
|
8022
8435
|
),
|
|
8023
|
-
/* @__PURE__ */ (0,
|
|
8436
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
8024
8437
|
] }),
|
|
8025
|
-
/* @__PURE__ */ (0,
|
|
8026
|
-
/* @__PURE__ */ (0,
|
|
8438
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
8439
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8027
8440
|
ScBadges,
|
|
8028
8441
|
{
|
|
8029
8442
|
text: badgeText,
|
|
@@ -8032,28 +8445,28 @@ var ScPlanDetailsCardMobile = ({
|
|
|
8032
8445
|
className: ScPlanDetailsCardMobile_default.scBadgesInstance
|
|
8033
8446
|
}
|
|
8034
8447
|
),
|
|
8035
|
-
badgeSubText && /* @__PURE__ */ (0,
|
|
8036
|
-
/* @__PURE__ */ (0,
|
|
8037
|
-
/* @__PURE__ */ (0,
|
|
8448
|
+
badgeSubText && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
8449
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
|
|
8450
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
|
|
8038
8451
|
] })
|
|
8039
8452
|
] }) })
|
|
8040
8453
|
] }),
|
|
8041
|
-
/* @__PURE__ */ (0,
|
|
8042
|
-
/* @__PURE__ */ (0,
|
|
8043
|
-
/* @__PURE__ */ (0,
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8454
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
8455
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
8456
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
|
|
8457
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
|
|
8458
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
|
|
8046
8459
|
] }),
|
|
8047
|
-
/* @__PURE__ */ (0,
|
|
8048
|
-
] }) : /* @__PURE__ */ (0,
|
|
8049
|
-
/* @__PURE__ */ (0,
|
|
8050
|
-
/* @__PURE__ */ (0,
|
|
8051
|
-
/* @__PURE__ */ (0,
|
|
8052
|
-
/* @__PURE__ */ (0,
|
|
8460
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
|
|
8461
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
8462
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
8463
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
8464
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
8465
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
8053
8466
|
] }),
|
|
8054
|
-
/* @__PURE__ */ (0,
|
|
8467
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
8055
8468
|
] }) }),
|
|
8056
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
8469
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8057
8470
|
ScButton,
|
|
8058
8471
|
{
|
|
8059
8472
|
text: upgradeButtonText,
|