@sphereon/ui-components.ssi-react-native 0.4.1-next.186 → 0.4.1-next.188

package/dist/components/assets/logos/SSILogo/index.js

@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+const expo_image_1 = require("expo-image");
 const ui_components_core_1 = require("@sphereon/ui-components.core");
 const SSIPlaceholderLogo_1 = __importDefault(require("../SSIPlaceholderLogo"));
 const SSILogo = (props) => {
     const { logo, color = ui_components_core_1.logoColors.default, size = 32, style } = props;
-    const source = { ...logo, priority: react_native_fast_image_1.default.priority.high };
     let calculatedHeight = size;
     let calculatedWidth = size;
     if (logo?.dimensions) {
@@ -23,12 +22,13 @@ const SSILogo = (props) => {
             calculatedWidth = size * aspectRatio;
         }
     }
-    return logo ? (<react_native_fast_image_1.default style={{
+    const imageSource = logo ? { uri: logo.dataUri || logo.uri } : undefined;
+    return logo ? (<expo_image_1.Image style={{
             ...style,
             height: calculatedHeight > size ? size : calculatedHeight,
             width: calculatedWidth > size ? size : calculatedWidth,
             maxWidth: size,
             maxHeight: size,
-        }} resizeMode={react_native_fast_image_1.default.resizeMode.contain} source={source}/>) : (<SSIPlaceholderLogo_1.default style={style} size={size} color={color}/>);
+        }} contentFit="contain" source={imageSource}/>) : (<SSIPlaceholderLogo_1.default style={style} size={size} color={color}/>);
 };
 exports.default = SSILogo;

package/dist/styles/components/components/SSICredentialCardView/index.d.ts

@@ -13,4 +13,10 @@ export declare const SSICredentialCardViewFooterContainerStyled: import("styled-
 export declare const SSICredentialCardViewCredentialTitleTextStyled: typeof SSITextH4SemiBoldLightStyled;
 export declare const SSICredentialCardViewCredentialSubtitleTextStyled: typeof SSITextH5LightStyled;
 export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
-export declare const SSICredentialCardViewBackgroundImageStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>>, import("styled-components/native/dist/types").BaseObject> | import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;
+import React from 'react';
+import { View, ViewStyle, StyleProp } from 'react-native';
+export declare const SSICredentialCardViewBackgroundImageStyled: React.ForwardRefExoticComponent<{
+    source?: any;
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;

package/dist/styles/components/components/SSICredentialCardView/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SSICredentialCardViewBackgroundImageStyled = exports.SSICredentialCardViewStatusContainerStyled = exports.SSICredentialCardViewCredentialSubtitleTextStyled = exports.SSICredentialCardViewCredentialTitleTextStyled = exports.SSICredentialCardViewFooterContainerStyled = exports.SSICredentialCardViewFooterContentContainerStyled = exports.SSICredentialCardViewContentPropertiesContainerStyled = exports.SSICredentialCardViewContentIssueNameContainerStyled = exports.SSICredentialCardViewContentSubContainerStyled = exports.SSICredentialCardViewContentMainContainerStyled = exports.SSICredentialCardViewHeaderTitleContainerStyled = exports.SSICredentialCardViewHeaderLogoContainerStyled = exports.SSICredentialCardViewHeaderContainerStyled = exports.SSICredentialCardViewContainerStyled = void 0;
 const native_1 = __importDefault(require("styled-components/native"));
-const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+const expo_image_1 = require("expo-image");
 const containers_1 = require("../../containers");
 const fonts_1 = require("../../../fonts");
 exports.SSICredentialCardViewContainerStyled = (0, native_1.default)(containers_1.SSIRoundedContainerStyled) `
@@ -60,8 +60,9 @@ exports.SSICredentialCardViewCredentialSubtitleTextStyled = (0, native_1.default
 exports.SSICredentialCardViewStatusContainerStyled = native_1.default.View `
   margin-left: auto;
 `;
-exports.SSICredentialCardViewBackgroundImageStyled = (0, native_1.default)(react_native_fast_image_1.default).attrs({
-    resizeMode: 'cover',
-}) `
-  flex: 1;
-`;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+exports.SSICredentialCardViewBackgroundImageStyled = react_1.default.forwardRef(({ source, children, style, ...rest }, ref) => {
+    const imageSource = source ? { uri: source.dataUri || source.uri } : undefined;
+    return react_1.default.createElement(react_native_1.View, { ref, style: [{ flex: 1 }, style], ...rest }, imageSource ? react_1.default.createElement(expo_image_1.Image, { source: imageSource, contentFit: 'cover', style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 } }) : null, children);
+});

package/dist/styles/components/components/SSICredentialMiniCardView/index.d.ts

@@ -1,2 +1,8 @@
+import React from 'react';
+import { View, ViewStyle, StyleProp } from 'react-native';
 export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
-export declare const SSICredentialMiniCardViewBackgroundImageStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>>, import("styled-components/native/dist/types").BaseObject> | import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;
+export declare const SSICredentialMiniCardViewBackgroundImageStyled: React.ForwardRefExoticComponent<{
+    source?: any;
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;

package/dist/styles/components/components/SSICredentialMiniCardView/index.js

@@ -5,17 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SSICredentialMiniCardViewBackgroundImageStyled = exports.SSICredentialMiniCardViewContainerStyled = void 0;
 const native_1 = __importDefault(require("styled-components/native"));
-const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+const expo_image_1 = require("expo-image");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
 exports.SSICredentialMiniCardViewContainerStyled = native_1.default.View `
   width: 75px;
   height: 50px;
   border-radius: 4.6px;
   overflow: hidden;
 `;
-exports.SSICredentialMiniCardViewBackgroundImageStyled = (0, native_1.default)(react_native_fast_image_1.default).attrs({
-    resizeMode: 'cover',
-}) `
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-`;
+exports.SSICredentialMiniCardViewBackgroundImageStyled = react_1.default.forwardRef(({ source, children, style, ...rest }, ref) => {
+    const imageSource = source ? { uri: source.dataUri || source.uri } : undefined;
+    return react_1.default.createElement(react_native_1.View, { ref, style: [{ flex: 1, alignItems: 'center', justifyContent: 'center' }, style], ...rest }, imageSource ? react_1.default.createElement(expo_image_1.Image, { source: imageSource, contentFit: 'cover', style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 } }) : null, children);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react-native",
   "private": false,
-  "version": "0.4.1-next.186+8f34f58",
+  "version": "0.4.1-next.188+2e4c1d4",
   "description": "SSI UI components for React-Native",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -29,10 +29,10 @@
   },
   "dependencies": {
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@sphereon/ui-components.core": "0.4.1-next.186+8f34f58",
+    "@sphereon/ui-components.core": "0.4.1-next.188+2e4c1d4",
     "expo-blur": "^15.0.8",
+    "expo-image": "~2.0.6",
     "expo-linear-gradient": "~13.0.2",
-    "react-native-fast-image": "^8.6.3",
     "react-native-size-matters": "^0.4.2",
     "react-native-svg": "15.2.0",
     "styled-components": "^6.1.15"
@@ -46,5 +46,5 @@
     "react": ">= 18.2",
     "react-native": "~0.74.3"
   },
-  "gitHead": "8f34f589c1358a54d7e34624611aa6352982d84c"
+  "gitHead": "2e4c1d4d28c101293498aafff26fa9b71bc243d5"
 }