@pitcher/canvas-ui 2026.1.14-133826-beta → 2026.1.14-133846-beta

package/canvas-ui.js

@@ -88219,15 +88219,14 @@ async function crmQueryAdaptive(payload) {
   } catch {
     useSmartStore = false;
   }
-  console.log(`[crmQueryAdaptive] Called query: `, query2);
+  console.log(`crmQueryAdaptive called with the query: `, query2);
   if (useSmartStore) {
     const fields = extractFieldsFromSoql(query2);
     const objectName = extractObjectFromSoql(query2);
     const smartQuery = convertSoqlToSmartQuery(query2);
-    console.log(`[crmSmartQuery] Called query: `, smartQuery);
+    console.log(`Smart Query: `, smartQuery);
     const smartStoreResults = await crmSmartQuery({ query: smartQuery });
     const records = transformSmartStoreResults(smartStoreResults, fields, objectName);
-    console.log(`[SmartStore] Results: `, records);
     return {
       records,
       totalSize: records.length
@@ -99253,25 +99252,6 @@ const INITIAL_CALL_STATE = {
 };
 
 const realTimeExtraCrmShape = ref({});
-function buildSchemaFromData(data) {
-  if (data === null || data === void 0) {
-    return null;
-  }
-  if (Array.isArray(data)) {
-    if (data.length === 0) {
-      return [];
-    }
-    return [buildSchemaFromData(data[0])];
-  }
-  if (typeof data === "object") {
-    const schema = {};
-    for (const [key, value] of Object.entries(data)) {
-      schema[key] = buildSchemaFromData(value);
-    }
-    return schema;
-  }
-  return null;
-}
 function isEmptyValue(value) {
   return !value || typeof value === "string" && value.trim() === "";
 }
@@ -99291,7 +99271,6 @@ function removeEmptyValues(obj) {
   return result;
 }
 function useCrmShape() {
-  const { activeCanvas } = useCanvas$1();
   const call = useLocalStorage(CALL_STORAGE_KEY, INITIAL_CALL_STATE, {
     deep: true,
     listenToStorageChanges: true
@@ -99308,13 +99287,6 @@ function useCrmShape() {
     "myUser",
     computed(() => null)
   );
-  const pitcherDataSchema = computed(() => {
-    const pitcherData = activeCanvas.value?.context?.pitcher_data;
-    if (!pitcherData || typeof pitcherData !== "object") {
-      return {};
-    }
-    return { pitcher_data: buildSchemaFromData(pitcherData) };
-  });
   function getDefaultCrmShape({
     accountName = "",
     myUser: myUser2 = null,
@@ -99353,9 +99325,7 @@ function useCrmShape() {
         showDefault: !!launchDarkly.value.enable_default_crm_shape
       }),
       isEmpty(realTimeExtraCrmShape.value) ? {} : realTimeExtraCrmShape.value,
-      isEmpty(extraCrmShape.value) ? {} : extraCrmShape.value,
-      // Derive schema from actual pitcher_data in canvas context
-      isEmpty(pitcherDataSchema.value) ? {} : pitcherDataSchema.value
+      isEmpty(extraCrmShape.value) ? {} : extraCrmShape.value
     );
   });
   return {
@@ -109616,9 +109586,11 @@ const _sfc_main$4U = /* @__PURE__ */ defineComponent({
 function filterByItemVisibility(items) {
   const isAdmin = state$3.appName.value === "admin";
   return items.reduce((acc, item) => {
+    const hasCountData = "files_count" in item || "folders_count" in item || "available_files_count" in item || "available_folders_count" in item;
     const filesCount = item.available_files_count ?? item.files_count ?? 0;
     const foldersCount = item.available_folders_count ?? item.folders_count ?? 0;
-    const shouldHideItem = item.name?.startsWith(".") || item.type == "folder" && filesCount === 0 && foldersCount === 0 || item.folder?.file_thumbnail_urls?.length === 0;
+    const isFolderEmpty = item.type == "folder" && hasCountData && filesCount === 0 && foldersCount === 0;
+    const shouldHideItem = item.name?.startsWith(".") || isFolderEmpty || item.folder?.file_thumbnail_urls?.length === 0;
     if (!shouldHideItem && !isAdmin || isAdmin) {
       acc.push({
         ...item,
@@ -109995,7 +109967,8 @@ const getInitialState$1 = () => ({
   // instance metadata template fields dictionary
   searchQuery: "",
   searchMetadataFilters: {},
-  filteredItems: []
+  filteredItems: [],
+  folderCache: {}
 });
 const state$2 = reactive(getInitialState$1());
 const fileOrderedStatuses = [FileStatusEnum.PENDING, FileStatusEnum.VIEWABLE];
@@ -110080,6 +110053,15 @@ function updateFolderState(folder) {
   state$2.folders = folder.folders;
   state$2.files = folder.files;
   state$2.currentFolderPath = folder.path;
+  folder.folders.forEach((subfolder) => {
+    state$2.folderCache[subfolder.id] = {
+      files_count: subfolder.files_count,
+      folders_count: subfolder.folders_count,
+      available_files_count: subfolder.available_files_count,
+      available_folders_count: subfolder.available_folders_count,
+      timestamp: Date.now()
+    };
+  });
   if (useAppStore$4().showFilteredResults.value) {
     const filesById = new Map(state$2.files.map((file) => [file.id, file]));
     state$2.filteredItems = state$2.filteredItems.map((filteredItem) => {
@@ -110344,7 +110326,24 @@ function init({
       }
       let filteredFolders = [];
       if (!hasMetadataFilters && foldersResponse.status === "fulfilled" && foldersResponse.value) {
-        filteredFolders = foldersResponse.value.results?.map((f) => ({ ...f, type: "folder" })) ?? [];
+        const foldersFromSearch = foldersResponse.value.results ?? [];
+        filteredFolders = foldersFromSearch.map((folder) => {
+          const cached = state$2.folderCache[folder.id];
+          if (cached) {
+            const result = {
+              ...folder,
+              type: "folder"
+            };
+            if (cached.files_count !== void 0) result.files_count = cached.files_count;
+            if (cached.folders_count !== void 0) result.folders_count = cached.folders_count;
+            if (cached.available_files_count !== void 0) result.available_files_count = cached.available_files_count;
+            if (cached.available_folders_count !== void 0) {
+              result.available_folders_count = cached.available_folders_count;
+            }
+            return result;
+          }
+          return { ...folder, type: "folder" };
+        });
       } else if (!hasMetadataFilters && !useAppStore$4().isLocalSearch.value) {
         console.error(
           "Failed to fetch folders:",
@@ -120825,7 +120824,7 @@ const _sfc_main$4k = /* @__PURE__ */ defineComponent({
 
 function useCanvasContext() {
   const { activeCanvas, isPrintDisplayMode, builderCache } = useCanvas$1();
-  const { crmShape, getDefaultCrmShape } = useCrmShape();
+  const { getDefaultCrmShape } = useCrmShape();
   const myUser = inject(
     "myUser",
     computed(() => null)
@@ -120857,21 +120856,14 @@ function useCanvasContext() {
     builderCache.value[sectionOverrideKey] = mergedCtx;
     return mergedCtx;
   };
-  const fullContext = computed(() => {
+  const crmShape = computed(() => getDefaultCrmShape({ myUser: myUser.value }));
+  const crmShapeWithSectionCtx = computed(() => {
     const mergedCtx = getSectionCtx();
-    const defaultShape = getDefaultCrmShape({
-      myUser: myUser.value,
-      showDefault: true
-    });
-    return mergeWith({}, defaultShape, crmShape.value ?? {}, mergedCtx, (_objValue, srcValue) => {
-      if (Array.isArray(srcValue)) {
-        return srcValue;
-      }
-      return void 0;
-    });
+    return !isEmpty(crmShape.value) ? { ...mergedCtx, ...crmShape.value } : mergedCtx;
   });
   return {
-    fullContext
+    getSectionCtx,
+    crmShapeWithSectionCtx
   };
 }
 
@@ -120917,10 +120909,10 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   __name: "SelectionPanel",
   setup(__props) {
     useCssVars((_ctx) => ({
-      "7e857d3a": unref(themeVars).text,
-      "7e7d3ede": unref(themeVars).base,
-      "e1e1c7fe": unref(themeVars).primary6,
-      "e1e1c804": unref(themeVars).primary3
+      "6fe3245a": unref(themeVars).text,
+      "6fdae5fe": unref(themeVars).base,
+      "85f799be": unref(themeVars).primary6,
+      "85f799c4": unref(themeVars).primary3
     }));
     const { t } = useI18n();
     const { renderContentType, isFileExpired, isFileExpiring } = useFileDisplayHelpers();
@@ -120942,7 +120934,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
       "launchDarkly",
       computed(() => ({}))
     );
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const draggableItems = computed({
       get: () => isDragNDropEnabled.value ? addedItems.value : selectedItems.value,
@@ -120957,7 +120949,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
     function getParsedUrl(url) {
       if (!url || !isCrmShapeEnabled.value) return url;
       try {
-        return renderTemplate(url, fullContext.value);
+        return renderTemplate(url, crmShapeWithSectionCtx.value);
       } catch (error) {
         console.warn("Failed to parse template in external URL, using original URL:", error);
         return url;
@@ -121261,7 +121253,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-05db071e"]]);
+const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-aa03fa77"]]);
 
 const _hoisted_1$3q = { class: "flex justify-between gap-2 items-center truncate py-1" };
 const _hoisted_2$2z = {
@@ -123793,13 +123785,13 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
       computed(() => ({}))
     );
     const { crmShape } = useCrmShape();
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const parsedUrl = computed(() => {
       if (!url.value.trim()) return url.value;
       if (!isCrmShapeEnabled.value) return url.value;
       try {
-        return renderTemplate(url.value, fullContext.value);
+        return renderTemplate(url.value, crmShapeWithSectionCtx.value);
       } catch (error) {
         console.error("Error parsing URL template:", error);
         return url.value;
@@ -123905,7 +123897,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-ba7b39ff"]]);
+const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-1287b675"]]);
 
 const _hoisted_1$3d = { class: "mr-3 h-full" };
 const _hoisted_2$2m = { class: "flex flex-col gap-3 mb-3" };
@@ -137726,37 +137718,19 @@ function useComponentPermissions({
       isAnyTypeOfAdmin: false
     }))
   );
-  const launchDarkly = inject(
-    "launchDarkly",
-    computed(() => ({}))
-  );
-  const { canvasContent, activeCanvas } = useCanvas$1();
+  const { canvasContent } = useCanvas$1();
   return computed(() => {
-    if (usedInSectionId.value) {
-      const parent = findParentByNodeId(canvasContent.value, id.value);
-      const canRemove = !!when_used_in_section.value?.is_removable;
-      const canEdit = !!when_used_in_section.value?.is_editable;
-      const canDuplicate = parent ? !!parent.when_used_in_section?.is_editable : false;
-      return {
-        hasSomethingEditable: canEdit || canRemove || canDuplicate,
-        canRemove,
-        canEdit,
-        canDuplicate
-      };
-    }
-    const hasExplicitPermissions = when_used_in_section.value !== null && when_used_in_section.value !== void 0 && (when_used_in_section.value.is_editable !== void 0 || when_used_in_section.value.is_removable !== void 0);
-    if (activeCanvas.value?.template?.id && launchDarkly.value.enable_template_component_permissions && hasExplicitPermissions) {
-      const canRemove = !!when_used_in_section.value?.is_removable;
-      const canEdit = !!when_used_in_section.value?.is_editable;
-      const canDuplicate = canEdit;
-      return {
-        hasSomethingEditable: canEdit || canRemove || canDuplicate,
-        canRemove,
-        canEdit,
-        canDuplicate
-      };
-    }
-    return calculateCanvasPermissions(id.value, !!pitcherInfo.value?.isAnyTypeOfAdmin);
+    if (!usedInSectionId.value) return calculateCanvasPermissions(id.value, !!pitcherInfo.value?.isAnyTypeOfAdmin);
+    const parent = findParentByNodeId(canvasContent.value, id.value);
+    const canRemove = !!when_used_in_section.value?.is_removable;
+    const canEdit = !!when_used_in_section.value?.is_editable;
+    const canDuplicate = parent ? !!parent.when_used_in_section?.is_editable : false;
+    return {
+      hasSomethingEditable: canEdit || canRemove || canDuplicate,
+      canRemove,
+      canEdit,
+      canDuplicate
+    };
   });
 }
 
@@ -148009,7 +147983,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     } = useCanvas$1();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
     const { getDerivedStyleFromFeatureFlags } = useComponentStyle(componentNode);
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const { setContentSelectorMode } = useContentSelector();
     const confirmation = useConfirmation();
     const themeVars = useThemeVars();
@@ -148162,7 +148136,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
         try {
           return {
             ...value,
-            external_url: renderTemplate(value.external_url, fullContext.value)
+            external_url: renderTemplate(value.external_url, crmShapeWithSectionCtx.value)
           };
         } catch (error) {
           console.warn("Failed to parse template in external URL, using original URL:", error);
@@ -148680,7 +148654,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
       setCanvasMetadata,
       isImpact
     } = useCanvas$1();
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const { coreRestApiAxios } = useCoreApi();
     const { applyPrintModeToElement } = usePrintMode();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
@@ -148737,7 +148711,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     const memoizedModelValue = computed(() => getModelValue(computedTextProps.value.data?.content));
     function getModelValue(value = "") {
       if (!shouldInterpolate.value || !value.trim()) return value;
-      return renderTemplate(value, fullContext.value);
+      return renderTemplate(value, crmShapeWithSectionCtx.value);
     }
     const debouncedUpdateNodeData = debounce((data2, nodeId, sectionId) => {
       return updateNodeData(data2, nodeId, sectionId);
@@ -148845,7 +148819,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
               );
               applyPrintModeToElement(contentElement.value, () => {
                 const content = computedTextProps.value.data?.content || "";
-                return shouldInterpolate.value ? renderTemplate(content, fullContext.value) : content;
+                return shouldInterpolate.value ? renderTemplate(content, crmShapeWithSectionCtx.value) : content;
               });
               if (enableScaleContent && spanStyles) {
                 setTimeout(() => {
@@ -148957,7 +148931,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-73a884c3"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-b2424519"]]);
 
 const _hoisted_1$1Q = { class: "absolute top-2 right-2 flex items-center gap-1 z-10" };
 const _hoisted_2$1m = { class: "text-xs" };
@@ -156733,9 +156707,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     visible: {},
     allow_admins_to_overwrite: { type: Boolean },
     style: {},
-    printModeIdx: {},
-    when_used_in_section: { default: () => defaultWhenUsedInSection },
-    usedInSectionId: { default: "" }
+    printModeIdx: {}
   },
   emits: ["style"],
   setup(__props, { emit: __emit }) {
@@ -156750,42 +156722,12 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
       computed(() => [])
     );
     const { isCompletionWizardEnabled, retriggerWizard } = useCanvasCompletionWizard();
-    const {
-      isImpact,
-      mode,
-      isEditMode,
-      componentSelectedMode,
-      isViewOnlyMode,
-      componentEditMode,
-      componentNodesById,
-      activeCanvas,
-      saveCanvasContentWithContext,
-      removeComponentById,
-      setComponentSelectedMode,
-      setComponentSettingsMode,
-      updateNodeDataById,
-      canvasContent
-    } = useCanvas$1();
-    const { id, usedInSectionId, when_used_in_section } = toRefs(props);
-    const componentPermissions = useComponentPermissions({
-      id,
-      usedInSectionId,
-      when_used_in_section
-    });
-    const isEditable = computed(() => {
-      if (!componentPermissions.value.canEdit) return false;
-      if (isImpact.value) {
-        return !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id);
-      }
-      return true;
-    });
-    const isRemovable = computed(() => {
-      if (!componentPermissions.value.canRemove) return false;
-      if (isImpact.value) {
-        return !props.data.selection_strategy || props.data.selection_strategy === "free";
-      }
-      return true;
-    });
+    const isEditable = computed(
+      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id) : true
+    );
+    const isRemovable = computed(
+      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" : true
+    );
     const sectionSelectorAppSrc = computed(() => {
       if (!sectionSelectorApps.value?.length || !props.data.selection_app_name) return null;
       const relatedApp = sectionSelectorApps.value.find((app) => app.app_metadata?.name === props.data.selection_app_name);
@@ -156852,7 +156794,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           async (selectedData) => {
             console.info(`[SectionList]: Received done callback for ${props.id} with data`, selectedData);
             if (!selectedData) return;
-            const sections = (selectedData?.section_ids || []).map((id2) => ({ id: typeof id2 === "string" ? id2 : id2.id }));
+            const sections = (selectedData?.section_ids || []).map((id) => ({ id: typeof id === "string" ? id : id.id }));
             const updatedData = { ...props.data, sections };
             updateNodeDataById(props.id, updatedData);
             const currentContext = cloneDeep(activeCanvas.value?.context || {});
@@ -156878,6 +156820,22 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
         sectionListRef.value?.toggleSectionSelector();
       }
     }
+    const {
+      isImpact,
+      mode,
+      isEditMode,
+      componentSelectedMode,
+      isViewOnlyMode,
+      componentEditMode,
+      componentNodesById,
+      activeCanvas,
+      saveCanvasContentWithContext,
+      removeComponentById,
+      setComponentSelectedMode,
+      setComponentSettingsMode,
+      updateNodeDataById,
+      canvasContent
+    } = useCanvas$1();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         unref(shouldDisplayPlaceholderComponent)(unref(isEditMode), unref(mode), _ctx.visible) ? (openBlock(), createBlock(PlaceholderComponent, {
@@ -156885,25 +156843,25 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           name: _ctx.tracking_id
         }, null, 8, ["name"])) : unref(isEditMode) && !unref(isViewOnlyMode) ? (openBlock(), createBlock(_sfc_main$34, {
           key: 1,
-          id: unref(id),
-          active: unref(componentEditMode) && unref(componentEditMode)?.id === unref(id),
+          id: _ctx.id,
+          active: unref(componentEditMode) && unref(componentEditMode)?.id === _ctx.id,
           class: normalizeClass({ "mt-12": sectionListName.value }),
           edit: isEditable.value,
           "exclude-stylables": [unref(ThemeComponentOptionEnum).COLOR_PICKER],
           remove: isRemovable.value,
-          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === unref(id),
+          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === _ctx.id,
           settings: "",
           stylable: "",
           style: normalizeStyle(unref(omit$1)(_ctx.style, "paddingBottom", "paddingLeft", "paddingTop", "paddingRight")),
           onEdit: handleEdit,
-          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(unref(id))),
-          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(unref(id))),
-          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(unref(id))),
+          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(_ctx.id)),
+          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(_ctx.id)),
+          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(_ctx.id)),
           onStyle: _cache[3] || (_cache[3] = ($event) => emit("style", $event))
         }, {
           default: withCtx(() => [
             createVNode(RawSectionList, mergeProps({
-              id: unref(id),
+              id: _ctx.id,
               ref_key: "sectionListRef",
               ref: sectionListRef,
               class: "pa-2",
@@ -156921,7 +156879,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["id", "active", "class", "edit", "exclude-stylables", "remove", "selected", "style"])) : (openBlock(), createBlock(RawSectionList, mergeProps({
           key: 2,
-          id: unref(id),
+          id: _ctx.id,
           data: _ctx.data
         }, unref(attrs), {
           "has-section-selector-app": !!sectionSelectorAppSrc.value,
@@ -159449,8 +159407,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     autofill: {},
     linkable: {},
     autofill_content_types: {},
-    when_used_in_section: { default: () => defaultWhenUsedInSection },
-    usedInSectionId: { default: "" }
+    when_used_in_section: {}
   },
   emits: ["style"],
   setup(__props, { emit: __emit }) {
@@ -159461,42 +159418,12 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
       computed(() => [])
     );
     const { isCompletionWizardEnabled, retriggerWizard } = useCanvasCompletionWizard();
-    const {
-      isImpact,
-      mode,
-      isEditMode,
-      componentSelectedMode,
-      isViewOnlyMode,
-      componentEditMode,
-      componentNodesById,
-      activeCanvas,
-      saveCanvasContentWithContext,
-      removeComponentById,
-      setComponentSelectedMode,
-      setComponentSettingsMode,
-      updateNodeDataById,
-      canvasContent
-    } = useCanvas$1();
-    const { id, usedInSectionId, when_used_in_section } = toRefs(props);
-    const componentPermissions = useComponentPermissions({
-      id,
-      usedInSectionId,
-      when_used_in_section
-    });
-    const isEditable = computed(() => {
-      if (!componentPermissions.value.canEdit) return false;
-      if (isImpact.value) {
-        return !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id);
-      }
-      return true;
-    });
-    const isRemovable = computed(() => {
-      if (!componentPermissions.value.canRemove) return false;
-      if (isImpact.value) {
-        return !props.data.selection_strategy || props.data.selection_strategy === "free";
-      }
-      return true;
-    });
+    const isEditable = computed(
+      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id) : true
+    );
+    const isRemovable = computed(
+      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" : true
+    );
     const sectionSelectorAppSrc = computed(() => {
       if (!sectionSelectorApps.value?.length || !props.data.selection_app_name) return null;
       const relatedApp = sectionSelectorApps.value.find((app) => app.app_metadata?.name === props.data.selection_app_name);
@@ -159562,7 +159489,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           async (selectedData) => {
             console.info(`[SectionList]: Received done callback for ${props.id} with data`, selectedData);
             if (!selectedData) return;
-            const sections = (selectedData?.section_ids || []).map((id2) => ({ id: typeof id2 === "string" ? id2 : id2.id }));
+            const sections = (selectedData?.section_ids || []).map((id) => ({ id: typeof id === "string" ? id : id.id }));
             const updatedData = { ...props.data, sections };
             updateNodeDataById(props.id, updatedData);
             const currentContext = cloneDeep(activeCanvas.value?.context || {});
@@ -159588,6 +159515,22 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         contentListRef.value?.toggleSectionSelector();
       }
     }
+    const {
+      isImpact,
+      mode,
+      isEditMode,
+      componentSelectedMode,
+      isViewOnlyMode,
+      componentEditMode,
+      componentNodesById,
+      activeCanvas,
+      saveCanvasContentWithContext,
+      removeComponentById,
+      setComponentSelectedMode,
+      setComponentSettingsMode,
+      updateNodeDataById,
+      canvasContent
+    } = useCanvas$1();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         unref(shouldDisplayPlaceholderComponent)(unref(isEditMode), unref(mode), _ctx.visible) ? (openBlock(), createBlock(PlaceholderComponent, {
@@ -159595,25 +159538,25 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           name: _ctx.tracking_id
         }, null, 8, ["name"])) : unref(isEditMode) && !unref(isViewOnlyMode) ? (openBlock(), createBlock(_sfc_main$34, {
           key: 1,
-          id: unref(id),
-          active: unref(componentEditMode) && unref(componentEditMode)?.id === unref(id),
+          id: _ctx.id,
+          active: unref(componentEditMode) && unref(componentEditMode)?.id === _ctx.id,
           class: normalizeClass({ "mt-12": componentName.value }),
           edit: isEditable.value,
           "exclude-stylables": [unref(ThemeComponentOptionEnum).COLOR_PICKER],
           remove: isRemovable.value,
-          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === unref(id),
+          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === _ctx.id,
           settings: "",
           stylable: "",
           style: normalizeStyle(unref(omit$1)(_ctx.style, "paddingBottom", "paddingLeft", "paddingTop", "paddingRight")),
           onEdit: handleEdit,
-          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(unref(id))),
-          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(unref(id))),
-          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(unref(id))),
+          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(_ctx.id)),
+          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(_ctx.id)),
+          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(_ctx.id)),
           onStyle: _cache[3] || (_cache[3] = ($event) => emit("style", $event))
         }, {
           default: withCtx(() => [
             createVNode(ContentListRaw, mergeProps({
-              id: unref(id),
+              id: _ctx.id,
               ref_key: "contentListRef",
               ref: contentListRef,
               class: ["pa-2", props.class],
@@ -159631,7 +159574,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["id", "active", "class", "edit", "exclude-stylables", "remove", "selected", "style"])) : (openBlock(), createBlock(ContentListRaw, mergeProps({
           key: 2,
-          id: unref(id),
+          id: _ctx.id,
           data: _ctx.data
         }, unref(attrs), {
           "has-section-selector-app": !!sectionSelectorAppSrc.value,
@@ -162517,9 +162460,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       isCanvasTemplate,
       isCanvas,
       isTemplate,
-      isSection,
-      parentIdByNodeId,
-      componentNodesById
+      isSection
     } = useCanvas$1();
     const { getComponentDefaultVisibility } = useCanvasVisibility();
     const { crmShape } = useCrmShape();
@@ -162545,7 +162486,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     );
     const areSectionsSystemControlled = computed(() => launchDarkly.value?.are_sections_system_controlled);
     const allowEditOrRemove = computed(
-      () => isAdmin.value && ((selectedComponentType.value === ComponentTypes.Text || selectedComponentType.value === ComponentTypes.Carousel || selectedComponentType.value === ComponentTypes.Multimedia) && isSection.value || launchDarkly.value.enable_template_component_permissions && isCanvasTemplate.value)
+      () => (selectedComponentType.value === ComponentTypes.Text || selectedComponentType.value === ComponentTypes.Carousel || selectedComponentType.value === ComponentTypes.Multimedia) && isAdmin.value && isSection.value
     );
     const canSelectSectionListStrategy = computed(
       () => isAdmin.value && isCanvasTemplate.value && isSectionOrContentList.value
@@ -162606,27 +162547,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       selectedContentGridDataPath.value = value || "";
       formValues.contentGridDataAccessor = value || "";
     }
-    function isComponentInsideSectionList() {
-      if (!activeSettingsNode.value?.id) return false;
-      let currentParentId = parentIdByNodeId.value[activeSettingsNode.value.id];
-      while (currentParentId) {
-        const parentNode = componentNodesById.value[currentParentId];
-        if (parentNode?.type === ComponentTypes.SectionList || parentNode?.type === ComponentTypes.ContentList) {
-          return true;
-        }
-        currentParentId = parentIdByNodeId.value[currentParentId];
-      }
-      return false;
-    }
     function getEditOrRemoveOption() {
-      if (!activeSettingsNode.value?.when_used_in_section) {
-        if (launchDarkly.value.enable_template_component_permissions && isCanvasTemplate.value && !isSection.value) {
-          if (isComponentInsideSectionList()) {
-            return "00";
-          }
-          return "11";
-        }
-      }
       const map = activeSettingsNode.value?.when_used_in_section ?? cloneDeep(defaultWhenUsedInSection);
       let value = "";
       value += map.is_editable ? "1" : "0";
@@ -163128,7 +163049,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-7724d85a"]]);
+const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-dce6a881"]]);
 
 function useConnectUpload() {
   async function uploadToConnect(formData) {
@@ -176361,10 +176282,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ActionsToolbar",
   setup(__props) {
     useCssVars((_ctx) => ({
-      "c6ccac5c": unref(themeVars).primary4,
-      "3edbaaa2": unref(themeVars).primary,
-      "c6ccac58": unref(themeVars).primary6,
-      "0f45ae31": unref(themeVars).base
+      "6b5e9219": unref(themeVars).primary4,
+      "3d451d7b": unref(themeVars).primary,
+      "6b5e921b": unref(themeVars).primary6,
+      "42dfd1f8": unref(themeVars).base
     }));
     const {
       toggleContentPanel,
@@ -176592,7 +176513,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         return (nameMatch || createdByMatch || tagMatch) && metadataMatch;
       });
       const folderResults = folders.map((folder) => {
-        return {
+        const result = {
           id: folder.id,
           name: folder.name,
           folder_id: apiState.currentFolderId,
@@ -176604,6 +176525,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           file_thumbnail_urls: folder.file_thumbnail_urls,
           thumbnail_url: folder.thumbnail_url
         };
+        if (folder.files_count !== void 0) result.files_count = folder.files_count;
+        if (folder.folders_count !== void 0) result.folders_count = folder.folders_count;
+        if (folder.available_files_count !== void 0) result.available_files_count = folder.available_files_count;
+        if (folder.available_folders_count !== void 0) result.available_folders_count = folder.available_folders_count;
+        return result;
       });
       const fileResults = files.map((file) => {
         return {
@@ -176832,7 +176758,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ActionsToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-fecebf5a"]]);
+const ActionsToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-41ca4793"]]);
 
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FavoritesTable",
@@ -183754,14 +183680,8 @@ function getEventColor(sfEvent) {
   } else {
     isSubmitted = false;
   }
-  const now = /* @__PURE__ */ new Date();
   if (isSubmitted) return SfEventColors.SUBMITTED;
-  else if (sfEvent.IsAllDayEvent) {
-    const endDate = new Date(sfEvent.EndDateTime);
-    const todayStart = startOfDay(now);
-    const endDayStart = startOfDay(endDate);
-    return isAfter$1(todayStart, endDayStart) ? SfEventColors.PAST : SfEventColors.PLANNED;
-  } else if (isAfter$1(now, new Date(sfEvent.EndDateTime))) return SfEventColors.PAST;
+  else if (isAfter$1(/* @__PURE__ */ new Date(), new Date(sfEvent.EndDateTime))) return SfEventColors.PAST;
   else return SfEventColors.PLANNED;
 }
 const minFutureDate = (date = /* @__PURE__ */ new Date()) => add(date, { minutes: MIN_DIFFERENCE_IN_MINUTES });