@admin-layout/tailwind-ui 12.2.4-alpha.7 → 12.2.4-alpha.71

package/lib/components/Inbox/Channels/ChannelBar.js

@@ -0,0 +1,79 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useMemo,useCallback}from'react';import {CHANNELS}from'./channelsMeta.js';import ChannelConnectModal from'./ChannelConnectModal.js';// main component
+function ChannelBar({
+  channels = CHANNELS,
+  connectedChannelIds,
+  onConnect,
+  onSubmitToken,
+  onDisconnect,
+  onModalClose,
+  loading,
+  error,
+  pairing,
+  className
+}) {
+  const [selected, setSelected] = useState(null);
+  const [internalPairing, setInternalPairing] = useState(null);
+  const [internalLoading, setInternalLoading] = useState(false);
+  const connectedSet = useMemo(() => new Set(connectedChannelIds ?? []), [connectedChannelIds]);
+  const handleClose = useCallback(() => {
+    const ch = selected;
+    setSelected(null);
+    setInternalPairing(null);
+    setInternalLoading(false);
+    if (ch) onModalClose?.(ch);
+  }, [selected, onModalClose]);
+  const handleClick = useCallback(async channel => {
+    if (connectedSet.has(channel.id)) {
+      await onDisconnect?.(channel);
+      return;
+    }
+    setSelected(channel);
+    setInternalPairing(null);
+    if (!onConnect) return;
+    setInternalLoading(true);
+    try {
+      const result = await onConnect(channel);
+      if (result && typeof result === 'object' && 'token' in result) {
+        setInternalPairing(result);
+      }
+    } finally {
+      setInternalLoading(false);
+    }
+  }, [connectedSet, onConnect, onDisconnect]);
+  const handleSubmitToken = useCallback(async token => {
+    if (!selected) return;
+    await onSubmitToken?.(selected, token);
+    handleClose();
+  }, [selected, onSubmitToken, handleClose]);
+  const effectivePairing = pairing ?? internalPairing ?? undefined;
+  const effectiveLoading = loading || internalLoading;
+  return jsxs(Fragment, {
+    children: [jsx("div", {
+      className: `flex items-center justify-center gap-1 mt-2 flex-wrap max-w-xs mx-auto ${className ?? ''}`,
+      children: channels.map(channel => {
+        const isConnected = connectedSet.has(channel.id);
+        return jsxs("button", {
+          type: "button",
+          onClick: () => handleClick(channel),
+          className: `relative group flex items-center justify-center w-8 h-8 rounded-lg transition-all ${isConnected ? 'text-green-600 bg-green-500/10 hover:bg-green-500/20' : 'text-gray-500 hover:text-gray-900 hover:bg-gray-100'}`,
+          title: `${channel.name}${isConnected ? ' (connected — click to disconnect)' : ''}`,
+          "aria-label": `Connect ${channel.name}`,
+          children: [channel.icon, isConnected && jsx("span", {
+            className: "absolute -bottom-0.5 -right-0.5 block w-3 h-3 rounded-full bg-green-500 ring-2 ring-white",
+            "aria-hidden": "true"
+          })]
+        }, channel.id);
+      })
+    }), selected && jsx(ChannelConnectModal, {
+      isOpen: !!selected,
+      channel: selected,
+      loading: effectiveLoading,
+      error: error,
+      pairing: effectivePairing,
+      onClose: handleClose,
+      onConnect: handleSubmitToken
+    })]
+  });
+}
+ChannelBar.displayName = 'ChannelBar';
+var ChannelBar_default = React__default.memo(ChannelBar);export{ChannelBar_default as default};//# sourceMappingURL=ChannelBar.js.map

package/lib/components/Inbox/Channels/ChannelBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelBar.js","sources":["../../../../src/components/Inbox/Channels/ChannelBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";AAQI,SAAA,UAAW,CAAA;UACX,GAAA,QAAA;AACA,EAAA,mBAAA;AACA,EAAA,SAAA;;AAEiF,EAAA,YAAA;AACjF,EAAA,YAAU;SACV;AACA,EAAA,KAAA;SACA;AACA,EAAA;;QAEA,CAAA,QAAa,EAAE,WAAU,CAAA,GAAA,QAAW,CAAA;QACpC,CAAA,eAAA,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;QACA,CAAA,eAAkB,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAClB,YAAA,GAAA,OAAA,CAAA,MAAA,IAAA,GAAA,CAAA,mBAA0C,IAAA,EAAA,CAAA,EAAA,CAAA,mBAAA,CAAA,CAAA;QAC1C,WAAe,GAAA,WAAA,CAAA,MAAA;IACf,MAAA,EAAA,GAAA,QAAA;IACA,WAAU,CAAA,IAAA,CAAA;IACV,kBAAkB,CAAC,IAAA,CAAA;AACtB,IAAA,kBAAA,CAAA,KAAA,CAAA;AAID,IAAA,IAAA,EAAA,EAAA,YAAS,GAAU,EAAC,CAChB;4BADe,CAAA,CAAA;;;;AA6GnB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Inbox/Channels/ChannelConnectModal.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type ChannelMeta } from './channelsMeta';
+export interface PairingTokenResult {
+    token: string;
+    deepLink?: string;
+    expiresAt?: number;
+}
+export interface ChannelConnectModalProps {
+    isOpen: boolean;
+    channel: ChannelMeta;
+    loading?: boolean;
+    error?: string;
+    /** When present, modal renders QR + deep-link pairing UI instead of token entry. */
+    pairing?: PairingTokenResult;
+    onClose: () => void;
+    onConnect: (token: string) => Promise<void> | void;
+}
+declare function ChannelConnectModal({ isOpen, channel, loading, error, pairing, onClose, onConnect, }: ChannelConnectModalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ChannelConnectModal {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof ChannelConnectModal>;
+export default _default;
+//# sourceMappingURL=ChannelConnectModal.d.ts.map

package/lib/components/Inbox/Channels/ChannelConnectModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelConnectModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Inbox/Channels/ChannelConnectModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CACtD;AAUD,iBAAS,mBAAmB,CAAC,EACzB,MAAM,EACN,OAAO,EACP,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,GACZ,EAAE,wBAAwB,2CAuM1B;kBA/MQ,mBAAmB;;;;AAmN5B,wBAA+C"}

package/lib/components/Inbox/Channels/ChannelConnectModal.js

@@ -0,0 +1,177 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import React__default,{useState,useEffect,useCallback}from'react';// helper functions
+function buildQrUrl(data) {
+  return `https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=${encodeURIComponent(data)}`;
+}
+// main component
+function ChannelConnectModal({
+  isOpen,
+  channel,
+  loading,
+  error,
+  pairing,
+  onClose,
+  onConnect
+}) {
+  const [token, setToken] = useState('');
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    if (isOpen) {
+      setToken('');
+      setCopied(false);
+    }
+  }, [isOpen, channel.id]);
+  const handleSubmit = useCallback(e => {
+    e.preventDefault();
+    onConnect(token.trim());
+  }, [token, onConnect]);
+  const handleBackdropClick = useCallback(e => {
+    if (e.target === e.currentTarget && !loading) onClose();
+  }, [onClose, loading]);
+  const handleCopy = useCallback(() => {
+    if (!pairing?.token) return;
+    navigator.clipboard?.writeText(pairing.token).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [pairing]);
+  if (!isOpen) return null;
+  const inPairingMode = !!pairing;
+  const tokenRequired = !inPairingMode && channel.tokenLabel.length > 0;
+  const canSubmit = tokenRequired ? token.trim().length > 0 && !loading : !loading;
+  const qrPayload = pairing ? pairing.deepLink ?? pairing.token : '';
+  return jsx("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm px-4",
+    onClick: handleBackdropClick,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "channel-connect-title",
+    children: jsx("div", {
+      className: "w-full max-w-md bg-white rounded-2xl shadow-xl overflow-hidden",
+      children: jsxs("form", {
+        onSubmit: handleSubmit,
+        children: [jsxs("div", {
+          className: "px-6 py-5 border-b border-gray-100 flex items-center gap-3",
+          children: [jsx("div", {
+            className: "flex items-center justify-center w-10 h-10 rounded-lg bg-gray-50 text-gray-700",
+            children: channel.icon
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsxs("h3", {
+              id: "channel-connect-title",
+              className: "text-base font-semibold text-gray-900 truncate",
+              children: ["Connect ", channel.name]
+            }), jsx("p", {
+              className: "text-xs text-gray-500 truncate",
+              children: channel.description
+            })]
+          }), jsx("button", {
+            type: "button",
+            onClick: onClose,
+            disabled: loading,
+            className: "text-gray-400 hover:text-gray-700 disabled:opacity-50",
+            "aria-label": "Close",
+            children: jsx("svg", {
+              width: 20,
+              height: 20,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              children: jsx("path", {
+                d: "M18 6L6 18M6 6l12 12"
+              })
+            })
+          })]
+        }), jsxs("div", {
+          className: "px-6 py-5 space-y-4",
+          children: [inPairingMode ? jsxs("div", {
+            className: "flex flex-col items-center gap-3",
+            children: [jsx("div", {
+              className: "flex items-center justify-center p-3 rounded-lg bg-white border border-gray-200",
+              children: jsx("img", {
+                src: buildQrUrl(qrPayload),
+                alt: `QR code to pair ${channel.name}`,
+                width: 200,
+                height: 200,
+                className: "block"
+              })
+            }), pairing?.deepLink && jsxs("a", {
+              href: pairing.deepLink,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm rounded-lg bg-blue-600 text-white hover:bg-blue-700",
+              children: ["Open ", channel.name]
+            }), pairing?.token && jsx("button", {
+              type: "button",
+              onClick: handleCopy,
+              className: "text-xs text-gray-600 hover:text-gray-900 underline",
+              children: copied ? 'Copied!' : 'Copy pairing token'
+            }), jsxs("div", {
+              className: "flex items-center gap-2 text-xs text-gray-500",
+              children: [jsx("svg", {
+                className: "animate-spin",
+                width: 14,
+                height: 14,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                children: jsx("path", {
+                  d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
+                })
+              }), "Waiting for pairing\u2026"]
+            })]
+          }) : tokenRequired ? jsxs("div", {
+            children: [jsx("label", {
+              htmlFor: "channel-token-input",
+              className: "block text-sm font-medium text-gray-700 mb-1.5",
+              children: channel.tokenLabel
+            }), jsx("input", {
+              id: "channel-token-input",
+              type: "text",
+              autoComplete: "off",
+              spellCheck: false,
+              value: token,
+              onChange: e => setToken(e.target.value),
+              placeholder: channel.tokenPlaceholder,
+              disabled: loading,
+              className: "w-full px-3 py-2 text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500 disabled:bg-gray-50"
+            })]
+          }) : jsx("div", {
+            className: "flex items-center justify-center h-32 rounded-lg border border-dashed border-gray-300 bg-gray-50 text-xs text-gray-500",
+            children: loading ? 'Generating pairing token…' : 'Click Connect to start pairing.'
+          }), jsxs("p", {
+            className: "text-xs text-gray-500 leading-relaxed whitespace-pre-line",
+            children: [channel.tokenHelp, channel.docsLink && jsxs(Fragment, {
+              children: [' ', jsx("a", {
+                href: channel.docsLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-blue-600 hover:underline",
+                children: "Learn more"
+              })]
+            })]
+          }), error && jsx("div", {
+            className: "text-xs text-red-600 bg-red-50 border border-red-200 rounded-lg px-3 py-2",
+            children: error
+          })]
+        }), jsxs("div", {
+          className: "px-6 py-4 bg-gray-50 flex items-center justify-end gap-2",
+          children: [jsx("button", {
+            type: "button",
+            onClick: onClose,
+            className: "px-4 py-2 text-sm rounded-lg text-gray-700 hover:bg-gray-200",
+            children: inPairingMode ? 'Close' : 'Cancel'
+          }), !inPairingMode && jsx("button", {
+            type: "submit",
+            disabled: !canSubmit,
+            className: "px-4 py-2 text-sm rounded-lg bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed",
+            children: loading ? 'Connecting…' : 'Connect'
+          })]
+        })]
+      })
+    })
+  });
+}
+ChannelConnectModal.displayName = 'ChannelConnectModal';
+var ChannelConnectModal$1 = React__default.memo(ChannelConnectModal);export{ChannelConnectModal$1 as default};//# sourceMappingURL=ChannelConnectModal.js.map

package/lib/components/Inbox/Channels/ChannelConnectModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelConnectModal.js","sources":["../../../../src/components/Inbox/Channels/ChannelConnectModal.tsx"],"sourcesContent":[null],"names":[],"mappings":"oHAKA;SACS,UAAS,CAAA,IAAA,EAAA;SACd,CAAA,8DAAkB,EAAA,kBAAA,CAAA,IAAA,CAAA,CAAA,CAAA;;AAErB;AAED,4BAAiB,CAAA;QACb;SACA;SACA;OACA;SACA;SACA;;AAEA,CAAA,EAAA;AACH,EAAA,MAAA,CAAA,KAAA,EAAA,QAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAUD,EAAA,MAAA,CAAA,MAAA,EAAS,qBAAoB,CACzB,MAAM;kBADD;;;;AAmNT,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Inbox/Channels/channelsMeta.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export interface ChannelMeta {
+    id: string;
+    name: string;
+    description: string;
+    icon: ReactNode;
+    /** Backend channel-type identifier consumers can map to their own gateway (e.g. 'telegram-webhook'). */
+    channelType?: string;
+    /** Token field label (empty string => pairing-only flow with no manual token entry) */
+    tokenLabel: string;
+    tokenPlaceholder: string;
+    tokenHelp: string;
+    docsLink?: string;
+}
+export declare const CHANNELS: ChannelMeta[];
+//# sourceMappingURL=channelsMeta.d.ts.map

package/lib/components/Inbox/Channels/channelsMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsMeta.d.ts","sourceRoot":"","sources":["../../../../src/components/Inbox/Channels/channelsMeta.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAkED,eAAO,MAAM,QAAQ,EAAE,WAAW,EA0DjC,CAAC"}

package/lib/components/Inbox/Channels/channelsMeta.js

@@ -0,0 +1,127 @@
+import {jsx,jsxs}from'react/jsx-runtime';// helper functions
+function TelegramIcon() {
+  return jsx("svg", {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: jsx("path", {
+      d: "M12 0C5.37 0 0 5.37 0 12c0 6.627 5.37 12 12 12 6.627 0 12-5.373 12-12C24 5.37 18.627 0 12 0zm5.894 8.221-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.548.295l.189-2.91 5.305-4.789c.23-.205-.05-.318-.357-.113l-6.554 4.124-2.827-.88c-.614-.192-.627-.614.128-.91l11.05-4.264c.512-.191 1.01.127.814 1.144z"
+    })
+  });
+}
+function SlackIcon() {
+  return jsxs("svg", {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 128 128",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: [jsx("path", {
+      d: "M27.255 80.719c0 7.33-5.978 13.317-13.309 13.317C6.616 94.036.63 88.049.63 80.719s5.987-13.317 13.317-13.317h13.309zm6.709 0c0-7.33 5.987-13.317 13.317-13.317s13.317 5.986 13.317 13.317v33.335c0 7.33-5.986 13.317-13.317 13.317-7.33 0-13.317-5.987-13.317-13.317zm0 0",
+      fill: "#de1c59"
+    }), jsx("path", {
+      d: "M47.281 27.255c-7.33 0-13.317-5.978-13.317-13.309C33.964 6.616 39.951.63 47.281.63s13.317 5.987 13.317 13.317v13.309zm0 6.709c7.33 0 13.317 5.987 13.317 13.317s-5.986 13.317-13.317 13.317H13.946C6.616 60.598.63 54.612.63 47.281c0-7.33 5.987-13.317 13.317-13.317zm0 0",
+      fill: "#35c5f0"
+    }), jsx("path", {
+      d: "M100.745 47.281c0-7.33 5.978-13.317 13.309-13.317 7.33 0 13.317 5.987 13.317 13.317s-5.987 13.317-13.317 13.317h-13.309zm-6.709 0c0 7.33-5.987 13.317-13.317 13.317s-13.317-5.986-13.317-13.317V13.946C67.402 6.616 73.388.63 80.719.63c7.33 0 13.317 5.987 13.317 13.317zm0 0",
+      fill: "#2eb57d"
+    }), jsx("path", {
+      d: "M80.719 100.745c7.33 0 13.317 5.978 13.317 13.309 0 7.33-5.987 13.317-13.317 13.317s-13.317-5.987-13.317-13.317v-13.309zm0-6.709c-7.33 0-13.317-5.987-13.317-13.317s5.986-13.317 13.317-13.317h33.335c7.33 0 13.317 5.986 13.317 13.317 0 7.33-5.987 13.317-13.317 13.317zm0 0",
+      fill: "#ebb02e"
+    })]
+  });
+}
+function DiscordIcon() {
+  return jsx("svg", {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: jsx("path", {
+      d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3333-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3333-.946 2.4189-2.1568 2.4189Z"
+    })
+  });
+}
+function WhatsAppIcon() {
+  return jsx("svg", {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: jsx("path", {
+      d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"
+    })
+  });
+}
+function TeamsIcon() {
+  return jsxs("svg", {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 48 48",
+    "aria-hidden": "true",
+    children: [jsx("path", {
+      fill: "#5c6bc0",
+      d: "M41.5 13A3.5 3.5 0 1 0 41.5 20 3.5 3.5 0 1 0 41.5 13zM4 40l23 4V4L4 8V40z"
+    }), jsx("path", {
+      fill: "#fff",
+      d: "M21 16.27L21 19 17.01 19.18 16.99 31.04 14.01 30.95 14.01 19.29 10 19.45 10 16.94z"
+    }), jsx("path", {
+      fill: "#5c6bc0",
+      d: "M36 14c0 2.21-1.79 4-4 4-1.2 0-2.27-.53-3-1.36v-5.28c.73-.83 1.8-1.36 3-1.36C34.21 10 36 11.79 36 14zM38 23v11c0 0 1.567 0 3.5 0 1.762 0 3.205-1.306 3.45-3H45v-8H38zM29 20v17c0 0 1.567 0 3.5 0 1.762 0 3.205-1.306 3.45-3H36V20H29z"
+    })]
+  });
+}
+// constants
+const CHANNELS = [{
+  id: 'telegram',
+  name: 'Telegram',
+  description: 'Bridge this chat to a Telegram bot',
+  icon: jsx(TelegramIcon, {}),
+  channelType: 'telegram-webhook',
+  tokenLabel: '',
+  tokenPlaceholder: '',
+  tokenHelp: '1. Open Telegram and find the configured bot\n2. Tap the deep link below (or scan the QR)\n3. Tap Start to complete pairing',
+  docsLink: 'https://core.telegram.org/bots#how-do-i-create-a-bot'
+}, {
+  id: 'discord',
+  name: 'Discord',
+  description: 'Bridge this chat to a Discord channel',
+  icon: jsx(DiscordIcon, {}),
+  channelType: 'discord-webhook',
+  tokenLabel: '',
+  tokenPlaceholder: '',
+  tokenHelp: '1. Open Discord and DM the configured bot\n2. Send the deep-link command (or paste the token)\n3. The bot confirms pairing',
+  docsLink: 'https://discord.com/developers/applications'
+}, {
+  id: 'slack',
+  name: 'Slack',
+  description: 'Bridge this chat to a Slack workspace',
+  icon: jsx(SlackIcon, {}),
+  channelType: 'slack-webhook',
+  tokenLabel: '',
+  tokenPlaceholder: '',
+  tokenHelp: '1. Open Slack and DM the configured bot\n2. Send the pairing command from the deep link\n3. The bot confirms pairing',
+  docsLink: 'https://api.slack.com/start'
+}, {
+  id: 'whatsapp',
+  name: 'WhatsApp',
+  description: 'Pair WhatsApp via QR code',
+  icon: jsx(WhatsAppIcon, {}),
+  channelType: 'whatsapp-webhook',
+  tokenLabel: '',
+  tokenPlaceholder: '',
+  tokenHelp: 'Scan the QR code shown in the connect dialog with WhatsApp on your phone.'
+}, {
+  id: 'teams',
+  name: 'Microsoft Teams',
+  description: 'Bridge this chat to Microsoft Teams',
+  icon: jsx(TeamsIcon, {}),
+  channelType: 'teams-webhook',
+  tokenLabel: '',
+  tokenPlaceholder: '',
+  tokenHelp: '1. Open Teams and DM the configured bot\n2. Send the pairing command from the deep link\n3. The bot confirms pairing'
+}];export{CHANNELS};//# sourceMappingURL=channelsMeta.js.map

package/lib/components/Inbox/Channels/channelsMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsMeta.js","sources":["../../../../src/components/Inbox/Channels/channelsMeta.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAIA;qBACe,GAAA;SACPA,SAAS,EAAA;IACb,KAAA,EAAA,EAAA;IACA,MAAM;IACN,OAAA,EAAA,WAAA;IACA,IAAA,EAAA,cAAoB;IACpB,aAAA,EAAA,MAAA;IACA,QAAA,EAAUA,UAAS,EAAA;MACnB,CAAA,EAAA;KACA;IACA;AACH;AAkED,SAAA,SAAO,GAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Inbox/Channels/index.d.ts

@@ -0,0 +1,7 @@
+export { default as ChannelBar } from './ChannelBar';
+export type { ChannelBarProps } from './ChannelBar';
+export { default as ChannelConnectModal } from './ChannelConnectModal';
+export type { ChannelConnectModalProps, PairingTokenResult } from './ChannelConnectModal';
+export { CHANNELS } from './channelsMeta';
+export type { ChannelMeta } from './channelsMeta';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Inbox/Channels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Inbox/Channels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Inbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Channels';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Inbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Inbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.d.ts

@@ -0,0 +1,8 @@
+import type { InputToolBarProps } from './types';
+/**
+ * InputToolBar – UI only. Renders toolbar and optional built-in textarea from props.
+ * All data (leftItems, rightItems, templateButton, inputConfig, micSendButton) and behavior (onClick, onChange, etc.) come from props.
+ */
+export declare function InputToolBar({ className, classNames, inputConfig, topContent, leftItems: leftItemsProp, rightItems: rightItemsProp, templateButton, templateModalConfig, templateModalRender, projectSettingsModalOpen, onProjectSettingsModalClose, projectSettingsModalRender, leftCustomRender, rightCustomRender, micSendButton, children, onContainerClick, }: InputToolBarProps): import("react/jsx-runtime").JSX.Element;
+export default InputToolBar;
+//# sourceMappingURL=InputToolBar.d.ts.map

package/lib/components/InputToolBar/InputToolBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAgdjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,2CAwFnB;AAED,eAAe,YAAY,CAAC"}