@ynput/ayon-frontend-shared 0.3.41 → 0.3.42

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { UpdateViewSettingsFn } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n  // Atomic groupBy + showHierarchy update (avoids 2-PATCH race)\n  onUpdateGroupBy: (groupBy: string | undefined, showHierarchy: boolean, desc?: boolean) => void\n  // Slicer type management\n  sliceType: string | undefined\n  onUpdateSliceType: (sliceType: string) => void\n}\n\ntype Props = {\n  viewSettings: OverviewSettings | undefined\n  updateViewSettings: UpdateViewSettingsFn\n}\n\nexport const useOverviewViewSettings = ({ viewSettings, updateViewSettings }: Props): Return => {\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverSliceType = overviewSettings?.sliceType\n\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when the relevant setting fields change.\n  // Use per-field deps (not JSON.stringify(viewSettings)) so a change to one\n  // field does not clear in-flight local state for unrelated fields, which\n  // would cause a visible flicker during rapid sequential updates.\n  useEffect(() => {\n    setLocalFilters(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify((viewSettings as OverviewSettings)?.filter)])\n\n  useEffect(() => {\n    setLocalHierarchy(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    (viewSettings as OverviewSettings)?.showHierarchy,\n    (viewSettings as OverviewSettings)?.groupBy,\n  ])\n\n  useEffect(() => {\n    setLocalColumns(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify((viewSettings as OverviewSettings)?.columns)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Slice type update handler\n  const noop = useCallback(() => {}, [])\n  const onUpdateSliceType = useCallback(\n    async (newSliceType: string) => {\n      await updateViewSettings({ sliceType: newSliceType }, noop, newSliceType, {\n        errorMessage: 'Failed to update slicer type',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Atomic groupBy + showHierarchy update.\n  // Merges both fields into a single PATCH to avoid a race where two sequential\n  // updateViewSettings calls both capture the same pre-update viewSettings snapshot\n  // and the second overwrites the first.\n  const onUpdateGroupBy = useCallback(\n    async (groupBy: string | undefined, newShowHierarchy: boolean, desc?: boolean) => {\n      const updates: Partial<OverviewSettings> = {\n        showHierarchy: newShowHierarchy,\n        groupBy: groupBy,\n        groupSortByDesc: groupBy ? desc ?? false : undefined,\n      }\n\n      const baseColumns = columns as ColumnsConfig\n      const newLocalColumns: ColumnsConfig = {\n        ...baseColumns,\n        groupBy: groupBy ? { id: groupBy, desc: desc ?? false } : undefined,\n      }\n\n      // Combined setter lets updateViewSettings manage optimism/reset for both\n      // local states atomically (so error paths don't leave one stale).\n      const combinedSetter = (value: { showHierarchy: boolean; columns: ColumnsConfig } | null) => {\n        if (value === null) {\n          setLocalHierarchy(null)\n          setLocalColumns(null)\n        } else {\n          setLocalHierarchy(value.showHierarchy)\n          setLocalColumns(value.columns)\n        }\n      }\n\n      await updateViewSettings(\n        updates,\n        combinedSetter,\n        { showHierarchy: newShowHierarchy, columns: newLocalColumns },\n        { errorMessage: 'Failed to update grouping' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n    onUpdateGroupBy,\n    sliceType: serverSliceType,\n    onUpdateSliceType,\n  }\n}\n"],"names":["useOverviewViewSettings","viewSettings","updateViewSettings","localFilters","setLocalFilters","useState","localHierarchy","setLocalHierarchy","localColumns","setLocalColumns","overviewSettings","serverFilters","serverHierarchy","serverSliceType","serverColumns","useMemo","convertColumnConfigToTanstackStates","useEffect","filters","showHierarchy","columns","noop","useCallback","onUpdateSliceType","newSliceType","onUpdateFilters","newFilters","onUpdateHierarchy","newShowHierarchy","clearedColumns","settings","convertTanstackStatesToColumnConfig","onUpdateColumns","tableSettings","allColumnIds","derivedAll","v","i","a","hasGroupBy","onUpdateGroupBy","groupBy","desc","updates","newLocalColumns","value"],"mappings":";;;;;;AA+CO,MAAMA,IAA0B,CAAC,EAAE,cAAAC,GAAc,oBAAAC,QAAwC;AAE9F,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6B,IAAI,GACnE,CAACC,GAAgBC,CAAiB,IAAIF,EAAyB,IAAI,GACnE,CAACG,GAAcC,CAAe,IAAIJ,EAA+B,IAAI,GAGrEK,IAAmBT,GACnBU,IAAiBD,GAAkB,UAAkB,CAAA,GACrDE,IAAkBF,GAAkB,iBAAiB,IACrDG,IAAkBH,GAAkB,WAEpCI,IAAgBC;AAAA,IACpB,MAAMC,EAAoCN,CAAgB;AAAA,IAC1D,CAAC,KAAK,UAAUT,CAAY,CAAC;AAAA,EAAA;AAO/B,EAAAgB,EAAU,MAAM;AACd,IAAAb,EAAgB,IAAI;AAAA,EAEtB,GAAG,CAAC,KAAK,UAAWH,GAAmC,MAAM,CAAC,CAAC,GAE/DgB,EAAU,MAAM;AACd,IAAAV,EAAkB,IAAI;AAAA,EAExB,GAAG;AAAA,IACAN,GAAmC;AAAA,IACnCA,GAAmC;AAAA,EAAA,CACrC,GAEDgB,EAAU,MAAM;AACd,IAAAR,EAAgB,IAAI;AAAA,EAEtB,GAAG,CAAC,KAAK,UAAWR,GAAmC,OAAO,CAAC,CAAC;AAGhE,QAAMiB,IAAUf,MAAiB,OAAOA,IAAeQ,GACjDQ,IAAgBb,MAAmB,OAAOA,IAAiBM,GAC3DQ,IAAUZ,KAAgBM,GAG1BO,IAAOC,EAAY,MAAM;AAAA,EAAC,GAAG,CAAA,CAAE,GAC/BC,IAAoBD;AAAA,IACxB,OAAOE,MAAyB;AAC9B,YAAMtB,EAAmB,EAAE,WAAWsB,EAAA,GAAgBH,GAAMG,GAAc;AAAA,QACxE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAACtB,CAAkB;AAAA,EAAA,GAIfuB,IAAkBH;AAAA,IACtB,OAAOI,MAA4B;AACjC,YAAMxB,EAAmB,EAAE,QAAQwB,EAAA,GAAqBtB,GAAiBsB,GAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAACxB,CAAkB;AAAA,EAAA,GAIfyB,IAAoBL;AAAA,IACxB,OAAOM,MAA8B;AAEnC,UAAIA,KAAqBR,GAA2B,SAAS;AAC3D,cAAMS,IAAgC,EAAE,GAAGT,GAAS,SAAS,OAAA;AAE7D,QAAAX,EAAgBoB,CAAc;AAC9B,cAAMC,IAAWC,EAAoCF,CAAc;AACnE,cAAM3B;AAAA,UACJ,EAAE,GAAG4B,GAAU,eAAe,GAAA;AAAA,UAC9BvB;AAAA,UACAqB;AAAA,UACA,EAAE,cAAc,qCAAA;AAAA,QAAqC;AAEvD;AAAA,MACF;AAEA,YAAM1B;AAAA,QACJ,EAAE,eAAe0B,EAAA;AAAA,QACjBrB;AAAA,QACAqB;AAAA,QACA,EAAE,cAAc,qCAAA;AAAA,MAAqC;AAAA,IAEzD;AAAA,IACA,CAAC1B,GAAoBkB,CAAO;AAAA,EAAA,GAIxBY,IAAkBV;AAAA,IACtB,OAAOW,GAA8BC,MAA4B;AAE/D,YAAMC,IACJD,KACA;AAAA,QACE,GAAID,EAAc,eAAe,CAAA;AAAA,QACjC,GAAG,OAAO,KAAKA,EAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,GAAKA,EAAc,eAAe,QAAqB,CAAA;AAAA,QACvD,GAAKA,EAAc,eAAe,SAAsB,CAAA;AAAA,MAAC,EAExD,OAAO,OAAO,EACd,OAAO,CAACG,GAAGC,GAAGC,MAAMA,EAAE,QAAQF,CAAC,MAAMC,CAAC,GAErCP,IAAWC,EAAoCE,GAAeE,CAAU,GACxEI,IAAa,CAAC,CAACN,EAAc;AAGnC,MAAIM,KAEFhC,EAAkB,EAAK,GAGzB,MAAML;AAAA,QACJqC,IAAa,EAAE,GAAGT,GAAU,eAAe,OAAUA;AAAA,QACrDrB;AAAA,QACAwB;AAAA,QACA,EAAE,cAAc,2BAAA;AAAA,MAA2B;AAAA,IAE/C;AAAA,IACA,CAAC/B,CAAkB;AAAA,EAAA,GAOfsC,IAAkBlB;AAAA,IACtB,OAAOmB,GAA6Bb,GAA2Bc,MAAmB;AAChF,YAAMC,IAAqC;AAAA,QACzC,eAAef;AAAA,QACf,SAAAa;AAAA,QACA,iBAAiBA,IAAUC,KAAQ,KAAQ;AAAA,MAAA,GAIvCE,IAAiC;AAAA,QACrC,GAFkBxB;AAAA,QAGlB,SAASqB,IAAU,EAAE,IAAIA,GAAS,MAAMC,KAAQ,OAAU;AAAA,MAAA;AAe5D,YAAMxC;AAAA,QACJyC;AAAA,QAXqB,CAACE,MAAqE;AAC3F,UAAIA,MAAU,QACZtC,EAAkB,IAAI,GACtBE,EAAgB,IAAI,MAEpBF,EAAkBsC,EAAM,aAAa,GACrCpC,EAAgBoC,EAAM,OAAO;AAAA,QAEjC;AAAA,QAKE,EAAE,eAAejB,GAAkB,SAASgB,EAAA;AAAA,QAC5C,EAAE,cAAc,4BAAA;AAAA,MAA4B;AAAA,IAEhD;AAAA,IACA,CAAC1C,GAAoBkB,CAAO;AAAA,EAAA;AAG9B,SAAO;AAAA,IACL,SAAAF;AAAA,IACA,iBAAAO;AAAA,IACA,eAAAN;AAAA,IACA,mBAAAQ;AAAA,IACA,SAAAP;AAAA,IACA,iBAAAY;AAAA,IACA,iBAAAQ;AAAA,IACA,WAAW3B;AAAA,IACX,mBAAAU;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { UpdateViewSettingsFn } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n  // Atomic groupBy + showHierarchy update (avoids 2-PATCH race)\n  onUpdateGroupBy: (groupBy: string | undefined, showHierarchy: boolean, desc?: boolean) => void\n  // Slicer type management\n  sliceType: string | undefined\n  onUpdateSliceType: (sliceType: string) => void\n}\n\ntype Props = {\n  viewSettings: OverviewSettings | undefined\n  updateViewSettings: UpdateViewSettingsFn\n}\n\nexport const useOverviewViewSettings = ({ viewSettings, updateViewSettings }: Props): Return => {\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverSliceType = overviewSettings?.sliceType\n\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when the relevant setting fields change.\n  // Use per-field deps (not JSON.stringify(viewSettings)) so a change to one\n  // field does not clear in-flight local state for unrelated fields, which\n  // would cause a visible flicker during rapid sequential updates.\n  useEffect(() => {\n    setLocalFilters(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify((viewSettings as OverviewSettings)?.filter)])\n\n  useEffect(() => {\n    setLocalHierarchy(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    (viewSettings as OverviewSettings)?.showHierarchy,\n    (viewSettings as OverviewSettings)?.groupBy,\n  ])\n\n  useEffect(() => {\n    setLocalColumns(null)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify((viewSettings as OverviewSettings)?.columns)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Slice type update handler\n  const noop = useCallback(() => {}, [])\n  const onUpdateSliceType = useCallback(\n    async (newSliceType: string) => {\n      await updateViewSettings({ sliceType: newSliceType }, noop, newSliceType, {\n        errorMessage: 'Failed to update slicer type',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Atomic groupBy + showHierarchy update.\n  // Merges both fields into a single PATCH to avoid a race where two sequential\n  // updateViewSettings calls both capture the same pre-update viewSettings snapshot\n  // and the second overwrites the first.\n  const onUpdateGroupBy = useCallback(\n    async (groupBy: string | undefined, newShowHierarchy: boolean, desc?: boolean) => {\n      const updates: Partial<OverviewSettings> = {\n        showHierarchy: newShowHierarchy,\n        groupBy: groupBy,\n        groupSortByDesc: groupBy ? desc ?? false : undefined,\n      }\n\n      const baseColumns = columns as ColumnsConfig\n      const newLocalColumns: ColumnsConfig = {\n        ...baseColumns,\n        groupBy: groupBy ? { id: groupBy, desc: desc ?? false } : undefined,\n      }\n\n      // Combined setter lets updateViewSettings manage optimism/reset for both\n      // local states atomically (so error paths don't leave one stale).\n      const combinedSetter = (value: { showHierarchy: boolean; columns: ColumnsConfig } | null) => {\n        if (value === null) {\n          setLocalHierarchy(null)\n          setLocalColumns(null)\n        } else {\n          setLocalHierarchy(value.showHierarchy)\n          setLocalColumns(value.columns)\n        }\n      }\n\n      await updateViewSettings(\n        updates,\n        combinedSetter,\n        { showHierarchy: newShowHierarchy, columns: newLocalColumns },\n        { errorMessage: 'Failed to update grouping' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n    onUpdateGroupBy,\n    sliceType: serverSliceType,\n    onUpdateSliceType,\n  }\n}\n"],"names":["useOverviewViewSettings","viewSettings","updateViewSettings","localFilters","setLocalFilters","useState","localHierarchy","setLocalHierarchy","localColumns","setLocalColumns","overviewSettings","serverFilters","serverHierarchy","serverSliceType","serverColumns","useMemo","convertColumnConfigToTanstackStates","useEffect","filters","showHierarchy","columns","noop","useCallback","onUpdateSliceType","newSliceType","onUpdateFilters","newFilters","onUpdateHierarchy","newShowHierarchy","clearedColumns","settings","convertTanstackStatesToColumnConfig","onUpdateColumns","tableSettings","allColumnIds","derivedAll","v","i","a","hasGroupBy","onUpdateGroupBy","groupBy","desc","updates","newLocalColumns","value"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");const S=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const q=require("react"),j=require("../ViewsMenu/ViewsMenu.cjs.js"),F=require("@ynput/ayon-react-components"),G=require("../utils/generateWorkingView.cjs.js"),y=require("react-toastify"),K=require("../../../hooks/useLoadModule.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("../../../context/RemoteModulesContext.cjs.js");const v=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");const Q=require("../utils/getCustomViewsFallback.cjs.js"),o=require("../types.cjs.js"),T=({viewsList:w,workingView:n,viewType:a,viewAlias:u,projectName:m,currentUser:V,useWorkingView:g,editingViewId:I,collapsed:t,setCollapsed:h,onSelect:s,onEdit:D,onSave:$,onResetWorkingView:c,selectedId:l})=>{const{powerLicense:d}=v.usePowerpack(),[C]=S.useCreateViewMutation(),R=q.useMemo(()=>w.map(e=>({...e,isOwner:e.owner===V?.name,highlighted:I===e.id?"save":void 0})),[w,V,I]),x={id:o.WORKING_VIEW_ID,label:g?`Personal ${u.toLowerCase()}`:`Working ${u.toLowerCase()}`,startContent:g&&O.jsxRuntimeExports.jsx(F.Icon,{icon:"person"}),isEditable:!1},E=q.useCallback(async()=>{let e=n?.id;if(!n)try{console.warn(`No working ${u.toLowerCase()} found, creating a new one`);const r=G.generateWorkingView();await C({payload:r,viewType:a,projectName:m}).unwrap(),e=r.id}catch(r){y.toast.error(`Failed to create working ${u}: ${r}`)}s(e)},[n,a,C,m,s]),P=async e=>{try{await $(e),s(e)}catch(r){y.toast.error(r)}},[B,{isLoading:z}]=K.useLoadModule({addon:"powerpack",remote:"views",module:"getCustomViews",fallback:Q.getCustomViewsFallback,skip:!a||!d}),{myViews:_,sharedViews:k,allPrivateViews:p}=B({viewsList:R,onEdit:D,onSelect:s,onSave:P}),f=q.useCallback(e=>{h({...t,[e]:!t[e]})},[t,h]),W=q.useMemo(()=>[{id:"myViews",title:`My ${u.toLowerCase()}s`,items:_},{id:"sharedViews",title:`Shared ${u.toLowerCase()}s`,items:k},{id:"allPrivateViews",title:`All private ${u.toLowerCase()}s`,items:p}],[_,k,p]),L=q.useMemo(()=>({...x,onClick:E,isEditable:!!c,onResetView:c}),[E,c]);return q.useMemo(()=>{const e=[L],r=W.filter(i=>d&&(i.items?.length||0)>0);return r.length>0&&e.push(j.VIEW_DIVIDER),r.forEach(i=>{const M=!!t[i.id];if(e.push({type:"section",id:i.id,title:i.title,collapsed:M,onToggle:()=>f(i.id)}),!M)e.push(...i.items);else if(l){const b=i.items.find(N=>N.id===l);b&&e.push(b)}}),e},[L,W,t,f,l,d])};exports.BASE_VIEW_ID=o.BASE_VIEW_ID;exports.NEW_VIEW_ID=o.NEW_VIEW_ID;exports.WORKING_VIEW_ID=o.WORKING_VIEW_ID;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");const S=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const q=require("react"),j=require("../ViewsMenu/ViewsMenu.cjs.js"),F=require("@ynput/ayon-react-components"),G=require("../utils/generateWorkingView.cjs.js"),y=require("react-toastify"),K=require("../../../hooks/useLoadModule.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("../../../context/RemoteModulesContext.cjs.js");const v=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const Q=require("../utils/getCustomViewsFallback.cjs.js"),o=require("../types.cjs.js"),T=({viewsList:w,workingView:n,viewType:a,viewAlias:u,projectName:m,currentUser:V,useWorkingView:g,editingViewId:I,collapsed:t,setCollapsed:h,onSelect:s,onEdit:D,onSave:$,onResetWorkingView:c,selectedId:l})=>{const{powerLicense:d}=v.usePowerpack(),[C]=S.useCreateViewMutation(),R=q.useMemo(()=>w.map(e=>({...e,isOwner:e.owner===V?.name,highlighted:I===e.id?"save":void 0})),[w,V,I]),x={id:o.WORKING_VIEW_ID,label:g?`Personal ${u.toLowerCase()}`:`Working ${u.toLowerCase()}`,startContent:g&&O.jsxRuntimeExports.jsx(F.Icon,{icon:"person"}),isEditable:!1},E=q.useCallback(async()=>{let e=n?.id;if(!n)try{console.warn(`No working ${u.toLowerCase()} found, creating a new one`);const r=G.generateWorkingView();await C({payload:r,viewType:a,projectName:m}).unwrap(),e=r.id}catch(r){y.toast.error(`Failed to create working ${u}: ${r}`)}s(e)},[n,a,C,m,s]),P=async e=>{try{await $(e),s(e)}catch(r){y.toast.error(r)}},[B,{isLoading:z}]=K.useLoadModule({addon:"powerpack",remote:"views",module:"getCustomViews",fallback:Q.getCustomViewsFallback,skip:!a||!d}),{myViews:_,sharedViews:k,allPrivateViews:p}=B({viewsList:R,onEdit:D,onSelect:s,onSave:P}),f=q.useCallback(e=>{h({...t,[e]:!t[e]})},[t,h]),W=q.useMemo(()=>[{id:"myViews",title:`My ${u.toLowerCase()}s`,items:_},{id:"sharedViews",title:`Shared ${u.toLowerCase()}s`,items:k},{id:"allPrivateViews",title:`All private ${u.toLowerCase()}s`,items:p}],[_,k,p]),L=q.useMemo(()=>({...x,onClick:E,isEditable:!!c,onResetView:c}),[E,c]);return q.useMemo(()=>{const e=[L],r=W.filter(i=>d&&(i.items?.length||0)>0);return r.length>0&&e.push(j.VIEW_DIVIDER),r.forEach(i=>{const M=!!t[i.id];if(e.push({type:"section",id:i.id,title:i.title,collapsed:M,onToggle:()=>f(i.id)}),!M)e.push(...i.items);else if(l){const b=i.items.find(N=>N.id===l);b&&e.push(b)}}),e},[L,W,t,f,l,d])};exports.BASE_VIEW_ID=o.BASE_VIEW_ID;exports.NEW_VIEW_ID=o.NEW_VIEW_ID;exports.WORKING_VIEW_ID=o.WORKING_VIEW_ID;exports.default=T;
 //# sourceMappingURL=useBuildViewMenuItems.cjs.js.map

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.es.js

@@ -107,6 +107,8 @@ import "../../../context/RemoteModulesContext.es.js";
 import { usePowerpack as q } from "../../../context/PowerpackContext.es.js";
 import "../../../context/UriContext.es.js";
 import "../../../context/DetailsPanelContextInstance.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
 import "../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
@@ -124,8 +126,6 @@ import "../../../context/ProjectFoldersContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../util/pubsub.es.js";
 import { getCustomViewsFallback as z } from "../utils/getCustomViewsFallback.es.js";
 import { WORKING_VIEW_ID as H } from "../types.es.js";
 import { BASE_VIEW_ID as Ir, NEW_VIEW_ID as Er } from "../types.es.js";

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewUpdateHelper.cjs.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * Sequential updateViewSettings calls in the same event tick MUST chain correctly:\n * the second call has to see the first call's changes. Closure-captured\n * `viewSettings` does not refresh between sync calls (no re-render yet), so we\n * read the latest settings from the RTK Query cache at call time instead.\n * RTK's updateView mutation performs an optimistic cache write in\n * `onQueryStarted`, so the cache is already up-to-date by the time the next\n * call reads it.\n */\n\nimport {\n  CreateViewApiArg,\n  EntityIdResponse,\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  viewsQueries,\n} from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useStore } from 'react-redux'\nimport { useViewsContext, ViewsContextValue } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\n// Module-level flag shared across every useViewUpdateHelper instance. Set true\n// when a mutation has been dispatched in the current tick (RTK cache is now\n// optimistically fresh); reset on the next microtask. Must be module-level so\n// that two different hook instances (e.g. ProjectOverviewDataProvider +\n// ProjectOverviewContext) coordinate correctly when writes flow through one\n// and subsequent reads come from the other in the same event tick.\nlet cacheDirtyThisTick = false\nconst markCacheDirty = () => {\n  if (cacheDirtyThisTick) return\n  cacheDirtyThisTick = true\n  queueMicrotask(() => {\n    cacheDirtyThisTick = false\n  })\n}\n\nexport type UpdateViewSettingsFn = (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions,\n) => Promise<void>\n\nexport interface LatestSettingsResult {\n  settings?: any\n  workingViewId?: string\n}\n\nexport const updateViewSettings = async (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions = {},\n  viewContext: ViewsContextValue,\n  onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>,\n  // Reads latest effective settings from RTK Query cache at call time. Required to\n  // prevent stale-closure races when two updates fire in the same tick.\n  getLatest: () => LatestSettingsResult,\n  // Invoked synchronously right after the mutation is dispatched. The caller\n  // uses this to flip a \"cache is fresh this tick\" flag so subsequent sync\n  // calls in the same tick read the just-updated cache instead of stale state.\n  markCacheDirty: () => void,\n): Promise<void> => {\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = viewContext\n\n  if (!viewType) throw new Error('No view type provided for updating view settings')\n\n  const previousSelectedViewId = selectedView?.id\n  const wasWorking = selectedView?.working\n\n  try {\n    // Immediately update local state for fast UI response\n    localStateSetter(newLocalValue)\n\n    // Read latest settings from RTK cache (includes prior same-tick optimistic writes).\n    // Fallback to closure-captured value if cache has nothing (first render, etc.).\n    const { settings: latestSettingsFromCache, workingViewId: latestWorkingViewIdFromCache } =\n      getLatest()\n    const latestSettings = latestSettingsFromCache ?? viewSettings\n\n    // If we have no settings baseline at all (neither from cache nor from context),\n    // abort to prevent writing a partial payload that would overwrite saved settings.\n    // This is a defence-in-depth guard; in normal flow isLoadingViews prevents callers\n    // from triggering updates before data is available.\n    if (latestSettings === undefined) {\n      console.warn(\n        'updateViewSettings: no settings baseline available, aborting to prevent data loss.',\n      )\n      return\n    }\n\n    // Create settings with updates\n    const newSettings = { ...latestSettings, ...updatedSettings }\n\n    // always update the working view no matter what\n    const newWorkingView = generateWorkingView(newSettings)\n\n    // Ensure the payload uses the consistent ID if we already have a working view\n    const viewId = latestWorkingViewIdFromCache ?? workingView?.id\n    if (viewId) {\n      newWorkingView.id = viewId\n    }\n    const newWorkingViewId = newWorkingView.id\n\n    // Make API call in background\n    // only include the fields that are updating (just settings)\n    const payload = viewId ? { settings: newSettings } : newWorkingView\n\n    const promise = onApplyViewChanges(\n      {\n        payload,\n        viewType: viewType,\n        projectName: projectName,\n      },\n      viewId,\n    )\n\n    // Mutation dispatch above ran onQueryStarted synchronously → RTK cache now\n    // reflects `newSettings`. Signal this so any subsequent sync call in the\n    // same tick reads the fresh cache instead of the stale closure baseline.\n    markCacheDirty()\n\n    // if not already on the working view: set that the settings have been changed to show the little blue save button and switch to the working view\n    // Note: selectedView?.id is always a real UUID from the server, never the WORKING_VIEW_ID sentinel.\n    if (!wasWorking || selectedView?.id !== viewId) {\n      if (selectedView) {\n        onSettingsChanged(true)\n      }\n      setSelectedView(newWorkingViewId as string)\n    }\n\n    await promise\n\n    // Clear local state after successful API call - the server data will take over\n    localStateSetter(null)\n\n    if (options.successMessage) {\n      toast.success(options.successMessage)\n    }\n  } catch (error) {\n    // Revert local state on error\n    localStateSetter(null)\n\n    if (previousSelectedViewId) {\n      setSelectedView(previousSelectedViewId)\n    }\n\n    if (selectedView && !wasWorking) {\n      onSettingsChanged(false)\n    }\n\n    console.error(error)\n    const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n    toast.error(errorMsg)\n  }\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const viewContext = useViewsContext()\n  const store = useStore()\n\n  const onApplyViewChanges = useCallback(\n    async (arg: any, viewId?: string) => {\n      if (viewId) {\n        // Filter the payload to only include valid patch fields\n        // and ideally only include fields that are actually being updated.\n        // Expecting the caller to provide only the fields they want to update in the payload.\n        const patchPayload: any = {}\n        const patchFields = ['label', 'owner', 'settings']\n        patchFields.forEach((key) => {\n          if (arg.payload[key] !== undefined) {\n            patchPayload[key] = arg.payload[key]\n          }\n        })\n\n        return await updateView({\n          viewType: arg.viewType,\n          projectName: arg.projectName,\n          viewId,\n          payload: patchPayload,\n        }).unwrap()\n      } else {\n        return await createView(arg).unwrap()\n      }\n    },\n    [createView, updateView],\n  )\n\n  // Returns cached settings when a same-tick prior write has refreshed the\n  // cache. Otherwise returns undefined and the caller falls back to the\n  // closure-captured viewSettings (correct baseline for the first write in a\n  // tick, including the named-view → working-view fork).\n  const getLatest = useCallback((): LatestSettingsResult => {\n    const { viewType, projectName, selectedView, workingView } = viewContext\n    if (!viewType) return {}\n\n    const state = store.getState() as any\n\n    // 1. Get the working view from the store — most authoritative after optimistic writes.\n    const workingViewEntry = viewsQueries.endpoints.getWorkingView.select({\n      viewType,\n      projectName,\n    })(state)\n    const storeWorkingViewId = workingViewEntry?.data?.id\n    // Prefer the store's working view ID over the potentially stale context closure value.\n    const resolvedWorkingViewId = storeWorkingViewId || workingView?.id\n\n    // 2. Determine the currently targeted view ID.\n    // Use the store's getDefaultView cache (updated optimistically by setSelectedView) so that\n    // an in-flight selection change is visible before React re-renders the context.\n    const defaultViewEntry = viewsQueries.endpoints.getDefaultView.select({\n      viewType,\n      projectName,\n    })(state)\n    const targetViewId = defaultViewEntry?.data?.id || selectedView?.id\n\n    // 3. Determine if the working view is active.\n    // IMPORTANT: use !!resolvedWorkingViewId to avoid the undefined === undefined false-positive\n    // that would occur on a new project before any working view exists.\n    // Note: WORKING_VIEW_ID ('_working_') is a UI-only sentinel; it never appears in\n    // server-side cache IDs, so there is no point checking for it here.\n    const isWorkingViewActive =\n      (!!resolvedWorkingViewId && targetViewId === resolvedWorkingViewId) || cacheDirtyThisTick\n\n    // 4. If the working view is active, use its cache as the baseline to prevent stale merges.\n    if (isWorkingViewActive && workingViewEntry?.data?.settings) {\n      return {\n        settings: workingViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    // 5. For named views: use the defaultView cache settings as the baseline.\n    // This is populated by the initial useGetDefaultViewQuery fetch and is more reliable\n    // than the getView endpoint cache (which is only fetched on-demand when editing).\n    if (defaultViewEntry?.data?.settings) {\n      return {\n        settings: defaultViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    return { workingViewId: resolvedWorkingViewId }\n  }, [store, viewContext])\n\n  const updateViewSettingsHandler = useCallback<UpdateViewSettingsFn>(\n    async (...args) =>\n      await updateViewSettings(...args, viewContext, onApplyViewChanges, getLatest, markCacheDirty),\n    [viewContext, onApplyViewChanges, getLatest],\n  )\n\n  return {\n    updateViewSettings: updateViewSettingsHandler,\n    onCreateView: onApplyViewChanges,\n    getLatestSettings: getLatest,\n    markCacheDirty,\n  }\n}\n"],"names":["cacheDirtyThisTick","markCacheDirty","updateViewSettings","updatedSettings","localStateSetter","newLocalValue","options","viewContext","onApplyViewChanges","getLatest","viewSettings","viewType","projectName","selectedView","setSelectedView","workingView","onSettingsChanged","previousSelectedViewId","wasWorking","latestSettingsFromCache","latestWorkingViewIdFromCache","latestSettings","newSettings","newWorkingView","generateWorkingView","viewId","newWorkingViewId","promise","toast","error","errorMsg","useViewUpdateHelper","createView","useCreateViewMutation","updateView","useUpdateViewMutation","useViewsContext","store","useStore","useCallback","arg","patchPayload","key","state","workingViewEntry","viewsQueries","resolvedWorkingViewId","defaultViewEntry","targetViewId","args"],"mappings":"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"}
+{"version":3,"file":"viewUpdateHelper.cjs.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * Sequential updateViewSettings calls in the same event tick MUST chain correctly:\n * the second call has to see the first call's changes. Closure-captured\n * `viewSettings` does not refresh between sync calls (no re-render yet), so we\n * read the latest settings from the RTK Query cache at call time instead.\n * RTK's updateView mutation performs an optimistic cache write in\n * `onQueryStarted`, so the cache is already up-to-date by the time the next\n * call reads it.\n */\n\nimport {\n  EntityIdResponse,\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  viewsQueries,\n} from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useStore } from 'react-redux'\nimport { useViewsContext, ViewsContextValue } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\n// Module-level flag shared across every useViewUpdateHelper instance. Set true\n// when a mutation has been dispatched in the current tick (RTK cache is now\n// optimistically fresh); reset on the next microtask. Must be module-level so\n// that two different hook instances (e.g. ProjectOverviewDataProvider +\n// ProjectOverviewContext) coordinate correctly when writes flow through one\n// and subsequent reads come from the other in the same event tick.\nlet cacheDirtyThisTick = false\nconst markCacheDirty = () => {\n  if (cacheDirtyThisTick) return\n  cacheDirtyThisTick = true\n  queueMicrotask(() => {\n    cacheDirtyThisTick = false\n  })\n}\n\nexport type UpdateViewSettingsFn = (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions,\n) => Promise<void>\n\nexport interface LatestSettingsResult {\n  settings?: any\n  workingViewId?: string\n}\n\nexport const updateViewSettings = async (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions = {},\n  viewContext: ViewsContextValue,\n  onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>,\n  // Reads latest effective settings from RTK Query cache at call time. Required to\n  // prevent stale-closure races when two updates fire in the same tick.\n  getLatest: () => LatestSettingsResult,\n  // Invoked synchronously right after the mutation is dispatched. The caller\n  // uses this to flip a \"cache is fresh this tick\" flag so subsequent sync\n  // calls in the same tick read the just-updated cache instead of stale state.\n  markCacheDirty: () => void,\n): Promise<void> => {\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = viewContext\n\n  if (!viewType) throw new Error('No view type provided for updating view settings')\n\n  const previousSelectedViewId = selectedView?.id\n  const wasWorking = selectedView?.working\n\n  try {\n    // Immediately update local state for fast UI response\n    localStateSetter(newLocalValue)\n\n    // Read latest settings from RTK cache (includes prior same-tick optimistic writes).\n    // Fallback to closure-captured value if cache has nothing (first render, etc.).\n    const { settings: latestSettingsFromCache, workingViewId: latestWorkingViewIdFromCache } =\n      getLatest()\n    const latestSettings = latestSettingsFromCache ?? viewSettings\n\n    // If we have no settings baseline at all (neither from cache nor from context),\n    // abort to prevent writing a partial payload that would overwrite saved settings.\n    // This is a defence-in-depth guard; in normal flow isLoadingViews prevents callers\n    // from triggering updates before data is available.\n    if (latestSettings === undefined) {\n      console.warn(\n        'updateViewSettings: no settings baseline available, aborting to prevent data loss.',\n      )\n      return\n    }\n\n    // Create settings with updates\n    const newSettings = { ...latestSettings, ...updatedSettings }\n\n    // always update the working view no matter what\n    const newWorkingView = generateWorkingView(newSettings)\n\n    // Ensure the payload uses the consistent ID if we already have a working view\n    const viewId = latestWorkingViewIdFromCache ?? workingView?.id\n    if (viewId) {\n      newWorkingView.id = viewId\n    }\n    const newWorkingViewId = newWorkingView.id\n\n    // Make API call in background\n    // only include the fields that are updating (just settings)\n    const payload = viewId ? { settings: newSettings } : newWorkingView\n\n    const promise = onApplyViewChanges(\n      {\n        payload,\n        viewType: viewType,\n        projectName: projectName,\n      },\n      viewId,\n    )\n\n    // Mutation dispatch above ran onQueryStarted synchronously → RTK cache now\n    // reflects `newSettings`. Signal this so any subsequent sync call in the\n    // same tick reads the fresh cache instead of the stale closure baseline.\n    markCacheDirty()\n\n    // if not already on the working view: set that the settings have been changed to show the little blue save button and switch to the working view\n    // Note: selectedView?.id is always a real UUID from the server, never the WORKING_VIEW_ID sentinel.\n    if (!wasWorking || selectedView?.id !== viewId) {\n      if (selectedView) {\n        onSettingsChanged(true)\n      }\n      setSelectedView(newWorkingViewId as string)\n    }\n\n    await promise\n\n    // Clear local state after successful API call - the server data will take over\n    localStateSetter(null)\n\n    if (options.successMessage) {\n      toast.success(options.successMessage)\n    }\n  } catch (error) {\n    // Revert local state on error\n    localStateSetter(null)\n\n    if (previousSelectedViewId) {\n      setSelectedView(previousSelectedViewId)\n    }\n\n    if (selectedView && !wasWorking) {\n      onSettingsChanged(false)\n    }\n\n    console.error(error)\n    const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n    toast.error(errorMsg)\n  }\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const viewContext = useViewsContext()\n  const store = useStore()\n\n  const onApplyViewChanges = useCallback(\n    async (arg: any, viewId?: string) => {\n      if (viewId) {\n        // Filter the payload to only include valid patch fields\n        // and ideally only include fields that are actually being updated.\n        // Expecting the caller to provide only the fields they want to update in the payload.\n        const patchPayload: any = {}\n        const patchFields = ['label', 'owner', 'settings']\n        patchFields.forEach((key) => {\n          if (arg.payload[key] !== undefined) {\n            patchPayload[key] = arg.payload[key]\n          }\n        })\n\n        return await updateView({\n          viewType: arg.viewType,\n          projectName: arg.projectName,\n          viewId,\n          payload: patchPayload,\n        }).unwrap()\n      } else {\n        return await createView(arg).unwrap()\n      }\n    },\n    [createView, updateView],\n  )\n\n  // Returns cached settings when a same-tick prior write has refreshed the\n  // cache. Otherwise returns undefined and the caller falls back to the\n  // closure-captured viewSettings (correct baseline for the first write in a\n  // tick, including the named-view → working-view fork).\n  const getLatest = useCallback((): LatestSettingsResult => {\n    const { viewType, projectName, selectedView, workingView } = viewContext\n    if (!viewType) return {}\n\n    const state = store.getState() as any\n\n    // 1. Get the working view from the store — most authoritative after optimistic writes.\n    const workingViewEntry = viewsQueries.endpoints.getWorkingView.select({\n      viewType,\n      projectName,\n    })(state)\n    const storeWorkingViewId = workingViewEntry?.data?.id\n    // Prefer the store's working view ID over the potentially stale context closure value.\n    const resolvedWorkingViewId = storeWorkingViewId || workingView?.id\n\n    // 2. Determine the currently targeted view ID.\n    // Use the store's getDefaultView cache (updated optimistically by setSelectedView) so that\n    // an in-flight selection change is visible before React re-renders the context.\n    const defaultViewEntry = viewsQueries.endpoints.getDefaultView.select({\n      viewType,\n      projectName,\n    })(state)\n    const targetViewId = defaultViewEntry?.data?.id || selectedView?.id\n\n    // 3. Determine if the working view is active.\n    // IMPORTANT: use !!resolvedWorkingViewId to avoid the undefined === undefined false-positive\n    // that would occur on a new project before any working view exists.\n    // Note: WORKING_VIEW_ID ('_working_') is a UI-only sentinel; it never appears in\n    // server-side cache IDs, so there is no point checking for it here.\n    const isWorkingViewActive =\n      (!!resolvedWorkingViewId && targetViewId === resolvedWorkingViewId) || cacheDirtyThisTick\n\n    // 4. If the working view is active, use its cache as the baseline to prevent stale merges.\n    if (isWorkingViewActive && workingViewEntry?.data?.settings) {\n      return {\n        settings: workingViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    // 5. For named views: use the defaultView cache settings as the baseline.\n    // This is populated by the initial useGetDefaultViewQuery fetch and is more reliable\n    // than the getView endpoint cache (which is only fetched on-demand when editing).\n    if (defaultViewEntry?.data?.settings) {\n      return {\n        settings: defaultViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    return { workingViewId: resolvedWorkingViewId }\n  }, [store, viewContext])\n\n  const updateViewSettingsHandler = useCallback<UpdateViewSettingsFn>(\n    async (...args) =>\n      await updateViewSettings(...args, viewContext, onApplyViewChanges, getLatest, markCacheDirty),\n    [viewContext, onApplyViewChanges, getLatest],\n  )\n\n  return {\n    updateViewSettings: updateViewSettingsHandler,\n    onCreateView: onApplyViewChanges,\n    getLatestSettings: getLatest,\n    markCacheDirty,\n  }\n}\n"],"names":["cacheDirtyThisTick","markCacheDirty","updateViewSettings","updatedSettings","localStateSetter","newLocalValue","options","viewContext","onApplyViewChanges","getLatest","viewSettings","viewType","projectName","selectedView","setSelectedView","workingView","onSettingsChanged","previousSelectedViewId","wasWorking","latestSettingsFromCache","latestWorkingViewIdFromCache","latestSettings","newSettings","newWorkingView","generateWorkingView","viewId","newWorkingViewId","promise","toast","error","errorMsg","useViewUpdateHelper","createView","useCreateViewMutation","updateView","useUpdateViewMutation","useViewsContext","store","useStore","useCallback","arg","patchPayload","key","state","workingViewEntry","viewsQueries","resolvedWorkingViewId","defaultViewEntry","targetViewId","args"],"mappings":"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"}

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewUpdateHelper.es.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * Sequential updateViewSettings calls in the same event tick MUST chain correctly:\n * the second call has to see the first call's changes. Closure-captured\n * `viewSettings` does not refresh between sync calls (no re-render yet), so we\n * read the latest settings from the RTK Query cache at call time instead.\n * RTK's updateView mutation performs an optimistic cache write in\n * `onQueryStarted`, so the cache is already up-to-date by the time the next\n * call reads it.\n */\n\nimport {\n  CreateViewApiArg,\n  EntityIdResponse,\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  viewsQueries,\n} from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useStore } from 'react-redux'\nimport { useViewsContext, ViewsContextValue } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\n// Module-level flag shared across every useViewUpdateHelper instance. Set true\n// when a mutation has been dispatched in the current tick (RTK cache is now\n// optimistically fresh); reset on the next microtask. Must be module-level so\n// that two different hook instances (e.g. ProjectOverviewDataProvider +\n// ProjectOverviewContext) coordinate correctly when writes flow through one\n// and subsequent reads come from the other in the same event tick.\nlet cacheDirtyThisTick = false\nconst markCacheDirty = () => {\n  if (cacheDirtyThisTick) return\n  cacheDirtyThisTick = true\n  queueMicrotask(() => {\n    cacheDirtyThisTick = false\n  })\n}\n\nexport type UpdateViewSettingsFn = (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions,\n) => Promise<void>\n\nexport interface LatestSettingsResult {\n  settings?: any\n  workingViewId?: string\n}\n\nexport const updateViewSettings = async (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions = {},\n  viewContext: ViewsContextValue,\n  onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>,\n  // Reads latest effective settings from RTK Query cache at call time. Required to\n  // prevent stale-closure races when two updates fire in the same tick.\n  getLatest: () => LatestSettingsResult,\n  // Invoked synchronously right after the mutation is dispatched. The caller\n  // uses this to flip a \"cache is fresh this tick\" flag so subsequent sync\n  // calls in the same tick read the just-updated cache instead of stale state.\n  markCacheDirty: () => void,\n): Promise<void> => {\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = viewContext\n\n  if (!viewType) throw new Error('No view type provided for updating view settings')\n\n  const previousSelectedViewId = selectedView?.id\n  const wasWorking = selectedView?.working\n\n  try {\n    // Immediately update local state for fast UI response\n    localStateSetter(newLocalValue)\n\n    // Read latest settings from RTK cache (includes prior same-tick optimistic writes).\n    // Fallback to closure-captured value if cache has nothing (first render, etc.).\n    const { settings: latestSettingsFromCache, workingViewId: latestWorkingViewIdFromCache } =\n      getLatest()\n    const latestSettings = latestSettingsFromCache ?? viewSettings\n\n    // If we have no settings baseline at all (neither from cache nor from context),\n    // abort to prevent writing a partial payload that would overwrite saved settings.\n    // This is a defence-in-depth guard; in normal flow isLoadingViews prevents callers\n    // from triggering updates before data is available.\n    if (latestSettings === undefined) {\n      console.warn(\n        'updateViewSettings: no settings baseline available, aborting to prevent data loss.',\n      )\n      return\n    }\n\n    // Create settings with updates\n    const newSettings = { ...latestSettings, ...updatedSettings }\n\n    // always update the working view no matter what\n    const newWorkingView = generateWorkingView(newSettings)\n\n    // Ensure the payload uses the consistent ID if we already have a working view\n    const viewId = latestWorkingViewIdFromCache ?? workingView?.id\n    if (viewId) {\n      newWorkingView.id = viewId\n    }\n    const newWorkingViewId = newWorkingView.id\n\n    // Make API call in background\n    // only include the fields that are updating (just settings)\n    const payload = viewId ? { settings: newSettings } : newWorkingView\n\n    const promise = onApplyViewChanges(\n      {\n        payload,\n        viewType: viewType,\n        projectName: projectName,\n      },\n      viewId,\n    )\n\n    // Mutation dispatch above ran onQueryStarted synchronously → RTK cache now\n    // reflects `newSettings`. Signal this so any subsequent sync call in the\n    // same tick reads the fresh cache instead of the stale closure baseline.\n    markCacheDirty()\n\n    // if not already on the working view: set that the settings have been changed to show the little blue save button and switch to the working view\n    // Note: selectedView?.id is always a real UUID from the server, never the WORKING_VIEW_ID sentinel.\n    if (!wasWorking || selectedView?.id !== viewId) {\n      if (selectedView) {\n        onSettingsChanged(true)\n      }\n      setSelectedView(newWorkingViewId as string)\n    }\n\n    await promise\n\n    // Clear local state after successful API call - the server data will take over\n    localStateSetter(null)\n\n    if (options.successMessage) {\n      toast.success(options.successMessage)\n    }\n  } catch (error) {\n    // Revert local state on error\n    localStateSetter(null)\n\n    if (previousSelectedViewId) {\n      setSelectedView(previousSelectedViewId)\n    }\n\n    if (selectedView && !wasWorking) {\n      onSettingsChanged(false)\n    }\n\n    console.error(error)\n    const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n    toast.error(errorMsg)\n  }\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const viewContext = useViewsContext()\n  const store = useStore()\n\n  const onApplyViewChanges = useCallback(\n    async (arg: any, viewId?: string) => {\n      if (viewId) {\n        // Filter the payload to only include valid patch fields\n        // and ideally only include fields that are actually being updated.\n        // Expecting the caller to provide only the fields they want to update in the payload.\n        const patchPayload: any = {}\n        const patchFields = ['label', 'owner', 'settings']\n        patchFields.forEach((key) => {\n          if (arg.payload[key] !== undefined) {\n            patchPayload[key] = arg.payload[key]\n          }\n        })\n\n        return await updateView({\n          viewType: arg.viewType,\n          projectName: arg.projectName,\n          viewId,\n          payload: patchPayload,\n        }).unwrap()\n      } else {\n        return await createView(arg).unwrap()\n      }\n    },\n    [createView, updateView],\n  )\n\n  // Returns cached settings when a same-tick prior write has refreshed the\n  // cache. Otherwise returns undefined and the caller falls back to the\n  // closure-captured viewSettings (correct baseline for the first write in a\n  // tick, including the named-view → working-view fork).\n  const getLatest = useCallback((): LatestSettingsResult => {\n    const { viewType, projectName, selectedView, workingView } = viewContext\n    if (!viewType) return {}\n\n    const state = store.getState() as any\n\n    // 1. Get the working view from the store — most authoritative after optimistic writes.\n    const workingViewEntry = viewsQueries.endpoints.getWorkingView.select({\n      viewType,\n      projectName,\n    })(state)\n    const storeWorkingViewId = workingViewEntry?.data?.id\n    // Prefer the store's working view ID over the potentially stale context closure value.\n    const resolvedWorkingViewId = storeWorkingViewId || workingView?.id\n\n    // 2. Determine the currently targeted view ID.\n    // Use the store's getDefaultView cache (updated optimistically by setSelectedView) so that\n    // an in-flight selection change is visible before React re-renders the context.\n    const defaultViewEntry = viewsQueries.endpoints.getDefaultView.select({\n      viewType,\n      projectName,\n    })(state)\n    const targetViewId = defaultViewEntry?.data?.id || selectedView?.id\n\n    // 3. Determine if the working view is active.\n    // IMPORTANT: use !!resolvedWorkingViewId to avoid the undefined === undefined false-positive\n    // that would occur on a new project before any working view exists.\n    // Note: WORKING_VIEW_ID ('_working_') is a UI-only sentinel; it never appears in\n    // server-side cache IDs, so there is no point checking for it here.\n    const isWorkingViewActive =\n      (!!resolvedWorkingViewId && targetViewId === resolvedWorkingViewId) || cacheDirtyThisTick\n\n    // 4. If the working view is active, use its cache as the baseline to prevent stale merges.\n    if (isWorkingViewActive && workingViewEntry?.data?.settings) {\n      return {\n        settings: workingViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    // 5. For named views: use the defaultView cache settings as the baseline.\n    // This is populated by the initial useGetDefaultViewQuery fetch and is more reliable\n    // than the getView endpoint cache (which is only fetched on-demand when editing).\n    if (defaultViewEntry?.data?.settings) {\n      return {\n        settings: defaultViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    return { workingViewId: resolvedWorkingViewId }\n  }, [store, viewContext])\n\n  const updateViewSettingsHandler = useCallback<UpdateViewSettingsFn>(\n    async (...args) =>\n      await updateViewSettings(...args, viewContext, onApplyViewChanges, getLatest, markCacheDirty),\n    [viewContext, onApplyViewChanges, getLatest],\n  )\n\n  return {\n    updateViewSettings: updateViewSettingsHandler,\n    onCreateView: onApplyViewChanges,\n    getLatestSettings: getLatest,\n    markCacheDirty,\n  }\n}\n"],"names":["cacheDirtyThisTick","markCacheDirty","updateViewSettings","updatedSettings","localStateSetter","newLocalValue","options","viewContext","onApplyViewChanges","getLatest","viewSettings","viewType","projectName","selectedView","setSelectedView","workingView","onSettingsChanged","previousSelectedViewId","wasWorking","latestSettingsFromCache","latestWorkingViewIdFromCache","latestSettings","newSettings","newWorkingView","generateWorkingView","viewId","newWorkingViewId","promise","toast","error","errorMsg","useViewUpdateHelper","createView","useCreateViewMutation","updateView","useUpdateViewMutation","useViewsContext","store","useStore","useCallback","arg","patchPayload","key","state","workingViewEntry","viewsQueries","resolvedWorkingViewId","defaultViewEntry","targetViewId","args"],"mappings":"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"}
+{"version":3,"file":"viewUpdateHelper.es.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * Sequential updateViewSettings calls in the same event tick MUST chain correctly:\n * the second call has to see the first call's changes. Closure-captured\n * `viewSettings` does not refresh between sync calls (no re-render yet), so we\n * read the latest settings from the RTK Query cache at call time instead.\n * RTK's updateView mutation performs an optimistic cache write in\n * `onQueryStarted`, so the cache is already up-to-date by the time the next\n * call reads it.\n */\n\nimport {\n  EntityIdResponse,\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  viewsQueries,\n} from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useStore } from 'react-redux'\nimport { useViewsContext, ViewsContextValue } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\n// Module-level flag shared across every useViewUpdateHelper instance. Set true\n// when a mutation has been dispatched in the current tick (RTK cache is now\n// optimistically fresh); reset on the next microtask. Must be module-level so\n// that two different hook instances (e.g. ProjectOverviewDataProvider +\n// ProjectOverviewContext) coordinate correctly when writes flow through one\n// and subsequent reads come from the other in the same event tick.\nlet cacheDirtyThisTick = false\nconst markCacheDirty = () => {\n  if (cacheDirtyThisTick) return\n  cacheDirtyThisTick = true\n  queueMicrotask(() => {\n    cacheDirtyThisTick = false\n  })\n}\n\nexport type UpdateViewSettingsFn = (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions,\n) => Promise<void>\n\nexport interface LatestSettingsResult {\n  settings?: any\n  workingViewId?: string\n}\n\nexport const updateViewSettings = async (\n  updatedSettings: any,\n  localStateSetter: (value: any) => void,\n  newLocalValue: any,\n  options: UpdateOptions = {},\n  viewContext: ViewsContextValue,\n  onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>,\n  // Reads latest effective settings from RTK Query cache at call time. Required to\n  // prevent stale-closure races when two updates fire in the same tick.\n  getLatest: () => LatestSettingsResult,\n  // Invoked synchronously right after the mutation is dispatched. The caller\n  // uses this to flip a \"cache is fresh this tick\" flag so subsequent sync\n  // calls in the same tick read the just-updated cache instead of stale state.\n  markCacheDirty: () => void,\n): Promise<void> => {\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = viewContext\n\n  if (!viewType) throw new Error('No view type provided for updating view settings')\n\n  const previousSelectedViewId = selectedView?.id\n  const wasWorking = selectedView?.working\n\n  try {\n    // Immediately update local state for fast UI response\n    localStateSetter(newLocalValue)\n\n    // Read latest settings from RTK cache (includes prior same-tick optimistic writes).\n    // Fallback to closure-captured value if cache has nothing (first render, etc.).\n    const { settings: latestSettingsFromCache, workingViewId: latestWorkingViewIdFromCache } =\n      getLatest()\n    const latestSettings = latestSettingsFromCache ?? viewSettings\n\n    // If we have no settings baseline at all (neither from cache nor from context),\n    // abort to prevent writing a partial payload that would overwrite saved settings.\n    // This is a defence-in-depth guard; in normal flow isLoadingViews prevents callers\n    // from triggering updates before data is available.\n    if (latestSettings === undefined) {\n      console.warn(\n        'updateViewSettings: no settings baseline available, aborting to prevent data loss.',\n      )\n      return\n    }\n\n    // Create settings with updates\n    const newSettings = { ...latestSettings, ...updatedSettings }\n\n    // always update the working view no matter what\n    const newWorkingView = generateWorkingView(newSettings)\n\n    // Ensure the payload uses the consistent ID if we already have a working view\n    const viewId = latestWorkingViewIdFromCache ?? workingView?.id\n    if (viewId) {\n      newWorkingView.id = viewId\n    }\n    const newWorkingViewId = newWorkingView.id\n\n    // Make API call in background\n    // only include the fields that are updating (just settings)\n    const payload = viewId ? { settings: newSettings } : newWorkingView\n\n    const promise = onApplyViewChanges(\n      {\n        payload,\n        viewType: viewType,\n        projectName: projectName,\n      },\n      viewId,\n    )\n\n    // Mutation dispatch above ran onQueryStarted synchronously → RTK cache now\n    // reflects `newSettings`. Signal this so any subsequent sync call in the\n    // same tick reads the fresh cache instead of the stale closure baseline.\n    markCacheDirty()\n\n    // if not already on the working view: set that the settings have been changed to show the little blue save button and switch to the working view\n    // Note: selectedView?.id is always a real UUID from the server, never the WORKING_VIEW_ID sentinel.\n    if (!wasWorking || selectedView?.id !== viewId) {\n      if (selectedView) {\n        onSettingsChanged(true)\n      }\n      setSelectedView(newWorkingViewId as string)\n    }\n\n    await promise\n\n    // Clear local state after successful API call - the server data will take over\n    localStateSetter(null)\n\n    if (options.successMessage) {\n      toast.success(options.successMessage)\n    }\n  } catch (error) {\n    // Revert local state on error\n    localStateSetter(null)\n\n    if (previousSelectedViewId) {\n      setSelectedView(previousSelectedViewId)\n    }\n\n    if (selectedView && !wasWorking) {\n      onSettingsChanged(false)\n    }\n\n    console.error(error)\n    const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n    toast.error(errorMsg)\n  }\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const viewContext = useViewsContext()\n  const store = useStore()\n\n  const onApplyViewChanges = useCallback(\n    async (arg: any, viewId?: string) => {\n      if (viewId) {\n        // Filter the payload to only include valid patch fields\n        // and ideally only include fields that are actually being updated.\n        // Expecting the caller to provide only the fields they want to update in the payload.\n        const patchPayload: any = {}\n        const patchFields = ['label', 'owner', 'settings']\n        patchFields.forEach((key) => {\n          if (arg.payload[key] !== undefined) {\n            patchPayload[key] = arg.payload[key]\n          }\n        })\n\n        return await updateView({\n          viewType: arg.viewType,\n          projectName: arg.projectName,\n          viewId,\n          payload: patchPayload,\n        }).unwrap()\n      } else {\n        return await createView(arg).unwrap()\n      }\n    },\n    [createView, updateView],\n  )\n\n  // Returns cached settings when a same-tick prior write has refreshed the\n  // cache. Otherwise returns undefined and the caller falls back to the\n  // closure-captured viewSettings (correct baseline for the first write in a\n  // tick, including the named-view → working-view fork).\n  const getLatest = useCallback((): LatestSettingsResult => {\n    const { viewType, projectName, selectedView, workingView } = viewContext\n    if (!viewType) return {}\n\n    const state = store.getState() as any\n\n    // 1. Get the working view from the store — most authoritative after optimistic writes.\n    const workingViewEntry = viewsQueries.endpoints.getWorkingView.select({\n      viewType,\n      projectName,\n    })(state)\n    const storeWorkingViewId = workingViewEntry?.data?.id\n    // Prefer the store's working view ID over the potentially stale context closure value.\n    const resolvedWorkingViewId = storeWorkingViewId || workingView?.id\n\n    // 2. Determine the currently targeted view ID.\n    // Use the store's getDefaultView cache (updated optimistically by setSelectedView) so that\n    // an in-flight selection change is visible before React re-renders the context.\n    const defaultViewEntry = viewsQueries.endpoints.getDefaultView.select({\n      viewType,\n      projectName,\n    })(state)\n    const targetViewId = defaultViewEntry?.data?.id || selectedView?.id\n\n    // 3. Determine if the working view is active.\n    // IMPORTANT: use !!resolvedWorkingViewId to avoid the undefined === undefined false-positive\n    // that would occur on a new project before any working view exists.\n    // Note: WORKING_VIEW_ID ('_working_') is a UI-only sentinel; it never appears in\n    // server-side cache IDs, so there is no point checking for it here.\n    const isWorkingViewActive =\n      (!!resolvedWorkingViewId && targetViewId === resolvedWorkingViewId) || cacheDirtyThisTick\n\n    // 4. If the working view is active, use its cache as the baseline to prevent stale merges.\n    if (isWorkingViewActive && workingViewEntry?.data?.settings) {\n      return {\n        settings: workingViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    // 5. For named views: use the defaultView cache settings as the baseline.\n    // This is populated by the initial useGetDefaultViewQuery fetch and is more reliable\n    // than the getView endpoint cache (which is only fetched on-demand when editing).\n    if (defaultViewEntry?.data?.settings) {\n      return {\n        settings: defaultViewEntry.data.settings,\n        workingViewId: resolvedWorkingViewId,\n      }\n    }\n\n    return { workingViewId: resolvedWorkingViewId }\n  }, [store, viewContext])\n\n  const updateViewSettingsHandler = useCallback<UpdateViewSettingsFn>(\n    async (...args) =>\n      await updateViewSettings(...args, viewContext, onApplyViewChanges, getLatest, markCacheDirty),\n    [viewContext, onApplyViewChanges, getLatest],\n  )\n\n  return {\n    updateViewSettings: updateViewSettingsHandler,\n    onCreateView: onApplyViewChanges,\n    getLatestSettings: getLatest,\n    markCacheDirty,\n  }\n}\n"],"names":["cacheDirtyThisTick","markCacheDirty","updateViewSettings","updatedSettings","localStateSetter","newLocalValue","options","viewContext","onApplyViewChanges","getLatest","viewSettings","viewType","projectName","selectedView","setSelectedView","workingView","onSettingsChanged","previousSelectedViewId","wasWorking","latestSettingsFromCache","latestWorkingViewIdFromCache","latestSettings","newSettings","newWorkingView","generateWorkingView","viewId","newWorkingViewId","promise","toast","error","errorMsg","useViewUpdateHelper","createView","useCreateViewMutation","updateView","useUpdateViewMutation","useViewsContext","store","useStore","useCallback","arg","patchPayload","key","state","workingViewEntry","viewsQueries","resolvedWorkingViewId","defaultViewEntry","targetViewId","args"],"mappings":"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"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),ie=require("./PowerpackContext.cjs.js"),te=require("./UriContext.cjs.js"),b=require("../hooks/useLocalStorage.cjs.js");require("./RemoteModulesContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/columnStats/metricTargets.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");const B=require("./DetailsPanelContextInstance.cjs.js");require("./SubtasksModulesContextInstance.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("./MenuContext.cjs.js");require("./WebsocketContext.cjs.js");require("./GlobalContext.cjs.js");require("./ProjectContext.cjs.js");require("./ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../util/pubsub.cjs.js");const ue=["feed","subtasks","details","files"],I=r=>typeof r=="string"&&ue.includes(r),se=({children:r,defaultTab:o="feed",hasLicense:q,debug:u={},...a})=>{const c=a.user,p="isDeveloperMode"in u?u.isDeveloperMode:c?.attrib?.developerMode??!1,d="isGuest"in u?u.isGuest:c?.data?.isGuest,{powerLicense:D,setPowerpackDialog:g}=ie.usePowerpack(),l="hasLicense"in u?u.hasLicense:!!D||q,[s,O]=e.useState({}),[M,N]=e.useState([]),R=e.useCallback(i=>s[i]?s[i]:!1,[s]),U=e.useCallback((i,n)=>{const t={...s};t[i]=n,O(t)},[s]),[S,_]=b.useLocalStorage(f,{}),G=e.useCallback(i=>{const n=S[i];return I(n)?n:o},[S,o]),[k,E]=e.useState(null),Y=e.useCallback(i=>{E(i)},[]),L=e.useCallback(()=>{E(null),k&&v([])},[]);e.useEffect(()=>{L()},[a.useLocation().pathname]);const[H,w]=e.useState(null),K=e.useCallback(i=>{w(i)},[]),z=e.useCallback(()=>{w(null)},[]),[J,T]=e.useState(null),[Q,v]=e.useState([]),{uriType:V,uri:W,entity:P,getUriEntities:X}=te.useURIContext(),[y]=a.useSearchParams(),C=y.get("project"),h=y.get("type"),x=y.get("id"),m=y.get("activity");e.useEffect(()=>{if(V==="entity"&&P&&P.entityType!=="product"){X().then(i=>{if(i.length===0)return;const n=i.find(ee=>ee.uri===W),t=n?.entities?.[0];if(!n||!t)return;const j=t?.projectName||P.projectName||"",F=t.representationId||t.versionId||t.productId||t.taskId||t.folderId;if(!j||!F)return;const $={entityType:P.entityType,entities:[{id:F,projectName:j}],source:"uri"};T($)}).catch(i=>{console.warn("Failed to get URI entities:",i)});return}C&&h&&x&&(T({entityType:h,entities:[{id:x,projectName:C}],source:"url"}),m&&(v([m]),_({...S,overview:"feed"})))},[C,h,x]);const Z={panelOpenByScope:s,getOpenForScope:R,setPanelOpen:U,setPanelOpenByScope:O,tabsByScope:S,getTabForScope:G,slideOut:k,openSlideOut:Y,closeSlideOut:L,highlightedActivities:Q,setHighlightedActivities:v,pip:H,openPip:K,closePip:z,entities:J,setEntities:T,feedAnnotations:M,setFeedAnnotations:N,isDeveloperMode:p,isGuest:d,hasLicense:l,onPowerFeature:g,...a};return re.jsxRuntimeExports.jsx(B.DetailsPanelContext.Provider,{value:Z,children:r})},A=()=>{const r=e.useContext(B.DetailsPanelContext);if(r===void 0)throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");return r},f="details/tabs-by-scope",ne=(r,o)=>{const q=b.readLocalStorage(f,{});b.writeLocalStorage(f,{...q,[r]:o})},oe=r=>{const{getOpenForScope:o,setPanelOpen:q,getTabForScope:u}=A(),[a,c]=b.useLocalStorage(f,{}),p=a[r],d=I(p)?p:u(r),D=e.useCallback(l=>{c(s=>({...s,[r]:l}))},[r,c]),g=d==="feed";return{isOpen:o(r),setOpen:l=>q(r,l),currentTab:d,setTab:D,isFeed:g}};exports.DetailsPanelProvider=se;exports.setDetailsPanelTabForScope=ne;exports.useDetailsPanelContext=A;exports.useScopedDetailsPanel=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),te=require("./PowerpackContext.cjs.js"),ie=require("./UriContext.cjs.js"),b=require("../hooks/useLocalStorage.cjs.js");require("./RemoteModulesContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/columnStats/metricTargets.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");const j=require("./DetailsPanelContextInstance.cjs.js");require("uuid");const ue=require("../util/getBundleMode.cjs.js");require("../util/pubsub.cjs.js");require("./SubtasksModulesContextInstance.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("./MenuContext.cjs.js");require("./WebsocketContext.cjs.js");require("./GlobalContext.cjs.js");require("./ProjectContext.cjs.js");require("./ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const se=["feed","subtasks","details","files"],I=r=>typeof r=="string"&&se.includes(r),ne=({children:r,defaultTab:n="feed",hasLicense:a,debug:o={},...q})=>{const c=q.user,p=ue.getBundleModeFromUser(c),d="isGuest"in o?o.isGuest:c?.data?.isGuest,{powerLicense:f,setPowerpackDialog:T}=te.usePowerpack(),l="hasLicense"in o?o.hasLicense:!!f||a,[u,O]=e.useState({}),[U,N]=e.useState([]),R=e.useCallback(t=>u[t]?u[t]:!1,[u]),_=e.useCallback((t,s)=>{const i={...u};i[t]=s,O(i)},[u]),[S,G]=b.useLocalStorage(g,{}),M=e.useCallback(t=>{const s=S[t];return I(s)?s:n},[S,n]),[k,E]=e.useState(null),Y=e.useCallback(t=>{E(t)},[]),L=e.useCallback(()=>{E(null),k&&D([])},[]);e.useEffect(()=>{L()},[q.useLocation().pathname]);const[H,m]=e.useState(null),K=e.useCallback(t=>{m(t)},[]),z=e.useCallback(()=>{m(null)},[]),[J,C]=e.useState(null),[Q,D]=e.useState([]),{uriType:V,uri:W,entity:P,getUriEntities:X}=ie.useURIContext(),[y]=q.useSearchParams(),h=y.get("project"),v=y.get("type"),x=y.get("id"),w=y.get("activity");e.useEffect(()=>{if(V==="entity"&&P&&P.entityType!=="product"){X().then(t=>{if(t.length===0)return;const s=t.find(ee=>ee.uri===W),i=s?.entities?.[0];if(!s||!i)return;const B=i?.projectName||P.projectName||"",F=i.representationId||i.versionId||i.productId||i.taskId||i.folderId;if(!B||!F)return;const $={entityType:P.entityType,entities:[{id:F,projectName:B}],source:"uri"};C($)}).catch(t=>{console.warn("Failed to get URI entities:",t)});return}h&&v&&x&&(C({entityType:v,entities:[{id:x,projectName:h}],source:"url"}),w&&(D([w]),G({...S,overview:"feed"})))},[h,v,x]);const Z={panelOpenByScope:u,getOpenForScope:R,setPanelOpen:_,setPanelOpenByScope:O,tabsByScope:S,getTabForScope:M,slideOut:k,openSlideOut:Y,closeSlideOut:L,highlightedActivities:Q,setHighlightedActivities:D,pip:H,openPip:K,closePip:z,entities:J,setEntities:C,feedAnnotations:U,setFeedAnnotations:N,bundleMode:p,isGuest:d,hasLicense:l,onPowerFeature:T,...q};return re.jsxRuntimeExports.jsx(j.DetailsPanelContext.Provider,{value:Z,children:r})},A=()=>{const r=e.useContext(j.DetailsPanelContext);if(r===void 0)throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");return r},g="details/tabs-by-scope",oe=(r,n)=>{const a=b.readLocalStorage(g,{});b.writeLocalStorage(g,{...a,[r]:n})},qe=r=>{const{getOpenForScope:n,setPanelOpen:a,getTabForScope:o}=A(),[q,c]=b.useLocalStorage(g,{}),p=q[r],d=I(p)?p:o(r),f=e.useCallback(l=>{c(u=>({...u,[r]:l}))},[r,c]),T=d==="feed";return{isOpen:n(r),setOpen:l=>a(r,l),currentTab:d,setTab:f,isFeed:T}};exports.DetailsPanelProvider=ne;exports.setDetailsPanelTabForScope=oe;exports.useDetailsPanelContext=A;exports.useScopedDetailsPanel=qe;
 //# sourceMappingURL=DetailsPanelContext.cjs.js.map

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useState } from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage, readLocalStorage, writeLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\nimport { DetailsPanelContext } from './DetailsPanelContextInstance'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  isGuest: boolean\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => void\n}\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const isDeveloperMode =\n    'isDeveloperMode' in debug\n      ? (debug.isDeveloperMode as boolean)\n      : user?.attrib?.developerMode ?? false\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\n\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabByScope] = useLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsPanelProvider')\n  }\n  return context\n}\n\nconst TABS_BY_SCOPE_KEY = 'details/tabs-by-scope'\n\nexport const setDetailsPanelTabForScope = (scope: string, tab: DetailsPanelTab) => {\n  const current = readLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n  writeLocalStorage(TABS_BY_SCOPE_KEY, { ...current, [scope]: tab })\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n\n  // derived from localStorage state, which useLocalStorage keeps in sync across hook instances\n  const storedTab = tabsByScope[scope]\n  const currentTab = isDetailsPanelTab(storedTab) ? storedTab : getTabForScope(scope)\n\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTabsByScope((prev) => ({ ...prev, [scope]: newTab }))\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","isDeveloperMode","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","TABS_BY_SCOPE_KEY","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","DetailsPanelContext","useDetailsPanelContext","context","useContext","setDetailsPanelTabForScope","current","readLocalStorage","writeLocalStorage","useScopedDetailsPanel","setTabsByScope","storedTab","currentTab","updateTab","newTab","prev","isFeed"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useState } from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage, readLocalStorage, writeLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\nimport { DetailsPanelContext } from './DetailsPanelContextInstance'\nimport { BundleMode, getBundleModeFromUser } from '@shared/util'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  bundleMode: BundleMode\n  isGuest: boolean\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => void\n}\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const bundleMode = getBundleModeFromUser(user)\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\n\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabByScope] = useLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    bundleMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsPanelProvider')\n  }\n  return context\n}\n\nconst TABS_BY_SCOPE_KEY = 'details/tabs-by-scope'\n\nexport const setDetailsPanelTabForScope = (scope: string, tab: DetailsPanelTab) => {\n  const current = readLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n  writeLocalStorage(TABS_BY_SCOPE_KEY, { ...current, [scope]: tab })\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(TABS_BY_SCOPE_KEY, {})\n\n  // derived from localStorage state, which useLocalStorage keeps in sync across hook instances\n  const storedTab = tabsByScope[scope]\n  const currentTab = isDetailsPanelTab(storedTab) ? storedTab : getTabForScope(scope)\n\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTabsByScope((prev) => ({ ...prev, [scope]: newTab }))\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","bundleMode","getBundleModeFromUser","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","TABS_BY_SCOPE_KEY","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","DetailsPanelContext","useDetailsPanelContext","context","useContext","setDetailsPanelTabForScope","current","readLocalStorage","writeLocalStorage","useScopedDetailsPanel","setTabsByScope","storedTab","currentTab","updateTab","newTab","prev","isFeed"],"mappings":"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"}