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

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

@@ -1,183 +0,0 @@
-import { jsxs as d, jsx as n, Fragment as E } from "react/jsx-runtime";
-import w from "../../../assets/icons/edit.svg.js";
-import A from "../../../assets/icons/errorInfo.svg.js";
-import { useState as M, useMemo as N } from "react";
-import { TitleSmall as v } from "../../TypographyStyle.js";
-import { COLORS as T } from "../../../constants/Theme.js";
-import { ChannelsSectionRoot as B, ChannelCard as L, ChannelRow as O, ChannelRowMain as R, CHECKBOX_SLOT as k, ChannelIdentity as P, ChannelGlyph as j, ChannelChips as D, ChipTooltipTarget as f } from "../AgentBuilder.styled.js";
-import { channelPresentation as _, selectedAccounts as z, isAccountDisconnected as S } from "../constants/channels.js";
-import { useAgentBuilderContext as F } from "../context/AgentBuilderContext.js";
-import { ChannelSelectModal as H } from "./ChannelSelectModal.js";
-import { CheckBox as V } from "../../checkBox/CheckBox.js";
-import { Tooltip as I } from "../../tooltips/Tooltip.js";
-import { Tag as C } from "../../tag/Tag.js";
-import { IconButton as X } from "../../icon-button/IconButton.js";
-const b = 3, G = (e) => [
-  ...e.filter(S),
-  ...e.filter((i) => !S(i))
-], K = () => {
-  const { value: e, updateField: i, availableChannels: r, onManageChannels: p } = F(), [a, c] = M(null), m = N(() => {
-    const t = /* @__PURE__ */ new Map();
-    return (e.channels ?? []).forEach((l) => t.set(l.type, l.channelIds)), t;
-  }, [e.channels]);
-  if (!r || r.length === 0)
-    return null;
-  const g = (t, l) => {
-    const h = (e.channels ?? []).filter((u) => u.type !== t);
-    i(
-      "channels",
-      l.length > 0 ? [...h, { type: t, channelIds: l }] : h
-    );
-  }, o = r.find((t) => t.type === a) ?? null;
-  return /* @__PURE__ */ d(B, { children: [
-    /* @__PURE__ */ n(v, { color: T.content.primary, children: "Channels to activate it on" }),
-    r.map((t) => /* @__PURE__ */ n(
-      U,
-      {
-        channel: t,
-        selectedIds: m.get(t.type) ?? [],
-        onSelectionChange: (l) => g(t.type, l),
-        onEdit: () => c(t.type)
-      },
-      String(t.type)
-    )),
-    /* @__PURE__ */ n(
-      H,
-      {
-        channel: o,
-        selectedIds: o ? m.get(o.type) ?? [] : [],
-        onClose: () => c(null),
-        onApply: (t) => {
-          o && g(o.type, t), c(null);
-        },
-        onManageChannels: p && o ? () => p(o.type) : void 0
-      }
-    )
-  ] });
-};
-K.displayName = "ChannelsSection";
-const U = ({
-  channel: e,
-  selectedIds: i,
-  onSelectionChange: r,
-  onEdit: p
-}) => {
-  const { label: a, Icon: c, tint: m, accountsNoun: g } = _(
-    e.type,
-    e.label
-  ), o = e.accounts.length === 0, t = z(e, i), l = !o && t.length === e.accounts.length, h = t.length > 0 && !l, u = G(t.length > 0 ? t : e.accounts), x = u.slice(0, b), y = u.slice(b), $ = () => r(
-    l ? [] : e.accounts.map((s) => s.channelId)
-  );
-  return /* @__PURE__ */ n(
-    L,
-    {
-      "data-test": `agent-channel-${e.type}`,
-      role: "group",
-      "aria-label": a,
-      children: /* @__PURE__ */ d(O, { children: [
-        /* @__PURE__ */ d(R, { children: [
-          /* @__PURE__ */ n(
-            V,
-            {
-              isChecked: l || h,
-              isPartiallyChecked: h,
-              isDisabled: o,
-              ariaLabel: a,
-              onValueChange: $,
-              style: k
-            }
-          ),
-          /* @__PURE__ */ d(P, { children: [
-            /* @__PURE__ */ n(j, { tint: m, children: c && /* @__PURE__ */ n(c, { size: 16 }) }),
-            /* @__PURE__ */ n(v, { color: T.content.primary, children: a })
-          ] }),
-          /* @__PURE__ */ n(D, { children: o ? /* @__PURE__ */ n(
-            I,
-            {
-              body: `No ${g} are connected to this store yet. Connect one from channel management to activate this agent on ${a}.`,
-              placement: "top",
-              children: /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
-                C,
-                {
-                  tagText: "Disabled",
-                  type: "neutral",
-                  variant: "regular",
-                  height: 24,
-                  cursor: "default"
-                }
-              ) })
-            }
-          ) : /* @__PURE__ */ d(E, { children: [
-            x.map((s) => /* @__PURE__ */ n(
-              q,
-              {
-                account: s,
-                channelLabel: a
-              },
-              s.channelId
-            )),
-            y.length > 0 && /* @__PURE__ */ n(
-              I,
-              {
-                body: y.map((s) => s.channelName).join(", "),
-                placement: "top",
-                children: /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
-                  C,
-                  {
-                    tagText: `+${y.length}`,
-                    type: "purple",
-                    variant: "regular",
-                    height: 24,
-                    cursor: "default"
-                  }
-                ) })
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ n(
-          X,
-          {
-            "data-test": `agent-channel-${e.type}-edit`,
-            "aria-label": `Edit ${a} channels`,
-            Icon: w,
-            size: "xs",
-            iconPadding: 4,
-            disabled: o,
-            onClick: p
-          }
-        )
-      ] })
-    }
-  );
-}, q = ({ account: e, channelLabel: i }) => S(e) ? /* @__PURE__ */ n(
-  I,
-  {
-    body: `${e.channelName} is disconnected. This agent won't run on it until you reconnect it from ${i} channel management.`,
-    placement: "top",
-    children: /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
-      C,
-      {
-        tagText: e.channelName,
-        type: "negative",
-        variant: "regular",
-        height: 24,
-        LeadingIcon: A,
-        leadingIconId: `channel-error-${e.channelId}`,
-        cursor: "default"
-      }
-    ) })
-  }
-) : /* @__PURE__ */ n(
-  C,
-  {
-    tagText: e.channelName,
-    type: "purple",
-    variant: "regular",
-    height: 24
-  }
-);
-export {
-  K as ChannelsSection
-};
-//# sourceMappingURL=ChannelsSection.js.map

package/dist/esm/components/agent-builder/components/ChannelsSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsSection.js","sources":["../../../../../src/components/agent-builder/components/ChannelsSection.tsx"],"sourcesContent":["import EditIcon from '@src/assets/icons/edit.svg';\nimport ErrorInfoIcon from '@src/assets/icons/errorInfo.svg';\nimport React, { useMemo, useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { IconButton } from '@src/components/icon-button';\nimport { Tag } from '@src/components/tag';\nimport { Tooltip } from '@src/components/tooltips';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport type {\n\tAgentChannel,\n\tAgentChannelAccount,\n\tAgentChannelType,\n} from '../AgentBuilder.model';\nimport {\n\tChannelCard,\n\tChannelChips,\n\tChannelGlyph,\n\tChannelIdentity,\n\tChannelRow,\n\tChannelRowMain,\n\tChannelsSectionRoot,\n\tCHECKBOX_SLOT,\n\tChipTooltipTarget,\n} from '../AgentBuilder.styled';\nimport {\n\tchannelPresentation,\n\tisAccountDisconnected,\n\tselectedAccounts,\n} from '../constants/channels';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\nimport { ChannelSelectModal } from './ChannelSelectModal';\n\n/**\n * How many account chips a row shows before collapsing the rest into \"+N\". The\n * design draws three; without a cap a store with a dozen numbers pushes the row\n * well past its 48px height.\n */\nconst MAX_VISIBLE_CHIPS = 3;\n\n/**\n * Chips for a row: disconnected accounts first so a cap can never hide the very\n * thing the merchant needs to act on, then the rest in their original order.\n */\nconst chipOrder = (accounts: AgentChannelAccount[]): AgentChannelAccount[] => [\n\t...accounts.filter(isAccountDisconnected),\n\t...accounts.filter((a) => !isAccountDisconnected(a)),\n];\n\n/**\n * Step 1's \"Channels to activate it on\" — one card per connected channel, each\n * with a select-all checkbox, the accounts it covers as chips, and an edit\n * button that opens the per-account picker.\n *\n * Renders nothing when the consumer passes no `availableChannels`, so a host\n * that hasn't wired channels up yet sees the step exactly as it was.\n */\nexport const ChannelsSection: React.FC = () => {\n\tconst { value, updateField, availableChannels, onManageChannels } =\n\t\tuseAgentBuilderContext();\n\n\t// Which channel's picker is open (by type); null = closed.\n\tconst [editingType, setEditingType] = useState<AgentChannelType | null>(null);\n\n\t// Selection is stored as a list; index it once so each row is a lookup.\n\tconst selectionByType = useMemo(() => {\n\t\tconst map = new Map<AgentChannelType, string[]>();\n\t\t(value.channels ?? []).forEach((c) => map.set(c.type, c.channelIds));\n\t\treturn map;\n\t}, [value.channels]);\n\n\tif (!availableChannels || availableChannels.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst setSelection = (type: AgentChannelType, channelIds: string[]) => {\n\t\tconst rest = (value.channels ?? []).filter((c) => c.type !== type);\n\t\t// An empty selection drops the channel entirely rather than persisting a\n\t\t// `{ type, channelIds: [] }` no-op the backend would have to filter out.\n\t\tupdateField(\n\t\t\t'channels',\n\t\t\tchannelIds.length > 0 ? [...rest, { type, channelIds }] : rest,\n\t\t);\n\t};\n\n\tconst editingChannel =\n\t\tavailableChannels.find((c) => c.type === editingType) ?? null;\n\n\treturn (\n\t\t<ChannelsSectionRoot>\n\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\tChannels to activate it on\n\t\t\t</TitleSmall>\n\n\t\t\t{availableChannels.map((channel) => (\n\t\t\t\t<ChannelCardRow\n\t\t\t\t\tkey={String(channel.type)}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tselectedIds={selectionByType.get(channel.type) ?? []}\n\t\t\t\t\tonSelectionChange={(ids) => setSelection(channel.type, ids)}\n\t\t\t\t\tonEdit={() => setEditingType(channel.type)}\n\t\t\t\t/>\n\t\t\t))}\n\n\t\t\t<ChannelSelectModal\n\t\t\t\tchannel={editingChannel}\n\t\t\t\tselectedIds={\n\t\t\t\t\teditingChannel ? selectionByType.get(editingChannel.type) ?? [] : []\n\t\t\t\t}\n\t\t\t\tonClose={() => setEditingType(null)}\n\t\t\t\tonApply={(ids) => {\n\t\t\t\t\tif (editingChannel) {\n\t\t\t\t\t\tsetSelection(editingChannel.type, ids);\n\t\t\t\t\t}\n\t\t\t\t\tsetEditingType(null);\n\t\t\t\t}}\n\t\t\t\tonManageChannels={\n\t\t\t\t\tonManageChannels && editingChannel\n\t\t\t\t\t\t? () => onManageChannels(editingChannel.type)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t/>\n\t\t</ChannelsSectionRoot>\n\t);\n};\n\nChannelsSection.displayName = 'ChannelsSection';\n\ninterface ChannelCardRowProps {\n\tchannel: AgentChannel;\n\tselectedIds: string[];\n\tonSelectionChange: (channelIds: string[]) => void;\n\tonEdit: () => void;\n}\n\nconst ChannelCardRow: React.FC<ChannelCardRowProps> = ({\n\tchannel,\n\tselectedIds,\n\tonSelectionChange,\n\tonEdit,\n}) => {\n\tconst { label, Icon, tint, accountsNoun } = channelPresentation(\n\t\tchannel.type,\n\t\tchannel.label,\n\t);\n\n\t/**\n\t * Zero state — the store supports this channel but has nothing connected\n\t * under it. Nothing on the row is actionable, so the checkbox and the edit\n\t * button are both inert and a \"Disabled\" chip stands in for the accounts.\n\t */\n\tconst isUnavailable = channel.accounts.length === 0;\n\n\tconst selected = selectedAccounts(channel, selectedIds);\n\tconst allSelected =\n\t\t!isUnavailable && selected.length === channel.accounts.length;\n\tconst someSelected = selected.length > 0 && !allSelected;\n\n\t// With nothing picked yet the row shows the store's inventory — that's the\n\t// state the design draws, and it tells the merchant what's on offer. Once\n\t// they've picked, the chips narrow to what the agent actually runs on.\n\tconst shown = chipOrder(selected.length > 0 ? selected : channel.accounts);\n\tconst visible = shown.slice(0, MAX_VISIBLE_CHIPS);\n\tconst overflow = shown.slice(MAX_VISIBLE_CHIPS);\n\n\tconst toggleAll = () =>\n\t\tonSelectionChange(\n\t\t\tallSelected ? [] : channel.accounts.map((a) => a.channelId),\n\t\t);\n\n\treturn (\n\t\t<ChannelCard\n\t\t\tdata-test={`agent-channel-${channel.type}`}\n\t\t\t// A card groups a channel's checkbox, chips and edit button; naming the\n\t\t\t// group lets assistive tech (and tests) address one channel at a time.\n\t\t\trole=\"group\"\n\t\t\taria-label={label}\n\t\t>\n\t\t\t<ChannelRow>\n\t\t\t\t<ChannelRowMain>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tisChecked={allSelected || someSelected}\n\t\t\t\t\t\tisPartiallyChecked={someSelected}\n\t\t\t\t\t\tisDisabled={isUnavailable}\n\t\t\t\t\t\tariaLabel={label}\n\t\t\t\t\t\tonValueChange={toggleAll}\n\t\t\t\t\t\tstyle={CHECKBOX_SLOT}\n\t\t\t\t\t/>\n\t\t\t\t\t<ChannelIdentity>\n\t\t\t\t\t\t<ChannelGlyph tint={tint}>\n\t\t\t\t\t\t\t{Icon && <Icon size={16} />}\n\t\t\t\t\t\t</ChannelGlyph>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t\t</ChannelIdentity>\n\n\t\t\t\t\t<ChannelChips>\n\t\t\t\t\t\t{isUnavailable ? (\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tbody={`No ${accountsNoun} are connected to this store yet. Connect one from channel management to activate this agent on ${label}.`}\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ChipTooltipTarget>\n\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\ttagText=\"Disabled\"\n\t\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\t\tcursor=\"default\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ChipTooltipTarget>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{visible.map((account) => (\n\t\t\t\t\t\t\t\t\t<AccountChip\n\t\t\t\t\t\t\t\t\t\tkey={account.channelId}\n\t\t\t\t\t\t\t\t\t\taccount={account}\n\t\t\t\t\t\t\t\t\t\tchannelLabel={label}\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{overflow.length > 0 && (\n\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\tbody={overflow.map((a) => a.channelName).join(', ')}\n\t\t\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ChipTooltipTarget>\n\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\ttagText={`+${overflow.length}`}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"purple\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\t\t\t\tcursor=\"default\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</ChipTooltipTarget>\n\t\t\t\t\t\t\t\t\t</Tooltip>\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</ChannelChips>\n\t\t\t\t</ChannelRowMain>\n\n\t\t\t\t<IconButton\n\t\t\t\t\tdata-test={`agent-channel-${channel.type}-edit`}\n\t\t\t\t\taria-label={`Edit ${label} channels`}\n\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\ticonPadding={4}\n\t\t\t\t\tdisabled={isUnavailable}\n\t\t\t\t\tonClick={onEdit}\n\t\t\t\t/>\n\t\t\t</ChannelRow>\n\t\t</ChannelCard>\n\t);\n};\n\n/**\n * One account chip. A healthy account reads as a brand chip; a disconnected one\n * turns negative and gains the error glyph.\n *\n * The tooltip is NOT in the design — but a bare red chip tells the merchant\n * something is broken and nothing about what to do, so it names the account and\n * the fix.\n */\nconst AccountChip: React.FC<{\n\taccount: AgentChannelAccount;\n\tchannelLabel: string;\n}> = ({ account, channelLabel }) => {\n\tif (!isAccountDisconnected(account)) {\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\ttagText={account.channelName}\n\t\t\t\ttype=\"purple\"\n\t\t\t\tvariant=\"regular\"\n\t\t\t\theight={24}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Tooltip\n\t\t\tbody={`${account.channelName} is disconnected. This agent won't run on it until you reconnect it from ${channelLabel} channel management.`}\n\t\t\tplacement=\"top\"\n\t\t>\n\t\t\t<ChipTooltipTarget>\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={account.channelName}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\theight={24}\n\t\t\t\t\tLeadingIcon={ErrorInfoIcon}\n\t\t\t\t\t// Tag doesn't spread rest props, so `data-test` would be dropped —\n\t\t\t\t\t// `leadingIconId` is the one hook it does put on the DOM, which gives\n\t\t\t\t\t// the error glyph a stable handle for tests and e2e.\n\t\t\t\t\tleadingIconId={`channel-error-${account.channelId}`}\n\t\t\t\t\tcursor=\"default\"\n\t\t\t\t/>\n\t\t\t</ChipTooltipTarget>\n\t\t</Tooltip>\n\t);\n};\n"],"names":["MAX_VISIBLE_CHIPS","chipOrder","accounts","isAccountDisconnected","a","ChannelsSection","value","updateField","availableChannels","onManageChannels","useAgentBuilderContext","editingType","setEditingType","useState","selectionByType","useMemo","map","c","setSelection","type","channelIds","rest","editingChannel","ChannelsSectionRoot","jsx","TitleSmall","COLORS","channel","ChannelCardRow","ids","ChannelSelectModal","selectedIds","onSelectionChange","onEdit","label","Icon","tint","accountsNoun","channelPresentation","isUnavailable","selected","selectedAccounts","allSelected","someSelected","shown","visible","overflow","toggleAll","ChannelCard","ChannelRow","jsxs","ChannelRowMain","CheckBox","CHECKBOX_SLOT","ChannelIdentity","ChannelGlyph","ChannelChips","Tooltip","ChipTooltipTarget","Tag","Fragment","account","AccountChip","IconButton","EditIcon","channelLabel","ErrorInfoIcon"],"mappings":"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"}

package/dist/esm/components/agent-builder/constants/channels.d.ts

@@ -1,56 +0,0 @@
-import { default as React } from 'react';
-import { AgentChannel, AgentChannelAccount, AgentChannelType } from '../AgentBuilder.model';
-/** How one channel type renders: its label, brand glyph, tint and copy noun. */
-export interface ChannelPresentation {
-    /** Row label ("WhatsApp", "Email", …). */
-    label: string;
-    /** Brand glyph. Undefined for an unknown type — the row renders label-only. */
-    Icon?: React.FC<React.SVGProps<SVGSVGElement> & {
-        size?: number | string;
-    }>;
-    /** Tint behind the glyph. */
-    tint: string;
-    /**
-     * What an account IS on this channel, plural — drives the picker's copy
-     * ("Select from available WhatsApp numbers"). Kept per-channel because the
-     * design's WhatsApp-only wording has to generalise once the same picker opens
-     * for Email and Instagram.
-     */
-    accountsNoun: string;
-}
-/**
- * Keyed by the shared `Channels` enum, so a channel key can never drift from the
- * platform's spelling.
- *
- * Typed `Record<AgentChannelType, …>` rather than `Record<string, …>`: that makes
- * the map EXHAUSTIVE, so widening {@link AgentChannelType} without adding the
- * matching presentation here is a compile error rather than a channel that
- * silently renders with no glyph.
- */
-export declare const CHANNEL_PRESENTATION: Record<AgentChannelType, ChannelPresentation>;
-/** The channel types the builder supports, in display order. */
-export declare const AGENT_CHANNEL_TYPES: AgentChannelType[];
-/**
- * Presentation for a channel.
- *
- * `AgentChannelType` makes the registry hit total at compile time, but the
- * `availableChannels` a consumer passes come off a backend response — so an
- * unrecognised `type` is still handled defensively (the consumer's `label`, then
- * the raw value, with no glyph) rather than rendering `undefined`.
- */
-export declare const channelPresentation: (type: AgentChannelType, labelOverride?: string) => ChannelPresentation;
-/** True when the store hasn't got a healthy connection to this account. */
-export declare const isAccountDisconnected: (account: AgentChannelAccount) => boolean;
-/**
- * The accounts the agent is actually activated on, in the channel's own order.
- * Selection is stored as backend ids, so an id that no longer exists on the
- * store (channel removed since the agent was saved) simply drops out here.
- */
-export declare const selectedAccounts: (channel: AgentChannel, selectedIds: string[]) => AgentChannelAccount[];
-/**
- * Selected accounts the store can no longer reach. Drives the row alert and the
- * chips' negative styling. A disconnected account is deliberately NOT dropped
- * from the selection — silently editing a merchant's saved config would hide the
- * very problem they need to go fix.
- */
-export declare const disconnectedSelectedAccounts: (channel: AgentChannel, selectedIds: string[]) => AgentChannelAccount[];

package/dist/esm/components/agent-builder/constants/channels.js

@@ -1,41 +0,0 @@
-import { Channels as c } from "@bikdotai/bik-models/campaigns/models/Channel";
-import { COLORS as s } from "../../../constants/Theme.js";
-import i from "../../../icons/Social/Channels/InstagramV2.js";
-import r from "../../../icons/Social/Channels/EmailV2.js";
-import u from "../../../icons/Social/Channels/WhatsAppV2.js";
-const l = "#FFEAF7", N = s.surface.subdued, e = {
-  [c.WHATSAPP]: {
-    label: "WhatsApp",
-    Icon: u,
-    tint: s.background.positive.light,
-    accountsNoun: "WhatsApp numbers"
-  },
-  [c.EMAIL]: {
-    label: "Email",
-    Icon: r,
-    tint: s.background.negative.light,
-    accountsNoun: "email addresses"
-  },
-  [c.INSTAGRAM]: {
-    label: "Instagram",
-    Icon: i,
-    tint: l,
-    accountsNoun: "Instagram accounts"
-  }
-}, S = Object.keys(
-  e
-), T = (n, t) => {
-  const o = e[String(n).toLowerCase()];
-  if (o)
-    return t ? { ...o, label: t } : o;
-  const a = t || String(n);
-  return { label: a, tint: N, accountsNoun: `${a} channels` };
-}, d = (n) => n.status === "disconnected", E = (n, t) => n.accounts.filter((o) => t.includes(o.channelId));
-export {
-  S as AGENT_CHANNEL_TYPES,
-  e as CHANNEL_PRESENTATION,
-  T as channelPresentation,
-  d as isAccountDisconnected,
-  E as selectedAccounts
-};
-//# sourceMappingURL=channels.js.map

package/dist/esm/components/agent-builder/constants/channels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"channels.js","sources":["../../../../../src/components/agent-builder/constants/channels.ts"],"sourcesContent":["import { Channels } from '@bikdotai/bik-models/campaigns/models/Channel';\nimport { EmailV2, InstagramV2, WhatsAppV2 } from '@src/icons/Social/Channels';\nimport type React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport type {\n\tAgentChannel,\n\tAgentChannelAccount,\n\tAgentChannelType,\n} from '../AgentBuilder.model';\n\n/** How one channel type renders: its label, brand glyph, tint and copy noun. */\nexport interface ChannelPresentation {\n\t/** Row label (\"WhatsApp\", \"Email\", …). */\n\tlabel: string;\n\t/** Brand glyph. Undefined for an unknown type — the row renders label-only. */\n\tIcon?: React.FC<React.SVGProps<SVGSVGElement> & { size?: number | string }>;\n\t/** Tint behind the glyph. */\n\ttint: string;\n\t/**\n\t * What an account IS on this channel, plural — drives the picker's copy\n\t * (\"Select from available WhatsApp numbers\"). Kept per-channel because the\n\t * design's WhatsApp-only wording has to generalise once the same picker opens\n\t * for Email and Instagram.\n\t */\n\taccountsNoun: string;\n}\n\n/**\n * Instagram's tint has no theme token (Figma ships it as a one-off pink under\n * \"Intent Colors\"); the other two map onto the standard positive / negative\n * light backgrounds.\n */\nconst INSTAGRAM_TINT = '#FFEAF7';\n\n/** Tint used for an unknown channel type, whose glyph we don't have. */\nconst UNKNOWN_TINT = COLORS.surface.subdued;\n\n/**\n * Keyed by the shared `Channels` enum, so a channel key can never drift from the\n * platform's spelling.\n *\n * Typed `Record<AgentChannelType, …>` rather than `Record<string, …>`: that makes\n * the map EXHAUSTIVE, so widening {@link AgentChannelType} without adding the\n * matching presentation here is a compile error rather than a channel that\n * silently renders with no glyph.\n */\nexport const CHANNEL_PRESENTATION: Record<\n\tAgentChannelType,\n\tChannelPresentation\n> = {\n\t[Channels.WHATSAPP]: {\n\t\tlabel: 'WhatsApp',\n\t\tIcon: WhatsAppV2,\n\t\ttint: COLORS.background.positive.light,\n\t\taccountsNoun: 'WhatsApp numbers',\n\t},\n\t[Channels.EMAIL]: {\n\t\tlabel: 'Email',\n\t\tIcon: EmailV2,\n\t\ttint: COLORS.background.negative.light,\n\t\taccountsNoun: 'email addresses',\n\t},\n\t[Channels.INSTAGRAM]: {\n\t\tlabel: 'Instagram',\n\t\tIcon: InstagramV2,\n\t\ttint: INSTAGRAM_TINT,\n\t\taccountsNoun: 'Instagram accounts',\n\t},\n};\n\n/** The channel types the builder supports, in display order. */\nexport const AGENT_CHANNEL_TYPES = Object.keys(\n\tCHANNEL_PRESENTATION,\n) as AgentChannelType[];\n\n/**\n * Presentation for a channel.\n *\n * `AgentChannelType` makes the registry hit total at compile time, but the\n * `availableChannels` a consumer passes come off a backend response — so an\n * unrecognised `type` is still handled defensively (the consumer's `label`, then\n * the raw value, with no glyph) rather than rendering `undefined`.\n */\nexport const channelPresentation = (\n\ttype: AgentChannelType,\n\tlabelOverride?: string,\n): ChannelPresentation => {\n\tconst known = CHANNEL_PRESENTATION[\n\t\tString(type).toLowerCase() as AgentChannelType\n\t] as ChannelPresentation | undefined;\n\tif (known) {\n\t\treturn labelOverride ? { ...known, label: labelOverride } : known;\n\t}\n\tconst label = labelOverride || String(type);\n\treturn { label, tint: UNKNOWN_TINT, accountsNoun: `${label} channels` };\n};\n\n/** True when the store hasn't got a healthy connection to this account. */\nexport const isAccountDisconnected = (account: AgentChannelAccount): boolean =>\n\taccount.status === 'disconnected';\n\n/**\n * The accounts the agent is actually activated on, in the channel's own order.\n * Selection is stored as backend ids, so an id that no longer exists on the\n * store (channel removed since the agent was saved) simply drops out here.\n */\nexport const selectedAccounts = (\n\tchannel: AgentChannel,\n\tselectedIds: string[],\n): AgentChannelAccount[] =>\n\tchannel.accounts.filter((a) => selectedIds.includes(a.channelId));\n\n/**\n * Selected accounts the store can no longer reach. Drives the row alert and the\n * chips' negative styling. A disconnected account is deliberately NOT dropped\n * from the selection — silently editing a merchant's saved config would hide the\n * very problem they need to go fix.\n */\nexport const disconnectedSelectedAccounts = (\n\tchannel: AgentChannel,\n\tselectedIds: string[],\n): AgentChannelAccount[] =>\n\tselectedAccounts(channel, selectedIds).filter(isAccountDisconnected);\n"],"names":["INSTAGRAM_TINT","UNKNOWN_TINT","COLORS","CHANNEL_PRESENTATION","Channels","WhatsAppV2","EmailV2","InstagramV2","AGENT_CHANNEL_TYPES","channelPresentation","type","labelOverride","known","label","isAccountDisconnected","account","selectedAccounts","channel","selectedIds","a"],"mappings":";;;;;AAgCA,MAAMA,IAAiB,WAGjBC,IAAeC,EAAO,QAAQ,SAWvBC,IAGT;AAAA,EACH,CAACC,EAAS,QAAQ,GAAG;AAAA,IACpB,OAAO;AAAA,IACP,MAAMC;AAAAA,IACN,MAAMH,EAAO,WAAW,SAAS;AAAA,IACjC,cAAc;AAAA,EAAA;AAAA,EAEf,CAACE,EAAS,KAAK,GAAG;AAAA,IACjB,OAAO;AAAA,IACP,MAAME;AAAAA,IACN,MAAMJ,EAAO,WAAW,SAAS;AAAA,IACjC,cAAc;AAAA,EAAA;AAAA,EAEf,CAACE,EAAS,SAAS,GAAG;AAAA,IACrB,OAAO;AAAA,IACP,MAAMG;AAAAA,IACN,MAAMP;AAAA,IACN,cAAc;AAAA,EAAA;AAEhB,GAGaQ,IAAsB,OAAO;AAAA,EACzCL;AACD,GAUaM,IAAsB,CAClCC,GACAC,MACyB;AACzB,QAAMC,IAAQT,EACb,OAAOO,CAAI,EAAE,aACd;AACA,MAAIE;AACH,WAAOD,IAAgB,EAAE,GAAGC,GAAO,OAAOD,MAAkBC;AAE7D,QAAMC,IAAQF,KAAiB,OAAOD,CAAI;AAC1C,SAAO,EAAE,OAAAG,GAAO,MAAMZ,GAAc,cAAc,GAAGY,CAAK,YAAA;AAC3D,GAGaC,IAAwB,CAACC,MACrCA,EAAQ,WAAW,gBAOPC,IAAmB,CAC/BC,GACAC,MAEAD,EAAQ,SAAS,OAAO,CAACE,MAAMD,EAAY,SAASC,EAAE,SAAS,CAAC;"}