@ynput/ayon-frontend-shared 0.2.21 → 0.2.23

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,\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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"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -66,6 +66,7 @@ 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");
@@ -74,24 +75,24 @@ 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/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");
 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/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("react");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","useFeedback","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAIC,4BAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAC,2BAAA,kBAAA;AAAA,IAACC,uBAAO;AAAA,IAAP;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,UAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,YAAAG,iDAACC,oBAAAA,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCD,2BAAA,kBAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,kDAACK,uBAAAA,cAAA,EACE,UAAA;AAAA,UAAA,0DACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,sDAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,2BAAAA,kBAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAYG,kCAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfN,2BAAAA,kBAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,2BAAA,kBAAA,IAACI,qBAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEJ,2BAAAA,kBAAAA,IAACK,YAAAA,aACC,EAAA,UAAAL,2BAAAA,kBAAAA,IAACI,UAAAA,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","useFeedback","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAIC,4BAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAC,2BAAA,kBAAA;AAAA,IAACC,uBAAO;AAAA,IAAP;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,UAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,YAAAG,iDAACC,oBAAAA,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCD,2BAAA,kBAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,kDAACK,uBAAAA,cAAA,EACE,UAAA;AAAA,UAAA,0DACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,sDAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,2BAAAA,kBAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAYG,kCAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfN,2BAAAA,kBAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,2BAAA,kBAAA,IAACI,qBAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEJ,2BAAAA,kBAAAA,IAACK,YAAAA,aACC,EAAA,UAAAL,2BAAAA,kBAAAA,IAACI,UAAAA,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js

@@ -64,6 +64,7 @@ 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/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -72,24 +73,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import "react";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,UAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,YAAAG,sCAAC,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,uCAACI,cAAA,EACE,UAAA;AAAA,UAAA,+CACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUD,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2CAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,kCAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAY,iBAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfH,kCAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,kCAAA,IAAC,MAAK,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,kCAAA,IAAC,WAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEA,kCAAAA,IAAC,aACC,EAAA,UAAAA,kCAAAA,IAAC,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,UAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,YAAAG,sCAAC,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,uCAACI,cAAA,EACE,UAAA;AAAA,UAAA,+CACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUD,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2CAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,kCAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAY,iBAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfH,kCAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,kCAAA,IAAC,MAAK,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,kCAAA,IAAC,WAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEA,kCAAAA,IAAC,aACC,EAAA,UAAAA,kCAAAA,IAAC,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -65,6 +65,7 @@ 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");
@@ -73,24 +74,24 @@ 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/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");
 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/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}
+{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}

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

@@ -63,6 +63,7 @@ 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/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -71,24 +72,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}
+{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.cjs.js

@@ -68,6 +68,7 @@ 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");
@@ -76,24 +77,24 @@ 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/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");
 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/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("react");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSettingsFallback.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["usePowerpack","jsxs","Fragment","jsx","Link","Button","PowerpackButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAIA,8BAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAACC,2BAAA,kBAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,2BAAA,kBAAA,IAAAC,eAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAH,kDAACI,oBAAAA,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKJ,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,2BAAA,kBAAA;AAAA,MAACG,gBAAA;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,qDAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;;"}
+{"version":3,"file":"TableSettingsFallback.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["usePowerpack","jsxs","Fragment","jsx","Link","Button","PowerpackButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAIA,8BAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAACC,2BAAA,kBAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,2BAAA,kBAAA,IAAAC,eAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAH,kDAACI,oBAAAA,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKJ,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,2BAAA,kBAAA;AAAA,MAACG,gBAAA;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,qDAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;;"}

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.es.js

@@ -66,6 +66,7 @@ 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/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -74,24 +75,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import "react";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSettingsFallback.es.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAI,aAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,MAACC,kCAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,kCAAA,IAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAF,uCAAC,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,0CAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;"}
+{"version":3,"file":"TableSettingsFallback.es.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAI,aAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,MAACC,kCAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,kCAAA,IAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAF,uCAAC,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,0CAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js

@@ -47,6 +47,7 @@ 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");
@@ -55,24 +56,24 @@ 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/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");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 const updateReview = 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/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const React = require("react");
 const reactToastify = require("react-toastify");

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js

@@ -46,6 +46,7 @@ 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/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -54,24 +55,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import { useUpdateReviewableMutation } from "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.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/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import { Dialog, InputText, Toolbar, Button, SaveButton } from "@ynput/ayon-react-components";
 import { useRef, useState, useEffect } from "react";
 import { toast } from "react-toastify";