@ynput/ayon-frontend-shared 0.3.43 → 0.3.45

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 React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { useGetFeedbackVerificationQuery } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\nimport { FeedbackContext } from './FeedbackContextInstance'\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\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n  const { siteInfo, user, cloudInfo } = useGlobalContext()\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    {},\n    {\n      skip: !user?.name || !cloudInfo?.connected,\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?.available) return\n\n    const identifyData = {\n      ...verification.data,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: cloudInfo?.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      if (!verification?.available)\n        return console.warn('messenger verification not available, skipping messenger init')\n      win.Featurebase(\n        'boot',\n        {\n          theme: 'dark',\n          ...verification?.data,\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  // SURVEY WIDGET\n  const initializeSurveyWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_survey_widget',\n        {\n          organization: 'ayon',\n          placement: 'bottom-right',\n          theme: 'dark',\n          email: user?.attrib?.email,\n          featurebaseJwt: verification?.data?.featurebaseJwt,\n          locale: 'en',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing survey widget:', error)\n          } else {\n            console.log('Survey widget initialized successfully')\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    if (siteInfo.disableFeedback) 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 || !cloudInfo || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n\n    // Initialize survey widget\n    initializeSurveyWidget()\n\n    setIdentified(true)\n  }, [\n    user?.name,\n    cloudInfo?.instanceId,\n    verification?.available,\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":["FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","siteInfo","user","cloudInfo","useGlobalContext","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","frontendVersion","identifyUser","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","initializeSurveyWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","FeedbackContext","useFeedback","context","useContext"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { useGetFeedbackVerificationQuery } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\nimport { FeedbackContext } from './FeedbackContextInstance'\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\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n  const { siteInfo, user, cloudInfo } = useGlobalContext()\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    {},\n    {\n      skip: !user?.name || !cloudInfo?.connected,\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?.available) return\n\n    const identifyData = {\n      ...verification.data,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: cloudInfo?.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      if (!verification?.available)\n        return console.warn('messenger verification not available, skipping messenger init')\n      win.Featurebase(\n        'boot',\n        {\n          theme: 'dark',\n          ...verification?.data,\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  // SURVEY WIDGET\n  const initializeSurveyWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_survey_widget',\n        {\n          organization: 'ayon',\n          placement: 'bottom-right',\n          theme: 'dark',\n          email: user?.attrib?.email,\n          featurebaseJwt: verification?.data?.featurebaseJwt,\n          locale: 'en',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing survey widget:', error)\n          } else {\n            console.log('Survey widget initialized successfully')\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    if (siteInfo.disableFeedback) 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 || !cloudInfo || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n\n    // Initialize survey widget\n    initializeSurveyWidget()\n\n    setIdentified(true)\n  }, [\n    user?.name,\n    cloudInfo?.instanceId,\n    verification?.available,\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\n// Non-throwing variant for shared components that may render outside a FeedbackProvider.\nexport const useFeedbackSafe = (): FeedbackContextType | undefined => useContext(FeedbackContext)\n"],"names":["FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","siteInfo","user","cloudInfo","useGlobalContext","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","frontendVersion","identifyUser","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","initializeSurveyWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","FeedbackContext","useFeedback","context","useContext","useFeedbackSafe"],"mappings":"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"}

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.cjs.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const t=require("../../util/copyToClipboard.cjs.js");require("uuid");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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.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/users/guests.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");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const o=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");const n=({errorMessage:e})=>{const i=o.useFeedbackSafe();if(!e)return null;const q=()=>i?.openSupport("NewMessage",`I hit a filter error on ${window.location.pathname}
+
+Error: ${e}`);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(u.Button,{variant:"text",label:"Copy error message",icon:"content_copy","data-tooltip":e,onClick:()=>t.copyToClipboard(e)}),i?.messengerLoaded&&r.jsxRuntimeExports.jsx(u.Button,{variant:"text",label:"Report issue",icon:"report",onClick:q})]})};exports.FilterErrorActions=n;
+//# sourceMappingURL=FilterErrorActions.cjs.js.map

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterErrorActions.cjs.js","sources":["../../../../../src/components/FilterErrorActions/FilterErrorActions.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\nimport { useFeedbackSafe } from '../Feedback'\n\nexport interface FilterErrorActionsProps {\n  errorMessage?: string\n}\n\nexport const FilterErrorActions: FC<FilterErrorActionsProps> = ({ errorMessage }) => {\n  const feedback = useFeedbackSafe()\n\n  if (!errorMessage) return null\n\n  const handleReport = () =>\n    feedback?.openSupport(\n      'NewMessage',\n      `I hit a filter error on ${window.location.pathname}\\n\\nError: ${errorMessage}`,\n    )\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        label=\"Copy error message\"\n        icon=\"content_copy\"\n        data-tooltip={errorMessage}\n        onClick={() => copyToClipboard(errorMessage)}\n      />\n      {feedback?.messengerLoaded && (\n        <Button variant=\"text\" label=\"Report issue\" icon=\"report\" onClick={handleReport} />\n      )}\n    </>\n  )\n}\n"],"names":["FilterErrorActions","errorMessage","feedback","useFeedbackSafe","handleReport","jsxs","Fragment","jsx","Button","copyToClipboard"],"mappings":"m+KASO,MAAMA,EAAkD,CAAC,CAAE,aAAAC,KAAmB,CACnF,MAAMC,EAAWC,EAAAA,gBAAA,EAEjB,GAAI,CAACF,EAAc,OAAO,KAE1B,MAAMG,EAAe,IACnBF,GAAU,YACR,aACA,2BAA2B,OAAO,SAAS,QAAQ;AAAA;AAAA,SAAcD,CAAY,EAAA,EAGjF,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,OACR,MAAM,qBACN,KAAK,eACL,eAAcP,EACd,QAAS,IAAMQ,EAAAA,gBAAgBR,CAAY,CAAA,CAAA,EAE5CC,GAAU,iBACTK,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAO,QAAQ,OAAO,MAAM,eAAe,KAAK,SAAS,QAASJ,CAAA,CAAc,CAAA,EAErF,CAEJ"}

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.es.js

@@ -0,0 +1,133 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button as i } from "@ynput/ayon-react-components";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as m } from "../../util/copyToClipboard.es.js";
+import "uuid";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import "../../util/pubsub.es.js";
+import { useFeedbackSafe as e } from "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+const et = ({ errorMessage: o }) => {
+  const r = e();
+  if (!o) return null;
+  const p = () => r?.openSupport(
+    "NewMessage",
+    `I hit a filter error on ${window.location.pathname}
+
+Error: ${o}`
+  );
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      i,
+      {
+        variant: "text",
+        label: "Copy error message",
+        icon: "content_copy",
+        "data-tooltip": o,
+        onClick: () => m(o)
+      }
+    ),
+    r?.messengerLoaded && /* @__PURE__ */ t.jsx(i, { variant: "text", label: "Report issue", icon: "report", onClick: p })
+  ] });
+};
+export {
+  et as FilterErrorActions
+};
+//# sourceMappingURL=FilterErrorActions.es.js.map

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterErrorActions.es.js","sources":["../../../../../src/components/FilterErrorActions/FilterErrorActions.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\nimport { useFeedbackSafe } from '../Feedback'\n\nexport interface FilterErrorActionsProps {\n  errorMessage?: string\n}\n\nexport const FilterErrorActions: FC<FilterErrorActionsProps> = ({ errorMessage }) => {\n  const feedback = useFeedbackSafe()\n\n  if (!errorMessage) return null\n\n  const handleReport = () =>\n    feedback?.openSupport(\n      'NewMessage',\n      `I hit a filter error on ${window.location.pathname}\\n\\nError: ${errorMessage}`,\n    )\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        label=\"Copy error message\"\n        icon=\"content_copy\"\n        data-tooltip={errorMessage}\n        onClick={() => copyToClipboard(errorMessage)}\n      />\n      {feedback?.messengerLoaded && (\n        <Button variant=\"text\" label=\"Report issue\" icon=\"report\" onClick={handleReport} />\n      )}\n    </>\n  )\n}\n"],"names":["FilterErrorActions","errorMessage","feedback","useFeedbackSafe","handleReport","jsxs","Fragment","jsx","Button","copyToClipboard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,KAAkD,CAAC,EAAE,cAAAC,QAAmB;AACnF,QAAMC,IAAWC,EAAA;AAEjB,MAAI,CAACF,EAAc,QAAO;AAE1B,QAAMG,IAAe,MACnBF,GAAU;AAAA,IACR;AAAA,IACA,2BAA2B,OAAO,SAAS,QAAQ;AAAA;AAAA,SAAcD,CAAY;AAAA,EAAA;AAGjF,SACEI,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,MAAK;AAAA,QACL,gBAAcP;AAAA,QACd,SAAS,MAAMQ,EAAgBR,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CC,GAAU,mBACTK,gBAAAA,EAAAA,IAACC,GAAA,EAAO,SAAQ,QAAO,OAAM,gBAAe,MAAK,UAAS,SAASJ,EAAA,CAAc;AAAA,EAAA,GAErF;AAEJ;"}

package/dist/shared/src/components/InfoMessage/InfoMessage.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),l=require("./InfoMessage.styled.cjs.js"),x=require("clsx"),t=require("@ynput/ayon-react-components"),d=u.forwardRef(({variant:e="info",message:o,icon:c,action:s,...r},a)=>n.jsxRuntimeExports.jsxs(l.MessageCard,{className:x("message",r.className,e),...r,ref:a,children:[n.jsxRuntimeExports.jsxs("div",{className:"content",children:[n.jsxRuntimeExports.jsx(t.Icon,{icon:c||f(e)}),o]}),s&&n.jsxRuntimeExports.jsx(t.Button,{icon:s.icon,onClick:i=>{i.stopPropagation(),s.callback()},children:s.label})]})),f=e=>{switch(e){case"info":return"info";case"warning":return"warning";case"error":return"error";case"success":return"done_all";default:return"info"}};exports.InfoMessage=d;
+//# sourceMappingURL=InfoMessage.cjs.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.cjs.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './InfoMessage.styled'\nimport clsx from 'clsx'\nimport { Icon, IconProps, Button } from '@ynput/ayon-react-components'\n\ninterface InfoMessageAction {\n  label: string\n  icon: string\n  callback: () => void\n}\n\ninterface InfoMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: 'info' | 'warning' | 'error' | 'success'\n  message: string\n  icon?: IconProps['icon']\n  action?: InfoMessageAction\n}\n\nexport const InfoMessage = forwardRef<HTMLDivElement, InfoMessageProps>(\n  ({ variant = 'info', message, icon, action, ...props }, ref) => {\n    return (\n      <Styled.MessageCard\n        className={clsx('message', props.className, variant)}\n        {...props}\n        ref={ref}\n      >\n        <div className=\"content\">\n          <Icon icon={icon || getVariantIcon(variant)} />\n          {message}\n        </div>\n        {action && (\n          <Button\n            // @ts-expect-error\n            icon={action.icon}\n            onClick={(e) => {\n              e.stopPropagation()\n              action.callback()\n            }}\n          >\n            {action.label}\n          </Button>\n        )}\n      </Styled.MessageCard>\n    )\n  },\n)\n\nconst getVariantIcon = (variant: InfoMessageProps['variant']): IconProps['icon'] => {\n  switch (variant) {\n    case 'info':\n      return 'info'\n    case 'warning':\n      return 'warning'\n    case 'error':\n      return 'error'\n    case 'success':\n      return 'done_all'\n    default:\n      return 'info'\n  }\n}\n\nexport default InfoMessage\n"],"names":["InfoMessage","forwardRef","variant","message","icon","action","props","ref","jsxs","Styled.MessageCard","clsx","jsx","Icon","getVariantIcon","Button","e"],"mappings":"mQAkBaA,EAAcC,EAAAA,WACzB,CAAC,CAAE,QAAAC,EAAU,OAAQ,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAEpDC,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAK,UAAWJ,EAAM,UAAWJ,CAAO,EAClD,GAAGI,EACJ,IAAAC,EAEA,SAAA,CAAAC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,UACb,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMR,GAAQS,EAAeX,CAAO,EAAG,EAC5CC,CAAA,EACH,EACCE,GACCM,EAAAA,kBAAAA,IAACG,EAAAA,OAAA,CAEC,KAAMT,EAAO,KACb,QAAUU,GAAM,CACdA,EAAE,gBAAA,EACFV,EAAO,SAAA,CACT,EAEC,SAAAA,EAAO,KAAA,CAAA,CACV,CAAA,CAAA,CAKV,EAEMQ,EAAkBX,GAA4D,CAClF,OAAQA,EAAA,CACN,IAAK,OACH,MAAO,OACT,IAAK,UACH,MAAO,UACT,IAAK,QACH,MAAO,QACT,IAAK,UACH,MAAO,WACT,QACE,MAAO,MAAA,CAEb"}

package/dist/shared/src/components/InfoMessage/InfoMessage.es.js

@@ -0,0 +1,48 @@
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as i } from "react";
+import { MessageCard as l } from "./InfoMessage.styled.es.js";
+import m from "clsx";
+import { Icon as f, Button as u } from "@ynput/ayon-react-components";
+const w = i(
+  ({ variant: r = "info", message: n, icon: a, action: e, ...o }, c) => /* @__PURE__ */ s.jsxs(
+    l,
+    {
+      className: m("message", o.className, r),
+      ...o,
+      ref: c,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "content", children: [
+          /* @__PURE__ */ s.jsx(f, { icon: a || d(r) }),
+          n
+        ] }),
+        e && /* @__PURE__ */ s.jsx(
+          u,
+          {
+            icon: e.icon,
+            onClick: (t) => {
+              t.stopPropagation(), e.callback();
+            },
+            children: e.label
+          }
+        )
+      ]
+    }
+  )
+), d = (r) => {
+  switch (r) {
+    case "info":
+      return "info";
+    case "warning":
+      return "warning";
+    case "error":
+      return "error";
+    case "success":
+      return "done_all";
+    default:
+      return "info";
+  }
+};
+export {
+  w as InfoMessage
+};
+//# sourceMappingURL=InfoMessage.es.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.es.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './InfoMessage.styled'\nimport clsx from 'clsx'\nimport { Icon, IconProps, Button } from '@ynput/ayon-react-components'\n\ninterface InfoMessageAction {\n  label: string\n  icon: string\n  callback: () => void\n}\n\ninterface InfoMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: 'info' | 'warning' | 'error' | 'success'\n  message: string\n  icon?: IconProps['icon']\n  action?: InfoMessageAction\n}\n\nexport const InfoMessage = forwardRef<HTMLDivElement, InfoMessageProps>(\n  ({ variant = 'info', message, icon, action, ...props }, ref) => {\n    return (\n      <Styled.MessageCard\n        className={clsx('message', props.className, variant)}\n        {...props}\n        ref={ref}\n      >\n        <div className=\"content\">\n          <Icon icon={icon || getVariantIcon(variant)} />\n          {message}\n        </div>\n        {action && (\n          <Button\n            // @ts-expect-error\n            icon={action.icon}\n            onClick={(e) => {\n              e.stopPropagation()\n              action.callback()\n            }}\n          >\n            {action.label}\n          </Button>\n        )}\n      </Styled.MessageCard>\n    )\n  },\n)\n\nconst getVariantIcon = (variant: InfoMessageProps['variant']): IconProps['icon'] => {\n  switch (variant) {\n    case 'info':\n      return 'info'\n    case 'warning':\n      return 'warning'\n    case 'error':\n      return 'error'\n    case 'success':\n      return 'done_all'\n    default:\n      return 'info'\n  }\n}\n\nexport default InfoMessage\n"],"names":["InfoMessage","forwardRef","variant","message","icon","action","props","ref","jsxs","Styled.MessageCard","clsx","jsx","Icon","getVariantIcon","Button","e"],"mappings":";;;;;AAkBO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,SAAAC,IAAU,QAAQ,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAEpDC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,WAAWJ,EAAM,WAAWJ,CAAO;AAAA,MAClD,GAAGI;AAAA,MACJ,KAAAC;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMR,KAAQS,EAAeX,CAAO,GAAG;AAAA,UAC5CC;AAAA,QAAA,GACH;AAAA,QACCE,KACCM,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YAEC,MAAMT,EAAO;AAAA,YACb,SAAS,CAACU,MAAM;AACd,cAAAA,EAAE,gBAAA,GACFV,EAAO,SAAA;AAAA,YACT;AAAA,YAEC,UAAAA,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAKV,GAEMQ,IAAiB,CAACX,MAA4D;AAClF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.cjs.js

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--padding-m) var(--padding-l);
+  border-radius: var(--border-radius-m);
+  font-weight: 600;
+
+  .content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .icon {
+    font-size: 24px;
+  }
+
+  /* default background */
+  &.info {
+    --message-background-color: var(--md-sys-color-secondary-container);
+    --message-color: var(--md-sys-color-on-secondary-container);
+    --button-background-color: var(--md-sys-color-secondary);
+    --button-background-color-hover: var(--md-sys-color-secondary-hover);
+    --button-color: var(--md-sys-color-on-secondary);
+  }
+
+  /* warning background */
+  &.warning {
+    --message-background-color: var(--md-sys-color-warning-container);
+    --message-color: var(--md-sys-color-on-warning-container);
+    --button-background-color: var(--md-sys-color-warning);
+    --button-background-color-hover: hsl(25, 100%, 80%);
+    --button-color: var(--md-sys-color-on-warning);
+  }
+
+  /* error background */
+  &.error {
+    --message-background-color: var(--md-sys-color-error-container);
+    --message-color: var(--md-sys-color-on-error-container);
+    --button-background-color: var(--md-sys-color-error);
+    --button-background-color-hover: var(--md-sys-color-error-hover);
+    --button-color: var(--md-sys-color-on-error);
+  }
+
+  /* success background */
+  &.success {
+    --message-background-color: var(--md-sys-color-tertiary-container);
+    --message-color: var(--md-sys-color-on-tertiary-container);
+    --button-background-color: var(--md-sys-color-tertiary);
+    --button-background-color-hover: var(--md-sys-color-tertiary-hover);
+    --button-color: var(--md-sys-color-on-tertiary);
+  }
+
+  background-color: var(--message-background-color);
+  &,
+  .icon {
+    color: var(--message-color);
+  }
+
+  button {
+    &,
+    &.hasIcon {
+      padding: 4px;
+    }
+    background-color: var(--button-background-color);
+    &,
+    .icon {
+      color: var(--button-color);
+    }
+    &:hover {
+      background-color: var(--button-background-color-hover);
+    }
+  }
+`;exports.MessageCard=r;
+//# sourceMappingURL=InfoMessage.styled.cjs.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.styled.cjs.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const MessageCard = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: var(--padding-m) var(--padding-l);\n  border-radius: var(--border-radius-m);\n  font-weight: 600;\n\n  .content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n\n  /* default background */\n  &.info {\n    --message-background-color: var(--md-sys-color-secondary-container);\n    --message-color: var(--md-sys-color-on-secondary-container);\n    --button-background-color: var(--md-sys-color-secondary);\n    --button-background-color-hover: var(--md-sys-color-secondary-hover);\n    --button-color: var(--md-sys-color-on-secondary);\n  }\n\n  /* warning background */\n  &.warning {\n    --message-background-color: var(--md-sys-color-warning-container);\n    --message-color: var(--md-sys-color-on-warning-container);\n    --button-background-color: var(--md-sys-color-warning);\n    --button-background-color-hover: hsl(25, 100%, 80%);\n    --button-color: var(--md-sys-color-on-warning);\n  }\n\n  /* error background */\n  &.error {\n    --message-background-color: var(--md-sys-color-error-container);\n    --message-color: var(--md-sys-color-on-error-container);\n    --button-background-color: var(--md-sys-color-error);\n    --button-background-color-hover: var(--md-sys-color-error-hover);\n    --button-color: var(--md-sys-color-on-error);\n  }\n\n  /* success background */\n  &.success {\n    --message-background-color: var(--md-sys-color-tertiary-container);\n    --message-color: var(--md-sys-color-on-tertiary-container);\n    --button-background-color: var(--md-sys-color-tertiary);\n    --button-background-color-hover: var(--md-sys-color-tertiary-hover);\n    --button-color: var(--md-sys-color-on-tertiary);\n  }\n\n  background-color: var(--message-background-color);\n  &,\n  .icon {\n    color: var(--message-color);\n  }\n\n  button {\n    &,\n    &.hasIcon {\n      padding: 4px;\n    }\n    background-color: var(--button-background-color);\n    &,\n    .icon {\n      color: var(--button-color);\n    }\n    &:hover {\n      background-color: var(--button-background-color-hover);\n    }\n  }\n`\n"],"names":["MessageCard","styled"],"mappings":"qHAEaA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.es.js

@@ -0,0 +1,81 @@
+import o from "styled-components";
+const a = o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--padding-m) var(--padding-l);
+  border-radius: var(--border-radius-m);
+  font-weight: 600;
+
+  .content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .icon {
+    font-size: 24px;
+  }
+
+  /* default background */
+  &.info {
+    --message-background-color: var(--md-sys-color-secondary-container);
+    --message-color: var(--md-sys-color-on-secondary-container);
+    --button-background-color: var(--md-sys-color-secondary);
+    --button-background-color-hover: var(--md-sys-color-secondary-hover);
+    --button-color: var(--md-sys-color-on-secondary);
+  }
+
+  /* warning background */
+  &.warning {
+    --message-background-color: var(--md-sys-color-warning-container);
+    --message-color: var(--md-sys-color-on-warning-container);
+    --button-background-color: var(--md-sys-color-warning);
+    --button-background-color-hover: hsl(25, 100%, 80%);
+    --button-color: var(--md-sys-color-on-warning);
+  }
+
+  /* error background */
+  &.error {
+    --message-background-color: var(--md-sys-color-error-container);
+    --message-color: var(--md-sys-color-on-error-container);
+    --button-background-color: var(--md-sys-color-error);
+    --button-background-color-hover: var(--md-sys-color-error-hover);
+    --button-color: var(--md-sys-color-on-error);
+  }
+
+  /* success background */
+  &.success {
+    --message-background-color: var(--md-sys-color-tertiary-container);
+    --message-color: var(--md-sys-color-on-tertiary-container);
+    --button-background-color: var(--md-sys-color-tertiary);
+    --button-background-color-hover: var(--md-sys-color-tertiary-hover);
+    --button-color: var(--md-sys-color-on-tertiary);
+  }
+
+  background-color: var(--message-background-color);
+  &,
+  .icon {
+    color: var(--message-color);
+  }
+
+  button {
+    &,
+    &.hasIcon {
+      padding: 4px;
+    }
+    background-color: var(--button-background-color);
+    &,
+    .icon {
+      color: var(--button-color);
+    }
+    &:hover {
+      background-color: var(--button-background-color-hover);
+    }
+  }
+`;
+export {
+  a as MessageCard
+};
+//# sourceMappingURL=InfoMessage.styled.es.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.styled.es.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const MessageCard = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: var(--padding-m) var(--padding-l);\n  border-radius: var(--border-radius-m);\n  font-weight: 600;\n\n  .content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n\n  /* default background */\n  &.info {\n    --message-background-color: var(--md-sys-color-secondary-container);\n    --message-color: var(--md-sys-color-on-secondary-container);\n    --button-background-color: var(--md-sys-color-secondary);\n    --button-background-color-hover: var(--md-sys-color-secondary-hover);\n    --button-color: var(--md-sys-color-on-secondary);\n  }\n\n  /* warning background */\n  &.warning {\n    --message-background-color: var(--md-sys-color-warning-container);\n    --message-color: var(--md-sys-color-on-warning-container);\n    --button-background-color: var(--md-sys-color-warning);\n    --button-background-color-hover: hsl(25, 100%, 80%);\n    --button-color: var(--md-sys-color-on-warning);\n  }\n\n  /* error background */\n  &.error {\n    --message-background-color: var(--md-sys-color-error-container);\n    --message-color: var(--md-sys-color-on-error-container);\n    --button-background-color: var(--md-sys-color-error);\n    --button-background-color-hover: var(--md-sys-color-error-hover);\n    --button-color: var(--md-sys-color-on-error);\n  }\n\n  /* success background */\n  &.success {\n    --message-background-color: var(--md-sys-color-tertiary-container);\n    --message-color: var(--md-sys-color-on-tertiary-container);\n    --button-background-color: var(--md-sys-color-tertiary);\n    --button-background-color-hover: var(--md-sys-color-tertiary-hover);\n    --button-color: var(--md-sys-color-on-tertiary);\n  }\n\n  background-color: var(--message-background-color);\n  &,\n  .icon {\n    color: var(--message-color);\n  }\n\n  button {\n    &,\n    &.hasIcon {\n      padding: 4px;\n    }\n    background-color: var(--button-background-color);\n    &,\n    .icon {\n      color: var(--button-color);\n    }\n    &:hover {\n      background-color: var(--button-background-color-hover);\n    }\n  }\n`\n"],"names":["MessageCard","styled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.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/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.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/users/guests.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");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.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/users/guests.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");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:q,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>q?.pages.flatMap(r=>r.entities)||[],[q]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[q,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&q&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[q?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=q.pages.slice(0,N).reduce((x,t)=>x+t.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,t)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},t+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},t+"-separator")]},t)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
 //# sourceMappingURL=AddNewLinks.cjs.js.map