@bikdotai/bik-component-library 0.0.823-beta.2 → 0.0.823
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/cjs/components/agent-builder/AgentBuilder.js +1 -1
- package/dist/cjs/components/agent-builder/AgentBuilder.js.map +1 -1
- package/dist/cjs/components/agent-builder/AgentBuilder.styled.js +97 -66
- package/dist/cjs/components/agent-builder/AgentBuilder.styled.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js +1 -1
- package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js +1 -1
- package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/MentionField.js +1 -1
- package/dist/cjs/components/agent-builder/components/MentionField.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/SelectableListSection.js +4 -4
- package/dist/cjs/components/agent-builder/components/SelectableListSection.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/StepRail.js +1 -1
- package/dist/cjs/components/agent-builder/components/StepRail.js.map +1 -1
- package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js +1 -1
- package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js.map +1 -1
- package/dist/cjs/components/agent-builder/steps/Step1About.js +1 -1
- package/dist/cjs/components/agent-builder/steps/Step1About.js.map +1 -1
- package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js +1 -1
- package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js.map +1 -1
- package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js +1 -1
- package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js.map +1 -1
- package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js +1 -1
- package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js.map +1 -1
- package/dist/cjs/components/agent-listing/AgentListing.js +1 -1
- package/dist/cjs/components/agent-listing/AgentListing.js.map +1 -1
- package/dist/cjs/components/agent-listing/AgentListing.styled.js +32 -28
- package/dist/cjs/components/agent-listing/AgentListing.styled.js.map +1 -1
- package/dist/cjs/components/agent-listing/AgentListingHeader.js +1 -1
- package/dist/cjs/components/agent-listing/AgentListingHeader.js.map +1 -1
- package/dist/cjs/components/agent-listing/AgentTableRow.js +1 -1
- package/dist/cjs/components/agent-listing/AgentTableRow.js.map +1 -1
- package/dist/cjs/components/template-preview/models/TemplateMeta.js +1 -1
- package/dist/cjs/components/template-preview/models/TemplateMeta.js.map +1 -1
- package/dist/esm/components/agent-builder/AgentBuilder.js +82 -83
- package/dist/esm/components/agent-builder/AgentBuilder.js.map +1 -1
- package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts +13 -5
- package/dist/esm/components/agent-builder/AgentBuilder.styled.js +141 -102
- package/dist/esm/components/agent-builder/AgentBuilder.styled.js.map +1 -1
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.d.ts +0 -1
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js +33 -46
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js.map +1 -1
- package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js +135 -119
- package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
- package/dist/esm/components/agent-builder/components/MentionField.js +44 -45
- package/dist/esm/components/agent-builder/components/MentionField.js.map +1 -1
- package/dist/esm/components/agent-builder/components/SelectableListSection.js +91 -94
- package/dist/esm/components/agent-builder/components/SelectableListSection.js.map +1 -1
- package/dist/esm/components/agent-builder/components/StepRail.js +28 -20
- package/dist/esm/components/agent-builder/components/StepRail.js.map +1 -1
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.d.ts +7 -0
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.js +108 -98
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.js.map +1 -1
- package/dist/esm/components/agent-builder/steps/Step1About.js +38 -35
- package/dist/esm/components/agent-builder/steps/Step1About.js.map +1 -1
- package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js +118 -122
- package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js.map +1 -1
- package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js +112 -110
- package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js.map +1 -1
- package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js +72 -70
- package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js.map +1 -1
- package/dist/esm/components/agent-listing/AgentListing.js +45 -43
- package/dist/esm/components/agent-listing/AgentListing.js.map +1 -1
- package/dist/esm/components/agent-listing/AgentListing.model.d.ts +7 -0
- package/dist/esm/components/agent-listing/AgentListing.styled.js +28 -24
- package/dist/esm/components/agent-listing/AgentListing.styled.js.map +1 -1
- package/dist/esm/components/agent-listing/AgentListingHeader.d.ts +2 -0
- package/dist/esm/components/agent-listing/AgentListingHeader.js +14 -12
- package/dist/esm/components/agent-listing/AgentListingHeader.js.map +1 -1
- package/dist/esm/components/agent-listing/AgentTableRow.js +102 -57
- package/dist/esm/components/agent-listing/AgentTableRow.js.map +1 -1
- package/dist/esm/components/template-preview/models/TemplateMeta.d.ts +1 -2
- package/dist/esm/components/template-preview/models/TemplateMeta.js +11 -11
- package/dist/esm/components/template-preview/models/TemplateMeta.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { jsx as t, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import b from "../../assets/icons/delete.svg.js";
|
|
3
|
+
import v from "../../assets/icons/edit.svg.js";
|
|
4
|
+
import w from "../../assets/icons/playOutline.svg.js";
|
|
5
|
+
import D from "../../assets/icons/vertical_dots.svg.js";
|
|
6
|
+
import { DropdownPopover as T } from "../dropdown/DropdownPopover/index.js";
|
|
7
|
+
import { TitleSmall as g, BodyCaption as x, BodyPrimary as s } from "../TypographyStyle.js";
|
|
8
|
+
import { COLORS as o } from "../../constants/Theme.js";
|
|
9
|
+
import { ActionButton as p, BodyGridRow as S, Cell as n, ActionGroup as C } from "./AgentListing.styled.js";
|
|
10
|
+
import { Tag as L } from "../tag/Tag.js";
|
|
9
11
|
import { Tooltip as O } from "../tooltips/Tooltip.js";
|
|
10
|
-
|
|
12
|
+
import { unwrapDropdownValue as P } from "../dropdown/utils.js";
|
|
13
|
+
const R = (e) => {
|
|
11
14
|
switch (e.kind) {
|
|
12
15
|
case "topic":
|
|
13
16
|
return `Topic: ${e.label ?? ""}`;
|
|
@@ -16,83 +19,125 @@ const P = (e) => {
|
|
|
16
19
|
default:
|
|
17
20
|
return e.label ?? "";
|
|
18
21
|
}
|
|
19
|
-
},
|
|
22
|
+
}, q = ({
|
|
20
23
|
agent: e,
|
|
21
|
-
onRunAgent:
|
|
22
|
-
onEditAgent:
|
|
23
|
-
onDeleteAgent:
|
|
24
|
+
onRunAgent: m,
|
|
25
|
+
onEditAgent: h,
|
|
26
|
+
onDeleteAgent: a,
|
|
24
27
|
onRowClick: l
|
|
25
28
|
}) => {
|
|
26
|
-
const
|
|
27
|
-
i.stopPropagation(), !e.isRunDisabled &&
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
const c = e.status === "live", u = (i) => {
|
|
30
|
+
i.stopPropagation(), !e.isRunDisabled && m(e);
|
|
31
|
+
}, f = [
|
|
32
|
+
{
|
|
33
|
+
label: "Edit",
|
|
34
|
+
value: "edit",
|
|
35
|
+
leadingIcon: /* @__PURE__ */ t(v, { width: 16, height: 16, color: o.content.secondary })
|
|
36
|
+
},
|
|
37
|
+
...a ? [
|
|
38
|
+
{
|
|
39
|
+
label: "Delete",
|
|
40
|
+
value: "delete",
|
|
41
|
+
// Rendered red (icon + label) via customComponent.
|
|
42
|
+
customComponent: /* @__PURE__ */ r(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
style: {
|
|
46
|
+
display: "flex",
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
gap: 8,
|
|
49
|
+
color: o.content.negative,
|
|
50
|
+
fontFamily: "Inter",
|
|
51
|
+
fontSize: 14
|
|
52
|
+
},
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ t(
|
|
55
|
+
b,
|
|
56
|
+
{
|
|
57
|
+
width: 16,
|
|
58
|
+
height: 16,
|
|
59
|
+
color: o.content.negative
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
"Delete"
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
}
|
|
67
|
+
] : []
|
|
68
|
+
], y = (i) => {
|
|
69
|
+
i === "edit" ? h(e) : i === "delete" && a?.(e);
|
|
70
|
+
}, d = /* @__PURE__ */ t(
|
|
71
|
+
p,
|
|
34
72
|
{
|
|
35
73
|
"data-test": `agent-row-run-${e.id}`,
|
|
36
74
|
disabled: e.isRunDisabled,
|
|
37
75
|
onClick: u,
|
|
38
76
|
"aria-label": "Run agent",
|
|
39
|
-
children: /* @__PURE__ */
|
|
40
|
-
|
|
77
|
+
children: /* @__PURE__ */ t(
|
|
78
|
+
w,
|
|
41
79
|
{
|
|
42
80
|
width: 20,
|
|
43
81
|
height: 20,
|
|
44
|
-
color:
|
|
82
|
+
color: o.content.secondary
|
|
45
83
|
}
|
|
46
84
|
)
|
|
47
85
|
}
|
|
48
86
|
);
|
|
49
|
-
return /* @__PURE__ */
|
|
50
|
-
|
|
87
|
+
return /* @__PURE__ */ r(
|
|
88
|
+
S,
|
|
51
89
|
{
|
|
52
90
|
"data-test": `agent-row-${e.id}`,
|
|
53
91
|
clickable: !!l,
|
|
54
92
|
onClick: l ? () => l(e) : void 0,
|
|
55
93
|
children: [
|
|
56
|
-
/* @__PURE__ */ n
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */
|
|
94
|
+
/* @__PURE__ */ r(n, { children: [
|
|
95
|
+
/* @__PURE__ */ t(g, { numberOfLines: 1, color: o.content.primary, children: e.name }),
|
|
96
|
+
/* @__PURE__ */ r(x, { numberOfLines: 1, color: o.content.secondary, children: [
|
|
59
97
|
"Created: ",
|
|
60
98
|
e.createdAtLabel
|
|
61
99
|
] })
|
|
62
100
|
] }),
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
|
|
101
|
+
/* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(s, { numberOfLines: 2, color: o.content.primary, children: R(e.trigger) }) }),
|
|
102
|
+
/* @__PURE__ */ t(n, { align: "right", children: /* @__PURE__ */ t(s, { color: o.content.primary, children: e.triggerCount }) }),
|
|
103
|
+
/* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
|
|
104
|
+
L,
|
|
67
105
|
{
|
|
68
|
-
tagText:
|
|
69
|
-
type:
|
|
106
|
+
tagText: c ? "Live" : "Draft",
|
|
107
|
+
type: c ? "positive" : "neutral",
|
|
70
108
|
variant: "regular"
|
|
71
109
|
}
|
|
72
110
|
) }),
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
e.isRunDisabled && e.runDisabledTooltip ? /* @__PURE__ */
|
|
75
|
-
/* @__PURE__ */
|
|
76
|
-
|
|
77
|
-
{
|
|
78
|
-
"data-test": `agent-row-edit-${e.id}`,
|
|
79
|
-
onClick: b,
|
|
80
|
-
"aria-label": "Edit agent",
|
|
81
|
-
children: /* @__PURE__ */ r(T, { width: 20, height: 20, color: t.content.secondary })
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
c && /* @__PURE__ */ r(
|
|
85
|
-
a,
|
|
111
|
+
/* @__PURE__ */ t(n, { align: "center", children: /* @__PURE__ */ r(C, { children: [
|
|
112
|
+
e.isRunDisabled && e.runDisabledTooltip ? /* @__PURE__ */ t(O, { body: e.runDisabledTooltip, placement: "top", children: /* @__PURE__ */ t("span", { style: { display: "flex" }, children: d }) }) : d,
|
|
113
|
+
/* @__PURE__ */ t(
|
|
114
|
+
"span",
|
|
86
115
|
{
|
|
87
|
-
"
|
|
88
|
-
onClick:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
f,
|
|
116
|
+
style: { display: "flex" },
|
|
117
|
+
onClick: (i) => i.stopPropagation(),
|
|
118
|
+
children: /* @__PURE__ */ t(
|
|
119
|
+
T,
|
|
92
120
|
{
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
121
|
+
"data-test": `agent-row-menu-${e.id}`,
|
|
122
|
+
options: f,
|
|
123
|
+
placement: "bottom-end",
|
|
124
|
+
width: "160px",
|
|
125
|
+
onSelect: (i) => y(P(i)),
|
|
126
|
+
children: /* @__PURE__ */ t(
|
|
127
|
+
p,
|
|
128
|
+
{
|
|
129
|
+
"data-test": `agent-row-menu-button-${e.id}`,
|
|
130
|
+
"aria-label": "More actions",
|
|
131
|
+
children: /* @__PURE__ */ t(
|
|
132
|
+
D,
|
|
133
|
+
{
|
|
134
|
+
width: 20,
|
|
135
|
+
height: 20,
|
|
136
|
+
color: o.content.secondary
|
|
137
|
+
}
|
|
138
|
+
)
|
|
139
|
+
}
|
|
140
|
+
)
|
|
96
141
|
}
|
|
97
142
|
)
|
|
98
143
|
}
|
|
@@ -103,6 +148,6 @@ const P = (e) => {
|
|
|
103
148
|
);
|
|
104
149
|
};
|
|
105
150
|
export {
|
|
106
|
-
|
|
151
|
+
q as AgentTableRow
|
|
107
152
|
};
|
|
108
153
|
//# sourceMappingURL=AgentTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentTableRow.js","sources":["../../../../src/components/agent-listing/AgentTableRow.tsx"],"sourcesContent":["import DeleteIcon from '@src/assets/icons/delete.svg';\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport PlayOutlineIcon from '@src/assets/icons/playOutline.svg';\nimport React from 'react';\nimport { Tag } from '@src/components/tag';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentListItem, AgentTriggerSummary } from './AgentListing.model';\nimport {\n\tActionButton,\n\tActionGroup,\n\tBodyGridRow,\n\tCell,\n} from './AgentListing.styled';\n\nconst triggerToText = (trigger: AgentTriggerSummary): string => {\n\tswitch (trigger.kind) {\n\t\tcase 'topic':\n\t\t\treturn `Topic: ${trigger.label ?? ''}`;\n\t\tcase 'phrases':\n\t\t\treturn `Phrases: ${(trigger.items ?? []).join(', ')}`;\n\t\tcase 'custom':\n\t\tdefault:\n\t\t\treturn trigger.label ?? '';\n\t}\n};\n\ninterface AgentTableRowProps {\n\tagent: AgentListItem;\n\tonRunAgent: (agent: AgentListItem) => void;\n\tonEditAgent: (agent: AgentListItem) => void;\n\t/** When set, render a delete action (the listing handles confirmation). */\n\tonDeleteAgent?: (agent: AgentListItem) => void;\n\tonRowClick?: (agent: AgentListItem) => void;\n}\n\nexport const AgentTableRow: React.FC<AgentTableRowProps> = ({\n\tagent,\n\tonRunAgent,\n\tonEditAgent,\n\tonDeleteAgent,\n\tonRowClick,\n}) => {\n\tconst isLive = agent.status === 'live';\n\n\tconst handleRun = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (agent.isRunDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tonRunAgent(agent);\n\t};\n\n\tconst
|
|
1
|
+
{"version":3,"file":"AgentTableRow.js","sources":["../../../../src/components/agent-listing/AgentTableRow.tsx"],"sourcesContent":["import DeleteIcon from '@src/assets/icons/delete.svg';\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport PlayOutlineIcon from '@src/assets/icons/playOutline.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport React from 'react';\nimport { unwrapDropdownValue } from '@src/components/dropdown';\nimport { DropdownPopover } from '@src/components/dropdown/DropdownPopover';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentListItem, AgentTriggerSummary } from './AgentListing.model';\nimport {\n\tActionButton,\n\tActionGroup,\n\tBodyGridRow,\n\tCell,\n} from './AgentListing.styled';\n\nconst triggerToText = (trigger: AgentTriggerSummary): string => {\n\tswitch (trigger.kind) {\n\t\tcase 'topic':\n\t\t\treturn `Topic: ${trigger.label ?? ''}`;\n\t\tcase 'phrases':\n\t\t\treturn `Phrases: ${(trigger.items ?? []).join(', ')}`;\n\t\tcase 'custom':\n\t\tdefault:\n\t\t\treturn trigger.label ?? '';\n\t}\n};\n\ninterface AgentTableRowProps {\n\tagent: AgentListItem;\n\tonRunAgent: (agent: AgentListItem) => void;\n\tonEditAgent: (agent: AgentListItem) => void;\n\t/** When set, render a delete action (the listing handles confirmation). */\n\tonDeleteAgent?: (agent: AgentListItem) => void;\n\tonRowClick?: (agent: AgentListItem) => void;\n}\n\nexport const AgentTableRow: React.FC<AgentTableRowProps> = ({\n\tagent,\n\tonRunAgent,\n\tonEditAgent,\n\tonDeleteAgent,\n\tonRowClick,\n}) => {\n\tconst isLive = agent.status === 'live';\n\n\tconst handleRun = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (agent.isRunDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tonRunAgent(agent);\n\t};\n\n\t// Edit + Delete live in the \"⋮\" menu beside the run button.\n\tconst menuOptions: SingleOption[] = [\n\t\t{\n\t\t\tlabel: 'Edit',\n\t\t\tvalue: 'edit',\n\t\t\tleadingIcon: (\n\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.secondary} />\n\t\t\t),\n\t\t},\n\t\t...(onDeleteAgent\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: 'Delete',\n\t\t\t\t\t\tvalue: 'delete',\n\t\t\t\t\t\t// Rendered red (icon + label) via customComponent.\n\t\t\t\t\t\tcustomComponent: (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.negative,\n\t\t\t\t\t\t\t\t\tfontFamily: 'Inter',\n\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t ]\n\t\t\t: []),\n\t];\n\n\tconst handleMenuSelect = (value: string | undefined) => {\n\t\tif (value === 'edit') {\n\t\t\tonEditAgent(agent);\n\t\t} else if (value === 'delete') {\n\t\t\tonDeleteAgent?.(agent);\n\t\t}\n\t};\n\n\tconst playButton = (\n\t\t<ActionButton\n\t\t\tdata-test={`agent-row-run-${agent.id}`}\n\t\t\tdisabled={agent.isRunDisabled}\n\t\t\tonClick={handleRun}\n\t\t\taria-label=\"Run agent\"\n\t\t>\n\t\t\t<PlayOutlineIcon\n\t\t\t\twidth={20}\n\t\t\t\theight={20}\n\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t/>\n\t\t</ActionButton>\n\t);\n\n\treturn (\n\t\t<BodyGridRow\n\t\t\tdata-test={`agent-row-${agent.id}`}\n\t\t\tclickable={!!onRowClick}\n\t\t\tonClick={onRowClick ? () => onRowClick(agent) : undefined}\n\t\t>\n\t\t\t<Cell>\n\t\t\t\t<TitleSmall numberOfLines={1} color={COLORS.content.primary}>\n\t\t\t\t\t{agent.name}\n\t\t\t\t</TitleSmall>\n\t\t\t\t<BodyCaption numberOfLines={1} color={COLORS.content.secondary}>\n\t\t\t\t\tCreated: {agent.createdAtLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t</Cell>\n\n\t\t\t<Cell>\n\t\t\t\t<BodyPrimary numberOfLines={2} color={COLORS.content.primary}>\n\t\t\t\t\t{triggerToText(agent.trigger)}\n\t\t\t\t</BodyPrimary>\n\t\t\t</Cell>\n\n\t\t\t<Cell align=\"right\">\n\t\t\t\t<BodyPrimary color={COLORS.content.primary}>\n\t\t\t\t\t{agent.triggerCount}\n\t\t\t\t</BodyPrimary>\n\t\t\t</Cell>\n\n\t\t\t<Cell>\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={isLive ? 'Live' : 'Draft'}\n\t\t\t\t\ttype={isLive ? 'positive' : 'neutral'}\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t/>\n\t\t\t</Cell>\n\n\t\t\t<Cell align=\"center\">\n\t\t\t\t<ActionGroup>\n\t\t\t\t\t{agent.isRunDisabled && agent.runDisabledTooltip ? (\n\t\t\t\t\t\t<Tooltip body={agent.runDisabledTooltip} placement=\"top\">\n\t\t\t\t\t\t\t<span style={{ display: 'flex' }}>{playButton}</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tplayButton\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Stop the row's onClick from firing when interacting with the menu. */}\n\t\t\t\t\t<span\n\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\t\tdata-test={`agent-row-menu-${agent.id}`}\n\t\t\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\t\t\t\twidth=\"160px\"\n\t\t\t\t\t\t\tonSelect={(opt) => handleMenuSelect(unwrapDropdownValue(opt))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ActionButton\n\t\t\t\t\t\t\t\tdata-test={`agent-row-menu-button-${agent.id}`}\n\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MoreIcon\n\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ActionButton>\n\t\t\t\t\t\t</DropdownPopover>\n\t\t\t\t\t</span>\n\t\t\t\t</ActionGroup>\n\t\t\t</Cell>\n\t\t</BodyGridRow>\n\t);\n};\n"],"names":["triggerToText","trigger","AgentTableRow","agent","onRunAgent","onEditAgent","onDeleteAgent","onRowClick","isLive","handleRun","e","menuOptions","jsx","EditIcon","COLORS","jsxs","DeleteIcon","handleMenuSelect","value","playButton","ActionButton","PlayOutlineIcon","BodyGridRow","Cell","TitleSmall","BodyCaption","BodyPrimary","Tag","ActionGroup","Tooltip","DropdownPopover","opt","unwrapDropdownValue","MoreIcon"],"mappings":"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"}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
var
|
|
2
|
-
const
|
|
1
|
+
var e = /* @__PURE__ */ ((N) => (N.SEND_GRID = "sendgrid", N.BEE = "bee", N))(e || {}), r = /* @__PURE__ */ ((N) => (N.APPROVED = "APPROVED", N.DISABLED = "DISABLED", N.FLAGGED = "FLAGGED", N.PENDING = "PENDING", N.DRAFT = "DRAFT", N.REJECTED = "REJECTED", N.PENDING_DELETION = "PENDING_DELETION", N.IN_REVIEW = "IN REVIEW", N.PAUSED = "PAUSED", N.ACTIVE = "ACTIVE", N.LIBRARY = "LIBRARY", N))(r || {}), I = /* @__PURE__ */ ((N) => (N.NONE = "NONE", N.TEXT = "TEXT", N.IMAGE = "IMAGE", N.VIDEO = "VIDEO", N.DOCUMENT = "DOCUMENT", N))(I || {}), l = /* @__PURE__ */ ((N) => (N.NONE = "NONE", N.CTA_BTN = "CTA_BTN", N.QUICK_REPLY = "QUICK_REPLY", N))(l || {});
|
|
2
|
+
const D = {
|
|
3
3
|
value: "custom_link",
|
|
4
4
|
label: "Custom URL",
|
|
5
5
|
placeHolder: "custom placeholder"
|
|
6
|
-
},
|
|
6
|
+
}, a = {
|
|
7
7
|
label: "Custom URL (No tracking)",
|
|
8
8
|
value: "static_link",
|
|
9
9
|
placeHolder: "{{staticUrl}}"
|
|
10
|
-
},
|
|
10
|
+
}, t = {
|
|
11
11
|
label: "Unsubscribe URL",
|
|
12
12
|
value: "{{unsubscribeUrl}}",
|
|
13
13
|
placeHolder: "{{unsubscribeUrl}}"
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
l as ACTIONS_TYPES,
|
|
17
|
+
D as CUSTOM_URL_NAME,
|
|
18
|
+
I as HEADER_TYPES,
|
|
19
|
+
a as STATIC_URL_CTA_OPTION,
|
|
20
|
+
e as TEMPLATE_EDITOR,
|
|
21
|
+
r as TEMPLATE_STATUS,
|
|
22
|
+
t as UNSUBSCRIBE_URL_OPTION
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=TemplateMeta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TemplateMeta.js","sources":["../../../../../src/components/template-preview/models/TemplateMeta.ts"],"sourcesContent":["import type { SingleOption } from '@src/components/dropdown/type';\n\nexport type CUSTOM_VARIABLE = {\n\tvariableName: string;\n\ttype: 'string' | 'link' | 'image' | 'button' | 'date_time';\n\tisEditableVariable: boolean;\n\tupdatedValue: string;\n\tindex?: number;\n\tvariableValue?: string;\n\tqueryParams?: { key: string; value: string }[];\n\tinitialValue?: string;\n};\n\nexport type QueryParamtype = { key: string; value: string };\n\nexport enum TEMPLATE_EDITOR {\n\tSEND_GRID = 'sendgrid',\n\tBEE = 'bee',\n}\n\nexport enum TEMPLATE_STATUS {\n\tAPPROVED = 'APPROVED',\n\tDISABLED = 'DISABLED',\n\tFLAGGED = 'FLAGGED',\n\tPENDING = 'PENDING',\n\tDRAFT = 'DRAFT',\n\tREJECTED = 'REJECTED',\n\tPENDING_DELETION = 'PENDING_DELETION',\n\tIN_REVIEW = 'IN REVIEW',\n\tPAUSED = 'PAUSED',\n\tACTIVE = 'ACTIVE',\n\tLIBRARY = 'LIBRARY',\n
|
|
1
|
+
{"version":3,"file":"TemplateMeta.js","sources":["../../../../../src/components/template-preview/models/TemplateMeta.ts"],"sourcesContent":["import type { SingleOption } from '@src/components/dropdown/type';\n\nexport type CUSTOM_VARIABLE = {\n\tvariableName: string;\n\ttype: 'string' | 'link' | 'image' | 'button' | 'date_time';\n\tisEditableVariable: boolean;\n\tupdatedValue: string;\n\tindex?: number;\n\tvariableValue?: string;\n\tqueryParams?: { key: string; value: string }[];\n\tinitialValue?: string;\n};\n\nexport type QueryParamtype = { key: string; value: string };\n\nexport enum TEMPLATE_EDITOR {\n\tSEND_GRID = 'sendgrid',\n\tBEE = 'bee',\n}\n\nexport enum TEMPLATE_STATUS {\n\tAPPROVED = 'APPROVED',\n\tDISABLED = 'DISABLED',\n\tFLAGGED = 'FLAGGED',\n\tPENDING = 'PENDING',\n\tDRAFT = 'DRAFT',\n\tREJECTED = 'REJECTED',\n\tPENDING_DELETION = 'PENDING_DELETION',\n\tIN_REVIEW = 'IN REVIEW',\n\tPAUSED = 'PAUSED',\n\tACTIVE = 'ACTIVE',\n\tLIBRARY = 'LIBRARY',\n}\n\nexport enum HEADER_TYPES {\n\tNONE = 'NONE',\n\tTEXT = 'TEXT',\n\tIMAGE = 'IMAGE',\n\tVIDEO = 'VIDEO',\n\tDOCUMENT = 'DOCUMENT',\n}\n\nexport enum ACTIONS_TYPES {\n\tNONE = 'NONE',\n\tCTA_BTN = 'CTA_BTN',\n\tQUICK_REPLY = 'QUICK_REPLY',\n}\n\nexport interface QUICK_REPLY_BUTTON {\n\ttext: string;\n\tflowId: string;\n\tflowName: string;\n}\n\nexport const CUSTOM_URL_NAME = {\n\tvalue: 'custom_link',\n\tlabel: 'Custom URL',\n\tplaceHolder: 'custom placeholder',\n};\n\nexport const STATIC_URL_CTA_OPTION = {\n\tlabel: 'Custom URL (No tracking)',\n\tvalue: 'static_link',\n\tplaceHolder: '{{staticUrl}}',\n};\n\nexport const UNSUBSCRIBE_URL_OPTION = {\n\tlabel: 'Unsubscribe URL',\n\tvalue: '{{unsubscribeUrl}}',\n\tplaceHolder: '{{unsubscribeUrl}}',\n};\n\nexport type GlobalPlaceholderType = {\n\tMARKETING: {\n\t\tcustomer: baseAPITemplateVariableType[];\n\t\tstoreDetails: baseAPITemplateVariableType[];\n\t\torderDetails: baseAPITemplateVariableType[];\n\t\tabandonedCart: baseAPITemplateVariableType[];\n\t};\n\tTRANSACTIONAL: {\n\t\tcustomer: baseAPITemplateVariableType[];\n\t\tstoreDetails: baseAPITemplateVariableType[];\n\t\torderDetails: baseAPITemplateVariableType[];\n\t\tabandonedCart: baseAPITemplateVariableType[];\n\t};\n};\n\nexport type baseAPITemplateVariableType = {\n\ttitle: string;\n\tdefault_value: string;\n\tplaceHolder: string;\n\ttype?: 'string' | 'url';\n};\n\nexport type globalNormalizedPlaceholdersType = {\n\tlabel: string;\n\toptions: SingleOption[];\n};\n\nexport interface ButtonPlaceHolderOptions {\n\tvalue: string;\n\tlabel: string;\n\tplaceHolder: string;\n}\n"],"names":["TEMPLATE_EDITOR","TEMPLATE_STATUS","HEADER_TYPES","ACTIONS_TYPES","CUSTOM_URL_NAME","STATIC_URL_CTA_OPTION","UNSUBSCRIBE_URL_OPTION"],"mappings":"AAeO,IAAKA,sBAAAA,OACXA,EAAA,YAAY,YACZA,EAAA,MAAM,OAFKA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,mBAAmB,oBACnBA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,UAAU,WAXCA,IAAAA,KAAA,CAAA,CAAA,GAcAC,sBAAAA,OACXA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,WAAW,YALAA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACXA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,cAAc,eAHHA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,IAAkB;AAAA,EAC9B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,aAAa;AACd,GAEaC,IAAwB;AAAA,EACpC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,aAAa;AACd,GAEaC,IAAyB;AAAA,EACrC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,aAAa;AACd;"}
|