utopia-ui 3.0.100 → 3.0.101

package/dist/Profile.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import React__default, { useState, useEffect, cloneElement, useRef, useCallback, useMemo, useReducer, forwardRef, useImperativeHandle, Fragment as Fragment$2, useDebugValue, useLayoutEffect, createContext, useContext } from 'react';
 import { useNavigate, Link as Link$3, useLocation } from 'react-router-dom';
 import { toast } from 'react-toastify';
-import { g as useAuth, R as MapOverlayPage, V as TextInput, a2 as hashTagRegex, a3 as randomColor, ab as encodeTag, j as useAppState, n as useItems, _ as StartEndView, B as TextView, b as useHasUserPermission, W as useGetItemTags, X as ForwardRef$c, ad as DialogModal, Z as HeaderView, Q as ForwardRef$d, p as useAddFilterTag, Y as timeAgo, a4 as TagView, a5 as useUpdateItem, t as useSelectPosition, a0 as useRemoveItem, m as useTags, v as useSetSelectPosition, x as useClusterRef, o as useLeafletRefs, u as useLayers, ae as ForwardRef$e, a1 as PopupStartEndInput, U as TextAreaInput, q as decodeTag, $ as useAddItem, H as useAddTag } from './TagView-BNJqfuzN.js';
+import { g as useAuth, R as MapOverlayPage, V as TextInput, a2 as hashTagRegex, a3 as randomColor, ab as encodeTag, j as useAppState, n as useItems, _ as StartEndView, B as TextView, b as useHasUserPermission, W as useGetItemTags, X as ForwardRef$c, ad as DialogModal, Z as HeaderView, Q as ForwardRef$d, p as useAddFilterTag, Y as timeAgo, a4 as TagView, a5 as useUpdateItem, t as useSelectPosition, a0 as useRemoveItem, m as useTags, v as useSetSelectPosition, x as useClusterRef, o as useLeafletRefs, u as useLayers, ae as ForwardRef$e, a1 as PopupStartEndInput, U as TextAreaInput, q as decodeTag, $ as useAddItem, H as useAddTag } from './TagView-CUbZOg0C.js';
 import { LatLng } from 'leaflet';
 import axios from 'axios';
 import 'react-inlinesvg';
@@ -414,14 +414,24 @@ const CrowdfundingView = ({ item }) => {
     return (jsx("div", { className: 'tw:mx-6 tw:mb-6', children: jsxs("div", { className: 'tw:card tw:bg-base-200 tw:w-fit tw:max-w-full tw:shadow', children: [jsxs("div", { className: 'tw:stats tw:bg-base-200 tw:stats-horizontal tw:rounded-b-none', children: [jsxs("div", { className: 'tw:stat tw:p-3', children: [jsx("div", { className: 'tw:stat-title', children: "Current Balance" }), jsx("div", { className: 'tw:stat-value tw:text-xl lg:tw:text-3xl', children: formatCurrency(currentBalance, currency) })] }), jsxs("div", { className: 'tw:stat tw:p-3', children: [jsx("div", { className: 'tw:stat-title', children: "Received" }), jsx("div", { className: 'tw:stat-value tw:text-green-500 tw:text-xl lg:tw:text-3xl', children: formatCurrency(stats.totalAmountReceived.valueInCents, currency) })] }), jsxs("div", { className: 'tw:stat tw:p-3', children: [jsx("div", { className: 'tw:stat-title', children: "Spent" }), jsx("div", { className: 'tw:stat-value tw:text-red-500 tw:text-xl lg:tw:text-3xl', children: formatCurrency(stats.totalAmountReceived.valueInCents - currentBalance, currency) })] })] }), jsx("hr", { className: 'tw:border-1 tw:border-current/10 tw:border-dashed' }), jsxs("div", { className: 'tw:m-4 tw:items-center', children: [jsx("a", { href: `https://opencollective.com/${slug}/donate`, target: '_blank', rel: 'noreferrer', children: jsx("button", { className: 'tw:btn tw:btn-sm tw:btn-primary tw:float-right tw:ml-4', children: "Donate" }) }), jsxs("div", { className: 'tw:flex-1 tw:mr-4', children: ["Support", ' ', jsx("a", { className: 'tw:font-bold', href: `https://opencollective.com/${slug}`, target: '_blank', rel: 'noreferrer', children: data.account.name }), ' ', "on ", 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] = useState(-1);
     const appState = 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 (jsxs("div", { className: 'tw:mx-6 tw:mb-6', children: [jsx(RowsPhotoAlbum, { photos: images, targetRowHeight: 150, onClick: ({ index: current }) => setIndex(current) }), jsx(ReactLightbox, { index: index, slides: images, open: index >= 0, close: () => setIndex(-1) })] }));
@@ -4085,6 +4095,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) {
@@ -4098,6 +4109,7 @@ const GalleryForm = ({ state, setState }) => {
                             id: upload.asset.id,
                             width: upload.width,
                             height: upload.height,
+                            type: upload.type,
                         },
                     },
                 ],
@@ -4109,6 +4121,7 @@ const GalleryForm = ({ state, setState }) => {
         onDrop: upload,
         accept: {
             'image/jpeg': [],
+            'image/png': [],
         },
     });
     const images = state.gallery