@controleonline/ui-default 1.0.280 → 1.0.281

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-default",
-  "version": "1.0.280",
+  "version": "1.0.281",
   "author": "ControleOnline",
   "description": "ControleOnline Default Quasar UI Component",
   "license": "MIT",

package/src/react/components/cards/DefaultEntityCard.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import {View} from 'react-native';
+
+// Visual composition only. The consuming module owns labels, data and actions.
+export default function DefaultEntityCard({media=null,children,footer=null,palette={},style,contentStyle,footerStyle,bodyStyle,embedded=false}) {
+ return <View style={[{width:'100%',padding:12,gap:12,borderRadius:12,borderWidth:1,borderColor:palette.cardBorder,backgroundColor:palette.cardBackground},embedded?{borderWidth:0,borderRadius:0,backgroundColor:'transparent'}:null,style]}>
+  <View testID="default-entity-card-content" style={[{flexDirection:'row',alignItems:'flex-start',gap:12},contentStyle]}>
+   {media}
+   <View style={[{flex:1,minWidth:0},bodyStyle]}>{children}</View>
+  </View>
+  {footer&&<View testID="default-entity-card-footer" style={[{width:'100%'},footerStyle]}>{footer}</View>}
+ </View>;
+}

package/src/react/components/files/DefaultFile.js

@@ -1,8 +1,11 @@
-import React, {memo, useEffect, useMemo, useRef, useState} from 'react';
+import {readStoredSessionToken} from '@controleonline/ui-common/src/utils/storedSessionToken';
+import React, {memo, createContext, useContext, useEffect, useMemo, useRef, useState} from 'react';
 import {Image, Platform} from 'react-native';
 import {useStore} from '@store';
 import {resolveDefaultFileSource} from '@controleonline/ui-common/src/react/utils/fileUrl';
 
+export const DefaultFileCacheContext = createContext(null);
+
 const resolveCompanyFromStore = peopleGetters => {
   if (peopleGetters?.mainCompany?.id) {
     return peopleGetters.mainCompany;
@@ -15,27 +18,6 @@ const resolveCompanyFromStore = peopleGetters => {
   return null;
 };
 
-/** Sync session token (same source as api.getToken). */
-const readSessionApiToken = () => {
-  try {
-    if (typeof localStorage === 'undefined') {
-      return '';
-    }
-    const sessionString = localStorage.getItem('session');
-    if (!sessionString) {
-      return '';
-    }
-    const cleanString =
-      typeof sessionString === 'string' && sessionString.startsWith('__q_objt|')
-        ? sessionString.substring('__q_objt|'.length)
-        : sessionString;
-    const session = JSON.parse(cleanString);
-    return session?.token || session?.api_key || '';
-  } catch (e) {
-    return '';
-  }
-};
-
 const headersKey = headers => {
   if (!headers || typeof headers !== 'object') {
     return '';
@@ -70,11 +52,12 @@ const DefaultFile = ({
   headers = {},
   ...imageProps
 }) => {
+  const imageCache = useContext(DefaultFileCacheContext);
   const peopleStore = useStore('people');
   const peopleGetters = peopleStore?.getters || {};
   const resolvedCompany = company || resolveCompanyFromStore(peopleGetters);
 
-  const sessionToken = useMemo(() => readSessionApiToken(), []);
+  const sessionToken = useMemo(() => readStoredSessionToken(), []);
   const authHeaders = useMemo(
     () => ({
       ...(sessionToken ? {'API-TOKEN': sessionToken} : {}),
@@ -152,6 +135,7 @@ const DefaultFile = ({
 
     const load = async () => {
       try {
+        const loadBlob = async () => {
         const response = await fetch(remoteUri, {
           method: 'GET',
           headers: remoteHeaders,
@@ -170,6 +154,9 @@ const DefaultFile = ({
         if (!blob || blob.size === 0) {
           throw new Error('empty blob');
         }
+        return blob;
+        };
+        const blob = imageCache ? await imageCache.load(remoteUri, remoteHeaders, loadBlob) : await loadBlob();
         if (cancelled || requestId !== requestIdRef.current) {
           return;
         }
@@ -196,7 +183,7 @@ const DefaultFile = ({
       // transient dependency flicker (Strict Mode double-invoke is OK:
       // requestId invalidates the stale response).
     };
-  }, [remoteUri, headersKey(remoteHeaders)]);
+  }, [remoteUri, headersKey(remoteHeaders), imageCache]);
 
   // Unmount: revoke blob
   useEffect(() => {