@tap-payments/os-micro-frontend-shared 0.1.252 → 0.1.253

package/build/components/MerchantLogo/MerchantLogo.d.ts

@@ -0,0 +1,10 @@
+import { SxProps } from '@mui/material';
+export type MerchantLogoProps = {
+    data?: Blob;
+    width?: number | string;
+    height?: number | string;
+    isError?: boolean;
+    isLoading?: boolean;
+    sx?: SxProps;
+};
+export default function MerchantLogo({ data, width, height, ...props }: Readonly<MerchantLogoProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/MerchantLogo/MerchantLogo.js

@@ -0,0 +1,17 @@
+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 { BrandLogoStyled, LogoWrapper } from './style';
+export default function MerchantLogo(_a) {
+    var { data, width = 51, height = 51 } = _a, props = __rest(_a, ["data", "width", "height"]);
+    return (_jsx(LogoWrapper, Object.assign({ width: width, height: height }, { children: _jsx(BrandLogoStyled, Object.assign({ data: data, width: width, height: height }, props)) })));
+}

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

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

package/build/components/MerchantLogo/index.js

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

package/build/components/MerchantLogo/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const BrandLogoStyled: import("@emotion/styled").StyledComponent<Readonly<import("../BrandLogo").BrandLogoProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LogoWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/MerchantLogo/style.js

@@ -0,0 +1,13 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { BrandLogo } from '../BrandLogo';
+export const BrandLogoStyled = styled(BrandLogo)(({ theme }) => ({
+    filter: 'drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.09))',
+    borderRadius: '50%',
+    backgroundColor: theme.palette.common.white,
+}));
+export const LogoWrapper = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));

package/build/components/index.d.ts

@@ -126,3 +126,4 @@ export * from './BrandLogo';
 export * from './Amount';
 export * from './VAT';
 export * from './Discount';
+export * from './MerchantLogo';

package/build/components/index.js

@@ -126,3 +126,4 @@ export * from './BrandLogo';
 export * from './Amount';
 export * from './VAT';
 export * from './Discount';
+export * from './MerchantLogo';

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.252",
+  "version": "0.1.253",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",