@tap-payments/os-micro-frontend-shared 0.1.246 → 0.1.248

package/build/components/BrandLogo/BrandLogo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material/Box';
+export interface BrandLogoProps extends BoxProps {
+    data?: Blob;
+    width?: number | string;
+    height?: number | string;
+    isError?: boolean;
+    isLoading?: boolean;
+}
+declare function BrandLogo({ data, isError, isLoading, width, height, ...props }: Readonly<BrandLogoProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof BrandLogo>;
+export default _default;

package/build/components/BrandLogo/BrandLogo.js

@@ -0,0 +1,35 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { useTheme } from '@mui/material/styles';
+import { grayBrandIcon, pdfIcon } from '../../constants/index.js';
+import { Icon } from '../index.js';
+import { Loading } from './Loading';
+function BrandLogo(_a) {
+    var { data, isError, isLoading, width = 24, height = 24 } = _a, props = __rest(_a, ["data", "isError", "isLoading", "width", "height"]);
+    const theme = useTheme();
+    const isPdf = useMemo(() => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.type) === null || _a === void 0 ? void 0 : _a.includes('application/pdf'); }, [data]);
+    const logoUrl = useMemo(() => (data ? (window.URL ? URL : webkitURL).createObjectURL(data) : ''), [data]);
+    const imageSrc = useMemo(() => {
+        if (isError || !data)
+            return grayBrandIcon;
+        if (isPdf)
+            return pdfIcon;
+        return logoUrl;
+    }, [data, isError, isPdf, logoUrl]);
+    if (isLoading)
+        return _jsx(Loading, { width: width, height: height });
+    return (_jsx(Icon, { alt: "brand", src: imageSrc, sx: Object.assign({ borderRadius: '50%', backgroundColor: theme.palette.common.white, width,
+            height, objectFit: isPdf ? 'none' : 'contain' }, props.sx) }));
+}
+export default memo(BrandLogo);

package/build/components/BrandLogo/Loading.d.ts

@@ -0,0 +1,6 @@
+interface LoadingProps {
+    width?: number | string;
+    height?: number | string;
+}
+export declare const Loading: ({ width, height }: Readonly<LoadingProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/BrandLogo/Loading.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '../index.js';
+export const Loading = ({ width, height }) => _jsx(Skeleton, { variant: "circular", width: width, height: height });

package/build/components/BrandLogo/index.d.ts

@@ -0,0 +1 @@
+export { default as BrandLogo, BrandLogoProps } from './BrandLogo';

package/build/components/BrandLogo/index.js

@@ -0,0 +1 @@
+export { default as BrandLogo } from './BrandLogo';

package/build/components/index.d.ts

@@ -122,3 +122,4 @@ export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
 export * from './Autocomplete';
+export * from './BrandLogo';

package/build/components/index.js

@@ -122,3 +122,4 @@ export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
 export * from './Autocomplete';
+export * from './BrandLogo';

package/build/constants/assets.d.ts

@@ -354,6 +354,8 @@ export declare const authenticationSchemeIcon: string;
 export declare const pinIcon: string;
 export declare const unpinIcon: string;
 export declare const switcherIcon: string;
+export declare const verticalLineIcon: string;
+export declare const previewModeIcon: string;
 export declare const tokenSavedStatusIcon: string;
 export declare const tokenTransactedStatusIcon: string;
 export declare const tokenExpiredStatusIcon: string;

package/build/constants/assets.js

@@ -360,6 +360,8 @@ export const authenticationSchemeIcon = `${lightUrl}/status/authenticationScheme
 export const pinIcon = `${lightUrl}/pin.svg`;
 export const unpinIcon = `${lightUrl}/unpin.svg`;
 export const switcherIcon = `${appBaseUrl}/switcher.svg`;
+export const verticalLineIcon = `${lightUrl}/verticalLine.svg`;
+export const previewModeIcon = `${lightUrl}/previewModeIcon.svg`;
 export const tokenSavedStatusIcon = `${lightUrl}/status/table/tokensSaved.svg`;
 export const tokenTransactedStatusIcon = `${lightUrl}/status/table/tokensTransacted.svg`;
 export const tokenExpiredStatusIcon = `${lightUrl}/status/table/tokensExpired.svg`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.246",
+  "version": "0.1.248",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",