@bikdotai/bik-component-library 0.0.868-beta.4 → 0.0.868-beta.6

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.js

@@ -0,0 +1,73 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { ModalCard as M, ModalHeader as N, ModalHeading as S, ModalTitle as k, ModalSubtitle as v, ModalClose as E, ReasonList as O, ReasonChip as _, NoteInput as R, SubmitButton as f } from "./CopilotFeedbackModal.styled.js";
+const L = [
+  { value: "TOO_SLOW", label: "Too slow" },
+  { value: "DIDNT_REMEMBER", label: "Didn't remember something" },
+  { value: "WRONG_RESULT", label: "Wrong result" },
+  { value: "COULDNT_FIND_DATA", label: "Couldn't find data" },
+  { value: "DIDNT_UNDERSTAND_CONTEXT", label: "Didn't understand context" }
+], A = () => /* @__PURE__ */ l("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ l(
+  "path",
+  {
+    d: "M9 3L3 9M3 3l6 6",
+    stroke: "currentColor",
+    strokeWidth: "1.3",
+    strokeLinecap: "round"
+  }
+) }), W = ({
+  title: a = "What went wrong?",
+  subtitle: d,
+  reasons: c = L,
+  notePlaceholder: s = "Add a quick note...",
+  submitLabel: u = "Share feedback",
+  onSubmit: h,
+  onDismiss: b,
+  className: C
+}) => {
+  const [t, m] = r([]), [i, p] = r(""), D = (e) => {
+    m(
+      (o) => o.includes(e) ? o.filter((g) => g !== e) : [...o, e]
+    );
+  }, T = () => {
+    const e = i.trim();
+    h({
+      reasons: t,
+      ...e ? { comment: e } : {}
+    });
+  };
+  return /* @__PURE__ */ n(M, { className: C, role: "dialog", "aria-label": a, children: [
+    /* @__PURE__ */ n(N, { children: [
+      /* @__PURE__ */ n(S, { children: [
+        /* @__PURE__ */ l(k, { children: a }),
+        d ? /* @__PURE__ */ l(v, { children: d }) : null
+      ] }),
+      /* @__PURE__ */ l(E, { type: "button", onClick: b, "aria-label": "Close", children: /* @__PURE__ */ l(A, {}) })
+    ] }),
+    /* @__PURE__ */ l(O, { children: c.map((e) => /* @__PURE__ */ l(
+      _,
+      {
+        type: "button",
+        $selected: t.includes(e.value),
+        "aria-pressed": t.includes(e.value),
+        onClick: () => D(e.value),
+        children: e.label
+      },
+      e.value
+    )) }),
+    /* @__PURE__ */ l(
+      R,
+      {
+        value: i,
+        placeholder: s,
+        onChange: (e) => p(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ l(f, { type: "button", onClick: T, children: u })
+  ] });
+};
+export {
+  L as COPILOT_FEEDBACK_REASONS,
+  W as CopilotFeedbackModal
+};
+//# sourceMappingURL=CopilotFeedbackModal.js.map

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotFeedbackModal.js","sources":["../../../../src/components/bik-copilot/CopilotFeedbackModal.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n\tModalCard,\n\tModalClose,\n\tModalHeader,\n\tModalHeading,\n\tModalSubtitle,\n\tModalTitle,\n\tNoteInput,\n\tReasonChip,\n\tReasonList,\n\tSubmitButton,\n} from './CopilotFeedbackModal.styled';\nimport { CopilotFeedbackDetail, CopilotFeedbackReasonOption } from './model';\n\n/** The chips the modal offers, in the order they are shown. */\nexport const COPILOT_FEEDBACK_REASONS: CopilotFeedbackReasonOption[] = [\n\t{ value: 'TOO_SLOW', label: 'Too slow' },\n\t{ value: 'DIDNT_REMEMBER', label: \"Didn't remember something\" },\n\t{ value: 'WRONG_RESULT', label: 'Wrong result' },\n\t{ value: 'COULDNT_FIND_DATA', label: \"Couldn't find data\" },\n\t{ value: 'DIDNT_UNDERSTAND_CONTEXT', label: \"Didn't understand context\" },\n];\n\nconst CloseIcon = () => (\n\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t<path\n\t\t\td=\"M9 3L3 9M3 3l6 6\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.3\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t/>\n\t</svg>\n);\n\nexport interface CopilotFeedbackModalProps {\n\ttitle?: string;\n\tsubtitle?: string;\n\treasons?: CopilotFeedbackReasonOption[];\n\tnotePlaceholder?: string;\n\tsubmitLabel?: string;\n\t/**\n\t * The detail the reader chose to share. Called once, on submit.\n\t */\n\tonSubmit: (detail: CopilotFeedbackDetail) => void;\n\t/**\n\t * Dismissed without sharing. The rating itself is the host's business — see\n\t * `CopilotPanel`, which records the thumbs-down either way.\n\t */\n\tonDismiss: () => void;\n\tclassName?: string;\n}\n\n/**\n * Asks what was wrong with a reply that was just rated down.\n *\n * Chips plus an optional note, and nothing is required: a reader who only wants\n * to press the thumb can dismiss this and the rating still stands. Every string\n * is overridable so a host can reword or localise it.\n */\nexport const CopilotFeedbackModal: React.FC<CopilotFeedbackModalProps> = ({\n\ttitle = 'What went wrong?',\n\tsubtitle,\n\treasons = COPILOT_FEEDBACK_REASONS,\n\tnotePlaceholder = 'Add a quick note...',\n\tsubmitLabel = 'Share feedback',\n\tonSubmit,\n\tonDismiss,\n\tclassName,\n}) => {\n\tconst [selected, setSelected] = useState<string[]>([]);\n\tconst [note, setNote] = useState('');\n\n\tconst toggle = (value: string) => {\n\t\tsetSelected((previous) =>\n\t\t\tprevious.includes(value)\n\t\t\t\t? previous.filter((item) => item !== value)\n\t\t\t\t: [...previous, value],\n\t\t);\n\t};\n\n\tconst submit = () => {\n\t\tconst comment = note.trim();\n\t\tonSubmit({\n\t\t\treasons: selected,\n\t\t\t...(comment ? { comment } : {}),\n\t\t});\n\t};\n\n\treturn (\n\t\t<ModalCard className={className} role=\"dialog\" aria-label={title}>\n\t\t\t<ModalHeader>\n\t\t\t\t<ModalHeading>\n\t\t\t\t\t<ModalTitle>{title}</ModalTitle>\n\t\t\t\t\t{subtitle ? <ModalSubtitle>{subtitle}</ModalSubtitle> : null}\n\t\t\t\t</ModalHeading>\n\t\t\t\t<ModalClose type=\"button\" onClick={onDismiss} aria-label=\"Close\">\n\t\t\t\t\t<CloseIcon />\n\t\t\t\t</ModalClose>\n\t\t\t</ModalHeader>\n\n\t\t\t<ReasonList>\n\t\t\t\t{reasons.map((reason) => (\n\t\t\t\t\t<ReasonChip\n\t\t\t\t\t\tkey={reason.value}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t$selected={selected.includes(reason.value)}\n\t\t\t\t\t\taria-pressed={selected.includes(reason.value)}\n\t\t\t\t\t\tonClick={() => toggle(reason.value)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{reason.label}\n\t\t\t\t\t</ReasonChip>\n\t\t\t\t))}\n\t\t\t</ReasonList>\n\n\t\t\t<NoteInput\n\t\t\t\tvalue={note}\n\t\t\t\tplaceholder={notePlaceholder}\n\t\t\t\tonChange={(event) => setNote(event.target.value)}\n\t\t\t/>\n\n\t\t\t<SubmitButton type=\"button\" onClick={submit}>\n\t\t\t\t{submitLabel}\n\t\t\t</SubmitButton>\n\t\t</ModalCard>\n\t);\n};\n"],"names":["COPILOT_FEEDBACK_REASONS","CloseIcon","jsx","CopilotFeedbackModal","title","subtitle","reasons","notePlaceholder","submitLabel","onSubmit","onDismiss","className","selected","setSelected","useState","note","setNote","toggle","value","previous","item","submit","comment","ModalCard","jsxs","ModalHeader","ModalHeading","ModalTitle","ModalSubtitle","ModalClose","ReasonList","reason","ReasonChip","NoteInput","event","SubmitButton"],"mappings":";;;AAgBO,MAAMA,IAA0D;AAAA,EACtE,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,kBAAkB,OAAO,4BAAA;AAAA,EAClC,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,EAChC,EAAE,OAAO,qBAAqB,OAAO,qBAAA;AAAA,EACrC,EAAE,OAAO,4BAA4B,OAAO,4BAAA;AAC7C,GAEMC,IAAY,MACjB,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACpD,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,GAAE;AAAA,IACF,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,EAAA;AACf,GACD,GA4BYC,IAA4D,CAAC;AAAA,EACzE,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,SAAAC,IAAUN;AAAA,EACV,iBAAAO,IAAkB;AAAA,EAClB,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACD,MAAM;AACL,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAmB,CAAA,CAAE,GAC/C,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAE,GAE7BG,IAAS,CAACC,MAAkB;AACjC,IAAAL;AAAA,MAAY,CAACM,MACZA,EAAS,SAASD,CAAK,IACpBC,EAAS,OAAO,CAACC,MAASA,MAASF,CAAK,IACxC,CAAC,GAAGC,GAAUD,CAAK;AAAA,IAAA;AAAA,EAExB,GAEMG,IAAS,MAAM;AACpB,UAAMC,IAAUP,EAAK,KAAA;AACrB,IAAAN,EAAS;AAAA,MACR,SAASG;AAAA,MACT,GAAIU,IAAU,EAAE,SAAAA,MAAY,CAAA;AAAA,IAAC,CAC7B;AAAA,EACF;AAEA,2BACEC,GAAA,EAAU,WAAAZ,GAAsB,MAAK,UAAS,cAAYP,GAC1D,UAAA;AAAA,IAAA,gBAAAoB,EAACC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EACA,UAAA;AAAA,QAAA,gBAAAxB,EAACyB,KAAY,UAAAvB,EAAA,CAAM;AAAA,QAClBC,IAAW,gBAAAH,EAAC0B,GAAA,EAAe,UAAAvB,EAAA,CAAS,IAAmB;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAH,EAAC2B,GAAA,EAAW,MAAK,UAAS,SAASnB,GAAW,cAAW,SACxD,UAAA,gBAAAR,EAACD,GAAA,CAAA,CAAU,EAAA,CACZ;AAAA,IAAA,GACD;AAAA,IAEA,gBAAAC,EAAC4B,GAAA,EACC,UAAAxB,EAAQ,IAAI,CAACyB,MACb,gBAAA7B;AAAA,MAAC8B;AAAA,MAAA;AAAA,QAEA,MAAK;AAAA,QACL,WAAWpB,EAAS,SAASmB,EAAO,KAAK;AAAA,QACzC,gBAAcnB,EAAS,SAASmB,EAAO,KAAK;AAAA,QAC5C,SAAS,MAAMd,EAAOc,EAAO,KAAK;AAAA,QAEjC,UAAAA,EAAO;AAAA,MAAA;AAAA,MANHA,EAAO;AAAA,IAAA,CAQb,GACF;AAAA,IAEA,gBAAA7B;AAAA,MAAC+B;AAAA,MAAA;AAAA,QACA,OAAOlB;AAAA,QACP,aAAaR;AAAA,QACb,UAAU,CAAC2B,MAAUlB,EAAQkB,EAAM,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAG/CC,GAAA,EAAa,MAAK,UAAS,SAASd,GACnC,UAAAb,EAAA,CACF;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const ModalCard: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalHeading: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalTitle: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ModalSubtitle: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ModalClose: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const ReasonList: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ReasonChip: import('styled-components').StyledComponent<"button", any, {
+    $selected: boolean;
+}, never>;
+export declare const NoteInput: import('styled-components').StyledComponent<"textarea", any, {}, never>;
+export declare const SubmitButton: import('styled-components').StyledComponent<"button", any, {}, never>;

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.styled.js

@@ -0,0 +1,122 @@
+import r from "styled-components";
+import { COLORS as o } from "../../constants/Theme.js";
+const a = r.div`
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	width: 220px;
+	padding: 14px;
+	background: ${o.surface.standard};
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 12px;
+	box-shadow: 0 12px 32px rgba(40, 3, 78, 0.16);
+`, i = r.div`
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: 8px;
+`, d = r.div`
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+`, s = r.span`
+	font-family: Inter;
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 18px;
+	color: ${o.content.primary};
+`, p = r.span`
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	color: ${o.content.placeholder};
+`, c = r.button`
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	flex-shrink: 0;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: ${o.content.placeholder};
+	cursor: pointer;
+	transition: background 0.15s ease, color 0.15s ease;
+
+	&:hover {
+		background: ${o.surface.hovered};
+		color: ${o.content.primary};
+	}
+`, l = r.div`
+	display: flex;
+	flex-wrap: wrap;
+	gap: 6px;
+`, x = r.button`
+	padding: 4px 8px;
+	border-radius: 6px;
+	border: 1px solid
+		${({ $selected: e }) => e ? o.stroke.brand : o.stroke.primary};
+	background: ${({ $selected: e }) => e ? o.background.brandVeryLight : o.surface.standard};
+	color: ${({ $selected: e }) => e ? o.content.brand : o.content.secondary};
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	text-align: left;
+	cursor: pointer;
+	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+
+	&:hover {
+		background: ${({ $selected: e }) => e ? o.background.brandVeryLight : o.surface.hovered};
+	}
+`, b = r.textarea`
+	min-height: 64px;
+	padding: 8px;
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 8px;
+	background: ${o.surface.standard};
+	color: ${o.content.primary};
+	font-family: Inter;
+	font-size: 11px;
+	line-height: 16px;
+	resize: none;
+	outline: none;
+
+	&::placeholder {
+		color: ${o.content.placeholder};
+	}
+
+	&:focus {
+		border-color: ${o.stroke.brand};
+	}
+`, u = r.button`
+	padding: 8px;
+	border: none;
+	border-radius: 8px;
+	background: ${o.background.brand};
+	color: ${o.content.primaryInverse};
+	font-family: Inter;
+	font-size: 12px;
+	font-weight: 600;
+	line-height: 16px;
+	cursor: pointer;
+	transition: background 0.15s ease;
+
+	&:hover {
+		background: ${o.background.brandHovered};
+	}
+`;
+export {
+  a as ModalCard,
+  c as ModalClose,
+  i as ModalHeader,
+  d as ModalHeading,
+  p as ModalSubtitle,
+  s as ModalTitle,
+  b as NoteInput,
+  x as ReasonChip,
+  l as ReasonList,
+  u as SubmitButton
+};
+//# sourceMappingURL=CopilotFeedbackModal.styled.js.map

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotFeedbackModal.styled.js","sources":["../../../../src/components/bik-copilot/CopilotFeedbackModal.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const ModalCard = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\twidth: 220px;\n\tpadding: 14px;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 12px;\n\tbox-shadow: 0 12px 32px rgba(40, 3, 78, 0.16);\n`;\n\nexport const ModalHeader = styled.div`\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 8px;\n`;\n\nexport const ModalHeading = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n`;\n\nexport const ModalTitle = styled.span`\n\tfont-family: Inter;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tline-height: 18px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const ModalSubtitle = styled.span`\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tcolor: ${COLORS.content.placeholder};\n`;\n\nexport const ModalClose = styled.button`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 20px;\n\theight: 20px;\n\tflex-shrink: 0;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcolor: ${COLORS.content.placeholder};\n\tcursor: pointer;\n\ttransition: background 0.15s ease, color 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.hovered};\n\t\tcolor: ${COLORS.content.primary};\n\t}\n`;\n\nexport const ReasonList = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 6px;\n`;\n\n/* A toggle, not a radio: more than one thing can be wrong with one reply. */\nexport const ReasonChip = styled.button<{ $selected: boolean }>`\n\tpadding: 4px 8px;\n\tborder-radius: 6px;\n\tborder: 1px solid\n\t\t${({ $selected }) =>\n\t\t\t$selected ? COLORS.stroke.brand : COLORS.stroke.primary};\n\tbackground: ${({ $selected }) =>\n\t\t$selected ? COLORS.background.brandVeryLight : COLORS.surface.standard};\n\tcolor: ${({ $selected }) =>\n\t\t$selected ? COLORS.content.brand : COLORS.content.secondary};\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\ttext-align: left;\n\tcursor: pointer;\n\ttransition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${({ $selected }) =>\n\t\t\t$selected ? COLORS.background.brandVeryLight : COLORS.surface.hovered};\n\t}\n`;\n\nexport const NoteInput = styled.textarea`\n\tmin-height: 64px;\n\tpadding: 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbackground: ${COLORS.surface.standard};\n\tcolor: ${COLORS.content.primary};\n\tfont-family: Inter;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tresize: none;\n\toutline: none;\n\n\t&::placeholder {\n\t\tcolor: ${COLORS.content.placeholder};\n\t}\n\n\t&:focus {\n\t\tborder-color: ${COLORS.stroke.brand};\n\t}\n`;\n\nexport const SubmitButton = styled.button`\n\tpadding: 8px;\n\tborder: none;\n\tborder-radius: 8px;\n\tbackground: ${COLORS.background.brand};\n\tcolor: ${COLORS.content.primaryInverse};\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tline-height: 16px;\n\tcursor: pointer;\n\ttransition: background 0.15s ease;\n\n\t&:hover {\n\t\tbackground: ${COLORS.background.brandHovered};\n\t}\n`;\n"],"names":["ModalCard","styled","COLORS","ModalHeader","ModalHeading","ModalTitle","ModalSubtitle","ModalClose","ReasonList","ReasonChip","$selected","NoteInput","SubmitButton"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMjBC,EAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAK7BC,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBG,IAAeH,EAAO;AAAA;AAAA;AAAA;AAAA,GAMtBI,IAAaJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBC,EAAO,QAAQ,OAAO;AAAA,GAGnBI,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA,UAI1BC,EAAO,QAAQ,WAAW;AAAA,GAGvBK,IAAaN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAWvBC,EAAO,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKpBA,EAAO,QAAQ,OAAO;AAAA,WAC3BA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAIpBM,IAAaP,EAAO;AAAA;AAAA;AAAA;AAAA,GAOpBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAAA,IAI7B,CAAC,EAAE,WAAAS,EAAA,MACJA,IAAYR,EAAO,OAAO,QAAQA,EAAO,OAAO,OAAO;AAAA,eAC3C,CAAC,EAAE,WAAAQ,EAAA,MAChBA,IAAYR,EAAO,WAAW,iBAAiBA,EAAO,QAAQ,QAAQ;AAAA,UAC9D,CAAC,EAAE,WAAAQ,EAAA,MACXA,IAAYR,EAAO,QAAQ,QAAQA,EAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS7C,CAAC,EAAE,WAAAQ,EAAA,MAChBA,IAAYR,EAAO,WAAW,iBAAiBA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAI3DS,IAAYV,EAAO;AAAA;AAAA;AAAA,qBAGXC,EAAO,OAAO,OAAO;AAAA;AAAA,eAE3BA,EAAO,QAAQ,QAAQ;AAAA,UAC5BA,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQrBA,EAAO,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,kBAInBA,EAAO,OAAO,KAAK;AAAA;AAAA,GAIxBU,IAAeX,EAAO;AAAA;AAAA;AAAA;AAAA,eAIpBC,EAAO,WAAW,KAAK;AAAA,UAC5BA,EAAO,QAAQ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASvBA,EAAO,WAAW,YAAY;AAAA;AAAA;"}

package/dist/esm/components/bik-copilot/CopilotPanel.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { CopilotPanelProps } from './model';
+/**
+ * Chat panel used by the copilot. Fully presentational: it renders the
+ * transcript it is given and reports user intent through callbacks, so it works
+ * against any backend.
+ */
+export declare const CopilotPanel: React.FC<CopilotPanelProps>;
+export default CopilotPanel;