@payloadcms/ui 3.43.0-internal.693bd81 → 3.43.0

package/dist/elements/FolderView/Drawers/MoveToFolder/index.js

@@ -4,10 +4,12 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import { formatFolderOrDocumentItem } from 'payload/shared';
+import { extractID } from 'payload/shared';
 import React from 'react';
-import { useConfig } from '../../../../providers/Config/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
 import { FolderProvider, useFolder } from '../../../../providers/Folders/index.js';
+import { useRouteCache } from '../../../../providers/RouteCache/index.js';
+import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { Button } from '../../../Button/index.js';
 import { ConfirmationModal } from '../../../ConfirmationModal/index.js';
@@ -21,7 +23,6 @@ import { NoListResults } from '../../../NoListResults/index.js';
 import { Translation } from '../../../Translation/index.js';
 import { FolderBreadcrumbs } from '../../Breadcrumbs/index.js';
 import { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js';
-import { ItemCardGrid } from '../../ItemCardGrid/index.js';
 import './index.scss';
 const baseClass = 'move-folder-drawer';
 const baseModalSlug = 'move-folder-drawer';
@@ -38,141 +39,156 @@ export function MoveItemsToFolderDrawer(props) {
 }
 function LoadFolderData(props) {
   const {
-    config: {
-      routes,
-      serverURL
-    }
-  } = useConfig();
+    permissions
+  } = useAuth();
   const [subfolders, setSubfolders] = React.useState([]);
   const [documents, setDocuments] = React.useState([]);
   const [breadcrumbs, setBreadcrumbs] = React.useState([]);
+  const [FolderResultsComponent, setFolderResultsComponent] = React.useState(null);
   const [hasLoaded, setHasLoaded] = React.useState(false);
-  React.useEffect(() => {
-    const onLoad = async () => {
-      // call some endpoint to load the data
-      try {
-        const folderDataReq = await fetch(`${serverURL}${routes.api}/${props.folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`, {
-          credentials: 'include',
-          headers: {
-            'content-type': 'application/json'
-          }
-        });
-        if (folderDataReq.status === 200) {
-          const folderDataRes = await folderDataReq.json();
-          setBreadcrumbs(folderDataRes?.breadcrumbs || []);
-          setSubfolders(folderDataRes?.subfolders || []);
-          setDocuments(folderDataRes?.documents || []);
-        } else {
-          setBreadcrumbs([]);
-          setSubfolders([]);
-          setDocuments([]);
-        }
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error(e);
-      }
+  const [folderID, setFolderID] = React.useState(props.fromFolderID || null);
+  const hasLoadedRef = React.useRef(false);
+  const {
+    getFolderResultsComponentAndData
+  } = useServerFunctions();
+  const populateMoveToFolderDrawer = React.useCallback(async folderIDToPopulate => {
+    try {
+      const result = await getFolderResultsComponentAndData({
+        activeCollectionSlugs: [props.folderCollectionSlug],
+        browseByFolder: false,
+        displayAs: 'grid',
+        folderID: folderIDToPopulate,
+        sort: '_folderOrDocumentTitle'
+      });
+      setBreadcrumbs(result.breadcrumbs || []);
+      setSubfolders(result?.subfolders || []);
+      setDocuments(result?.documents || []);
+      setFolderResultsComponent(result.FolderResultsComponent || null);
+      setFolderID(folderIDToPopulate);
       setHasLoaded(true);
-    };
-    if (!hasLoaded) {
-      void onLoad();
+    } catch (e) {
+      setBreadcrumbs([]);
+      setSubfolders([]);
+      setDocuments([]);
+    }
+    hasLoadedRef.current = true;
+  }, [getFolderResultsComponentAndData, props.folderCollectionSlug]);
+  React.useEffect(() => {
+    if (!hasLoadedRef.current) {
+      void populateMoveToFolderDrawer(props.fromFolderID);
     }
-  }, [props.folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID]);
+  }, [populateMoveToFolderDrawer, props.fromFolderID]);
   if (!hasLoaded) {
     return /*#__PURE__*/_jsx(LoadingOverlay, {});
   }
   return /*#__PURE__*/_jsx(FolderProvider, {
+    allCollectionFolderSlugs: [props.folderCollectionSlug],
+    allowCreateCollectionSlugs: permissions.collections[props.folderCollectionSlug]?.create ? [props.folderCollectionSlug] : [],
     allowMultiSelection: false,
     breadcrumbs: breadcrumbs,
     documents: documents,
-    folderCollectionSlugs: [],
     folderFieldName: props.folderFieldName,
-    folderID: props.fromFolderID,
+    folderID: folderID,
+    FolderResultsComponent: FolderResultsComponent,
+    onItemClick: async item => {
+      await populateMoveToFolderDrawer(item.value.id);
+    },
     subfolders: subfolders,
     children: /*#__PURE__*/_jsx(Content, {
-      ...props
+      ...props,
+      populateMoveToFolderDrawer: populateMoveToFolderDrawer
     })
-  });
+  }, folderID);
 }
 function Content(t0) {
-  const $ = _c(59);
+  const $ = _c(76);
   let drawerSlug;
+  let fromFolderID;
   let fromFolderName;
   let itemsToMove;
   let onConfirm;
+  let populateMoveToFolderDrawer;
   let props;
   let skipConfirmModal;
   if ($[0] !== t0) {
     ({
       drawerSlug,
+      fromFolderID,
       fromFolderName,
       itemsToMove,
       onConfirm,
+      populateMoveToFolderDrawer,
       skipConfirmModal,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = drawerSlug;
-    $[2] = fromFolderName;
-    $[3] = itemsToMove;
-    $[4] = onConfirm;
-    $[5] = props;
-    $[6] = skipConfirmModal;
+    $[2] = fromFolderID;
+    $[3] = fromFolderName;
+    $[4] = itemsToMove;
+    $[5] = onConfirm;
+    $[6] = populateMoveToFolderDrawer;
+    $[7] = props;
+    $[8] = skipConfirmModal;
   } else {
     drawerSlug = $[1];
-    fromFolderName = $[2];
-    itemsToMove = $[3];
-    onConfirm = $[4];
-    props = $[5];
-    skipConfirmModal = $[6];
+    fromFolderID = $[2];
+    fromFolderName = $[3];
+    itemsToMove = $[4];
+    onConfirm = $[5];
+    populateMoveToFolderDrawer = $[6];
+    props = $[7];
+    skipConfirmModal = $[8];
   }
+  const {
+    clearRouteCache
+  } = useRouteCache();
   const {
     closeModal,
+    isModalOpen,
     openModal
   } = useModal();
   let t1;
-  if ($[7] !== itemsToMove) {
+  if ($[9] !== itemsToMove) {
     t1 = () => itemsToMove.length;
-    $[7] = itemsToMove;
-    $[8] = t1;
+    $[9] = itemsToMove;
+    $[10] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[10];
   }
   const [count] = React.useState(t1);
+  const [folderAddedToUnderlyingFolder, setFolderAddedToUnderlyingFolder] = React.useState(false);
   const {
     i18n,
     t
   } = useTranslation();
   const {
-    addItems,
     breadcrumbs,
     folderCollectionConfig,
     folderCollectionSlug,
     folderFieldName,
     folderID,
+    FolderResultsComponent,
     getSelectedItems,
-    setFolderID,
     subfolders
   } = useFolder();
   let t2;
-  if ($[9] !== folderCollectionSlug) {
+  if ($[11] !== folderCollectionSlug) {
     t2 = {
       collectionSlug: folderCollectionSlug
     };
-    $[9] = folderCollectionSlug;
-    $[10] = t2;
+    $[11] = folderCollectionSlug;
+    $[12] = t2;
   } else {
-    t2 = $[10];
+    t2 = $[12];
   }
   const [FolderDocumentDrawer,, t3] = useDocumentDrawer(t2);
   const {
     closeDrawer: closeFolderDrawer,
     openDrawer: openFolderDrawer
   } = t3;
-  const {
-    getEntityConfig
-  } = useConfig();
   let t4;
-  if ($[11] !== breadcrumbs || $[12] !== getSelectedItems) {
+  if ($[13] !== breadcrumbs || $[14] !== getSelectedItems) {
     t4 = () => {
       const selected = getSelectedItems();
       if (selected.length === 0) {
@@ -188,121 +204,159 @@ function Content(t0) {
         };
       }
     };
-    $[11] = breadcrumbs;
-    $[12] = getSelectedItems;
-    $[13] = t4;
+    $[13] = breadcrumbs;
+    $[14] = getSelectedItems;
+    $[15] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[15];
   }
   const getSelectedFolder = t4;
   let t5;
-  if ($[14] !== addItems || $[15] !== folderFieldName || $[16] !== getEntityConfig) {
-    t5 = t6 => {
+  if ($[16] !== folderCollectionSlug || $[17] !== folderID || $[18] !== fromFolderID || $[19] !== populateMoveToFolderDrawer) {
+    t5 = async t6 => {
       const {
         collectionSlug,
         doc
       } = t6;
-      const collectionConfig = getEntityConfig({
-        collectionSlug
-      });
-      addItems([formatFolderOrDocumentItem({
-        folderFieldName,
-        isUpload: Boolean(collectionConfig?.upload),
-        relationTo: collectionSlug,
-        useAsTitle: collectionConfig.admin.useAsTitle,
-        value: doc
-      })]);
+      await populateMoveToFolderDrawer(folderID);
+      if (collectionSlug === folderCollectionSlug && (doc?.folder && fromFolderID === extractID(doc?.folder) || !fromFolderID && !doc?.folder)) {
+        setFolderAddedToUnderlyingFolder(true);
+      }
     };
-    $[14] = addItems;
-    $[15] = folderFieldName;
-    $[16] = getEntityConfig;
-    $[17] = t5;
+    $[16] = folderCollectionSlug;
+    $[17] = folderID;
+    $[18] = fromFolderID;
+    $[19] = populateMoveToFolderDrawer;
+    $[20] = t5;
   } else {
-    t5 = $[17];
+    t5 = $[20];
   }
   const onCreateSuccess = t5;
   let t6;
-  if ($[18] !== getSelectedFolder || $[19] !== onConfirm) {
+  if ($[21] !== getSelectedFolder || $[22] !== onConfirm) {
     t6 = () => {
       if (typeof onConfirm === "function") {
         onConfirm(getSelectedFolder());
       }
     };
-    $[18] = getSelectedFolder;
-    $[19] = onConfirm;
-    $[20] = t6;
+    $[21] = getSelectedFolder;
+    $[22] = onConfirm;
+    $[23] = t6;
   } else {
-    t6 = $[20];
+    t6 = $[23];
   }
   const onConfirmMove = t6;
   let t7;
-  if ($[21] !== closeModal || $[22] !== drawerSlug) {
+  let t8;
+  if ($[24] !== clearRouteCache || $[25] !== drawerSlug || $[26] !== folderAddedToUnderlyingFolder || $[27] !== isModalOpen) {
     t7 = () => {
+      if (!isModalOpen(drawerSlug) && folderAddedToUnderlyingFolder) {
+        setFolderAddedToUnderlyingFolder(false);
+        clearRouteCache();
+      }
+    };
+    t8 = [drawerSlug, isModalOpen, clearRouteCache, folderAddedToUnderlyingFolder];
+    $[24] = clearRouteCache;
+    $[25] = drawerSlug;
+    $[26] = folderAddedToUnderlyingFolder;
+    $[27] = isModalOpen;
+    $[28] = t7;
+    $[29] = t8;
+  } else {
+    t7 = $[28];
+    t8 = $[29];
+  }
+  React.useEffect(t7, t8);
+  let t9;
+  if ($[30] !== closeModal || $[31] !== drawerSlug) {
+    t9 = () => {
       closeModal(drawerSlug);
     };
-    $[21] = closeModal;
-    $[22] = drawerSlug;
-    $[23] = t7;
+    $[30] = closeModal;
+    $[31] = drawerSlug;
+    $[32] = t9;
   } else {
-    t7 = $[23];
+    t9 = $[32];
   }
-  let t8;
-  if ($[24] !== onConfirmMove || $[25] !== openModal || $[26] !== skipConfirmModal) {
-    t8 = () => {
+  let t10;
+  if ($[33] !== onConfirmMove || $[34] !== openModal || $[35] !== skipConfirmModal) {
+    t10 = () => {
       if (skipConfirmModal) {
         onConfirmMove();
       } else {
         openModal(confirmModalSlug);
       }
     };
-    $[24] = onConfirmMove;
-    $[25] = openModal;
-    $[26] = skipConfirmModal;
-    $[27] = t8;
+    $[33] = onConfirmMove;
+    $[34] = openModal;
+    $[35] = skipConfirmModal;
+    $[36] = t10;
   } else {
-    t8 = $[27];
+    t10 = $[36];
   }
-  let t9;
-  if ($[28] !== FolderDocumentDrawer || $[29] !== breadcrumbs || $[30] !== closeFolderDrawer || $[31] !== count || $[32] !== folderCollectionConfig || $[33] !== folderCollectionSlug || $[34] !== folderFieldName || $[35] !== folderID || $[36] !== fromFolderName || $[37] !== getSelectedFolder || $[38] !== i18n || $[39] !== itemsToMove || $[40] !== onConfirmMove || $[41] !== onCreateSuccess || $[42] !== openFolderDrawer || $[43] !== props.action || $[44] !== props.fromFolderID || $[45] !== props.title || $[46] !== setFolderID || $[47] !== skipConfirmModal || $[48] !== subfolders || $[49] !== t || $[50] !== t7 || $[51] !== t8) {
-    let t10;
-    if ($[53] !== breadcrumbs.length || $[54] !== setFolderID) {
-      t10 = breadcrumbs.length ? () => {
-        setFolderID({
-          folderID: null
-        });
+  let t11;
+  if ($[37] !== FolderDocumentDrawer || $[38] !== FolderResultsComponent || $[39] !== breadcrumbs || $[40] !== closeFolderDrawer || $[41] !== count || $[42] !== folderCollectionConfig || $[43] !== folderCollectionSlug || $[44] !== folderFieldName || $[45] !== folderID || $[46] !== fromFolderID || $[47] !== fromFolderName || $[48] !== getSelectedFolder || $[49] !== i18n || $[50] !== onConfirmMove || $[51] !== onCreateSuccess || $[52] !== openFolderDrawer || $[53] !== populateMoveToFolderDrawer || $[54] !== props.action || $[55] !== props.title || $[56] !== skipConfirmModal || $[57] !== subfolders.length || $[58] !== t || $[59] !== t10 || $[60] !== t9) {
+    let t12;
+    if ($[62] !== breadcrumbs.length || $[63] !== populateMoveToFolderDrawer) {
+      t12 = breadcrumbs.length ? () => {
+        populateMoveToFolderDrawer(null);
       } : undefined;
-      $[53] = breadcrumbs.length;
-      $[54] = setFolderID;
-      $[55] = t10;
+      $[62] = breadcrumbs.length;
+      $[63] = populateMoveToFolderDrawer;
+      $[64] = t12;
     } else {
-      t10 = $[55];
+      t12 = $[64];
     }
-    let t11;
-    if ($[56] !== breadcrumbs.length || $[57] !== setFolderID) {
-      t11 = (crumb, index) => ({
+    let t13;
+    if ($[65] !== breadcrumbs.length || $[66] !== populateMoveToFolderDrawer) {
+      t13 = (crumb, index) => ({
         id: crumb.id,
         name: crumb.name,
         onClick: index !== breadcrumbs.length - 1 ? () => {
-          setFolderID({
-            folderID: crumb.id
-          });
+          populateMoveToFolderDrawer(crumb.id);
         } : undefined
       });
-      $[56] = breadcrumbs.length;
-      $[57] = setFolderID;
-      $[58] = t11;
+      $[65] = breadcrumbs.length;
+      $[66] = populateMoveToFolderDrawer;
+      $[67] = t13;
     } else {
-      t11 = $[58];
+      t13 = $[67];
     }
-    t9 = _jsxs(_Fragment, {
+    let t14;
+    if ($[68] !== FolderResultsComponent || $[69] !== folderCollectionConfig || $[70] !== folderCollectionSlug || $[71] !== i18n || $[72] !== onCreateSuccess || $[73] !== subfolders.length || $[74] !== t) {
+      t14 = subfolders.length > 0 ? FolderResultsComponent : _jsx(NoListResults, {
+        Actions: [_jsx(ListCreateNewDocInFolderButton, {
+          buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+          collectionSlugs: [folderCollectionSlug],
+          onCreateSuccess,
+          slugPrefix: "create-new-folder-from-drawer--no-results"
+        }, "create-folder")],
+        Message: _jsx("p", {
+          children: i18n.t("general:noResults", {
+            label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+          })
+        })
+      });
+      $[68] = FolderResultsComponent;
+      $[69] = folderCollectionConfig;
+      $[70] = folderCollectionSlug;
+      $[71] = i18n;
+      $[72] = onCreateSuccess;
+      $[73] = subfolders.length;
+      $[74] = t;
+      $[75] = t14;
+    } else {
+      t14 = $[75];
+    }
+    t11 = _jsxs(_Fragment, {
       children: [_jsx(DrawerActionHeader, {
-        onCancel: t7,
-        onSave: t8,
+        onCancel: t9,
+        onSave: t10,
         saveLabel: t("general:select"),
         title: _jsx(DrawerHeading, {
           action: props.action,
           count,
-          fromFolderName: props.fromFolderID ? fromFolderName : undefined,
+          fromFolderName: fromFolderID ? fromFolderName : undefined,
           title: props.action === "moveItemToFolder" ? props.title : undefined
         })
       }), _jsxs("div", {
@@ -314,8 +368,8 @@ function Content(t0) {
               className: `${baseClass}__folder-breadcrumbs-root`,
               children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
             }),
-            onClick: t10
-          }, ...breadcrumbs.map(t11)]
+            onClick: t12
+          }, ...breadcrumbs.map(t13)]
         }), subfolders.length > 0 && _jsxs(_Fragment, {
           children: [_jsx(Button, {
             buttonStyle: "pill",
@@ -332,12 +386,10 @@ function Content(t0) {
               [folderFieldName]: folderID
             },
             onSave: result => {
-              if (typeof onCreateSuccess === "function") {
-                onCreateSuccess({
-                  collectionSlug: folderCollectionConfig.slug,
-                  doc: result.doc
-                });
-              }
+              onCreateSuccess({
+                collectionSlug: folderCollectionConfig.slug,
+                doc: result.doc
+              });
               closeFolderDrawer();
             },
             redirectAfterCreate: false
@@ -345,24 +397,7 @@ function Content(t0) {
         })]
       }), _jsx(DrawerContentContainer, {
         className: `${baseClass}__body-section`,
-        children: subfolders.length > 0 ? _jsx(ItemCardGrid, {
-          disabledItemKeys: new Set(itemsToMove.map(_temp)),
-          items: subfolders,
-          selectedItemKeys: new Set([`${folderCollectionSlug}-${getSelectedFolder().id}`]),
-          type: "folder"
-        }) : _jsx(NoListResults, {
-          Actions: [_jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
-            collectionSlugs: [folderCollectionSlug],
-            onCreateSuccess,
-            slugPrefix: "create-new-folder-from-drawer--no-results"
-          }, "create-folder")],
-          Message: _jsx("p", {
-            children: i18n.t("general:noResults", {
-              label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
-            })
-          })
-        })
+        children: t14
       }), !skipConfirmModal && _jsx(ConfirmationModal, {
         body: _jsx(ConfirmationMessage, {
           action: props.action,
@@ -378,41 +413,35 @@ function Content(t0) {
         onConfirm: onConfirmMove
       })]
     });
-    $[28] = FolderDocumentDrawer;
-    $[29] = breadcrumbs;
-    $[30] = closeFolderDrawer;
-    $[31] = count;
-    $[32] = folderCollectionConfig;
-    $[33] = folderCollectionSlug;
-    $[34] = folderFieldName;
-    $[35] = folderID;
-    $[36] = fromFolderName;
-    $[37] = getSelectedFolder;
-    $[38] = i18n;
-    $[39] = itemsToMove;
-    $[40] = onConfirmMove;
-    $[41] = onCreateSuccess;
-    $[42] = openFolderDrawer;
-    $[43] = props.action;
-    $[44] = props.fromFolderID;
-    $[45] = props.title;
-    $[46] = setFolderID;
-    $[47] = skipConfirmModal;
-    $[48] = subfolders;
-    $[49] = t;
-    $[50] = t7;
-    $[51] = t8;
-    $[52] = t9;
+    $[37] = FolderDocumentDrawer;
+    $[38] = FolderResultsComponent;
+    $[39] = breadcrumbs;
+    $[40] = closeFolderDrawer;
+    $[41] = count;
+    $[42] = folderCollectionConfig;
+    $[43] = folderCollectionSlug;
+    $[44] = folderFieldName;
+    $[45] = folderID;
+    $[46] = fromFolderID;
+    $[47] = fromFolderName;
+    $[48] = getSelectedFolder;
+    $[49] = i18n;
+    $[50] = onConfirmMove;
+    $[51] = onCreateSuccess;
+    $[52] = openFolderDrawer;
+    $[53] = populateMoveToFolderDrawer;
+    $[54] = props.action;
+    $[55] = props.title;
+    $[56] = skipConfirmModal;
+    $[57] = subfolders.length;
+    $[58] = t;
+    $[59] = t10;
+    $[60] = t9;
+    $[61] = t11;
   } else {
-    t9 = $[52];
+    t11 = $[61];
   }
-  return t9;
-}
-function _temp(t0) {
-  const {
-    itemKey
-  } = t0;
-  return itemKey;
+  return t11;
 }
 function DrawerHeading(props) {
   const $ = _c(14);
@@ -501,8 +530,8 @@ function ConfirmationMessage(props) {
           if ($[0] !== props.title || $[1] !== props.toFolderName || $[2] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp2,
-                2: _temp3
+                1: _temp,
+                2: _temp2
               },
               i18nKey: "folder:moveItemToFolderConfirmation",
               t,
@@ -524,7 +553,7 @@ function ConfirmationMessage(props) {
           if ($[4] !== props.title || $[5] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp4
+                1: _temp3
               },
               i18nKey: "folder:moveItemToRootConfirmation",
               t,
@@ -548,8 +577,8 @@ function ConfirmationMessage(props) {
           if ($[7] !== props.count || $[8] !== props.toFolderName || $[9] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp5,
-                2: _temp6
+                1: _temp4,
+                2: _temp5
               },
               i18nKey: "folder:moveItemsToFolderConfirmation",
               t,
@@ -572,7 +601,7 @@ function ConfirmationMessage(props) {
           if ($[11] !== props.count || $[12] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp7
+                1: _temp6
               },
               i18nKey: "folder:moveItemsToRootConfirmation",
               t,
@@ -592,7 +621,7 @@ function ConfirmationMessage(props) {
       }
   }
 }
-function _temp7(t0) {
+function _temp6(t0) {
   const {
     children: children_1
   } = t0;
@@ -600,7 +629,7 @@ function _temp7(t0) {
     children: children_1
   });
 }
-function _temp6(t0) {
+function _temp5(t0) {
   const {
     children: children_0
   } = t0;
@@ -608,7 +637,7 @@ function _temp6(t0) {
     children: children_0
   });
 }
-function _temp5(t0) {
+function _temp4(t0) {
   const {
     children
   } = t0;
@@ -616,7 +645,7 @@ function _temp5(t0) {
     children
   });
 }
-function _temp4(t0) {
+function _temp3(t0) {
   const {
     children: children_4
   } = t0;
@@ -624,7 +653,7 @@ function _temp4(t0) {
     children: children_4
   });
 }
-function _temp3(t0) {
+function _temp2(t0) {
   const {
     children: children_3
   } = t0;
@@ -632,7 +661,7 @@ function _temp3(t0) {
     children: children_3
   });
 }
-function _temp2(t0) {
+function _temp(t0) {
   const {
     children: children_2
   } = t0;