@bikdotai/bik-component-library 0.0.874 → 0.0.875-beta.0

package/dist/esm/components/agent-builder/components/MentionPicker.js

@@ -7,10 +7,10 @@ import h from "styled-components";
 import { TitleSmall as pe, BodySecondary as fe, BodyCaption as ge } from "../../TypographyStyle.js";
 import { COLORS as o } from "../../../constants/Theme.js";
 import { PickerType as be } from "../../variable-picker-v3/model.js";
-import { CATEGORIES as me, INTEGRATIONS_KEY as k, toolSourceRank as xe, INTEGRATIONS_LABEL as Z, isIntegrationSource as ke, CONFIG_TOOL_SOURCES as ve, INTEGRATIONS_RANK as ye } from "../constants/tools.js";
+import { CATEGORIES as me, INTEGRATIONS_KEY as k, toolSourceRank as xe, INTEGRATIONS_LABEL as Z, INTEGRATIONS_RANK as ke, isIntegrationSource as ve, CONFIG_TOOL_SOURCES as ye } from "../constants/tools.js";
 import { toolSourceLabel as j } from "../utils/mentionSerialization.js";
 import { partitionSources as we, isUnconnectedSource as Ie } from "../utils/sourceGrouping.js";
-import { INTEGRATIONS_ICON as ee, renderSourceIcon as te, sourceIcon as M } from "../utils/sourceIcons.js";
+import { sourceIcon as M, INTEGRATIONS_ICON as ee, renderSourceIcon as te } from "../utils/sourceIcons.js";
 import { VariablePicker as Re } from "../../variable-picker-v3/VariablePicker.js";
 import re from "../../../icons/Informational/Common UI/Shield.js";
 const g = (c) => c.meta, A = (c) => g(c)?.plainLabel ?? c.label, Se = "__bik_create_subagent__", Ae = 5, nt = ({
@@ -133,7 +133,7 @@ const g = (c) => c.meta, A = (c) => g(c)?.plainLabel ?? c.label, Se = "__bik_cre
         const X = m.filter(
           (q) => (g(q)?.source ?? "other") === r
         ), ae = (_.get(r) ?? []).length;
-        if (X.length + ae === 1 && !(d === void 0 && ke(r))) {
+        if (X.length + ae === 1 && !(d === void 0 && ve(r))) {
           const q = M(r) ?? d?.icon;
           if (d)
             return {
@@ -169,7 +169,7 @@ const g = (c) => c.meta, A = (c) => g(c)?.plainLabel ?? c.label, Se = "__bik_cre
         (r) => ({ row: u(r), rank: xe(r) })
       );
       return J.length > 0 && Q.push({
-        rank: ye,
+        rank: ke,
         row: {
           id: k,
           label: Z,
@@ -187,7 +187,7 @@ const g = (c) => c.meta, A = (c) => g(c)?.plainLabel ?? c.label, Se = "__bik_cre
       onActivate: () => E(t)
     }));
     return (_.get(i) ?? []).forEach((t) => {
-      const f = i in ve;
+      const f = i in ye;
       n.push({
         // A source with several config tools gets one row each, so the key
         // carries the tool it opens.

package/dist/esm/components/agent-builder/index.d.ts

@@ -2,6 +2,18 @@ export { AgentBuilder } from './AgentBuilder';
 export { Channels } from '@bikdotai/bik-models/campaigns/models/Channel';
 export { AgentStateModal } from './components/AgentStateModal';
 export type { AgentModalState } from './components/AgentStateModal';
+export { ConfigToolPanel } from './components/ConfigToolPanel';
+export { CreateSubAgentPanel } from './components/CreateSubAgentPanel';
+export { RestApiToolPanel } from './components/RestApiToolPanel';
+export { SelectableListSection } from './components/SelectableListSection';
+export type { SelectableItem, SourceGroup, } from './components/SelectableListSection';
+export { MentionEditor } from './components/MentionEditor';
+export { MentionPicker } from './components/MentionPicker';
+export { AiTextArea } from './components/AiTextArea';
+export { ToolInstructionsField } from './components/ToolInstructionsField';
+export { DrawerHeaderText } from './components/DrawerHeaderText';
+export { HandoverMethodSection } from './components/HandoverMethodSection';
+export type { HandoverMethodSectionProps } from './components/HandoverMethodSection';
 export { useAgentDraft } from './hooks/useAgentDraft';
 export type { AgentDraft } from './hooks/useAgentDraft';
 export { AGENT_CHAR_LIMITS } from './constants/charLimits';
@@ -9,6 +21,12 @@ export type { AgentCharLimits } from './constants/charLimits';
 export { APP_TOKEN, resolveAppToken, STEP_DEFINITIONS, } from './constants/steps';
 export { AGENT_CHANNEL_TYPES, channelPresentation, CHANNEL_PRESENTATION, } from './constants/channels';
 export type { ChannelPresentation } from './constants/channels';
-export { ToolSource } from './constants/tools';
-export { buildAgentMentionItems, editorDocToInstructions, instructionsToEditorHtml, } from './utils/mentionSerialization';
+export { ToolSource, TOOL_SOURCE_LABELS, TOOL_ACTION_SOURCES, TOOL_ACTION_LABELS, CONFIG_TOOL_SOURCES, CONFIG_TOOL_ACTION_LABELS, INTEGRATION_SOURCES, TOOL_SOURCE_RANK, } from './constants/tools';
+export type { ToolAction, SourceIcon, IconComp } from './constants/tools';
+export { AGENT_EDITOR_STYLE } from './constants/editorStyle';
+export { buildAgentMentionItems, editorDocToInstructions, instructionsToEditorHtml, toolSourceLabel, appTypeLabel, } from './utils/mentionSerialization';
+export { SOURCE_ICONS, sourceIcon, renderSourceIcon, GENERIC_SOURCE_ICON, } from './utils/sourceIcons';
+export { buildToolActions } from './utils/toolActions';
+export { partitionSources, isUnconnectedSource } from './utils/sourceGrouping';
+export { FieldBlock, FieldLabelRow, SectionHeaderWrap, SectionBodyWrap, } from './AgentBuilder.styled';
 export type { AgentBuilderProps, AgentBuilderConfig, AgentValue, AgentStatus as AgentBuilderStatus, StepKey, StepValidation, TriggerMode, AgentTriggerValue, AgentHandoverConfig, HandoverMethod, AgentTool, SubAgentRef, SubAgentDraft, IntentOption, ModelOption, RestApiToolConfig, RestApiMethod, RestApiHeader, ConfigToolConfig, ConfigToolKey, ParamField, ParamsBlob, ToolRef, CatalogTool, CustomTool, AgentChannel, AgentChannelAccount, AgentChannelSelection, AgentChannelStatus, AgentChannelType, } from './AgentBuilder.model';

package/dist/esm/components/agent-builder/steps/Step4HandoverRules.d.ts

@@ -5,8 +5,9 @@ import { default as React } from 'react';
  * **Manifest** (and any other host) keeps the original single free-text field:
  * the method is implicit and the consumer always sends the seeded `'default'`.
  *
- * **BIK** picks a handover *method* first. "Use default settings" is selected by
- * default and links out to where those defaults live; "Custom instructions" is
+ * **BIK** picks a handover *method* first, via the shared
+ * {@link HandoverMethodSection}: "Use default settings" is selected by default
+ * and links out to where those defaults live; "Custom instructions" is
  * deliberately disabled until that flow is built, so the free-text field only
  * appears for an agent already saved with a non-default method.
  */

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

@@ -1,132 +1,46 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import x from "../../../assets/icons/RedirectToNew.svg.js";
-import { RadioButton as m } from "../../radioButton/RadioButton.js";
-import { TitleSmall as c, BodyCaption as p } from "../../TypographyStyle.js";
-import { COLORS as a, BASE_COLORS as v } from "../../../constants/Theme.js";
-import { SectionBodyWrap as u, FieldBlock as T, CardRow as w, RadioCard as f, RadioCardText as g, ChannelsLink as H } from "../AgentBuilder.styled.js";
-import { AiTextArea as A } from "../components/AiTextArea.js";
-import { StepSectionHeader as C } from "../components/StepSectionHeader.js";
-import { STEP_DEFINITIONS as B } from "../constants/steps.js";
-import { useAgentBuilderContext as S } from "../context/AgentBuilderContext.js";
-import { appTypeLabel as O } from "../utils/mentionSerialization.js";
-import { Tooltip as R } from "../../tooltips/Tooltip.js";
-const d = B[3], h = "default", K = () => {
-  const { value: l, patch: i, applicationType: s, onSmartAgentHandover: o } = S(), { handover: n } = l, b = O(s) === "BIK", r = n.method !== h;
-  return b ? /* @__PURE__ */ t("div", { className: "bik-agent-step bik-agent-step--handover", children: [
-    /* @__PURE__ */ e(C, { title: d.title, helper: d.helper }),
-    /* @__PURE__ */ t(u, { children: [
-      /* @__PURE__ */ t(T, { children: [
-        /* @__PURE__ */ e(c, { color: a.content.primary, children: "Handover method" }),
-        /* @__PURE__ */ t(w, { children: [
-          /* @__PURE__ */ t(
-            f,
-            {
-              "data-test": "handover-method-default",
-              type: "button",
-              selected: !r,
-              onClick: () => i({ handover: { ...n, method: h } }),
-              children: [
-                /* @__PURE__ */ e(
-                  m,
-                  {
-                    isActive: !r,
-                    onValueChange: () => i({ handover: { ...n, method: h } }),
-                    skipSelectingOff: !0,
-                    activeColor: v.brand[800]
-                  }
-                ),
-                /* @__PURE__ */ t(g, { children: [
-                  /* @__PURE__ */ e(c, { color: a.content.primary, children: "Use default settings" }),
-                  /* @__PURE__ */ t(p, { color: a.content.secondary, children: [
-                    "As defined in",
-                    " ",
-                    o ? /* @__PURE__ */ t(
-                      H,
-                      {
-                        "data-test": "handover-smart-agent-link",
-                        type: "button",
-                        onClick: (k) => {
-                          k.stopPropagation(), o();
-                        },
-                        style: { display: "inline-flex" },
-                        children: [
-                          "Smart agent handover",
-                          /* @__PURE__ */ e(x, { width: 12, height: 12 })
-                        ]
-                      }
-                    ) : "Smart agent handover"
-                  ] })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            R,
-            {
-              body: "Custom handover rules are coming soon. For now this agent follows your smart agent handover settings.",
-              placement: "top",
-              children: /* @__PURE__ */ e(
-                "span",
-                {
-                  style: {
-                    flex: 1,
-                    display: "flex",
-                    cursor: "not-allowed"
-                  },
-                  children: /* @__PURE__ */ t(
-                    f,
-                    {
-                      "data-test": "handover-method-custom",
-                      type: "button",
-                      disabled: !0,
-                      selected: r,
-                      children: [
-                        /* @__PURE__ */ e(
-                          m,
-                          {
-                            isActive: r,
-                            isDisabled: !0,
-                            onValueChange: () => {
-                            },
-                            skipSelectingOff: !0,
-                            activeColor: v.brand[800]
-                          }
-                        ),
-                        /* @__PURE__ */ t(g, { children: [
-                          /* @__PURE__ */ e(c, { color: a.content.inactive, children: "Custom instructions" }),
-                          /* @__PURE__ */ e(p, { color: a.content.inactive, children: "Write custom handover rules for this agent." })
-                        ] })
-                      ]
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ] })
-      ] }),
-      r && /* @__PURE__ */ e(y, {})
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { SectionBodyWrap as d } from "../AgentBuilder.styled.js";
+import { AiTextArea as u } from "../components/AiTextArea.js";
+import { HandoverMethodSection as f } from "../components/HandoverMethodSection.js";
+import { StepSectionHeader as s } from "../components/StepSectionHeader.js";
+import { STEP_DEFINITIONS as g } from "../constants/steps.js";
+import { useAgentBuilderContext as m } from "../context/AgentBuilderContext.js";
+import { appTypeLabel as H } from "../utils/mentionSerialization.js";
+const r = g[3], S = "default", B = () => {
+  const { value: n, patch: a, applicationType: i, onSmartAgentHandover: o } = m(), { handover: t } = n, l = H(i) === "BIK", c = t.method !== S;
+  return l ? /* @__PURE__ */ h("div", { className: "bik-agent-step bik-agent-step--handover", children: [
+    /* @__PURE__ */ e(s, { title: r.title, helper: r.helper }),
+    /* @__PURE__ */ h(d, { children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          method: t.method,
+          onMethodChange: (v) => a({ handover: { ...t, method: v } }),
+          onSmartAgentHandover: o
+        }
+      ),
+      c && /* @__PURE__ */ e(p, {})
     ] })
-  ] }) : /* @__PURE__ */ t("div", { className: "bik-agent-step bik-agent-step--handover", children: [
-    /* @__PURE__ */ e(C, { title: d.title, helper: d.helper }),
-    /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(y, {}) })
+  ] }) : /* @__PURE__ */ h("div", { className: "bik-agent-step bik-agent-step--handover", children: [
+    /* @__PURE__ */ e(s, { title: r.title, helper: r.helper }),
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(p, {}) })
   ] });
-}, y = () => {
-  const { value: l, patch: i, charLimits: s } = S(), { handover: o } = l;
+}, p = () => {
+  const { value: n, patch: a, charLimits: i } = m(), { handover: o } = n;
   return /* @__PURE__ */ e(
-    A,
+    u,
     {
       "data-test": "handover-when",
       label: "Handover when",
       value: o.when,
-      onChange: (n) => i({ handover: { ...o, when: n } }),
-      maxLength: s.handoverWhen,
+      onChange: (t) => a({ handover: { ...o, when: t } }),
+      maxLength: i.handoverWhen,
       placeholder: "e.g. Hand over if the customer is angry or asks for a human three times. Hand over if the order value exceeds ₹5,000.",
       minHeight: "120px"
     }
   );
 };
 export {
-  K as Step4HandoverRules
+  B as Step4HandoverRules
 };
 //# sourceMappingURL=Step4HandoverRules.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Step4HandoverRules.js","sources":["../../../../../src/components/agent-builder/steps/Step4HandoverRules.tsx"],"sourcesContent":["import RedirectIcon from '@src/assets/icons/RedirectToNew.svg';\nimport React from 'react';\nimport { RadioButton } from '@src/components/radioButton/RadioButton';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport type { HandoverMethod } from '../AgentBuilder.model';\nimport {\n\tCardRow,\n\tChannelsLink,\n\tFieldBlock,\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';\nimport { appTypeLabel } from '../utils/mentionSerialization';\n\nconst STEP = STEP_DEFINITIONS[3];\n\n/**\n * The stored `handover.method` that means \"inherit the store's smart-agent\n * handover settings\" — the BIK default, and the only method selectable today.\n */\nconst DEFAULT_METHOD: HandoverMethod = 'default';\n\n/**\n * Step 4.\n *\n * **Manifest** (and any other host) keeps the original single free-text field:\n * the method is implicit and the consumer always sends the seeded `'default'`.\n *\n * **BIK** picks a handover *method* first. \"Use default settings\" is selected by\n * default and links out to where those defaults live; \"Custom instructions\" is\n * deliberately disabled until that flow is built, so the free-text field only\n * appears for an agent already saved with a non-default method.\n */\nexport const Step4HandoverRules: React.FC = () => {\n\tconst { value, patch, applicationType, onSmartAgentHandover } =\n\t\tuseAgentBuilderContext();\n\tconst { handover } = value;\n\n\tconst isBik = appTypeLabel(applicationType) === 'BIK';\n\t// Anything other than the default method means the merchant is on custom\n\t// instructions, so the free-text field is what they need to see.\n\tconst usesCustom = handover.method !== DEFAULT_METHOD;\n\n\tif (!isBik) {\n\t\treturn (\n\t\t\t<div className=\"bik-agent-step bik-agent-step--handover\">\n\t\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\t\t\t\t<SectionBodyWrap>\n\t\t\t\t\t<HandoverWhenField />\n\t\t\t\t</SectionBodyWrap>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"bik-agent-step bik-agent-step--handover\">\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\n\t\t\t<SectionBodyWrap>\n\t\t\t\t<FieldBlock>\n\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\tHandover method\n\t\t\t\t\t</TitleSmall>\n\n\t\t\t\t\t<CardRow>\n\t\t\t\t\t\t<RadioCard\n\t\t\t\t\t\t\tdata-test=\"handover-method-default\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tselected={!usesCustom}\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tpatch({ handover: { ...handover, method: DEFAULT_METHOD } })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\t\tisActive={!usesCustom}\n\t\t\t\t\t\t\t\tonValueChange={() =>\n\t\t\t\t\t\t\t\t\tpatch({ handover: { ...handover, method: DEFAULT_METHOD } })\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\t\tactiveColor={BASE_COLORS.brand['800']}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\tUse default settings\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\tAs defined in{' '}\n\t\t\t\t\t\t\t\t\t{onSmartAgentHandover ? (\n\t\t\t\t\t\t\t\t\t\t<ChannelsLink\n\t\t\t\t\t\t\t\t\t\t\tdata-test=\"handover-smart-agent-link\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t// The link sits inside the card's own click target, so\n\t\t\t\t\t\t\t\t\t\t\t// stop the click bubbling up and re-selecting the card.\n\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tonSmartAgentHandover();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'inline-flex' }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tSmart agent handover\n\t\t\t\t\t\t\t\t\t\t\t<RedirectIcon width={12} height={12} />\n\t\t\t\t\t\t\t\t\t\t</ChannelsLink>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t'Smart agent handover'\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t\t</RadioCard>\n\n\t\t\t\t\t\t{/* Custom handover rules aren't built yet — the card is shown so the\n\t\t\t\t\t\t    merchant knows it's coming, but it can't be selected. */}\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tbody=\"Custom handover rules are coming soon. For now this agent follows your smart agent handover settings.\"\n\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* A disabled <button> fires no mouse events, so the tooltip would\n\t\t\t\t\t\t\t    never open on the card itself — the span is the hover target\n\t\t\t\t\t\t\t    (same wrapper IconButton uses for its disabled tooltip). It also\n\t\t\t\t\t\t\t    has to carry the card's `flex: 1`, since it is now the flex item. */}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tcursor: 'not-allowed',\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<RadioCard\n\t\t\t\t\t\t\t\t\tdata-test=\"handover-method-custom\"\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\tselected={usesCustom}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\t\t\t\tisActive={usesCustom}\n\t\t\t\t\t\t\t\t\t\tisDisabled\n\t\t\t\t\t\t\t\t\t\tonValueChange={() => undefined}\n\t\t\t\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\t\t\t\tactiveColor={BASE_COLORS.brand['800']}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.inactive}>\n\t\t\t\t\t\t\t\t\t\t\tCustom instructions\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.inactive}>\n\t\t\t\t\t\t\t\t\t\t\tWrite custom handover rules for this agent.\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t\t\t\t</RadioCard>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</CardRow>\n\t\t\t\t</FieldBlock>\n\n\t\t\t\t{usesCustom && <HandoverWhenField />}\n\t\t\t</SectionBodyWrap>\n\t\t</div>\n\t);\n};\n\n/** The free-text \"Handover when\" field, shared by both layouts. */\nconst HandoverWhenField: React.FC = () => {\n\tconst { value, patch, charLimits } = useAgentBuilderContext();\n\tconst { handover } = value;\n\n\treturn (\n\t\t<AiTextArea\n\t\t\tdata-test=\"handover-when\"\n\t\t\tlabel=\"Handover when\"\n\t\t\tvalue={handover.when}\n\t\t\tonChange={(text) => patch({ handover: { ...handover, when: text } })}\n\t\t\tmaxLength={charLimits.handoverWhen}\n\t\t\tplaceholder=\"e.g. Hand over if the customer is angry or asks for a human three times. Hand over if the order value exceeds ₹5,000.\"\n\t\t\tminHeight=\"120px\"\n\t\t/>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","DEFAULT_METHOD","Step4HandoverRules","value","patch","applicationType","onSmartAgentHandover","useAgentBuilderContext","handover","isBik","appTypeLabel","usesCustom","jsxs","jsx","StepSectionHeader","SectionBodyWrap","FieldBlock","TitleSmall","COLORS","CardRow","RadioCard","RadioButton","BASE_COLORS","RadioCardText","BodyCaption","ChannelsLink","event","RedirectIcon","Tooltip","HandoverWhenField","charLimits","AiTextArea","text"],"mappings":"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"}
+{"version":3,"file":"Step4HandoverRules.js","sources":["../../../../../src/components/agent-builder/steps/Step4HandoverRules.tsx"],"sourcesContent":["import React from 'react';\nimport type { HandoverMethod } from '../AgentBuilder.model';\nimport { SectionBodyWrap } from '../AgentBuilder.styled';\nimport { AiTextArea } from '../components/AiTextArea';\nimport { HandoverMethodSection } from '../components/HandoverMethodSection';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\nimport { appTypeLabel } from '../utils/mentionSerialization';\n\nconst STEP = STEP_DEFINITIONS[3];\n\n/**\n * The stored `handover.method` that means \"inherit the store's smart-agent\n * handover settings\" — the BIK default, and the only method selectable today.\n */\nconst DEFAULT_METHOD: HandoverMethod = 'default';\n\n/**\n * Step 4.\n *\n * **Manifest** (and any other host) keeps the original single free-text field:\n * the method is implicit and the consumer always sends the seeded `'default'`.\n *\n * **BIK** picks a handover *method* first, via the shared\n * {@link HandoverMethodSection}: \"Use default settings\" is selected by default\n * and links out to where those defaults live; \"Custom instructions\" is\n * deliberately disabled until that flow is built, so the free-text field only\n * appears for an agent already saved with a non-default method.\n */\nexport const Step4HandoverRules: React.FC = () => {\n\tconst { value, patch, applicationType, onSmartAgentHandover } =\n\t\tuseAgentBuilderContext();\n\tconst { handover } = value;\n\n\tconst isBik = appTypeLabel(applicationType) === 'BIK';\n\t// Anything other than the default method means the merchant is on custom\n\t// instructions, so the free-text field is what they need to see.\n\tconst usesCustom = handover.method !== DEFAULT_METHOD;\n\n\tif (!isBik) {\n\t\treturn (\n\t\t\t<div className=\"bik-agent-step bik-agent-step--handover\">\n\t\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\t\t\t\t<SectionBodyWrap>\n\t\t\t\t\t<HandoverWhenField />\n\t\t\t\t</SectionBodyWrap>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"bik-agent-step bik-agent-step--handover\">\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\n\t\t\t<SectionBodyWrap>\n\t\t\t\t<HandoverMethodSection\n\t\t\t\t\tmethod={handover.method}\n\t\t\t\t\tonMethodChange={(method) =>\n\t\t\t\t\t\tpatch({ handover: { ...handover, method } })\n\t\t\t\t\t}\n\t\t\t\t\tonSmartAgentHandover={onSmartAgentHandover}\n\t\t\t\t/>\n\n\t\t\t\t{usesCustom && <HandoverWhenField />}\n\t\t\t</SectionBodyWrap>\n\t\t</div>\n\t);\n};\n\n/** The free-text \"Handover when\" field, shared by both layouts. */\nconst HandoverWhenField: React.FC = () => {\n\tconst { value, patch, charLimits } = useAgentBuilderContext();\n\tconst { handover } = value;\n\n\treturn (\n\t\t<AiTextArea\n\t\t\tdata-test=\"handover-when\"\n\t\t\tlabel=\"Handover when\"\n\t\t\tvalue={handover.when}\n\t\t\tonChange={(text) => patch({ handover: { ...handover, when: text } })}\n\t\t\tmaxLength={charLimits.handoverWhen}\n\t\t\tplaceholder=\"e.g. Hand over if the customer is angry or asks for a human three times. Hand over if the order value exceeds ₹5,000.\"\n\t\t\tminHeight=\"120px\"\n\t\t/>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","DEFAULT_METHOD","Step4HandoverRules","value","patch","applicationType","onSmartAgentHandover","useAgentBuilderContext","handover","isBik","appTypeLabel","usesCustom","jsxs","jsx","StepSectionHeader","SectionBodyWrap","HandoverMethodSection","method","HandoverWhenField","charLimits","AiTextArea","text"],"mappings":";;;;;;;;AAUA,MAAMA,IAAOC,EAAiB,CAAC,GAMzBC,IAAiC,WAc1BC,IAA+B,MAAM;AACjD,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,GAAiB,sBAAAC,EAAA,IACtCC,EAAA,GACK,EAAE,UAAAC,MAAaL,GAEfM,IAAQC,EAAaL,CAAe,MAAM,OAG1CM,IAAaH,EAAS,WAAWP;AAEvC,SAAKQ,IAYJ,gBAAAG,EAAC,OAAA,EAAI,WAAU,2CACd,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAkB,OAAOf,EAAK,OAAO,QAAQA,EAAK,QAAQ;AAAA,sBAE1DgB,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,QAAQR,EAAS;AAAA,UACjB,gBAAgB,CAACS,MAChBb,EAAM,EAAE,UAAU,EAAE,GAAGI,GAAU,QAAAS,EAAA,GAAU;AAAA,UAE5C,sBAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAK,uBAAeO,GAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACD,IAxBC,gBAAAN,EAAC,OAAA,EAAI,WAAU,2CACd,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAkB,OAAOf,EAAK,OAAO,QAAQA,EAAK,QAAQ;AAAA,IAC3D,gBAAAc,EAACE,GAAA,EACA,UAAA,gBAAAF,EAACK,GAAA,CAAA,CAAkB,EAAA,CACpB;AAAA,EAAA,GACD;AAqBH,GAGMA,IAA8B,MAAM;AACzC,QAAM,EAAE,OAAAf,GAAO,OAAAC,GAAO,YAAAe,EAAA,IAAeZ,EAAA,GAC/B,EAAE,UAAAC,MAAaL;AAErB,SACC,gBAAAU;AAAA,IAACO;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,OAAM;AAAA,MACN,OAAOZ,EAAS;AAAA,MAChB,UAAU,CAACa,MAASjB,EAAM,EAAE,UAAU,EAAE,GAAGI,GAAU,MAAMa,EAAA,GAAQ;AAAA,MACnE,WAAWF,EAAW;AAAA,MACtB,aAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/esm/components/agent-builder/utils/sourceIcons.js

@@ -1,56 +1,56 @@
 import i from "react";
-import { INTEGRATIONS_KEY as n, ToolSource as o } from "../constants/tools.js";
-import e from "../../../icons/Social/Channels/GoogleSheets.js";
-import S from "../../../icons/Social/Channels/ShipBob.js";
-import h from "../../../icons/Social/Channels/Kustomer.js";
-import c from "../../../icons/Social/Channels/Freshdesk.js";
-import p from "../../../icons/Social/Social/Zendesk.js";
-import I from "../../../icons/Social/Channels/Segment.js";
-import f from "../../../icons/Social/Channels/Mailchimp.js";
-import g from "../../../icons/Social/Channels/Attentive.js";
-import v from "../../../icons/Social/Channels/OmniSend.js";
-import w from "../../../icons/Social/Channels/Klavyio.js";
-import s from "../../../icons/Social/Channels/Aftership.js";
-import a from "../../../icons/Social/Social/SlackIcon.js";
-import l from "../../../icons/Informational/Communication/Email.js";
-import d from "../../../icons/BIK AI specific/Webhook.js";
+import { ToolSource as o, INTEGRATIONS_KEY as n } from "../constants/tools.js";
+import e from "../../../icons/Actions/Common actions/LinkSimpleHorizontal.js";
+import S from "../../../icons/Social/Channels/GoogleSheets.js";
+import h from "../../../icons/Social/Channels/ShipBob.js";
+import c from "../../../icons/Social/Channels/Kustomer.js";
+import p from "../../../icons/Social/Channels/Freshdesk.js";
+import I from "../../../icons/Social/Social/Zendesk.js";
+import f from "../../../icons/Social/Channels/Segment.js";
+import g from "../../../icons/Social/Channels/Mailchimp.js";
+import v from "../../../icons/Social/Channels/Attentive.js";
+import w from "../../../icons/Social/Channels/OmniSend.js";
+import s from "../../../icons/Social/Channels/Klavyio.js";
+import a from "../../../icons/Social/Channels/Aftership.js";
+import l from "../../../icons/Social/Social/SlackIcon.js";
+import d from "../../../icons/Informational/Communication/Email.js";
+import k from "../../../icons/BIK AI specific/Webhook.js";
 import t from "../../../icons/Informational/Identity/PuzzlePiece.js";
-import k from "../../../icons/Social/Social/Gorgias.js";
-import E from "../../../icons/Social/Channels/Skio.js";
-import u from "../../../icons/Social/Channels/ShipStation.js";
-import O from "../../../icons/Social/Social/BigCommerce.js";
-import G from "../../../icons/Social/Channels/ShopifyBrand.js";
-import N from "../../../icons/Social/Channels/ManifestGlass.js";
-import A from "../../../icons/Actions/Common actions/LinkSimpleHorizontal.js";
+import E from "../../../icons/Social/Social/Gorgias.js";
+import u from "../../../icons/Social/Channels/Skio.js";
+import O from "../../../icons/Social/Channels/ShipStation.js";
+import G from "../../../icons/Social/Social/BigCommerce.js";
+import N from "../../../icons/Social/Channels/ShopifyBrand.js";
+import A from "../../../icons/Social/Channels/ManifestGlass.js";
 const C = {
-  [o.Manifest]: { Icon: N, w: 24, h: 24 },
-  [o.Shopify]: { Icon: G, w: 24, h: 24 },
-  [o.Bigcommerce]: { Icon: O, w: 20, h: 20 },
-  [o.Shipstation]: { Icon: u, w: 22, h: 22 },
-  [o.Skio]: { Icon: E, w: 20, h: 20 },
-  [o.Gorgias]: { Icon: k, w: 20, h: 20 },
+  [o.Manifest]: { Icon: A, w: 24, h: 24 },
+  [o.Shopify]: { Icon: N, w: 24, h: 24 },
+  [o.Bigcommerce]: { Icon: G, w: 20, h: 20 },
+  [o.Shipstation]: { Icon: O, w: 22, h: 22 },
+  [o.Skio]: { Icon: u, w: 20, h: 20 },
+  [o.Gorgias]: { Icon: E, w: 20, h: 20 },
   [o.Integration]: { Icon: t, w: 20, h: 20 },
-  [o.RestApi]: { Icon: d, w: 20, h: 20 },
-  [o.EmailHandover]: { Icon: l, w: 20, h: 20 },
-  [o.Slack]: { Icon: a, w: 20, h: 20 },
+  [o.RestApi]: { Icon: k, w: 20, h: 20 },
+  [o.EmailHandover]: { Icon: d, w: 20, h: 20 },
+  [o.Slack]: { Icon: l, w: 20, h: 20 },
   // Standard-contract vendors — brand glyphs from the shared icon set.
-  [o.Aftership]: { Icon: s, w: 20, h: 20 },
-  [o.Klaviyo]: { Icon: w, w: 20, h: 20 },
-  [o.Omnisend]: { Icon: v, w: 20, h: 20 },
-  [o.Attentive]: { Icon: g, w: 20, h: 20 },
-  [o.Mailchimp]: { Icon: f, w: 20, h: 20 },
-  [o.Segment]: { Icon: I, w: 20, h: 20 },
-  [o.Zendesk]: { Icon: p, w: 20, h: 20 },
-  [o.Freshdesk]: { Icon: c, w: 20, h: 20 },
-  [o.Kustomer]: { Icon: h, w: 20, h: 20 },
-  [o.Shipbob]: { Icon: S, w: 20, h: 20 },
-  [o.GoogleSheets]: { Icon: e, w: 20, h: 20 }
+  [o.Aftership]: { Icon: a, w: 20, h: 20 },
+  [o.Klaviyo]: { Icon: s, w: 20, h: 20 },
+  [o.Omnisend]: { Icon: w, w: 20, h: 20 },
+  [o.Attentive]: { Icon: v, w: 20, h: 20 },
+  [o.Mailchimp]: { Icon: g, w: 20, h: 20 },
+  [o.Segment]: { Icon: f, w: 20, h: 20 },
+  [o.Zendesk]: { Icon: I, w: 20, h: 20 },
+  [o.Freshdesk]: { Icon: p, w: 20, h: 20 },
+  [o.Kustomer]: { Icon: c, w: 20, h: 20 },
+  [o.Shipbob]: { Icon: h, w: 20, h: 20 },
+  [o.GoogleSheets]: { Icon: S, w: 20, h: 20 }
 }, R = {
   Icon: t,
   w: 20,
   h: 20
 }, _ = {
-  Icon: A,
+  Icon: e,
   w: 20,
   h: 20
 }, oo = (r) => {

package/dist/esm/components/agent-builder/utils/toolActions.js

@@ -1,7 +1,7 @@
-import { TOOL_ACTION_SOURCES as T, TOOL_ACTION_LABELS as o, TOOL_SOURCE_LABELS as a, CONFIG_TOOL_SOURCES as i, CONFIG_TOOL_ACTION_LABELS as A } from "../constants/tools.js";
+import { TOOL_ACTION_SOURCES as T, CONFIG_TOOL_SOURCES as o, TOOL_ACTION_LABELS as a, TOOL_SOURCE_LABELS as i, CONFIG_TOOL_ACTION_LABELS as A } from "../constants/tools.js";
 import { SOURCE_ICONS as E } from "./sourceIcons.js";
 const f = (L, t, S, l) => T.flatMap((O) => {
-  const _ = i[O], C = {
+  const _ = o[O], C = {
     source: O,
     icon: E[O],
     connected: S?.[O],
@@ -15,7 +15,7 @@ const f = (L, t, S, l) => T.flatMap((O) => {
   })) : [
     {
       ...C,
-      label: o[O] ?? a[O],
+      label: a[O] ?? i[O],
       onSelect: () => t(O)
     }
   ];