@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/components/Feedback/FeedbackContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["unreadCount","_a","_b","jsx"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["unreadCount","_a","_b","jsx"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js

@@ -0,0 +1,331 @@
+"use strict";
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const LinksManager_styled = require("./LinksManager.styled.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+require("../../api/base/client.cjs.js");
+require("../../api/generated/graphql.cjs.js");
+require("../../api/generated/graphqlLinks.cjs.js");
+require("../../api/generated/access.cjs.js");
+require("../../api/generated/actions.cjs.js");
+require("../../api/generated/activityFeed.cjs.js");
+require("../../api/generated/addons.cjs.js");
+require("../../api/generated/anatomy.cjs.js");
+require("../../api/generated/attributes.cjs.js");
+require("../../api/generated/authentication.cjs.js");
+require("../../api/generated/bundles.cjs.js");
+require("../../api/generated/configuration.cjs.js");
+require("../../api/generated/desktop.cjs.js");
+require("../../api/generated/entityLists.cjs.js");
+require("../../api/generated/events.cjs.js");
+require("../../api/generated/files.cjs.js");
+require("../../api/generated/folders.cjs.js");
+require("../../api/generated/inbox.cjs.js");
+require("../../api/generated/links.cjs.js");
+require("../../api/generated/market.cjs.js");
+require("../../api/generated/onboarding.cjs.js");
+require("../../api/generated/operations.cjs.js");
+require("../../api/generated/products.cjs.js");
+require("../../api/generated/projectDashboard.cjs.js");
+require("../../api/generated/projects.cjs.js");
+require("../../api/generated/reviewables.cjs.js");
+require("../../api/generated/services.cjs.js");
+require("../../api/generated/system.cjs.js");
+require("../../api/generated/tasks.cjs.js");
+require("../../api/generated/teams.cjs.js");
+require("../../api/generated/thumbnails.cjs.js");
+require("../../api/generated/uRIs.cjs.js");
+require("../../api/generated/users.cjs.js");
+require("../../api/generated/versions.cjs.js");
+require("../../api/generated/workfiles.cjs.js");
+require("../../api/generated/ynputCloud.cjs.js");
+require("../../api/generated/grouping.cjs.js");
+require("../../api/generated/views.cjs.js");
+require("../../api/queries/actions/getActions.cjs.js");
+require("../../api/queries/activities/getActivities.cjs.js");
+require("../../api/queries/activities/updateActivities.cjs.js");
+require("../../api/queries/activities/updateReaction.cjs.js");
+require("../../api/queries/activities/getMentions.cjs.js");
+require("../../api/queries/addons/getAddons.cjs.js");
+require("../../api/queries/addons/updateAddons.cjs.js");
+require("../../api/queries/attributes/getAttributes.cjs.js");
+require("../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/entities/getEntity.cjs.js");
+require("../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../api/queries/entities/updateEntity.cjs.js");
+require("../../api/queries/entityLists/getLists.cjs.js");
+require("../../api/queries/entityLists/updateLists.cjs.js");
+require("../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/links/updateLinks.cjs.js");
+const getLinks = require("../../api/queries/links/getLinks.cjs.js");
+require("../../api/queries/links/getEntityLinks.cjs.js");
+require("../../api/queries/overview/getOverview.cjs.js");
+require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
+const getProject = require("../../api/queries/project/getProject.cjs.js");
+require("../../api/queries/project/updateProject.cjs.js");
+require("../../api/queries/review/getReview.cjs.js");
+require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
+require("../../api/queries/system/getSystem.cjs.js");
+require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../../api/queries/users/getUsers.cjs.js");
+require("../../api/queries/users/updateUsers.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
+const useKeyboardNavigation = require("./hooks/useKeyboardNavigation.cjs.js");
+const SearchingLoadingItems = require("./SearchingLoadingItems.cjs.js");
+const productTypes = require("../../util/productTypes.cjs.js");
+require("lodash");
+require("react-toastify");
+require("uuid");
+require("../../util/pubsub.cjs.js");
+require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
+;/* empty css                                                 */
+require("clsx");
+require("react-dom");
+require("../../containers/Feed/context/FeedContext.cjs.js");
+require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
+require("../../context/RemoteModulesContext.cjs.js");
+require("../../context/DetailsPanelContext.cjs.js");
+require("../../context/ThumbnailUploaderContext.cjs.js");
+require("../../context/SettingsPanelContext.cjs.js");
+require("../../context/pip/PiPProvider.cjs.js");
+require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
+require("../../context/PowerpackContext.cjs.js");
+require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../containers/Feed/components/ActivityDate.cjs.js");
+require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../containers/Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
+require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
+const linksToTableData = require("../../containers/ProjectTreeTable/utils/linksToTableData.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
+require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../ThumbnailSimple/ThumbnailSimple.cjs.js");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../ReviewablesList/ReviewablesList.styled.cjs.js");
+require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
+require("../ReviewableCard/ReviewableCard.cjs.js");
+require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../FileThumbnail/FileThumbnail.cjs.js");
+require("../Thumbnail/Thumbnail.styled.cjs.js");
+require("../Thumbnail/StackedThumbnails.cjs.js");
+require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
+require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../EntityPath/EntityPath.styled.cjs.js");
+require("../EntityPath/SegmentProvider.cjs.js");
+require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../Watchers/Watchers.cjs.js");
+require("../ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../Powerpack/PowerpackButton.cjs.js");
+require("../Powerpack/PricingLink.cjs.js");
+require("../Powerpack/PowerpackDialog.styled.cjs.js");
+require("../Powerpack/CTAButton.cjs.js");
+require("../SettingsPanel/SettingsPanel.cjs.js");
+require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../AttributeEditor/components/MinMaxField.cjs.js");
+require("../EnumEditor/EnumEditor.styled.cjs.js");
+require("../SearchFilter/filterDates.cjs.js");
+require("../Badge/Badge.cjs.js");
+require("../VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../VersionUploader/context/VersionUploadContext.cjs.js");
+require("../Feedback/FeedbackContext.cjs.js");
+require("../Feedback/SupportBubble.cjs.js");
+require("../Chips/Chips.cjs.js");
+require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");
+require("./LinksManagerDialog.cjs.js");
+require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
+require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
+require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../PlayableIcon/PlayableIcon.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../containers/Actions/Actions.styled.cjs.js");
+require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../containers/Actions/ActionIcon.cjs.js");
+require("../../containers/Views/context/ViewsContext.cjs.js");
+require("../../containers/Views/Views.styled.cjs.js");
+require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");
+const AddNewLinks = ({
+  projectName,
+  targetEntityType,
+  onClose,
+  onSearchTypeChange,
+  onAdd
+}) => {
+  const [search, setSearch] = React.useState("");
+  const searchInputRef = React.useRef(null);
+  const { data: project } = getProject.useGetProjectQuery({ projectName });
+  const anatomyForIcons = {
+    folderTypes: (project == null ? void 0 : project.folderTypes) || [],
+    taskTypes: (project == null ? void 0 : project.taskTypes) || [],
+    productTypes: Object.values(productTypes)
+  };
+  const {
+    data: searchData,
+    error,
+    isLoading,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  } = getLinks.useGetSearchedEntitiesLinksInfiniteQuery(
+    {
+      projectName,
+      entityType: targetEntityType,
+      search
+    },
+    { skip: !search }
+  );
+  const entities = React.useMemo(() => {
+    return (searchData == null ? void 0 : searchData.pages.flatMap((page) => page.entities)) || [];
+  }, [searchData]);
+  const handleSelectEntity = (entity) => {
+    console.log(`Add ${entity.name}`);
+    onAdd == null ? void 0 : onAdd(entity.id);
+    setSearch("");
+  };
+  const handleClose = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  const { containerRef, getItemProps } = useKeyboardNavigation({
+    entities,
+    onSelect: handleSelectEntity,
+    onClose: handleClose,
+    isActive: Boolean(search && entities.length > 0),
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  });
+  React.useEffect(() => {
+    const timeout = setTimeout(() => {
+      if (searchInputRef.current) {
+        searchInputRef.current.focus();
+      }
+    }, 0);
+    return () => clearTimeout(timeout);
+  }, [searchData, search]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(LinksManager_styled.AddLinksContainer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(LinksManager_styled.SubHeader, { children: "Add new link" }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(LinksManager_styled.SearchButtons, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(LinksManager_styled.Search, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "search", className: "input-search" }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          LinksManager_styled.SearchInput,
+          {
+            ref: searchInputRef,
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: `Search ${targetEntityType}s...`,
+            id: `search-${targetEntityType}`,
+            autoFocus: true,
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      !search && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        LinksManager_styled.PickerButton,
+        {
+          label: `Pick ${targetEntityType}s`,
+          icon: "table_rows",
+          onClick: () => onSearchTypeChange("picker")
+        }
+      )
+    ] }),
+    search && searchData && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(LinksManager_styled.SearchItems, { ref: containerRef, children: [
+      searchData == null ? void 0 : searchData.pages.map(
+        (page, pageIndex) => page.entities.map((entity, entityIndex) => {
+          var _a;
+          const flatIndex = searchData.pages.slice(0, pageIndex).reduce((acc, p) => acc + p.entities.length, 0) + entityIndex;
+          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+            LinksManager_styled.SearchItem,
+            {
+              onClick: () => handleSelectEntity(entity),
+              tabIndex: 0,
+              ...getItemProps(flatIndex),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: linksToTableData.getEntityIcon(entity.entityType, entity.subType, anatomyForIcons) }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "label", children: [
+                  (_a = entity.parents) == null ? void 0 : _a.map((part, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+                  ] }, index)),
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { children: entity.label || entity.name })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "type", children: entity.subType || entity.entityType })
+              ]
+            },
+            entity.id
+          );
+        })
+      ),
+      (isLoading || isFetchingNextPage || hasNextPage) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SearchingLoadingItems, {})
+    ] }),
+    !isLoading && error && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(LinksManager_styled.Error, { children: error.message })
+  ] });
+};
+module.exports = AddNewLinks;
+//# sourceMappingURL=AddNewLinks.cjs.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(productTypes),\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["useState","useRef","useGetProjectQuery","useGetSearchedEntitiesLinksInfiniteQuery","useMemo","useEffect","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","Styled.PickerButton","Styled.SearchItems","Styled.SearchItem","getEntityIcon","Fragment","Styled.Error"],"mappings":"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"}