@bikdotai/bik-component-library 0.0.839-beta.6 → 0.0.839

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.
Files changed (153) hide show
  1. package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
  2. package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
  3. package/dist/cjs/components/agent-builder/AgentBuilder.js +1 -1
  4. package/dist/cjs/components/agent-builder/AgentBuilder.js.map +1 -1
  5. package/dist/cjs/components/agent-builder/AgentBuilder.styled.js +20 -44
  6. package/dist/cjs/components/agent-builder/AgentBuilder.styled.js.map +1 -1
  7. package/dist/cjs/components/agent-builder/components/AgentBuilderFooter.js +1 -1
  8. package/dist/cjs/components/agent-builder/components/AgentBuilderFooter.js.map +1 -1
  9. package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js +1 -1
  10. package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js.map +1 -1
  11. package/dist/cjs/components/agent-builder/components/ConfigToolPanel.js +2 -2
  12. package/dist/cjs/components/agent-builder/components/ConfigToolPanel.js.map +1 -1
  13. package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js +1 -1
  14. package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
  15. package/dist/cjs/components/agent-builder/components/DiscardModal.js +1 -1
  16. package/dist/cjs/components/agent-builder/components/DiscardModal.js.map +1 -1
  17. package/dist/cjs/components/agent-builder/components/GoLiveModal.js +1 -1
  18. package/dist/cjs/components/agent-builder/components/GoLiveModal.js.map +1 -1
  19. package/dist/cjs/components/agent-builder/components/MentionEditor.js +1 -1
  20. package/dist/cjs/components/agent-builder/components/MentionEditor.js.map +1 -1
  21. package/dist/cjs/components/agent-builder/components/MentionPicker.js +13 -13
  22. package/dist/cjs/components/agent-builder/components/MentionPicker.js.map +1 -1
  23. package/dist/cjs/components/agent-builder/components/RestApiToolPanel.js +4 -4
  24. package/dist/cjs/components/agent-builder/components/RestApiToolPanel.js.map +1 -1
  25. package/dist/cjs/components/agent-builder/components/SelectableListSection.js +6 -6
  26. package/dist/cjs/components/agent-builder/components/SelectableListSection.js.map +1 -1
  27. package/dist/cjs/components/agent-builder/components/StepSectionHeader.js +1 -1
  28. package/dist/cjs/components/agent-builder/components/StepSectionHeader.js.map +1 -1
  29. package/dist/cjs/components/agent-builder/constants/tools.js +1 -1
  30. package/dist/cjs/components/agent-builder/constants/tools.js.map +1 -1
  31. package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js +1 -1
  32. package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js.map +1 -1
  33. package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js +1 -3
  34. package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js.map +1 -1
  35. package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js +1 -1
  36. package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js.map +1 -1
  37. package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js +1 -1
  38. package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js.map +1 -1
  39. package/dist/cjs/components/agent-builder/utils/mentionSerialization.js +3 -5
  40. package/dist/cjs/components/agent-builder/utils/mentionSerialization.js.map +1 -1
  41. package/dist/cjs/components/agent-listing/AgentListing.js +1 -1
  42. package/dist/cjs/components/agent-listing/AgentListing.js.map +1 -1
  43. package/dist/cjs/components/agent-listing/AgentTable.js +1 -1
  44. package/dist/cjs/components/agent-listing/AgentTable.js.map +1 -1
  45. package/dist/cjs/components/agent-listing/AgentTableRow.js +1 -1
  46. package/dist/cjs/components/agent-listing/AgentTableRow.js.map +1 -1
  47. package/dist/cjs/components/agent-listing/DeleteAgentModal.js +1 -1
  48. package/dist/cjs/components/agent-listing/DeleteAgentModal.js.map +1 -1
  49. package/dist/cjs/components/button/Button.styled.js +0 -1
  50. package/dist/cjs/components/button/Button.styled.js.map +1 -1
  51. package/dist/cjs/components/button/themes.js +11 -11
  52. package/dist/cjs/components/button/themes.js.map +1 -1
  53. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  54. package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
  55. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
  56. package/dist/cjs/components/dropdown-button/DropdownButton.js.map +1 -1
  57. package/dist/cjs/editor/BikEditor.js +1 -1
  58. package/dist/cjs/editor/BikEditor.js.map +1 -1
  59. package/dist/cjs/editor/BikEditor.styles.js +54 -97
  60. package/dist/cjs/editor/BikEditor.styles.js.map +1 -1
  61. package/dist/cjs/editor/extensions/jsonHighlight/JsonHighlightExtension.js +3 -3
  62. package/dist/cjs/editor/extensions/jsonHighlight/JsonHighlightExtension.js.map +1 -1
  63. package/dist/cjs/icons/Media/Visual/FormkitNeutral.js +2 -0
  64. package/dist/cjs/icons/Media/Visual/FormkitNeutral.js.map +1 -0
  65. package/dist/cjs/icons/Media/Visual/FormkitSad.js +2 -0
  66. package/dist/cjs/icons/Media/Visual/FormkitSad.js.map +1 -0
  67. package/dist/cjs/icons/index.js +1 -1
  68. package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js +66 -61
  69. package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
  70. package/dist/esm/components/agent-builder/AgentBuilder.js +102 -106
  71. package/dist/esm/components/agent-builder/AgentBuilder.js.map +1 -1
  72. package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts +0 -3
  73. package/dist/esm/components/agent-builder/AgentBuilder.styled.js +82 -110
  74. package/dist/esm/components/agent-builder/AgentBuilder.styled.js.map +1 -1
  75. package/dist/esm/components/agent-builder/components/AgentBuilderFooter.js +21 -29
  76. package/dist/esm/components/agent-builder/components/AgentBuilderFooter.js.map +1 -1
  77. package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js +26 -27
  78. package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js.map +1 -1
  79. package/dist/esm/components/agent-builder/components/ConfigToolPanel.js +25 -25
  80. package/dist/esm/components/agent-builder/components/ConfigToolPanel.js.map +1 -1
  81. package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js +23 -24
  82. package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
  83. package/dist/esm/components/agent-builder/components/DiscardModal.d.ts +1 -3
  84. package/dist/esm/components/agent-builder/components/DiscardModal.js +16 -25
  85. package/dist/esm/components/agent-builder/components/DiscardModal.js.map +1 -1
  86. package/dist/esm/components/agent-builder/components/GoLiveModal.js +34 -36
  87. package/dist/esm/components/agent-builder/components/GoLiveModal.js.map +1 -1
  88. package/dist/esm/components/agent-builder/components/MentionEditor.js +19 -19
  89. package/dist/esm/components/agent-builder/components/MentionEditor.js.map +1 -1
  90. package/dist/esm/components/agent-builder/components/MentionPicker.js +60 -64
  91. package/dist/esm/components/agent-builder/components/MentionPicker.js.map +1 -1
  92. package/dist/esm/components/agent-builder/components/RestApiToolPanel.d.ts +0 -2
  93. package/dist/esm/components/agent-builder/components/RestApiToolPanel.js +105 -111
  94. package/dist/esm/components/agent-builder/components/RestApiToolPanel.js.map +1 -1
  95. package/dist/esm/components/agent-builder/components/SelectableListSection.d.ts +4 -13
  96. package/dist/esm/components/agent-builder/components/SelectableListSection.js +148 -173
  97. package/dist/esm/components/agent-builder/components/SelectableListSection.js.map +1 -1
  98. package/dist/esm/components/agent-builder/components/StepSectionHeader.js +7 -7
  99. package/dist/esm/components/agent-builder/components/StepSectionHeader.js.map +1 -1
  100. package/dist/esm/components/agent-builder/constants/tools.js +1 -1
  101. package/dist/esm/components/agent-builder/constants/tools.js.map +1 -1
  102. package/dist/esm/components/agent-builder/context/AgentBuilderContext.js +103 -104
  103. package/dist/esm/components/agent-builder/context/AgentBuilderContext.js.map +1 -1
  104. package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js +98 -102
  105. package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js.map +1 -1
  106. package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js +142 -144
  107. package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js.map +1 -1
  108. package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js +79 -23
  109. package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js.map +1 -1
  110. package/dist/esm/components/agent-builder/utils/mentionSerialization.js +23 -35
  111. package/dist/esm/components/agent-builder/utils/mentionSerialization.js.map +1 -1
  112. package/dist/esm/components/agent-listing/AgentListing.js +65 -70
  113. package/dist/esm/components/agent-listing/AgentListing.js.map +1 -1
  114. package/dist/esm/components/agent-listing/AgentTable.d.ts +0 -2
  115. package/dist/esm/components/agent-listing/AgentTable.js +15 -16
  116. package/dist/esm/components/agent-listing/AgentTable.js.map +1 -1
  117. package/dist/esm/components/agent-listing/AgentTableRow.js +11 -11
  118. package/dist/esm/components/agent-listing/AgentTableRow.js.map +1 -1
  119. package/dist/esm/components/agent-listing/DeleteAgentModal.js +8 -8
  120. package/dist/esm/components/agent-listing/DeleteAgentModal.js.map +1 -1
  121. package/dist/esm/components/button/Button.styled.js +19 -25
  122. package/dist/esm/components/button/Button.styled.js.map +1 -1
  123. package/dist/esm/components/button/themes.d.ts +1 -0
  124. package/dist/esm/components/button/themes.js +61 -51
  125. package/dist/esm/components/button/themes.js.map +1 -1
  126. package/dist/esm/components/dropdown/Dropdown.js +13 -18
  127. package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
  128. package/dist/esm/components/dropdown-button/DropdownButton.js +13 -13
  129. package/dist/esm/components/dropdown-button/DropdownButton.js.map +1 -1
  130. package/dist/esm/editor/BikEditor.js +160 -173
  131. package/dist/esm/editor/BikEditor.js.map +1 -1
  132. package/dist/esm/editor/BikEditor.styles.d.ts +3 -20
  133. package/dist/esm/editor/BikEditor.styles.js +57 -102
  134. package/dist/esm/editor/BikEditor.styles.js.map +1 -1
  135. package/dist/esm/editor/extensions/jsonHighlight/JsonHighlightExtension.d.ts +8 -5
  136. package/dist/esm/editor/extensions/jsonHighlight/JsonHighlightExtension.js +68 -87
  137. package/dist/esm/editor/extensions/jsonHighlight/JsonHighlightExtension.js.map +1 -1
  138. package/dist/esm/icons/Media/Visual/FormkitNeutral.js +58 -0
  139. package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map +1 -0
  140. package/dist/esm/icons/Media/Visual/FormkitSad.js +61 -0
  141. package/dist/esm/icons/Media/Visual/FormkitSad.js.map +1 -0
  142. package/dist/esm/icons/Media/Visual/index.d.ts +2 -0
  143. package/dist/esm/icons/index.d.ts +25 -25
  144. package/dist/esm/icons/index.js +420 -416
  145. package/dist/esm/icons/index.js.map +1 -1
  146. package/package.json +1 -1
  147. package/dist/cjs/components/agent-listing/AgentTableShimmer.js +0 -2
  148. package/dist/cjs/components/agent-listing/AgentTableShimmer.js.map +0 -1
  149. package/dist/esm/components/agent-builder/__fixtures__/agentValue.d.ts +0 -11
  150. package/dist/esm/components/agent-listing/AgentTableShimmer.d.ts +0 -12
  151. package/dist/esm/components/agent-listing/AgentTableShimmer.js +0 -20
  152. package/dist/esm/components/agent-listing/AgentTableShimmer.js.map +0 -1
  153. package/dist/esm/components/agent-listing/__fixtures__/agents.d.ts +0 -3
@@ -1,137 +1,135 @@
1
- import { jsxs as o, jsx as n } from "react/jsx-runtime";
2
- import _ from "../../../assets/icons/cross.svg.js";
3
- import I from "../../../assets/icons/plus.svg.js";
4
- import w from "styled-components";
5
- import { DropdownPopover as x } from "../../dropdown/DropdownPopover/index.js";
1
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
+ import w from "../../../assets/icons/cross.svg.js";
3
+ import _ from "../../../assets/icons/plus.svg.js";
4
+ import { DropdownPopover as I } from "../../dropdown/DropdownPopover/index.js";
6
5
  import { RadioButton as p } from "../../radioButton/RadioButton.js";
7
- import { TitleSmall as c, BodyCaption as l, BodySecondary as T } from "../../TypographyStyle.js";
8
- import { BASE_COLORS as u, COLORS as i } from "../../../constants/Theme.js";
9
- import { SectionBodyWrap as k, CardRow as B, RadioCard as f, RadioCardText as g, FieldBlock as R, ChipWrap as A, IntentChip as O, ChipCloseButton as D } from "../AgentBuilder.styled.js";
10
- import { AiTextArea as L } from "../components/AiTextArea.js";
11
- import { StepSectionHeader as E } from "../components/StepSectionHeader.js";
12
- import { STEP_DEFINITIONS as P } from "../constants/steps.js";
6
+ import { TitleSmall as s, BodyCaption as l, BodySecondary as u } from "../../TypographyStyle.js";
7
+ import { COLORS as o } from "../../../constants/Theme.js";
8
+ import { SectionBodyWrap as x, CardRow as k, RadioCard as g, RadioCardText as f, FieldBlock as T, ChipWrap as B, IntentChip as A, ChipCloseButton as O, AddChipButton as R } from "../AgentBuilder.styled.js";
9
+ import { AiTextArea as D } from "../components/AiTextArea.js";
10
+ import { StepSectionHeader as P } from "../components/StepSectionHeader.js";
11
+ import { STEP_DEFINITIONS as E } from "../constants/steps.js";
13
12
  import { useAgentBuilderContext as F } from "../context/AgentBuilderContext.js";
14
- import { Button as M } from "../../button/Button.js";
15
- import { unwrapDropdownValue as W } from "../../dropdown/utils.js";
16
- const v = P[1], et = () => {
17
- const { value: y, patch: a, availableIntents: d, charLimits: C } = F(), { trigger: e } = y, s = (t) => a({
18
- trigger: t === "manifest_intent" ? { ...e, mode: t, custom_intent: "" } : { ...e, mode: t, intents: [] }
19
- }), S = (t) => {
20
- e.intents.includes(t) || a({
21
- trigger: { ...e, intents: [...e.intents, t] }
13
+ import { unwrapDropdownValue as L } from "../../dropdown/utils.js";
14
+ const v = E[1], U = () => {
15
+ const { value: y, patch: c, availableIntents: d, charLimits: C } = F(), { trigger: n } = y, a = (t) => c({ trigger: { ...n, mode: t } }), S = (t) => {
16
+ n.intents.includes(t) || c({
17
+ trigger: { ...n, intents: [...n.intents, t] }
22
18
  });
23
- }, b = (t) => a({
19
+ }, b = (t) => c({
24
20
  trigger: {
25
- ...e,
26
- intents: e.intents.filter((r) => r !== t)
21
+ ...n,
22
+ intents: n.intents.filter((r) => r !== t)
27
23
  }
28
- }), m = (t) => d.find((r) => r.value === t)?.label ?? t, h = d.filter((t) => !e.intents.includes(t.value)).map((t) => ({ label: t.label, value: t.value }));
29
- return /* @__PURE__ */ o("div", { children: [
30
- /* @__PURE__ */ n(E, { title: v.title, helper: v.helper }),
31
- /* @__PURE__ */ o(k, { children: [
32
- /* @__PURE__ */ o(B, { children: [
33
- /* @__PURE__ */ o(
34
- f,
24
+ }), m = (t) => d.find((r) => r.value === t)?.label ?? t, h = d.filter((t) => !n.intents.includes(t.value)).map((t) => ({ label: t.label, value: t.value }));
25
+ return /* @__PURE__ */ i("div", { children: [
26
+ /* @__PURE__ */ e(P, { title: v.title, helper: v.helper }),
27
+ /* @__PURE__ */ i(x, { children: [
28
+ /* @__PURE__ */ i(k, { children: [
29
+ /* @__PURE__ */ i(
30
+ g,
35
31
  {
36
32
  "data-test": "trigger-mode-manifest",
37
- selected: e.mode === "manifest_intent",
38
- onClick: () => s("manifest_intent"),
33
+ selected: n.mode === "manifest_intent",
34
+ onClick: () => a("manifest_intent"),
39
35
  children: [
40
- /* @__PURE__ */ n(
36
+ /* @__PURE__ */ e(
41
37
  p,
42
38
  {
43
- isActive: e.mode === "manifest_intent",
44
- onValueChange: () => s("manifest_intent"),
39
+ isActive: n.mode === "manifest_intent",
40
+ onValueChange: () => a("manifest_intent"),
45
41
  skipSelectingOff: !0,
46
- activeColor: u.brand[800]
42
+ activeColor: o.content.brand
47
43
  }
48
44
  ),
49
- /* @__PURE__ */ o(g, { children: [
50
- /* @__PURE__ */ n(c, { color: i.content.primary, children: "Manifest intent" }),
51
- /* @__PURE__ */ n(l, { color: i.content.secondary, children: "Manifest's AI classifier routes conversations automatically — no keywords needed." })
45
+ /* @__PURE__ */ i(f, { children: [
46
+ /* @__PURE__ */ e(s, { color: o.content.primary, children: "Manifest intent" }),
47
+ /* @__PURE__ */ e(l, { color: o.content.secondary, children: "Manifest's AI classifier routes conversations automatically — no keywords needed." })
52
48
  ] })
53
49
  ]
54
50
  }
55
51
  ),
56
- /* @__PURE__ */ o(
57
- f,
52
+ /* @__PURE__ */ i(
53
+ g,
58
54
  {
59
55
  "data-test": "trigger-mode-custom",
60
- selected: e.mode === "custom_intent",
61
- onClick: () => s("custom_intent"),
56
+ selected: n.mode === "custom_intent",
57
+ onClick: () => a("custom_intent"),
62
58
  children: [
63
- /* @__PURE__ */ n(
59
+ /* @__PURE__ */ e(
64
60
  p,
65
61
  {
66
- isActive: e.mode === "custom_intent",
67
- onValueChange: () => s("custom_intent"),
62
+ isActive: n.mode === "custom_intent",
63
+ onValueChange: () => a("custom_intent"),
68
64
  skipSelectingOff: !0,
69
- activeColor: u.brand[800]
65
+ activeColor: o.content.brand
70
66
  }
71
67
  ),
72
- /* @__PURE__ */ o(g, { children: [
73
- /* @__PURE__ */ n(c, { color: i.content.primary, children: "Custom intent" }),
74
- /* @__PURE__ */ n(l, { color: i.content.secondary, children: "Define your own trigger — use exact phrases or describe the customer's intent." })
68
+ /* @__PURE__ */ i(f, { children: [
69
+ /* @__PURE__ */ e(s, { color: o.content.primary, children: "Custom intent" }),
70
+ /* @__PURE__ */ e(l, { color: o.content.secondary, children: "Define your own trigger — use exact phrases or describe the customer's intent." })
75
71
  ] })
76
72
  ]
77
73
  }
78
74
  )
79
75
  ] }),
80
- e.mode === "manifest_intent" ? /* @__PURE__ */ o(R, { children: [
81
- /* @__PURE__ */ n(c, { color: i.content.primary, children: "If customer talks about" }),
82
- e.intents.length > 0 && /* @__PURE__ */ n(A, { children: e.intents.map((t) => /* @__PURE__ */ o(O, { "data-test": `intent-chip-${t}`, children: [
83
- /* @__PURE__ */ n(T, { color: i.content.primary, children: m(t) }),
84
- /* @__PURE__ */ n(
85
- D,
86
- {
87
- onClick: () => b(t),
88
- "aria-label": `Remove ${m(t)}`,
89
- children: /* @__PURE__ */ n(
90
- _,
91
- {
92
- width: 14,
93
- height: 14,
94
- color: i.content.secondary
95
- }
96
- )
97
- }
98
- )
99
- ] }, t)) }),
100
- h.length > 0 && // Dashed "+ Intent" button on its own row under the chips;
101
- // clicking it opens the intent list directly — no intermediate
102
- // select input.
103
- /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(
104
- x,
105
- {
106
- "data-test": "intent-add-dropdown",
107
- isSearchable: !0,
108
- width: "200px",
109
- placement: "bottom-start",
110
- options: h,
111
- onSelect: (t) => {
112
- const r = W(t);
113
- r && S(r);
114
- },
115
- children: /* @__PURE__ */ n(
116
- M,
76
+ n.mode === "manifest_intent" ? /* @__PURE__ */ i(T, { children: [
77
+ /* @__PURE__ */ e(s, { color: o.content.primary, children: "If customer talks about" }),
78
+ /* @__PURE__ */ i(B, { children: [
79
+ n.intents.map((t) => /* @__PURE__ */ i(A, { "data-test": `intent-chip-${t}`, children: [
80
+ /* @__PURE__ */ e(u, { color: o.content.primary, children: m(t) }),
81
+ /* @__PURE__ */ e(
82
+ O,
117
83
  {
118
- "data-test": "intent-add-button",
119
- buttonType: "dashRegular",
120
- size: "medium",
121
- LeadingIcon: I,
122
- buttonText: "Intent"
84
+ onClick: () => b(t),
85
+ "aria-label": `Remove ${m(t)}`,
86
+ children: /* @__PURE__ */ e(
87
+ w,
88
+ {
89
+ width: 14,
90
+ height: 14,
91
+ color: o.content.secondary
92
+ }
93
+ )
123
94
  }
124
95
  )
125
- }
126
- ) }),
127
- /* @__PURE__ */ n(l, { color: i.content.secondary, children: "This agent takes over from your main assistant when this intent is detected. The changeover is automatic when you go live." })
128
- ] }) : /* @__PURE__ */ n(
129
- L,
96
+ ] }, t)),
97
+ h.length > 0 && // Clicking the button opens the intent list directly — no
98
+ // intermediate select input.
99
+ /* @__PURE__ */ e(
100
+ I,
101
+ {
102
+ "data-test": "intent-add-dropdown",
103
+ isSearchable: !0,
104
+ width: "200px",
105
+ placement: "bottom-start",
106
+ options: h,
107
+ onSelect: (t) => {
108
+ const r = L(t);
109
+ r && S(r);
110
+ },
111
+ children: /* @__PURE__ */ i(R, { "data-test": "intent-add-button", type: "button", children: [
112
+ /* @__PURE__ */ e(
113
+ _,
114
+ {
115
+ width: 16,
116
+ height: 16,
117
+ color: o.content.secondary
118
+ }
119
+ ),
120
+ /* @__PURE__ */ e(u, { color: o.content.secondary, children: "Intent" })
121
+ ] })
122
+ }
123
+ )
124
+ ] }),
125
+ /* @__PURE__ */ e(l, { color: o.content.secondary, children: "This agent takes over from your main assistant when this intent is detected. The changeover is automatic when you go live." })
126
+ ] }) : /* @__PURE__ */ e(
127
+ D,
130
128
  {
131
129
  "data-test": "custom-intent",
132
130
  label: "Describe the trigger",
133
- value: e.custom_intent ?? "",
134
- onChange: (t) => a({ trigger: { ...e, custom_intent: t } }),
131
+ value: n.custom_intent ?? "",
132
+ onChange: (t) => c({ trigger: { ...n, custom_intent: t } }),
135
133
  maxLength: C.custom_intent,
136
134
  placeholder: "e.g. The customer wants to cancel an order they placed.",
137
135
  minHeight: "120px"
@@ -139,10 +137,8 @@ const v = P[1], et = () => {
139
137
  )
140
138
  ] })
141
139
  ] });
142
- }, j = w.div`
143
- display: flex;
144
- `;
140
+ };
145
141
  export {
146
- et as Step2WhenItStepsIn
142
+ U as Step2WhenItStepsIn
147
143
  };
148
144
  //# sourceMappingURL=Step2WhenItStepsIn.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Step2WhenItStepsIn.js","sources":["../../../../../src/components/agent-builder/steps/Step2WhenItStepsIn.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { unwrapDropdownValue } from '@src/components/dropdown';\nimport { DropdownPopover } from '@src/components/dropdown/DropdownPopover';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { RadioButton } from '@src/components/radioButton/RadioButton';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { TriggerMode } from '../AgentBuilder.model';\nimport {\n\tCardRow,\n\tChipCloseButton,\n\tChipWrap,\n\tFieldBlock,\n\tIntentChip,\n\tRadioCard,\n\tRadioCardText,\n\tSectionBodyWrap,\n} from '../AgentBuilder.styled';\nimport { AiTextArea } from '../components/AiTextArea';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\nconst STEP = STEP_DEFINITIONS[1];\n\nexport const Step2WhenItStepsIn: React.FC = () => {\n\tconst { value, patch, availableIntents, charLimits } =\n\t\tuseAgentBuilderContext();\n\tconst { trigger } = value;\n\n\t// The two modes are mutually exclusive, so switching clears the other mode's\n\t// data — otherwise both manifest intents AND a custom intent get saved.\n\tconst setMode = (mode: TriggerMode) =>\n\t\tpatch({\n\t\t\ttrigger:\n\t\t\t\tmode === 'manifest_intent'\n\t\t\t\t\t? { ...trigger, mode, custom_intent: '' }\n\t\t\t\t\t: { ...trigger, mode, intents: [] },\n\t\t});\n\n\tconst addIntent = (intentValue: string) => {\n\t\tif (!trigger.intents.includes(intentValue)) {\n\t\t\tpatch({\n\t\t\t\ttrigger: { ...trigger, intents: [...trigger.intents, intentValue] },\n\t\t\t});\n\t\t}\n\t};\n\n\tconst removeIntent = (intentValue: string) =>\n\t\tpatch({\n\t\t\ttrigger: {\n\t\t\t\t...trigger,\n\t\t\t\tintents: trigger.intents.filter((i) => i !== intentValue),\n\t\t\t},\n\t\t});\n\n\tconst labelFor = (v: string) =>\n\t\tavailableIntents.find((o) => o.value === v)?.label ?? v;\n\n\tconst remainingOptions: SingleOption[] = availableIntents\n\t\t.filter((o) => !trigger.intents.includes(o.value))\n\t\t.map((o) => ({ label: o.label, value: o.value }));\n\n\treturn (\n\t\t<div>\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\t\t\t<SectionBodyWrap>\n\t\t\t\t<CardRow>\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"trigger-mode-manifest\"\n\t\t\t\t\t\tselected={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\tonClick={() => setMode('manifest_intent')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\t\tonValueChange={() => setMode('manifest_intent')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={BASE_COLORS.brand['800']}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tManifest intent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tManifest&apos;s AI classifier routes conversations automatically\n\t\t\t\t\t\t\t\t— no keywords needed.\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"trigger-mode-custom\"\n\t\t\t\t\t\tselected={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\tonClick={() => setMode('custom_intent')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\t\tonValueChange={() => setMode('custom_intent')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={BASE_COLORS.brand['800']}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tCustom intent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tDefine your own trigger — use exact phrases or describe the\n\t\t\t\t\t\t\t\tcustomer&apos;s intent.\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\t\t\t\t</CardRow>\n\n\t\t\t\t{trigger.mode === 'manifest_intent' ? (\n\t\t\t\t\t<FieldBlock>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tIf customer talks about\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t{trigger.intents.length > 0 && (\n\t\t\t\t\t\t\t<ChipWrap>\n\t\t\t\t\t\t\t\t{trigger.intents.map((intent) => (\n\t\t\t\t\t\t\t\t\t<IntentChip key={intent} data-test={`intent-chip-${intent}`}>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t\t\t{labelFor(intent)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<ChipCloseButton\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => removeIntent(intent)}\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Remove ${labelFor(intent)}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</ChipCloseButton>\n\t\t\t\t\t\t\t\t\t</IntentChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ChipWrap>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{remainingOptions.length > 0 && (\n\t\t\t\t\t\t\t// Dashed \"+ Intent\" button on its own row under the chips;\n\t\t\t\t\t\t\t// clicking it opens the intent list directly — no intermediate\n\t\t\t\t\t\t\t// select input.\n\t\t\t\t\t\t\t<AddIntentRow>\n\t\t\t\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\t\t\t\tdata-test=\"intent-add-dropdown\"\n\t\t\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\t\t\toptions={remainingOptions}\n\t\t\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\t\t\tconst v = unwrapDropdownValue(opt);\n\t\t\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\t\t\taddIntent(v);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tdata-test=\"intent-add-button\"\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"dashRegular\"\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\t\tbuttonText=\"Intent\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</DropdownPopover>\n\t\t\t\t\t\t\t</AddIntentRow>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tThis agent takes over from your main assistant when this intent is\n\t\t\t\t\t\t\tdetected. The changeover is automatic when you go live.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</FieldBlock>\n\t\t\t\t) : (\n\t\t\t\t\t<AiTextArea\n\t\t\t\t\t\tdata-test=\"custom-intent\"\n\t\t\t\t\t\tlabel=\"Describe the trigger\"\n\t\t\t\t\t\tvalue={trigger.custom_intent ?? ''}\n\t\t\t\t\t\tonChange={(text) =>\n\t\t\t\t\t\t\tpatch({ trigger: { ...trigger, custom_intent: text } })\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmaxLength={charLimits.custom_intent}\n\t\t\t\t\t\tplaceholder=\"e.g. The customer wants to cancel an order they placed.\"\n\t\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</SectionBodyWrap>\n\t\t</div>\n\t);\n};\n\n// Keeps the dashed \"+ Intent\" button at its natural width on its own row.\nconst AddIntentRow = styled.div`\n\tdisplay: flex;\n`;\n"],"names":["STEP","STEP_DEFINITIONS","Step2WhenItStepsIn","value","patch","availableIntents","charLimits","useAgentBuilderContext","trigger","setMode","mode","addIntent","intentValue","removeIntent","i","labelFor","v","o","remainingOptions","jsx","StepSectionHeader","SectionBodyWrap","jsxs","CardRow","RadioCard","RadioButton","BASE_COLORS","RadioCardText","TitleSmall","COLORS","BodyCaption","FieldBlock","ChipWrap","intent","IntentChip","BodySecondary","ChipCloseButton","CrossIcon","AddIntentRow","DropdownPopover","opt","unwrapDropdownValue","Button","PlusIcon","AiTextArea","text","styled"],"mappings":"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"}
1
+ {"version":3,"file":"Step2WhenItStepsIn.js","sources":["../../../../../src/components/agent-builder/steps/Step2WhenItStepsIn.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport PlusIcon from '@src/assets/icons/plus.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 { RadioButton } from '@src/components/radioButton/RadioButton';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { TriggerMode } from '../AgentBuilder.model';\nimport {\n\tAddChipButton,\n\tCardRow,\n\tChipCloseButton,\n\tChipWrap,\n\tFieldBlock,\n\tIntentChip,\n\tRadioCard,\n\tRadioCardText,\n\tSectionBodyWrap,\n} from '../AgentBuilder.styled';\nimport { AiTextArea } from '../components/AiTextArea';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\nconst STEP = STEP_DEFINITIONS[1];\n\nexport const Step2WhenItStepsIn: React.FC = () => {\n\tconst { value, patch, availableIntents, charLimits } =\n\t\tuseAgentBuilderContext();\n\tconst { trigger } = value;\n\n\tconst setMode = (mode: TriggerMode) =>\n\t\tpatch({ trigger: { ...trigger, mode } });\n\n\tconst addIntent = (intentValue: string) => {\n\t\tif (!trigger.intents.includes(intentValue)) {\n\t\t\tpatch({\n\t\t\t\ttrigger: { ...trigger, intents: [...trigger.intents, intentValue] },\n\t\t\t});\n\t\t}\n\t};\n\n\tconst removeIntent = (intentValue: string) =>\n\t\tpatch({\n\t\t\ttrigger: {\n\t\t\t\t...trigger,\n\t\t\t\tintents: trigger.intents.filter((i) => i !== intentValue),\n\t\t\t},\n\t\t});\n\n\tconst labelFor = (v: string) =>\n\t\tavailableIntents.find((o) => o.value === v)?.label ?? v;\n\n\tconst remainingOptions: SingleOption[] = availableIntents\n\t\t.filter((o) => !trigger.intents.includes(o.value))\n\t\t.map((o) => ({ label: o.label, value: o.value }));\n\n\treturn (\n\t\t<div>\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\t\t\t<SectionBodyWrap>\n\t\t\t\t<CardRow>\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"trigger-mode-manifest\"\n\t\t\t\t\t\tselected={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\tonClick={() => setMode('manifest_intent')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\t\tonValueChange={() => setMode('manifest_intent')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tManifest intent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tManifest&apos;s AI classifier routes conversations automatically\n\t\t\t\t\t\t\t\t— no keywords needed.\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"trigger-mode-custom\"\n\t\t\t\t\t\tselected={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\tonClick={() => setMode('custom_intent')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\t\tonValueChange={() => setMode('custom_intent')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tCustom intent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tDefine your own trigger — use exact phrases or describe the\n\t\t\t\t\t\t\t\tcustomer&apos;s intent.\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\t\t\t\t</CardRow>\n\n\t\t\t\t{trigger.mode === 'manifest_intent' ? (\n\t\t\t\t\t<FieldBlock>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tIf customer talks about\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<ChipWrap>\n\t\t\t\t\t\t\t{trigger.intents.map((intent) => (\n\t\t\t\t\t\t\t\t<IntentChip key={intent} data-test={`intent-chip-${intent}`}>\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t\t{labelFor(intent)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t<ChipCloseButton\n\t\t\t\t\t\t\t\t\t\tonClick={() => removeIntent(intent)}\n\t\t\t\t\t\t\t\t\t\taria-label={`Remove ${labelFor(intent)}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</ChipCloseButton>\n\t\t\t\t\t\t\t\t</IntentChip>\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{remainingOptions.length > 0 && (\n\t\t\t\t\t\t\t\t// Clicking the button opens the intent list directly — no\n\t\t\t\t\t\t\t\t// intermediate select input.\n\t\t\t\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\t\t\t\tdata-test=\"intent-add-dropdown\"\n\t\t\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\t\t\toptions={remainingOptions}\n\t\t\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\t\t\tconst v = unwrapDropdownValue(opt);\n\t\t\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\t\t\taddIntent(v);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<AddChipButton data-test=\"intent-add-button\" type=\"button\">\n\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\tIntent\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t</AddChipButton>\n\t\t\t\t\t\t\t\t</DropdownPopover>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ChipWrap>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tThis agent takes over from your main assistant when this intent is\n\t\t\t\t\t\t\tdetected. The changeover is automatic when you go live.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</FieldBlock>\n\t\t\t\t) : (\n\t\t\t\t\t<AiTextArea\n\t\t\t\t\t\tdata-test=\"custom-intent\"\n\t\t\t\t\t\tlabel=\"Describe the trigger\"\n\t\t\t\t\t\tvalue={trigger.custom_intent ?? ''}\n\t\t\t\t\t\tonChange={(text) =>\n\t\t\t\t\t\t\tpatch({ trigger: { ...trigger, custom_intent: text } })\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmaxLength={charLimits.custom_intent}\n\t\t\t\t\t\tplaceholder=\"e.g. The customer wants to cancel an order they placed.\"\n\t\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</SectionBodyWrap>\n\t\t</div>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","Step2WhenItStepsIn","value","patch","availableIntents","charLimits","useAgentBuilderContext","trigger","setMode","mode","addIntent","intentValue","removeIntent","i","labelFor","v","o","remainingOptions","jsx","StepSectionHeader","SectionBodyWrap","jsxs","CardRow","RadioCard","RadioButton","COLORS","RadioCardText","TitleSmall","BodyCaption","FieldBlock","ChipWrap","intent","IntentChip","BodySecondary","ChipCloseButton","CrossIcon","DropdownPopover","opt","unwrapDropdownValue","AddChipButton","PlusIcon","AiTextArea","text"],"mappings":"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"}