@tap-payments/os-micro-frontend-shared 0.1.96-test.4 → 0.1.96-test.5-test.6

package/build/components/AmountStatusChip/AmountStatusChip.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StatusChipWithCopyProps } from '../StatusChipWithCopy';
+export interface AmountStatusChipProps extends StatusChipWithCopyProps {
+    amount: string | number;
+    currency?: string;
+}
+declare function AmountStatusChip({ amount, currency, ...rest }: AmountStatusChipProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AmountStatusChip>;
+export default _default;

package/build/components/AmountStatusChip/AmountStatusChip.js

@@ -0,0 +1,20 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import CurrencyIcon from '../CurrencyIcon';
+import { AmountLabel, CurrencyIconContainer, StyledAmountStatusChip } from './style';
+function AmountStatusChip(_a) {
+    var { amount, currency } = _a, rest = __rest(_a, ["amount", "currency"]);
+    return (_jsxs(StyledAmountStatusChip, Object.assign({}, rest, { children: [currency && (_jsx(AmountLabel, { children: _jsx(CurrencyIconContainer, { children: _jsx(CurrencyIcon, { currency: currency, fontSize: 10 }) }) })), amount] })));
+}
+export default memo(AmountStatusChip);

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

@@ -0,0 +1,3 @@
+import AmountStatusChip from './AmountStatusChip';
+export { type AmountStatusChipProps } from './AmountStatusChip';
+export default AmountStatusChip;

package/build/components/AmountStatusChip/index.js

@@ -0,0 +1,2 @@
+import AmountStatusChip from './AmountStatusChip';
+export default AmountStatusChip;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledAmountStatusChip: import("@emotion/styled").StyledComponent<import("../StatusChipWithCopy").StatusChipWithCopyProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const AmountLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const CurrencyIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/AmountStatusChip/style.js

@@ -0,0 +1,27 @@
+import { styled } from '@mui/material/styles';
+import StatusChipWithCopy from '../StatusChipWithCopy';
+export const StyledAmountStatusChip = styled(StatusChipWithCopy)(() => ({
+    backgroundColor: '#EFF1F2',
+    border: 'none',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    transition: 'none !important',
+    animation: 'none !important',
+    transform: 'none !important',
+    '& *': {
+        transition: 'none !important',
+        animation: 'none !important',
+        transform: 'none !important',
+    },
+}));
+export const AmountLabel = styled('span')(() => ({
+    marginRight: '2px',
+    display: 'flex',
+    alignItems: 'center',
+}));
+export const CurrencyIconContainer = styled('span')(() => ({
+    marginInline: '1.5px',
+    display: 'flex',
+    alignItems: 'center',
+}));

package/build/components/StatusChip/StatusChip.js

@@ -43,10 +43,10 @@ const StatusChip = (_a) => {
                     left: isCopyActive && expandDirection === 'left' ? -12 : 0,
                 }, transition: { delay: isSelected ? 0 : 0.2, duration: 0.2 } }, { children: _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected }, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px' }, animate: {
                             paddingRight: isCopyActive ? 12 : 0,
-                        }, transition: { delay: isSelected ? 0 : 0.2, duration: 0.2 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, Object.assign({ initial: false }, { children: isCopyActive && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0, x: -5 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -2 }, transition: { delay: 0.2, duration: 0.1 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : copyIcon, style: {
+                        }, transition: { delay: isSelected ? 0 : 0.2, duration: 0.2 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, { children: isCopyActive && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0, x: -5 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -2 }, transition: { delay: 0.2, duration: 0.1 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : copyIcon, style: {
                                             height: 12,
                                             width: 12,
                                             objectFit: 'contain',
-                                        } }) })) }))] })) })) }))] })));
+                                        } }) })) })] })) })) }))] })));
 };
 export default StatusChip;

package/build/components/index.d.ts

@@ -105,4 +105,6 @@ export * from './LeftPeekRightExpandingChip';
 export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
+export { default as AmountStatusChip, type AmountStatusChipProps } from './AmountStatusChip';
 export * from './LazyImage';
+export * from './AmountStatusChip';

package/build/components/index.js

@@ -105,4 +105,6 @@ export * from './LeftPeekRightExpandingChip';
 export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
+export { default as AmountStatusChip } from './AmountStatusChip';
 export * from './LazyImage';
+export * from './AmountStatusChip';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.96-test.4",
-  "testVersion": 4,
+  "version": "0.1.96-test.5-test.6",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",