utopia-ui 3.0.100 → 3.0.101

package/dist/Profile.cjs.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactRouterDom = require('react-router-dom');
 var reactToastify = require('react-toastify');
-var TagView = require('./TagView-Dj1DIwd9.js');
+var TagView = require('./TagView-BMjJMd4R.js');
 var require$$0 = require('leaflet');
 var axios = require('axios');
 require('react-inlinesvg');
@@ -434,14 +434,24 @@ const CrowdfundingView = ({ item }) => {
     return (jsxRuntime.jsx("div", { className: 'tw:mx-6 tw:mb-6', children: jsxRuntime.jsxs("div", { className: 'tw:card tw:bg-base-200 tw:w-fit tw:max-w-full tw:shadow', children: [jsxRuntime.jsxs("div", { className: 'tw:stats tw:bg-base-200 tw:stats-horizontal tw:rounded-b-none', children: [jsxRuntime.jsxs("div", { className: 'tw:stat tw:p-3', children: [jsxRuntime.jsx("div", { className: 'tw:stat-title', children: "Current Balance" }), jsxRuntime.jsx("div", { className: 'tw:stat-value tw:text-xl lg:tw:text-3xl', children: formatCurrency(currentBalance, currency) })] }), jsxRuntime.jsxs("div", { className: 'tw:stat tw:p-3', children: [jsxRuntime.jsx("div", { className: 'tw:stat-title', children: "Received" }), jsxRuntime.jsx("div", { className: 'tw:stat-value tw:text-green-500 tw:text-xl lg:tw:text-3xl', children: formatCurrency(stats.totalAmountReceived.valueInCents, currency) })] }), jsxRuntime.jsxs("div", { className: 'tw:stat tw:p-3', children: [jsxRuntime.jsx("div", { className: 'tw:stat-title', children: "Spent" }), jsxRuntime.jsx("div", { className: 'tw:stat-value tw:text-red-500 tw:text-xl lg:tw:text-3xl', children: formatCurrency(stats.totalAmountReceived.valueInCents - currentBalance, currency) })] })] }), jsxRuntime.jsx("hr", { className: 'tw:border-1 tw:border-current/10 tw:border-dashed' }), jsxRuntime.jsxs("div", { className: 'tw:m-4 tw:items-center', children: [jsxRuntime.jsx("a", { href: `https://opencollective.com/${slug}/donate`, target: '_blank', rel: 'noreferrer', children: jsxRuntime.jsx("button", { className: 'tw:btn tw:btn-sm tw:btn-primary tw:float-right tw:ml-4', children: "Donate" }) }), jsxRuntime.jsxs("div", { className: 'tw:flex-1 tw:mr-4', children: ["Support", ' ', jsxRuntime.jsx("a", { className: 'tw:font-bold', href: `https://opencollective.com/${slug}`, target: '_blank', rel: 'noreferrer', children: data.account.name }), ' ', "on ", jsxRuntime.jsx("span", { className: 'tw:font-bold', children: "Open\u00A0Collective" })] })] })] }) }));
 };
 
+const extensionMap = new Map([
+    ['image/jpeg', '.jpg'],
+    ['image/png', '.png'],
+]);
+const getExtension = (type) => {
+    const extension = extensionMap.get(type);
+    if (extension)
+        return extension;
+    throw new Error(`Unsupported file type: ${type}`);
+};
 const GalleryView = ({ item }) => {
     const [index, setIndex] = React.useState(-1);
     const appState = TagView.useAppState();
-    const images = item.gallery?.map((i, j) => ({
-        src: appState.assetsApi.url + `${i.directus_files_id.id}.jpg`,
-        width: i.directus_files_id.width,
-        height: i.directus_files_id.height,
-        index: j,
+    const images = item.gallery?.map(({ directus_files_id: { id, type, width, height } }, index) => ({
+        src: `${appState.assetsApi.url}${id}${getExtension(type)}`,
+        width,
+        height,
+        index,
     })) ?? [];
     if (images.length > 0)
         return (jsxRuntime.jsxs("div", { className: 'tw:mx-6 tw:mb-6', children: [jsxRuntime.jsx(reactPhotoAlbum.RowsPhotoAlbum, { photos: images, targetRowHeight: 150, onClick: ({ index: current }) => setIndex(current) }), jsxRuntime.jsx(ReactLightbox, { index: index, slides: images, open: index >= 0, close: () => setIndex(-1) })] }));
@@ -4105,6 +4115,7 @@ const GalleryForm = ({ state, setState }) => {
                 height,
                 asset: await appState.assetsApi.upload(compressedFile, file.name),
                 name: file.name,
+                type: file.type,
             };
         });
         for await (const upload of uploads) {
@@ -4118,6 +4129,7 @@ const GalleryForm = ({ state, setState }) => {
                             id: upload.asset.id,
                             width: upload.width,
                             height: upload.height,
+                            type: upload.type,
                         },
                     },
                 ],
@@ -4129,6 +4141,7 @@ const GalleryForm = ({ state, setState }) => {
         onDrop: upload,
         accept: {
             'image/jpeg': [],
+            'image/png': [],
         },
     });
     const images = state.gallery