@stack-spot/ai-chat-widget 1.0.0-dev.1768590034766 → 1.0.0-dev.1768917540372

package/src/views/ChatHistory/utils.ts

@@ -1,5 +1,5 @@
 import { agentToolsClient, aiClient, AnswerChatStep, ChatAgentTool, ChatStep, PlanningChatStep, workspaceClient } from '@stack-spot/portal-network'
-import { AgentCoreWithSingleVersionResponse } from '@stack-spot/portal-network/api/agent-tools'
+import { AgentModel } from '@stack-spot/portal-network/api/agent-tools'
 import { last } from 'lodash'
 import { ChatEntry } from '../../state/ChatEntry'
 import { ChatProperties, ChatState } from '../../state/ChatState'
@@ -56,11 +56,11 @@ function toJSONString(data: any) {
   return `${data}`
 }
 
-function findTool(agent: AgentCoreWithSingleVersionResponse | undefined, id: string) {
+function findTool(agent: AgentModel | undefined, id: string) {
   const allToolkits = [
-    ...agent?.version?.toolkits?.builtin_toolkits ?? [],
-    ...agent?.version?.toolkits?.custom_toolkits ?? [],
-    ...agent?.version?.toolkits?.mcp_toolkits ?? [],
+    ...agent?.toolkits?.builtin_toolkits ?? [],
+    ...agent?.toolkits?.custom_toolkits ?? [],
+    ...agent?.toolkits?.mcp_toolkits ?? [],
   ]
   for (const toolkit of allToolkits) {
     for (const tool of toolkit.tools ?? []) {
@@ -75,10 +75,9 @@ async function stepsFromAgentInfo(
 ): Promise<ChatStep[] | undefined> {
   const planningInfo = agentInfo?.find(i => i.type === 'planning' && !!i.data)
   if (planningInfo) {
-    let agent: AgentCoreWithSingleVersionResponse | undefined
+    let agent: AgentModel | undefined
     try {
-      //TODO: avaliar se vamos precisar da versao aqui
-      agent = agentId ? await agentToolsClient.agentV2.query({ agentCoreId: agentId }) : undefined
+      agent = agentId ? await agentToolsClient.agent.query({ agentId }) : undefined
     } catch { /* empty */ }
     const planning: PlanningChatStep = {
       type: 'planning',
@@ -106,7 +105,7 @@ async function stepsFromAgentInfo(
             return {
               id: t.tool_id,
               executionId: t.tool_execution_id,
-              name: ('name' in tool ? tool.name : ('function' in tool ? tool?.function?.name : undefined) ?? ''),
+              name: tool?.name,
               description: 'description' in tool ? tool.description : undefined,
               image: toolkit ? (('image_url' in toolkit ? toolkit?.image_url : toolkit?.avatar) ?? undefined) : undefined,
               goal: t.goal,
@@ -140,18 +139,11 @@ function toolsFromAgentInfo(agentInfo: any[] | null | undefined): string[] {
  */
 export async function loadChat(widget: WidgetState, conversationId: string) {
   const chat = await aiClient.chat.query({ conversationId })
-  const historyAgents = chat.history?.reduce<{ agent_core_id: string }[]>((accumulator, item) => {
-    const agentId = item.custom_agent?.id
-    if (agentId !== undefined) {
-      accumulator.push({ agent_core_id: agentId })
-    }
-    return accumulator
-  }, []) ?? []
-
+  const historyAgentIds = chat.history?.map(item => item.custom_agent?.id).filter(Boolean) as string[] ?? []
   const [stack, workspace, agents] = await Promise.all([
     findStack(chat.ai_stack_id),
     findWorkspace(chat.workspace_id),
-    agentToolsClient.agentsByIdsV2.query({ searchAgentsRequestV2: { agents: historyAgents } }),
+    agentToolsClient.agentsByIds.query({ searchAgentsRequest: { ids: historyAgentIds } }),
   ])
   const agentsAsLabeledAgents: LabeledAgent[] = agents
     .map((a) => ({ ...a, label: a.name, image: a.avatar ?? '', builtIn: a.visibility_level === 'built_in' }))

package/src/views/Home/CustomAgent.tsx

@@ -11,16 +11,16 @@ import { HomeBox } from './styled'
  * This is the home rendered when the agent is custom.
  */
 export const CustomAgent = () => {
-  const { id, label, image, agent_version_number } = useCurrentChatState('agent') ?? {}
-  const [agent] = agentToolsClient.agentV2.useStatefulQuery({ agentCoreId: id!, versionNumber: agent_version_number })
+  const { id, label, image } = useCurrentChatState('agent') ?? {}
+  const [agent] = agentToolsClient.agent.useStatefulQuery({ agentId: id! })
   const chat = useCurrentChat()
-  const suggestions = useMemo(() => agent?.version?.conversation_starter?.map((prompt, index) => (
+  const suggestions = useMemo(() => agent?.conversation_starter?.map((prompt, index) => (
     <QuickStartButton
       key={index}
       label={prompt}
       onClick={() => send(prompt)}
     />
-  )), [agent?.version?.conversation_starter])
+  )), [agent?.conversation_starter])
 
   function send(message: string) {
     chat.pushMessage(ChatEntry.createUserEntry(message))

package/src/views/MessageInput/AgentSelector.tsx

@@ -5,16 +5,16 @@ import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/agent-tools'
 import { useCallback } from 'react'
 import { Selector } from '../../components/Selector'
 import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
-import { useIsFeatureFlagEnabled } from '../../hooks/enabled-feature-flags'
 import { agentRegex } from '../../regex'
 import { useAgentFavorites } from '../Agents/useAgentFavorites'
 
-const AgentItem = ({ avatar, name, spaceName }: AgentResponseWithBuiltIn) => {
+type AgentWithSpaceName = AgentResponseWithBuiltIn
+
+const AgentItem = ({ avatar, name, spaceName }: AgentWithSpaceName) => {
   const avatarComponent = avatar
     ? <img style={{ width: '32px', height: '32px', borderRadius: '50%' }} src={avatar} />
     : <IconBox size="md" icon="Agent" style={{ backgroundColor: 'transparent' }} />
 
-
   return <Row gap="8px" style={{ flexWrap: 'nowrap' }}>
     {avatarComponent}
     <div>
@@ -31,11 +31,10 @@ export const AgentSelector = ({ inputRef, isTrial }: {
   const chat = useCurrentChat()
   const isAgentEnabled = useCurrentChatState('features').agent
   const spotId = useWidgetState('features')?.workspaceId
-  const featureFlag = useIsFeatureFlagEnabled('ENABLE_VERSION_CONTENT_AI')
 
   const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites()
 
-  const onSelectItem = useCallback(async (agent: AgentResponseWithBuiltIn, selectedVersion?: number) => {
+  const onSelectItem = useCallback(async (agent: AgentResponseWithBuiltIn) => {
     const newValue = `@${agent.slug}`
     chat.set('nextMessage', undefined)
     chat.set(
@@ -43,11 +42,10 @@ export const AgentSelector = ({ inputRef, isTrial }: {
       {
         id: agent.id,
         label: agent.name,
-        image: agent.avatar,
+        image: agent.avatar, 
         slug: agent.slug, 
         builtIn: agent.builtIn,
         visibility_level: agent.visibility_level,
-        agent_version_number: selectedVersion || agent.version_number,
       },
     )
 
@@ -72,12 +70,6 @@ export const AgentSelector = ({ inputRef, isTrial }: {
     }) }
   }
 
-  const getAgentVersions = (id: string, enabled: boolean) => {
-    const [listVersions] = agentToolsClient.listAgentVersions.useStatefulQuery({ agentCoreId: id }, { enabled })
-    const optionsVersions = listVersions?.map((version) => version.version_number)
-    return optionsVersions
-  }
-
   return <Selector
     inputRef={inputRef}
     favorite={{ useFavorites, onAddFavorite, onRemoveFavorite }}
@@ -93,10 +85,8 @@ export const AgentSelector = ({ inputRef, isTrial }: {
         ['favorite', 'personal', 'workspace', 'account', 'shared', 'built_in', 'recently_used'],
       renderComponentItem: AgentItem,
       isEnabled: isAgentEnabled,
-      isEnabledVersionContent: featureFlag.flagEnabled,
       onSelect: onSelectItem,
       useData: getAgents,
-      useVersions: getAgentVersions,
     }}
   />
 }

package/src/views/MessageInput/ContextBar.tsx

@@ -21,7 +21,7 @@ const ContextBadge = ({ label, color, dismiss, onDismiss }: ContextBadgeProps) =
       appearance="none"
       onClick={onDismiss}
       title={dismiss}
-      aria-label={dismiss}
+      arial-label={dismiss}
       style={{ padding: '2px 0 2px 2px', color: 'inherit' }}
     />}
   </Badge>

package/src/views/MessageInput/ModelSwitcher/index.tsx

@@ -15,9 +15,8 @@ export const ModelSwitcher = () => {
   const chat = useCurrentChat()
   const [filter, setFilter] = useState('')
   const [visibleMenu, setVisibleMenu] = useState(false)
-  const [agentData, isLoadingAgentData] = agentToolsClient.agentV2.useStatefulQuery({ 
-    agentCoreId: agentCurrentChat?.id || '', versionNumber: agentCurrentChat?.agent_version_number }, 
-  { enabled: !!agentCurrentChat?.id })
+  const [agentData, isLoadingAgentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agentCurrentChat?.id || '' }, 
+    { enabled: !!agentCurrentChat?.id })
   const [models, isLoadingModels] = 
     genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999, active: true })
 

package/src/views/MessageInput/ModelSwitcher/utils.tsx

@@ -1,6 +1,6 @@
 import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons'
 import { IconBox } from '@stack-spot/citric-react'
-import { AgentCoreWithSingleVersionResponse } from '@stack-spot/portal-network/api/agent-tools'
+import { AgentModel } from '@stack-spot/portal-network/api/agent-tools'
 import { LlmModelsResponse, PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference'
 import { theme } from '@stack-spot/portal-theme'
 import { Dispatch, ReactElement } from 'react'
@@ -27,20 +27,19 @@ export const providerIcon: Record<string, CitricIconSocial | CitricIconOutline>
 export function getListModelsData(
   chat: ChatState, 
   setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  agent?: AgentCoreWithSingleVersionResponse,
+  agent?: AgentModel,
   models?: PaginatedResponseLlmModelsResponse) {
 
   const chatSelectedModelId = chat.get('selected_model_id')
   
-  const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.version?.model_id ? 
-    models?.items.filter((model) => agent?.version?.available_llm_models?.find((modelAvailable) => modelAvailable.model_id === model.id)) : 
+  const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.model_id ? 
+    models?.items.filter((model) => agent?.available_llm_models?.find((modelAvailable) => modelAvailable.model_id === model.id)) : 
     models?.items
 
-  const modelAvailableDefault = agent?.version?.available_llm_models?.find((model) => 
-    (model.is_default || model.model_id === agent.version?.model_id))
+  const modelAvailableDefault = agent?.available_llm_models?.find((model) => (model.is_default || model.model_id === agent.model_id))
   const modelListData = parseModelList(chat, setVisibleMenu, listModelsToShow, modelAvailableDefault?.model_id)
   
-  if (agent?.visibility_level === 'built_in' || !agent?.version?.model_id) {
+  if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
     
     const modelDefaultProviderType = models?.items.find((modelAccount) => 
       chatSelectedModelId ? modelAccount.id === chatSelectedModelId : 
@@ -51,9 +50,9 @@ export function getListModelsData(
     return { modelName: modelDefaultActive?.label, modelProviderType: modelDefaultProviderType, listItemsData: modelListData }
   }
 
-  const modelAccount = models?.items.find((modelAccount) => modelAccount.id === (chatSelectedModelId || agent.version?.model_id))
+  const modelAccount = models?.items.find((modelAccount) => modelAccount.id === (chatSelectedModelId || agent.model_id))
   const modelProviderType = modelAccount?.model_configuration.provider.provider_type
-  const modelSelectedName = modelAccount?.display_name || modelAvailableDefault?.model_name || agent?.version?.model_name
+  const modelSelectedName = modelAccount?.display_name || modelAvailableDefault?.model_name || agent?.model_name
 
   const listItemsData = 
     modelListData && modelListData?.length > 0 ? modelListData : 

package/src/views/Resources.tsx

@@ -46,19 +46,15 @@ const ResourcesPanel = () => {
     const chat = widget.chatTabs.getAll().find(c => c.id === chatId)
     return chat?.getMessages().find(m => m.id === messageId)?.getValue()
   }, [messageId])
-  
-  const [agent] = agentToolsClient.agentV2.useStatefulQuery({ 
-    agentCoreId: message?.agent?.id || '', versionNumber: message?.agent?.agent_version_number },
-  { enabled: !!message?.agent?.id })
+  const [agent] = agentToolsClient.agent.useStatefulQuery({ agentId: message?.agent?.id || '' },
+    { enabled: !!message?.agent?.id })
   const toolkits = useMemo(() => [
-    ...agent?.version?.toolkits?.builtin_toolkits ?? [],
-    ...agent?.version?.toolkits?.custom_toolkits ?? [],
-    ...agent?.version?.toolkits?.mcp_toolkits ?? [],
+    ...agent?.toolkits?.builtin_toolkits ?? [],
+    ...agent?.toolkits?.custom_toolkits ?? [],
+    ...agent?.toolkits?.mcp_toolkits ?? [],
   ], [agent])
   const tools = useMemo(() => message?.tools?.map(id => toolById(id, toolkits)), [messageId, toolkits])
-  const agentsSearch = message?.tools?.map((id) => ({ agent_core_id: id })) ?? []
-  const [agentsTools] = agentToolsClient.agentsByIdsV2.useStatefulQuery(
-    { searchAgentsRequestV2: { agents:  agentsSearch } })
+  const [agentsTools] = agentToolsClient.agentsByIds.useStatefulQuery({ searchAgentsRequest:{ ids: message?.tools || [] } })
   const hasAgentTool = useMemo(() => message?.tools?.some(id => agentsTools?.find((agent) => agent.id === id)), [messageId])
 
   const header = (image?: string, label?: string) => (

package/src/views/Tools.tsx

@@ -42,12 +42,11 @@ const ToolsPanel = () => {
   }, [messageId])
 
   const [toolKits] = agentToolsClient.tools.useStatefulQuery({}, { enabled: !!message?.agent?.id })
-  const [agent] = agentToolsClient.agentV2.useStatefulQuery({ agentCoreId: message?.agent?.id || '', 
-    versionNumber: message?.agent?.agent_version_number },
-  { enabled: !!message?.agent?.id })
+  const [agent] = agentToolsClient.agent.useStatefulQuery({ agentId: message?.agent?.id || '' },
+    { enabled: !!message?.agent?.id })
   const tools = useMemo(() => message?.tools?.map(id => toolById(id, toolKits)), [messageId, toolKits])
-  const customTools = useMemo(() => message?.tools?.map(id => toolById(id, agent?.version?.toolkits?.custom_toolkits)),
-    [messageId, agent?.version?.toolkits?.custom_toolkits])
+  const customTools = useMemo(() => message?.tools?.map(id => toolById(id, agent?.toolkits?.custom_toolkits)),
+    [messageId, agent?.toolkits?.custom_toolkits])
   return !!(tools?.length || customTools?.length) && (
     <ToolList>
       {[...(tools || []), ...(customTools || [])].map(

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/hooks/enabled-feature-flags.d.ts

@@ -1,5 +0,0 @@
-export declare const useIsFeatureFlagEnabled: (flagSlug: string, resourceType?: string, resourceSlug?: string) => {
-    flagEnabled: boolean;
-    isLoading: boolean;
-};
-//# sourceMappingURL=enabled-feature-flags.d.ts.map

package/dist/hooks/enabled-feature-flags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enabled-feature-flags.d.ts","sourceRoot":"","sources":["../../src/hooks/enabled-feature-flags.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,uBAAuB,aACxB,MAAM,iBACD,MAAM,iBACN,MAAM;;;CAiBtB,CAAA"}

package/dist/hooks/enabled-feature-flags.js

@@ -1,28 +0,0 @@
-import { accountClient } from '@stack-spot/portal-network';
-const useEnabledFeatureFlags = (resourceType, resourceSlug) => {
-    const queryParams = resourceType && resourceSlug ? { [resourceType]: resourceSlug } : {};
-    const [featureFlags, , error, { isLoading }] = accountClient.getEnabledFeatureFlagsForAccount.useStatefulQuery({
-        queryParams,
-    });
-    return { featureFlags, isLoading, error };
-};
-export const useIsFeatureFlagEnabled = (flagSlug, resourceType, resourceSlug) => {
-    const { featureFlags, isLoading } = useEnabledFeatureFlags(resourceType, resourceSlug);
-    if (resourceType && resourceSlug) {
-        const featureFlag = featureFlags?.find((flag) => flag.slug === flagSlug);
-        const resourcesByType = featureFlag?.resources?.[resourceType];
-        if (!!featureFlag && !!resourcesByType) {
-            if (resourcesByType.mode === 'ALL') {
-                return { flagEnabled: true, isLoading };
-            }
-            else {
-                return { flagEnabled: !!featureFlag.resources?.[resourceType].slugs.some((slug) => slug === resourceSlug), isLoading };
-            }
-        }
-        return { flagEnabled: false, isLoading };
-    }
-    else {
-        return { flagEnabled: !!featureFlags?.some((flag) => flag.slug === flagSlug), isLoading };
-    }
-};
-//# sourceMappingURL=enabled-feature-flags.js.map

package/dist/hooks/enabled-feature-flags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enabled-feature-flags.js","sourceRoot":"","sources":["../../src/hooks/enabled-feature-flags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,MAAM,sBAAsB,GAAG,CAAC,YAAqB,EAAE,YAAqB,EAAE,EAAE;IAC9E,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxF,MAAM,CAAC,YAAY,EAAE,AAAD,EAAG,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,aAAa,CAAC,gCAAgC,CAAC,gBAAgB,CAAC;QAC7G,WAAW;KACZ,CAAC,CAAA;IACF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,YAAqB,EACrB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;IACtF,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;QACjC,MAAM,WAAW,GAAG,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAA;QACxE,MAAM,eAAe,GAAG,WAAW,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,CAAA;QAC9D,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;YACvC,IAAI,eAAe,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBACnC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;YACzC,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,SAAS,EAAE,CAAA;YACxH,CAAC;QACH,CAAC;QACD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IAC1C,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;IAC3F,CAAC;AACH,CAAC,CAAA"}

package/src/components/Selector/SelectVersion.tsx

@@ -1,55 +0,0 @@
-
-import { Select } from '@stack-spot/citric-react'
-import { useTranslate } from '@stack-spot/portal-translate'
-import { Dispatch, MouseEvent, SetStateAction, useEffect, useState } from 'react'
-import { isEqual } from 'lodash'
-import { VersionSelector } from './styled'
-
-interface Props {
-  value?: number,
-  onChange: Dispatch<SetStateAction<number | undefined>>,
-  options?: number[],
-  lazyLoadOptions?: boolean,
-  useVersions?: (id: string, enabled: boolean) => number[] | undefined,
-  id: string,
-}
-
-export const SelectVersion = ({ useVersions, value, onChange, options: initialOptions, id, lazyLoadOptions=false }: Props) => {
-  const t = useTranslate(dictionary)
-  const [options, setOptions] = useState(initialOptions)
-  const [enabled, setEnabled] = useState(!lazyLoadOptions)
-  const versions = useVersions?.(id, enabled)
-
-  const onClick = (e?:  MouseEvent<HTMLDivElement>) => {
-    e?.stopPropagation()
-    if (lazyLoadOptions) {
-      setEnabled(true)
-    }
-  }
-
-  useEffect(() => {
-    if (lazyLoadOptions && !isEqual(versions, options)){
-      setOptions(versions)
-    }
-  }, [versions])
-
-  return (
-    <VersionSelector>
-      <Select className="version-selector" 
-        options={options || []} 
-        value={value} 
-        onChange={onChange} 
-        onClick={onClick}
-        renderLabel={(item) =>`${t.version} ${item}`} />
-    </VersionSelector>
-  )  
-}
-
-const dictionary = {
-  en: {
-    version: 'Version',
-  },
-  pt: {
-    version: 'Versão',
-  },
-}

package/src/hooks/enabled-feature-flags.ts

@@ -1,31 +0,0 @@
-import { accountClient } from '@stack-spot/portal-network'
-
-const useEnabledFeatureFlags = (resourceType?: string, resourceSlug?: string) => {
-  const queryParams = resourceType && resourceSlug ? { [resourceType]: resourceSlug } : {}
-  const [featureFlags, , error, { isLoading }] = accountClient.getEnabledFeatureFlagsForAccount.useStatefulQuery({
-    queryParams,
-  })
-  return { featureFlags, isLoading, error }
-}
-
-export const useIsFeatureFlagEnabled = (
-  flagSlug: string,
-  resourceType?: string,
-  resourceSlug?: string,
-) => {
-  const { featureFlags, isLoading } = useEnabledFeatureFlags(resourceType, resourceSlug)
-  if (resourceType && resourceSlug) {
-    const featureFlag = featureFlags?.find((flag) => flag.slug === flagSlug)
-    const resourcesByType = featureFlag?.resources?.[resourceType]
-    if (!!featureFlag && !!resourcesByType) {
-      if (resourcesByType.mode === 'ALL') {
-        return { flagEnabled: true, isLoading }
-      } else {
-        return { flagEnabled: !!featureFlag.resources?.[resourceType].slugs.some((slug) => slug === resourceSlug), isLoading }
-      }
-    }
-    return { flagEnabled: false, isLoading }
-  } else {
-    return { flagEnabled: !!featureFlags?.some((flag) => flag.slug === flagSlug), isLoading }
-  }
-}