@bikdotai/bik-component-library 0.0.823-beta.2 → 0.0.823

package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js

@@ -1,148 +1,144 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import I from "../../../assets/icons/cross.svg.js";
-import k from "../../../assets/icons/plus.svg.js";
-import x from "react";
-import { RadioButton as u } from "../../radioButton/RadioButton.js";
-import { TitleSmall as l, BodyCaption as d, BodySecondary as g } from "../../TypographyStyle.js";
+import w from "../../../assets/icons/cross.svg.js";
+import _ from "../../../assets/icons/plus.svg.js";
+import { DropdownPopover as I } from "../../dropdown/DropdownPopover/index.js";
+import { RadioButton as p } from "../../radioButton/RadioButton.js";
+import { TitleSmall as s, BodyCaption as l, BodySecondary as u } from "../../TypographyStyle.js";
 import { COLORS as o } from "../../../constants/Theme.js";
-import { CardRow as T, RadioCard as f, RadioCardText as C, FieldBlock as A, ChipWrap as B, IntentChip as R, ChipCloseButton as O, AddChipButton as D } from "../AgentBuilder.styled.js";
-import { AiTextArea as E } from "../components/AiTextArea.js";
-import { StepSectionHeader as F } from "../components/StepSectionHeader.js";
-import { STEP_DEFINITIONS as H } from "../constants/steps.js";
-import { useAgentBuilderContext as L } from "../context/AgentBuilderContext.js";
-import { Dropdown as M } from "../../dropdown/Dropdown.js";
-import { unwrapDropdownValue as P } from "../../dropdown/utils.js";
-const v = H[1], Z = () => {
-  const { value: y, patch: a, availableIntents: m, charLimits: S } = L(), { trigger: n } = y, [_, h] = x.useState(!1), c = (t) => a({ trigger: { ...n, mode: t } }), b = (t) => {
-    n.intents.includes(t) || a({
+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";
+import { AiTextArea as D } from "../components/AiTextArea.js";
+import { StepSectionHeader as P } from "../components/StepSectionHeader.js";
+import { STEP_DEFINITIONS as E } from "../constants/steps.js";
+import { useAgentBuilderContext as F } from "../context/AgentBuilderContext.js";
+import { unwrapDropdownValue as L } from "../../dropdown/utils.js";
+const v = E[1], U = () => {
+  const { value: y, patch: c, availableIntents: d, charLimits: C } = F(), { trigger: n } = y, a = (t) => c({ trigger: { ...n, mode: t } }), S = (t) => {
+    n.intents.includes(t) || c({
       trigger: { ...n, intents: [...n.intents, t] }
-    }), h(!1);
-  }, w = (t) => a({
+    });
+  }, b = (t) => c({
     trigger: {
       ...n,
       intents: n.intents.filter((r) => r !== t)
     }
-  }), p = (t) => m.find((r) => r.value === t)?.label ?? t, s = m.filter((t) => !n.intents.includes(t.value)).map((t) => ({ label: t.label, value: t.value }));
+  }), 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 }));
   return /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ e(F, { title: v.title, helper: v.helper }),
-    /* @__PURE__ */ i(T, { children: [
-      /* @__PURE__ */ i(
-        f,
-        {
-          "data-test": "trigger-mode-manifest",
-          selected: n.mode === "manifest_intent",
-          onClick: () => c("manifest_intent"),
-          children: [
-            /* @__PURE__ */ e(
-              u,
-              {
-                isActive: n.mode === "manifest_intent",
-                onValueChange: () => c("manifest_intent"),
-                skipSelectingOff: !0,
-                activeColor: o.content.brand
-              }
-            ),
-            /* @__PURE__ */ i(C, { children: [
-              /* @__PURE__ */ e(l, { color: o.content.primary, children: "Manifest intent" }),
-              /* @__PURE__ */ e(d, { color: o.content.secondary, children: "Manifest's AI classifier routes conversations automatically — no keywords needed." })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ i(
-        f,
-        {
-          "data-test": "trigger-mode-custom",
-          selected: n.mode === "custom_intent",
-          onClick: () => c("custom_intent"),
-          children: [
-            /* @__PURE__ */ e(
-              u,
-              {
-                isActive: n.mode === "custom_intent",
-                onValueChange: () => c("custom_intent"),
-                skipSelectingOff: !0,
-                activeColor: o.content.brand
-              }
-            ),
-            /* @__PURE__ */ i(C, { children: [
-              /* @__PURE__ */ e(l, { color: o.content.primary, children: "Custom intent" }),
-              /* @__PURE__ */ e(d, { color: o.content.secondary, children: "Define your own trigger — use exact phrases or describe the customer's intent." })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    n.mode === "manifest_intent" ? /* @__PURE__ */ i(A, { children: [
-      /* @__PURE__ */ e(l, { color: o.content.primary, children: "If customer talks about" }),
-      /* @__PURE__ */ i(B, { children: [
-        n.intents.map((t) => /* @__PURE__ */ i(R, { "data-test": `intent-chip-${t}`, children: [
-          /* @__PURE__ */ e(g, { color: o.content.primary, children: p(t) }),
-          /* @__PURE__ */ e(
-            O,
-            {
-              onClick: () => w(t),
-              "aria-label": `Remove ${p(t)}`,
-              children: /* @__PURE__ */ e(
-                I,
+    /* @__PURE__ */ e(P, { title: v.title, helper: v.helper }),
+    /* @__PURE__ */ i(x, { children: [
+      /* @__PURE__ */ i(k, { children: [
+        /* @__PURE__ */ i(
+          g,
+          {
+            "data-test": "trigger-mode-manifest",
+            selected: n.mode === "manifest_intent",
+            onClick: () => a("manifest_intent"),
+            children: [
+              /* @__PURE__ */ e(
+                p,
                 {
-                  width: 14,
-                  height: 14,
-                  color: o.content.secondary
+                  isActive: n.mode === "manifest_intent",
+                  onValueChange: () => a("manifest_intent"),
+                  skipSelectingOff: !0,
+                  activeColor: o.content.brand
                 }
-              )
-            }
-          )
-        ] }, t)),
-        _ && s.length > 0 ? /* @__PURE__ */ e(
-          M,
-          {
-            "data-test": "intent-add-dropdown",
-            size: "small",
-            width: "200px",
-            placeHolder: "Select intent",
-            isSearchable: !0,
-            options: s,
-            onSelect: (t) => {
-              const r = P(t);
-              r && b(r);
-            }
+              ),
+              /* @__PURE__ */ i(f, { children: [
+                /* @__PURE__ */ e(s, { color: o.content.primary, children: "Manifest intent" }),
+                /* @__PURE__ */ e(l, { color: o.content.secondary, children: "Manifest's AI classifier routes conversations automatically — no keywords needed." })
+              ] })
+            ]
           }
-        ) : s.length > 0 && /* @__PURE__ */ i(
-          D,
+        ),
+        /* @__PURE__ */ i(
+          g,
           {
-            "data-test": "intent-add-button",
-            onClick: () => h(!0),
+            "data-test": "trigger-mode-custom",
+            selected: n.mode === "custom_intent",
+            onClick: () => a("custom_intent"),
             children: [
               /* @__PURE__ */ e(
-                k,
+                p,
                 {
-                  width: 16,
-                  height: 16,
-                  color: o.content.secondary
+                  isActive: n.mode === "custom_intent",
+                  onValueChange: () => a("custom_intent"),
+                  skipSelectingOff: !0,
+                  activeColor: o.content.brand
                 }
               ),
-              /* @__PURE__ */ e(g, { color: o.content.secondary, children: "Intent" })
+              /* @__PURE__ */ i(f, { children: [
+                /* @__PURE__ */ e(s, { color: o.content.primary, children: "Custom intent" }),
+                /* @__PURE__ */ e(l, { color: o.content.secondary, children: "Define your own trigger — use exact phrases or describe the customer's intent." })
+              ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e(d, { 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." })
-    ] }) : /* @__PURE__ */ e(
-      E,
-      {
-        "data-test": "custom-intent",
-        label: "Describe the trigger",
-        value: n.custom_intent ?? "",
-        onChange: (t) => a({ trigger: { ...n, custom_intent: t } }),
-        maxLength: S.custom_intent,
-        placeholder: "e.g. The customer wants to cancel an order they placed.",
-        minHeight: "120px"
-      }
-    )
+      n.mode === "manifest_intent" ? /* @__PURE__ */ i(T, { children: [
+        /* @__PURE__ */ e(s, { color: o.content.primary, children: "If customer talks about" }),
+        /* @__PURE__ */ i(B, { children: [
+          n.intents.map((t) => /* @__PURE__ */ i(A, { "data-test": `intent-chip-${t}`, children: [
+            /* @__PURE__ */ e(u, { color: o.content.primary, children: m(t) }),
+            /* @__PURE__ */ e(
+              O,
+              {
+                onClick: () => b(t),
+                "aria-label": `Remove ${m(t)}`,
+                children: /* @__PURE__ */ e(
+                  w,
+                  {
+                    width: 14,
+                    height: 14,
+                    color: o.content.secondary
+                  }
+                )
+              }
+            )
+          ] }, t)),
+          h.length > 0 && // Clicking the button opens the intent list directly — no
+          // intermediate select input.
+          /* @__PURE__ */ e(
+            I,
+            {
+              "data-test": "intent-add-dropdown",
+              isSearchable: !0,
+              width: "200px",
+              placement: "bottom-start",
+              options: h,
+              onSelect: (t) => {
+                const r = L(t);
+                r && S(r);
+              },
+              children: /* @__PURE__ */ i(R, { "data-test": "intent-add-button", type: "button", children: [
+                /* @__PURE__ */ e(
+                  _,
+                  {
+                    width: 16,
+                    height: 16,
+                    color: o.content.secondary
+                  }
+                ),
+                /* @__PURE__ */ e(u, { color: o.content.secondary, children: "Intent" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__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." })
+      ] }) : /* @__PURE__ */ e(
+        D,
+        {
+          "data-test": "custom-intent",
+          label: "Describe the trigger",
+          value: n.custom_intent ?? "",
+          onChange: (t) => c({ trigger: { ...n, custom_intent: t } }),
+          maxLength: C.custom_intent,
+          placeholder: "e.g. The customer wants to cancel an order they placed.",
+          minHeight: "120px"
+        }
+      )
+    ] })
   ] });
 };
 export {
-  Z as Step2WhenItStepsIn
+  U as Step2WhenItStepsIn
 };
 //# sourceMappingURL=Step2WhenItStepsIn.js.map

package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js.map

@@ -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 { Dropdown, unwrapDropdownValue } from '@src/components/dropdown';\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} 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\tconst [adding, setAdding] = React.useState(false);\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\tsetAdding(false);\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\n\t\t\t<CardRow>\n\t\t\t\t<RadioCard\n\t\t\t\t\tdata-test=\"trigger-mode-manifest\"\n\t\t\t\t\tselected={trigger.mode === 'manifest_intent'}\n\t\t\t\t\tonClick={() => setMode('manifest_intent')}\n\t\t\t\t>\n\t\t\t\t\t<RadioButton\n\t\t\t\t\t\tisActive={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\tonValueChange={() => setMode('manifest_intent')}\n\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t/>\n\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tManifest intent\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tManifest&apos;s AI classifier routes conversations automatically —\n\t\t\t\t\t\t\tno keywords needed.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</RadioCardText>\n\t\t\t\t</RadioCard>\n\n\t\t\t\t<RadioCard\n\t\t\t\t\tdata-test=\"trigger-mode-custom\"\n\t\t\t\t\tselected={trigger.mode === 'custom_intent'}\n\t\t\t\t\tonClick={() => setMode('custom_intent')}\n\t\t\t\t>\n\t\t\t\t\t<RadioButton\n\t\t\t\t\t\tisActive={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\tonValueChange={() => setMode('custom_intent')}\n\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t/>\n\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tCustom intent\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tDefine your own trigger — use exact phrases or describe the\n\t\t\t\t\t\t\tcustomer&apos;s intent.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</RadioCardText>\n\t\t\t\t</RadioCard>\n\t\t\t</CardRow>\n\n\t\t\t{trigger.mode === 'manifest_intent' ? (\n\t\t\t\t<FieldBlock>\n\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\tIf customer talks about\n\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t<ChipWrap>\n\t\t\t\t\t\t{trigger.intents.map((intent) => (\n\t\t\t\t\t\t\t<IntentChip key={intent} data-test={`intent-chip-${intent}`}>\n\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t{labelFor(intent)}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<ChipCloseButton\n\t\t\t\t\t\t\t\t\tonClick={() => removeIntent(intent)}\n\t\t\t\t\t\t\t\t\taria-label={`Remove ${labelFor(intent)}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ChipCloseButton>\n\t\t\t\t\t\t\t</IntentChip>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{adding && remainingOptions.length > 0 ? (\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tdata-test=\"intent-add-dropdown\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\t\t\tplaceHolder=\"Select intent\"\n\t\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\t\toptions={remainingOptions}\n\t\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\t\tconst v = unwrapDropdownValue(opt);\n\t\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\t\taddIntent(v);\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/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tremainingOptions.length > 0 && (\n\t\t\t\t\t\t\t\t<AddChipButton\n\t\t\t\t\t\t\t\t\tdata-test=\"intent-add-button\"\n\t\t\t\t\t\t\t\t\tonClick={() => setAdding(true)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\tIntent\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</AddChipButton>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ChipWrap>\n\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\tThis agent takes over from your main assistant when this intent is\n\t\t\t\t\t\tdetected. The changeover is automatic when you go live.\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FieldBlock>\n\t\t\t) : (\n\t\t\t\t<AiTextArea\n\t\t\t\t\tdata-test=\"custom-intent\"\n\t\t\t\t\tlabel=\"Describe the trigger\"\n\t\t\t\t\tvalue={trigger.custom_intent ?? ''}\n\t\t\t\t\tonChange={(text) =>\n\t\t\t\t\t\tpatch({ trigger: { ...trigger, custom_intent: text } })\n\t\t\t\t\t}\n\t\t\t\t\tmaxLength={charLimits.custom_intent}\n\t\t\t\t\tplaceholder=\"e.g. The customer wants to cancel an order they placed.\"\n\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","Step2WhenItStepsIn","value","patch","availableIntents","charLimits","useAgentBuilderContext","trigger","adding","setAdding","React","setMode","mode","addIntent","intentValue","removeIntent","i","labelFor","v","o","remainingOptions","jsx","StepSectionHeader","CardRow","jsxs","RadioCard","RadioButton","COLORS","RadioCardText","TitleSmall","BodyCaption","FieldBlock","ChipWrap","intent","IntentChip","BodySecondary","ChipCloseButton","CrossIcon","Dropdown","opt","unwrapDropdownValue","AddChipButton","PlusIcon","AiTextArea","text"],"mappings":"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"}
+{"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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"}