@stack-spot/ai-chat-widget 1.0.0-dev.1768423745486 → 1.0.0-dev.1768481996541

package/dist/components/QuickStartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStartButton.d.ts","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,KAAK,KAAK,GAAG,YAAY,GAAG,SAAS,CAAA;AAErC,eAAO,MAAM,gBAAgB,sDAAuD,KAAK,4CAWxF,CAAA"}

package/dist/components/QuickStartButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Button, Text } from '@stack-spot/citric-react';
+export const QuickStartButton = ({ label, onClick, className, group, icon, style }) => {
+    const content = _jsxs(_Fragment, { children: [icon && _jsx(Icon, { group: group, icon: icon, "aria-hidden": true }), _jsx(Text, { nowrapEllipsis: true, children: label })] });
+    return (_jsx(Button, { colorScheme: "light", size: "md", className: className, style: style, onClick: onClick, children: content }));
+};
+//# sourceMappingURL=QuickStartButton.js.map

package/dist/components/QuickStartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStartButton.js","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAMvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAS,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,8BACb,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,wBAAgB,EACvD,KAAC,IAAI,IAAC,cAAc,kBAAE,KAAK,GAAQ,IAClC,CAAA;IAEH,OAAO,CACL,KAAC,MAAM,IAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACvF,OAAO,GACD,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/RightPanelContentList.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: ReactElement;
+}
+/**
+ * List content for the right panel.
+ */
+export declare const RightPanelContentList: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RightPanelContentList.d.ts.map

package/dist/components/RightPanelContentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelContentList.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelContentList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGpC,UAAU,KAAK;IACb,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,iBAAkB,KAAK,4CAIxD,CAAA"}

package/dist/components/RightPanelContentList.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RightPanelForm } from './RightPanelForm.js';
+/**
+ * List content for the right panel.
+ */
+export const RightPanelContentList = ({ children }) => (_jsx(RightPanelForm, { children: children }));
+//# sourceMappingURL=RightPanelContentList.js.map

package/dist/components/RightPanelContentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelContentList.js","sourceRoot":"","sources":["../../src/components/RightPanelContentList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMjD;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CAC5D,KAAC,cAAc,cACZ,QAAQ,GACM,CAClB,CAAA"}

package/dist/components/RightPanelForm.d.ts

@@ -0,0 +1,8 @@
+import { PropsOf } from '../types.js';
+declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+/**
+ * A form that goes into a right panel. This controls style, errors, loading focus and form submission.
+ */
+export declare const RightPanelForm: ({ children, onSubmit, ...props }: PropsOf<typeof Form>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RightPanelForm.d.ts.map

package/dist/components/RightPanelForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelForm.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,QAAA,MAAM,IAAI,8OAsET,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,qCAAsC,OAAO,CAAC,OAAO,IAAI,CAAC,4CAcpF,CAAA"}

package/dist/components/RightPanelForm.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FallbackBoundary } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+import { panelAnimationTime } from '../right-panel/constants.js';
+import { AutoFocus } from './AutoFocus.js';
+const Form = styled.form `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+  flex: 1;
+  gap: 20px;
+
+  > .content, .content-navigator > .content, .content-navigator:not(.full) {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+    overflow: hidden;
+    width: 100%;
+  }
+
+  .content-navigator {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    ul {
+      list-style: none;
+    }
+  }
+  
+  .content-navigator.full  {
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 25px;
+    gap: 16px;
+    width: calc(100% - 50px);
+    height: calc(100% - 100px);
+    background: ${theme.color.light[300]};
+    
+    ~ .workspace-submit {
+      position: absolute;
+      left: 25px;
+      bottom: 25px;
+    }
+  }
+
+  > button {
+    margin-right: auto;
+  }
+  
+  .option-list {
+    overflow: auto;
+    > .row {
+      gap: 6px;
+      align-items: start;
+    }
+    [data-citric="accordion"] {
+      background-color: ${theme.color.light[400]};
+      flex: 1;
+      > header {
+        min-height: 24px;
+        padding: 8px 10px;
+        align-items: center;
+        p {
+          flex: 1;
+        }
+      }
+    }
+  }
+
+  .filtered-out {
+    opacity: 0.5;
+  }
+`;
+/**
+ * A form that goes into a right panel. This controls style, errors, loading focus and form submission.
+ */
+export const RightPanelForm = ({ children, onSubmit, ...props }) => (_jsx(FallbackBoundary, { children: _jsx(AutoFocus, { delay: panelAnimationTime, children: _jsx(Form, { ...props, onSubmit: (e) => {
+                e.preventDefault();
+                onSubmit?.(e);
+            }, children: children }) }) }));
+//# sourceMappingURL=RightPanelForm.js.map

package/dist/components/RightPanelForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelForm.js","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkCN,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;0BAoBd,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;CAgB/C,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE,CAAC,CACxF,KAAC,gBAAgB,cACf,KAAC,SAAS,IAAC,KAAK,EAAE,kBAAkB,YAClC,KAAC,IAAI,OACC,KAAK,EACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;YACf,CAAC,YAEA,QAAQ,GACJ,GACG,GACK,CACpB,CAAA"}

package/dist/components/RightPanelTabs.d.ts

@@ -0,0 +1,10 @@
+import { Tab } from '@stack-spot/citric-react';
+interface Props {
+    tabs: Tab[];
+}
+/**
+ * Tabs for the right panel content.
+ */
+export declare const RightPanelTabs: ({ tabs }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RightPanelTabs.d.ts.map

package/dist/components/RightPanelTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelTabs.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAQ,MAAM,0BAA0B,CAAA;AAIpD,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,aAAc,KAAK,4CAG7C,CAAA"}

package/dist/components/RightPanelTabs.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs } from '@stack-spot/citric-react';
+import { useMemo } from 'react';
+import { RightPanelForm } from './RightPanelForm.js';
+/**
+ * Tabs for the right panel content.
+ */
+export const RightPanelTabs = ({ tabs }) => {
+    const tabItems = useMemo(() => tabs.map(t => ({ ...t, content: _jsx(RightPanelForm, { children: t.content }) })), [tabs]);
+    return _jsx(Tabs, { tabs: tabItems, equallySized: true });
+};
+//# sourceMappingURL=RightPanelTabs.js.map

package/dist/components/RightPanelTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanelTabs.js","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMjD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,KAAC,cAAc,cAAE,CAAC,CAAC,OAAO,GAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACxH,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,SAAG,CAAA;AAC9C,CAAC,CAAA"}

package/dist/components/Selector/SelectVersion.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+interface Props {
+    value?: number;
+    onChange: Dispatch<SetStateAction<number | undefined>>;
+    options?: number[];
+    lazyLoadOptions?: boolean;
+    useVersions?: (id: string, enabled: boolean) => number[] | undefined;
+    id: string;
+}
+export declare const SelectVersion: ({ useVersions, value, onChange, options: initialOptions, id, lazyLoadOptions }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectVersion.d.ts.map

package/dist/components/Selector/SelectVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectVersion.d.ts","sourceRoot":"","sources":["../../../src/components/Selector/SelectVersion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAc,cAAc,EAAuB,MAAM,OAAO,CAAA;AAIjF,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,EAAE,GAAG,SAAS,CAAC;IACrE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,aAAa,mFAA0F,KAAK,4CA6BxH,CAAA"}

package/dist/components/Selector/SelectVersion.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '@stack-spot/citric-react';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useEffect, useState } from 'react';
+import { isEqual } from 'lodash';
+import { VersionSelector } from './styled.js';
+export const SelectVersion = ({ useVersions, value, onChange, options: initialOptions, id, lazyLoadOptions = false }) => {
+    const t = useTranslate(dictionary);
+    const [options, setOptions] = useState(initialOptions);
+    const [enabled, setEnabled] = useState(!lazyLoadOptions);
+    const versions = useVersions?.(id, enabled);
+    const onClick = (e) => {
+        e?.stopPropagation();
+        if (lazyLoadOptions) {
+            setEnabled(true);
+        }
+    };
+    useEffect(() => {
+        if (lazyLoadOptions && !isEqual(versions, options)) {
+            setOptions(versions);
+        }
+    }, [versions]);
+    return (_jsx(VersionSelector, { children: _jsx(Select, { className: "version-selector", options: options || [], value: value, onChange: onChange, onClick: onClick, renderLabel: (item) => `${t.version} ${item}` }) }));
+};
+const dictionary = {
+    en: {
+        version: 'Version',
+    },
+    pt: {
+        version: 'Versão',
+    },
+};
+//# sourceMappingURL=SelectVersion.js.map

package/dist/components/Selector/SelectVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectVersion.js","sourceRoot":"","sources":["../../../src/components/Selector/SelectVersion.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAwC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAW1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,eAAe,GAAC,KAAK,EAAS,EAAE,EAAE;IAC3H,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IACtD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAA;IACxD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IAE3C,MAAM,OAAO,GAAG,CAAC,CAA+B,EAAE,EAAE;QAClD,CAAC,EAAE,eAAe,EAAE,CAAA;QACpB,IAAI,eAAe,EAAE,CAAC;YACpB,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAC,CAAC;YAClD,UAAU,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,KAAC,eAAe,cACd,KAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,EAClC,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAA,GAAG,CAAC,CAAC,OAAO,IAAI,IAAI,EAAE,GAAI,GAClC,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,OAAO,EAAE,SAAS;KACnB;IACD,EAAE,EAAE;QACF,OAAO,EAAE,QAAQ;KAClB;CACF,CAAA"}

package/dist/components/Selector/index.d.ts

@@ -0,0 +1,56 @@
+import { AgentVisibilityLevel } from '@stack-spot/portal-network';
+import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai';
+import React, { FC } from 'react';
+type SectionVisibility = AgentVisibilityLevel | VisibilityLevelEnum;
+type SelectorShortcut = '/' | '@';
+interface Favorite<T> {
+    /**
+     * A react hook or a simple function that returns the selectable items that have been set as favorite.
+     *
+     * Supports suspended hooks.
+     *
+     * @returns the favorite items in the selector.
+     */
+    useFavorites?: () => T[];
+    onAddFavorite?: (idOrSlug?: string) => Promise<boolean>;
+    onRemoveFavorite?: (idOrSlug?: string) => Promise<boolean>;
+    favoriteIsSlug?: boolean;
+}
+interface PropsUseData<T> {
+    data: T[];
+    fetchNextPage?: () => void;
+    hasNextPage?: boolean;
+}
+interface SelectorConfig<T> {
+    resourceName: string;
+    shortcut: SelectorShortcut;
+    icon: React.ReactElement;
+    regex: RegExp;
+    urlBuilder: (item: T) => string;
+    searchProp: keyof T;
+    isEnabledVersionContent?: boolean;
+    useVersions?: (id: string, enabled: boolean) => number[] | undefined;
+    isEnabled: boolean;
+    sections: SectionVisibility[];
+    renderComponentItem: FC<T>;
+    onSelect: (item: T) => void;
+    /**
+     * A react hook or a simple function that returns the selectable items.
+     *
+     * Supports suspended hooks.
+     *
+     * @returns the data to render in the selector.
+     */
+    useData: (props: {
+        filter?: string;
+        visibility?: SectionVisibility[];
+    }) => PropsUseData<T>;
+}
+interface SelectorProps<T> {
+    selectorConfig: SelectorConfig<T>;
+    inputRef: React.RefObject<HTMLTextAreaElement | HTMLInputElement>;
+    favorite?: Favorite<T>;
+}
+export declare const Selector: <T>({ inputRef, selectorConfig, favorite }: SelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Selector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Selector/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAA;AASpF,KAAK,iBAAiB,GAAI,oBAAoB,GAAG,mBAAmB,CAAA;AACpE,KAAK,gBAAgB,GAAG,GAAG,GAAG,GAAG,CAAA;AAUjC,UAAU,QAAQ,CAAC,CAAC;IAClB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAsBD,UAAU,YAAY,CAAC,CAAC;IACtB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,EAAE,GAAG,SAAS,CAAC;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,mBAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B;;;;;;OAMG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;KAAC,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC;CAC1F;AAED,UAAU,aAAa,CAAC,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACxB;AAqHD,eAAO,MAAM,QAAQ,GAAI,CAAC,0CAA4C,aAAa,CAAC,CAAC,CAAC,4CA+ErF,CAAA"}

package/dist/components/Selector/index.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FallbackBoundary, IconLink, Text } from '@stack-spot/citric-react';
+import { useKeyboardControls } from '@stack-spot/portal-components';
+import { InfiniteScroll } from '@stack-spot/portal-components/InfiniteScroll';
+import { interpolate, useTranslate } from '@stack-spot/portal-translate';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { debounce } from 'lodash';
+import { useCurrentChatState, useWidgetState } from '../../context/hooks.js';
+import { getUrlToStackSpotAI } from '../../utils/url.js';
+import { ButtonFavorite } from '../ButtonFavorite.js';
+import { Fading } from '../Fading.js';
+import { SelectVersion } from './SelectVersion.js';
+import { SelectorBox } from './styled.js';
+const ListItem = ({ item, selectorConfig, onSelect, favorite }) => {
+    const t = useTranslate(dictionary);
+    const { urlBuilder, renderComponentItem, useVersions, isEnabledVersionContent } = selectorConfig;
+    const linkTitle = interpolate(t.open, item.slug);
+    const listFavorites = favorite?.useFavorites?.();
+    const [selectedVersion, setSelectedVersion] = useState(item.version_number);
+    return (_jsxs("li", { children: [_jsx("button", { className: "selector", onClick: () => onSelect(item), onKeyDown: (e) => e.key === 'Enter' && e.preventDefault(), onFocus: (e) => e.target.closest('li')?.classList.add('focus'), onBlur: (e) => e.target.closest('li')?.classList.remove('focus'), children: renderComponentItem(item) }), isEnabledVersionContent &&
+                _jsx(SelectVersion, { options: item.version_number ? [item.version_number] : [], id: item.id, value: selectedVersion, onChange: setSelectedVersion, lazyLoadOptions: true, useVersions: useVersions }), _jsx(IconLink, { icon: "ExternalLink", title: linkTitle, "aria-label": linkTitle, href: `${getUrlToStackSpotAI()}${urlBuilder(item)}`, target: "_blank" }), _jsx(ButtonFavorite, { appearance: "text", favorite: { ...favorite, idOrSlug: favorite?.favoriteIsSlug ? item.slug : item?.id, listFavorites } })] }));
+};
+const List = ({ selectorConfig, filter, visibility, onSelect, favorite }) => {
+    const t = useTranslate(dictionary);
+    const { data: items, fetchNextPage, hasNextPage } = selectorConfig.useData({ filter, visibility: visibility ? [visibility] : undefined });
+    if (!items.length && !filter)
+        return _jsx(Text, { className: "empty", color: "light.700", children: interpolate(t.noData, selectorConfig.resourceName) });
+    if (!items?.length)
+        return _jsx(Text, { className: "empty", color: "light.700", children: interpolate(t.noResults, selectorConfig.resourceName) });
+    return (_jsx("ul", { className: "selector-list", id: "selector-list", children: _jsx(InfiniteScroll, { scrollableTarget: "selector-list", dataLength: items?.length ?? 0, next: fetchNextPage ?? undefined, hasMore: hasNextPage ?? false, children: items?.map((item, i) => (_jsx(ListItem, { item: item, selectorConfig: selectorConfig, onSelect: onSelect, favorite: favorite }, `${item.id}${item.visibility_level}${i}`))) }) }));
+};
+const SelectorContent = ({ filter, onClose, selectorConfig, favorite }) => {
+    const t = useTranslate(dictionary);
+    const ref = useRef(null);
+    const [visibility, setVisibility] = useState();
+    const isGroupResourcesByScope = useWidgetState('features')?.groupResourcesByScope;
+    const { resourceName, icon, onSelect, sections } = selectorConfig;
+    const onSelectItem = useCallback((slug) => {
+        onSelect(slug);
+        onClose();
+    }, []);
+    useKeyboardControls({
+        querySelectors: '.tabs button, button.selector',
+        disableTabBehavior: true,
+        onPressEscape: onClose,
+        onPressArrowLeft: () => ref.current?.querySelector('.tabs button.active')?.focus(),
+        onPressArrowRight: () => ref.current?.querySelector('button.selector')?.focus(),
+        ref,
+    }, []);
+    function createSectionItem(action) {
+        return (_jsx("li", { children: _jsx("button", { className: visibility === action ? 'active' : '', onFocus: () => setVisibility(action), children: t[action?.toLowerCase() ?? 'all'] }) }, action ?? 'all'));
+    }
+    return (_jsxs("div", { ref: ref, children: [_jsxs("header", { children: [icon, _jsx(Text, { tag: "h3", children: resourceName })] }), _jsxs("div", { className: "body", children: [isGroupResourcesByScope && (_jsxs("ul", { className: "tabs", children: [createSectionItem(), sections.map(createSectionItem)] })), _jsx(FallbackBoundary, { message: interpolate(t.error, selectorConfig.resourceName), children: _jsx(List, { filter: filter, visibility: visibility, selectorConfig: selectorConfig, onSelect: onSelectItem, favorite: favorite }) })] })] }));
+};
+export const Selector = ({ inputRef, selectorConfig, favorite }) => {
+    const { shortcut, regex, isEnabled } = selectorConfig;
+    const [isClosed, setClosed] = useState(false);
+    const selectorRef = useRef(null);
+    const [debouncedFilter, setDebouncedFilter] = useState(undefined);
+    const value = useCurrentChatState('nextMessage') ?? '';
+    const filter = useMemo(() => value === shortcut || regex.test(value) ? value.substring(1) : undefined, [value]);
+    const shouldRender = isEnabled && filter !== undefined && !isClosed;
+    const debouncedSetFilter = useCallback(debounce((filterValue) => {
+        setDebouncedFilter(filterValue);
+    }, 300), []);
+    useEffect(() => {
+        debouncedSetFilter(filter);
+        return () => {
+            debouncedSetFilter.cancel();
+        };
+    }, [filter, debouncedSetFilter]);
+    // Resets the closed state whenever the message input is cleared
+    useEffect(() => {
+        if (!value)
+            setClosed(false);
+    }, [value]);
+    // Creates the following behavior while the user types in the message input:
+    // auto-complete on tab; move focus to the resource panel on press up or down; and close the resource panel on esc.
+    useEffect(() => {
+        function getFirst() {
+            return selectorRef.current?.querySelector('.selector');
+        }
+        function onKeyDown(event) {
+            const key = event.key;
+            if (!selectorRef.current)
+                return;
+            if (key === 'Tab') {
+                getFirst()?.click();
+                event.preventDefault();
+            }
+            else if (key === 'ArrowDown' || key === 'ArrowUp') {
+                getFirst()?.focus();
+                event.preventDefault();
+            }
+            if (key === 'Escape') {
+                setClosed(true);
+            }
+        }
+        inputRef.current?.addEventListener('keydown', onKeyDown);
+        return () => inputRef.current?.removeEventListener('keydown', onKeyDown);
+    }, []);
+    // Closes the panel when the user clicks outside the panel or the message input.
+    useEffect(() => {
+        if (!shouldRender)
+            return;
+        function onClickOut(e) {
+            const target = e.target;
+            if (!selectorRef.current?.contains(target) && !inputRef.current?.contains(target))
+                setClosed(true);
+        }
+        document.addEventListener('click', onClickOut);
+        return () => document.removeEventListener('click', onClickOut);
+    }, [shouldRender]);
+    return (_jsx(SelectorBox, { "$tabsCount": selectorConfig.sections.length, children: _jsx(Fading, { visible: shouldRender, ref: selectorRef, className: "box-selector", children: _jsx(SelectorContent, { favorite: favorite, selectorConfig: selectorConfig, filter: debouncedFilter, onClose: () => setClosed(true), inputRef: inputRef }) }) }));
+};
+const dictionary = {
+    en: {
+        all: 'All',
+        personal: 'Personal',
+        account: 'Account',
+        shared: 'Shared',
+        'built_in': 'Built-in',
+        'recently_used': 'Recent',
+        workspace: 'Spot',
+        error: 'Could not load the $0s.',
+        noData: 'You don\'t have any $0 yet.',
+        noResults: 'There are no $0s to show here.',
+        open: 'Open this $0 settings in a new tab.',
+        favorite: 'Favorites',
+    },
+    pt: {
+        all: 'Todos',
+        personal: 'Pessoal',
+        account: 'Conta',
+        shared: 'Compartilhado',
+        workspace: 'Spot',
+        'built_in': 'Embutido',
+        'recently_used': 'Recente',
+        error: 'Não foi possível carregar os $0s.',
+        noData: 'Você ainda não possui $0s.',
+        noResults: 'Não $0s para mostrar aqui.',
+        open: 'Abra as configurações deste $0 em uma nova aba.',
+        favorite: 'Favoritos',
+    },
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+export declare const SelectorBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $tabsCount: number;
+}>> & string;
+export declare const VersionSelector: 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 VersionSelectorBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/Selector/styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;gBAA4B,MAAM;YAyJzD,CAAA;AAED,eAAO,MAAM,eAAe,wOA6B3B,CAAA;AAED,eAAO,MAAM,kBAAkB,wOAc9B,CAAA"}