@stack-spot/ai-chat-widget 0.1.0

package/dist/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/Tooltip/style.d.ts

@@ -0,0 +1,4 @@
+export declare const animationTimeMS = 300;
+export declare const TooltipBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DefaultTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/Tooltip/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/style.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC,eAAO,MAAM,UAAU,wOAWtB,CAAA;AAED,eAAO,MAAM,cAAc,wOAM1B,CAAA"}

package/dist/components/Tooltip/style.js

@@ -0,0 +1,23 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const animationTimeMS = 300;
+export const TooltipBox = styled.div `
+  position: absolute;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity ${animationTimeMS / 1000}s;
+  top: 0;
+  left: 0;
+
+  &.visible {
+    opacity: 1;
+  }
+`;
+export const DefaultTooltip = styled.div `
+  padding: 4px 8px;
+  background-color: ${theme.color.inverse[500]};
+  color: ${theme.color.inverse.contrastText};
+  border-radius: 6px;
+  margin: 6px;
+`;
+//# sourceMappingURL=style.js.map

package/dist/components/Tooltip/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Tooltip/style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;wBAIZ,eAAe,GAAE,IAAI;;;;;;;CAO5C,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;sBAElB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;WACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;CAG1C,CAAA"}

package/dist/components/Tooltip/types.d.ts

@@ -0,0 +1,8 @@
+export type TooltipPosition = 'left' | 'right' | 'top' | 'bottom';
+export interface BoxPosition {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEjE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/dist/components/Tooltip/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":""}

package/dist/components/form/DescribedCheckboxGroup.d.ts

@@ -0,0 +1,3 @@
+import { CheckProps } from './types.js';
+export declare function DescribedCheckboxGroup<T>({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }: CheckProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DescribedCheckboxGroup.d.ts.map

package/dist/components/form/DescribedCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescribedCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8BpI"}

package/dist/components/form/DescribedCheckboxGroup.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Text } from '@citric/core';
+import { listToClass } from '@stack-spot/portal-theme';
+import { useMemo } from 'react';
+import { Accordion } from '../Accordion.js';
+import { RadioCheckBox } from './styled.js';
+export function DescribedCheckboxGroup({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }) {
+    const items = useMemo(() => options.map((option) => {
+        const label = renderLabel(option);
+        const description = renderDescription(option);
+        const header = (_jsxs("label", { children: [_jsx(Checkbox, { checked: value.includes(option), onChange: (e) => {
+                        if (e.target.checked && !value.includes(option))
+                            onChange([...value, option]);
+                        else
+                            onChange(value.filter(item => item !== option));
+                    } }), typeof label === 'string' ? _jsx(Text, { children: label }) : label] }));
+        return (_jsx("li", { className: listToClass(['radio-group-item', optionClassName?.(option)]), style: optionStyle?.(option), children: _jsx(Accordion, { header: header, children: typeof description === 'string'
+                    ? _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: description })
+                    : description }) }, keygen(option)));
+    }), [options, value]);
+    return _jsx(RadioCheckBox, { style: style, className: className, children: items });
+}
+//# sourceMappingURL=DescribedCheckboxGroup.js.map

package/dist/components/form/DescribedCheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescribedCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,UAAU,sBAAsB,CACpC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAiB;IAEnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAC7C,MAAM,MAAM,GAAG,CACb,4BACE,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;4BAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;;4BACxE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAA;oBACtD,CAAC,GACD,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,IACnD,CACT,CAAA;QACD,OAAO,CACL,aAAyB,SAAS,EAAE,WAAW,CAAC,CAAC,kBAAkB,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,YAC5H,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,YACtB,OAAO,WAAW,KAAK,QAAQ;oBAC9B,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,YAAE,WAAW,GAAQ;oBAC5E,CAAC,CAAC,WAAkB,GAEZ,IANL,MAAM,CAAC,MAAM,CAAC,CAOlB,CACN,CAAA;IACH,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAAG,KAAK,GAAiB,CAAA;AACnF,CAAC"}

package/dist/components/form/DescribedRadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { RadioProps } from './types.js';
+export declare function DescribedRadioGroup<T>({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DescribedRadioGroup.d.ts.map

package/dist/components/form/DescribedRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescribedRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,2CAwBpI"}

package/dist/components/form/DescribedRadioGroup.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Radio, Text } from '@citric/core';
+import { listToClass } from '@stack-spot/portal-theme';
+import { useMemo } from 'react';
+import { Accordion } from '../Accordion.js';
+import { RadioCheckBox } from './styled.js';
+export function DescribedRadioGroup({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }) {
+    const items = useMemo(() => options.map((option) => {
+        const label = renderLabel(option);
+        const description = renderDescription(option);
+        const header = (_jsxs("label", { children: [_jsx(Radio, { checked: option === value, onChange: () => onChange(option) }), typeof label === 'string' ? _jsx(Text, { children: label }) : label] }));
+        return (_jsx("li", { className: listToClass(['radio-group-item', optionClassName?.(option)]), style: optionStyle?.(option), children: _jsx(Accordion, { header: header, children: typeof description === 'string'
+                    ? _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: description })
+                    : description }) }, keygen(option)));
+    }), [options, value]);
+    return _jsx(RadioCheckBox, { style: style, className: className, children: items });
+}
+//# sourceMappingURL=DescribedRadioGroup.js.map

package/dist/components/form/DescribedRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescribedRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,UAAU,mBAAmB,CACjC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAiB;IAEnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAC7C,MAAM,MAAM,GAAG,CACb,4BACE,KAAC,KAAK,IAAC,OAAO,EAAE,MAAM,KAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAI,EACrE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,IACnD,CACT,CAAA;QACD,OAAO,CACL,aAAyB,SAAS,EAAE,WAAW,CAAC,CAAC,kBAAkB,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,YAC5H,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,YACtB,OAAO,WAAW,KAAK,QAAQ;oBAC9B,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,YAAE,WAAW,GAAQ;oBAC5E,CAAC,CAAC,WAAkB,GAEZ,IANL,MAAM,CAAC,MAAM,CAAC,CAOlB,CACN,CAAA;IACH,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAAG,KAAK,GAAiB,CAAA;AACnF,CAAC"}

package/dist/components/form/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const RadioCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/form/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,4OAqCzB,CAAA"}

package/dist/components/form/styled.js

@@ -0,0 +1,41 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const RadioCheckBox = styled.ul `
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+
+  li {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    border-radius: 6px;
+    background-color: ${theme.color.light[400]};
+
+    label {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 8px;
+    }
+
+    input[type="radio"], input[type="checkbox"] {
+      border-color: ${theme.color.light[700]};
+      background-color: transparent;
+    }
+
+    input[type="checkbox"]:checked {
+      background-color: ${theme.color.inverse[500]};
+    }
+
+    input[type="radio"] {
+      &:after {
+        background-color: ${theme.color.light[700]};
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/dist/components/form/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;wBAad,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;sBAUxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;0BAKlB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;4BAKtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;CAIjD,CAAA"}

package/dist/components/form/types.d.ts

@@ -0,0 +1,19 @@
+import { WithStyle } from '@stack-spot/portal-theme';
+interface RadioCheckProps<T> extends WithStyle {
+    options: T[];
+    renderLabel: (option: T) => React.ReactNode;
+    renderDescription: (option: T) => React.ReactNode;
+    optionClassName?: (option: T) => string | undefined;
+    optionStyle?: (option: T) => React.CSSProperties | undefined;
+    keygen: (option: T) => React.Key;
+}
+export interface RadioProps<T> extends RadioCheckProps<T> {
+    value: T | undefined;
+    onChange: (option: T) => void;
+}
+export interface CheckProps<T> extends RadioCheckProps<T> {
+    value: T[];
+    onChange: (option: T[]) => void;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC5C,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,iBAAiB,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IAC7D,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC;CAElC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC"}

package/dist/components/form/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/form/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":""}

package/dist/context/AIWidgetProvider.d.ts

@@ -0,0 +1,4 @@
+import { WidgetState } from '../state/WidgetState.js';
+export declare const AIWidgetContext: import("react").Context<WidgetState | undefined>;
+export declare const AIWidgetProvider: import("react").Provider<WidgetState | undefined>;
+//# sourceMappingURL=AIWidgetProvider.d.ts.map

package/dist/context/AIWidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIWidgetProvider.d.ts","sourceRoot":"","sources":["../../src/context/AIWidgetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,eAAO,MAAM,eAAe,kDAAoD,CAAA;AAEhF,eAAO,MAAM,gBAAgB,mDAA2B,CAAA"}

package/dist/context/AIWidgetProvider.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export const AIWidgetContext = createContext(undefined);
+export const AIWidgetProvider = AIWidgetContext.Provider;
+//# sourceMappingURL=AIWidgetProvider.js.map

package/dist/context/AIWidgetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIWidgetProvider.js","sourceRoot":"","sources":["../../src/context/AIWidgetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAA;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAA"}

package/dist/context/hooks.d.ts

@@ -0,0 +1,18 @@
+import { ChatEntry } from '../state/ChatEntry.js';
+import { ChatProperties, ChatState, MessageInterceptor } from '../state/ChatState.js';
+import { WidgetProperties, WidgetState } from '../state/WidgetState.js';
+export declare function useWidget(): WidgetState;
+export declare function useWidgetState<K extends keyof WidgetProperties>(key: K): WidgetProperties[K];
+export declare function useChatTabs(): {
+    chats: ChatState[];
+    active: string;
+};
+export declare function useChat(chatId: string): ChatState;
+export declare function useCurrentChat(): ChatState;
+export declare function useChatState<K extends keyof ChatProperties>(chatId: string, key: K): ChatProperties[K];
+export declare function useCurrentChatState<K extends keyof ChatProperties>(key: K): ChatProperties[K];
+export declare function useChatMessages(chatId: string): ChatEntry[];
+export declare function useCurrentChatMessages(): ChatEntry[];
+export declare function useChatEntry(entry: ChatEntry): import("../state/ChatEntry.js").TextChatEntry;
+export declare function useFirstChat(interceptors: MessageInterceptor[]): void;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/context/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAElF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAMpE,wBAAgB,SAAS,IAAI,WAAW,CAKvC;AAWD,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAAE,GAAG,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAG5F;AAED,wBAAgB,WAAW,IAAI;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAQpE;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAKjD;AAED,wBAAgB,cAAc,IAAI,SAAS,CAG1C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAGtG;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAG7F;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,CAQ3D;AAED,wBAAgB,sBAAsB,IAAI,SAAS,EAAE,CAGpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,8CAO5C;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,kBAAkB,EAAE,QAI9D"}

package/dist/context/hooks.js

@@ -0,0 +1,82 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useContext, useEffect, useMemo, useState } from 'react';
+import { WidgetState } from '../state/WidgetState.js';
+import { createNewChat } from '../utils/chat.js';
+import { AIWidgetContext } from './AIWidgetProvider.js';
+let globalWidgetState;
+export function useWidget() {
+    const fromContext = useContext(AIWidgetContext);
+    if (fromContext)
+        return fromContext;
+    globalWidgetState ??= new WidgetState();
+    return globalWidgetState;
+}
+function useObservableState(state, key) {
+    const [value, setValue] = useState(state.get(key));
+    useEffect(() => {
+        setValue(state.get(key));
+        return state.onChange(key, setValue);
+    }, [state]);
+    return value;
+}
+export function useWidgetState(key) {
+    const widget = useWidget();
+    return useObservableState(widget, key);
+}
+export function useChatTabs() {
+    const widget = useWidget();
+    const [tabs, setTabs] = useState({
+        chats: widget.chatTabs.getAll(),
+        active: widget.chatTabs.getActiveChatId(),
+    });
+    useEffect(() => widget.chatTabs.onChange((chats, active) => setTabs({ chats, active })), []);
+    return tabs;
+}
+export function useChat(chatId) {
+    const widget = useWidget();
+    const chat = widget.chatTabs.get(chatId);
+    if (!chat)
+        throw new Error(`No chat with id ${chatId} was found. Maybe there are no chats opened, try to call useFirstChat first.`);
+    return chat;
+}
+export function useCurrentChat() {
+    const { active } = useChatTabs();
+    return useChat(active);
+}
+export function useChatState(chatId, key) {
+    const chat = useChat(chatId);
+    return useObservableState(chat, key);
+}
+export function useCurrentChatState(key) {
+    const chat = useCurrentChat();
+    return useObservableState(chat, key);
+}
+export function useChatMessages(chatId) {
+    const chat = useChat(chatId);
+    const [entries, setEntries] = useState(chat.getMessages());
+    useEffect(() => {
+        setEntries(chat.getMessages());
+        return chat.onChangeMessages(setEntries);
+    }, [chat]);
+    return entries;
+}
+export function useCurrentChatMessages() {
+    const { active } = useChatTabs();
+    return useChatMessages(active);
+}
+export function useChatEntry(entry) {
+    const immutable = useMemo(() => entry.hasFinished(), []);
+    // the following condition is not a problem for react hooks, it will always be true or always false.
+    if (immutable)
+        return entry.getValue();
+    const [content, setContent] = useState(entry.getValue());
+    useEffect(() => entry.onChange(setContent), []);
+    return content;
+}
+export function useFirstChat(interceptors) {
+    const widget = useWidget();
+    const tabs = widget.chatTabs;
+    if (!tabs.getAll().length)
+        createNewChat(widget, interceptors);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/context/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"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"}

package/dist/features.d.ts

@@ -0,0 +1,13 @@
+export interface MessageInputFeatures {
+    stack?: boolean;
+    workspace?: boolean;
+    knowledgeSource?: boolean;
+    agent?: boolean;
+    quickCommands?: boolean;
+}
+export interface AIWidgetFeatures extends MessageInputFeatures {
+    editor?: boolean;
+    chatHistory?: boolean;
+}
+export declare const defaultFeatures: AIWidgetFeatures;
+//# sourceMappingURL=features.d.ts.map

package/dist/features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../src/features.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,gBAI7B,CAAA"}

package/dist/features.js

@@ -0,0 +1,6 @@
+export const defaultFeatures = {
+    stack: true,
+    workspace: true,
+    knowledgeSource: true,
+};
+//# sourceMappingURL=features.js.map

package/dist/features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.js","sourceRoot":"","sources":["../src/features.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,eAAe,GAAqB;IAC/C,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,IAAI;CACtB,CAAA"}

package/dist/hooks/chat-scroll.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Scrolls the closest chat (upwards in the tree) to its bottom.
+ * @param ref the reference element.
+ * @param deps when the deps changes, the chat is scrolled.
+ */
+export declare function useChatScrollToBottomEffect(ref: React.RefObject<HTMLElement>, deps: any[]): void;
+//# sourceMappingURL=chat-scroll.d.ts.map

package/dist/hooks/chat-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.d.ts","sourceRoot":"","sources":["../../src/hooks/chat-scroll.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAMzF"}

package/dist/hooks/chat-scroll.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+/**
+ * Scrolls the closest chat (upwards in the tree) to its bottom.
+ * @param ref the reference element.
+ * @param deps when the deps changes, the chat is scrolled.
+ */
+export function useChatScrollToBottomEffect(ref, deps) {
+    useEffect(() => {
+        const chat = ref.current?.closest('.chat-content');
+        if (!chat)
+            return;
+        chat.scrollTop = chat.scrollHeight;
+    }, deps);
+}
+//# sourceMappingURL=chat-scroll.js.map

package/dist/hooks/chat-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.js","sourceRoot":"","sources":["../../src/hooks/chat-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,GAAiC,EAAE,IAAW;IACxF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;QAClD,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAA;IACpC,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { AIWidgetProvider } from './context/AIWidgetProvider.js';
+export * from './context/hooks.js';
+export { StackspotAIWidget } from './StackspotAIWidget.js';
+export { ChatEntry } from './state/ChatEntry.js';
+export { ChatState } from './state/ChatState.js';
+export { ChatTabsController } from './state/ChatTabsController.js';
+export { ObservableState } from './state/ObservableState.js';
+export { WidgetState } from './state/WidgetState.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -0,0 +1,9 @@
+export { AIWidgetProvider } from './context/AIWidgetProvider.js';
+export * from './context/hooks.js';
+export { StackspotAIWidget } from './StackspotAIWidget.js';
+export { ChatEntry } from './state/ChatEntry.js';
+export { ChatState } from './state/ChatState.js';
+export { ChatTabsController } from './state/ChatTabsController.js';
+export { ObservableState } from './state/ObservableState.js';
+export { WidgetState } from './state/WidgetState.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/layout.css

@@ -0,0 +1,119 @@
+@font-face {
+  font-family: "San Francisco";
+  font-weight: 400;
+  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
+}
+
+/* Scroll bars */
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar {
+  width: 0.25rem;
+  height: 0.5rem;
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--light-600);
+}
+
+::-webkit-scrollbar-corner {
+  background-color: transparent; 
+}
+
+/* Classes */
+
+.ai-chat-widget {
+  border: 1px solid var(--light-600);
+  background-color: var(--light-400);
+  border-radius: 4px;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+
+  &.minimized {
+    .chat-container {
+      padding: 10px;
+      width: calc(100% - 20px);
+    }
+    .minimized-header {
+      padding: 0 10px;
+      width: calc(100% - 20px);
+    }
+    .home-page {
+      .title {
+        margin-top: 40px;
+        font-size: 18px;
+      }
+      .subtitle {
+        font-size: 14px;
+      }
+      .title, .subtitle {
+        display: block;
+        text-align: center;
+        margin-left: 20px;
+        margin-right: 20px;
+      }
+      .shortcuts {
+        display: none;
+      }
+    }
+    .message-input .action-box{
+      .feature-buttons, .expand {
+        display: none;
+      }
+    }
+  }
+}
+
+.chat-window {
+  transition: width 0.3s;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+
+  &.narrow {
+    width: 50%;
+  }
+}
+
+.chat-container {
+  padding: 20px;
+  max-width: 1200px;
+  width: calc(100% - 40px);
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.chat-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  flex-basis: 0;
+  overflow: auto;
+}
+
+.chat-right-panel {
+  position: absolute;
+  width: 50%;
+  left: 100%;
+  top: 0;
+  bottom: 0;
+  transition: left 0.3s ease-in-out;
+  background-color: var(--light-300);
+  border-radius: 4px;
+  border-left: 2px solid var(--light-600);
+  display: flex;
+  flex-direction: column;
+
+  &.visible {
+    left: 50%;
+  }
+}

package/dist/right-panel/DefaultPanel.d.ts

@@ -0,0 +1,9 @@
+import { WithChildren } from '../types.js';
+interface Props extends WithChildren {
+    title: string;
+    description: string;
+    onClose: () => void;
+}
+export declare const DefaultPanel: ({ description, onClose, title, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DefaultPanel.d.ts.map

package/dist/right-panel/DefaultPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPanel.d.ts","sourceRoot":"","sources":["../../src/right-panel/DefaultPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,UAAU,KAAM,SAAQ,YAAY;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA8BD,eAAO,MAAM,YAAY,8CAA+C,KAAK,4CAgB5E,CAAA"}

package/dist/right-panel/DefaultPanel.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@citric/core';
+import { Times } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { styled } from 'styled-components';
+const PanelBox = styled.div `
+  padding: 25px;
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+  flex: 1;
+  overflow: hidden;
+
+  header {
+    display: flex;
+    flex-direction: row;
+
+    .title {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      flex: 1;
+    }
+  }
+
+  article {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+  }
+`;
+export const DefaultPanel = ({ description, onClose, title, children }) => {
+    const t = useTranslate(dictionary);
+    return (_jsxs(PanelBox, { children: [_jsxs("header", { children: [_jsxs("div", { className: "title", children: [_jsx(Text, { appearance: "h5", children: title }), _jsx(Text, { colorScheme: "light.700", children: description })] }), _jsx(IconButton, { title: t.close, "aria-label": t.close, onClick: onClose, children: _jsx(Times, {}) })] }), _jsx("article", { children: children })] }));
+};
+const dictionary = {
+    en: {
+        close: 'Close',
+    },
+    pt: {
+        close: 'Fechar',
+    },
+};
+//# sourceMappingURL=DefaultPanel.js.map