@tap-payments/os-micro-frontend-shared 0.1.31-test.22 → 0.1.31-test.23

package/build/components/StatusChip/StatusChip.js

@@ -16,7 +16,7 @@ import { AnimatePresence, motion } from 'framer-motion';
 import { copyText as copyTextHandler } from '../../utils/index.js';
 import { blueCopyIcon, greenCheckIcon } from '../../constants/index.js';
 import { unknownGeographyColors } from './constants';
-import { ChipStyled, Wrapper } from './style';
+import { ChipStyled, Wrapper, CopyWrapper } from './style';
 const StatusChip = (_a) => {
     var { children, unknownText, copyText } = _a, props = __rest(_a, ["children", "unknownText", "copyText"]);
     const [showCopy, setShowCopy] = useState(false);
@@ -40,13 +40,10 @@ const StatusChip = (_a) => {
     };
     return (_jsxs(motion.div, Object.assign({ style: { position: 'relative' }, animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected, style: { position: 'absolute', top: 0, left: 0, zIndex: isSelected ? 3 : 0 } }, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px' }, animate: {
                         paddingRight: isSelected ? 12 : 0,
-                    }, transition: { delay: !isSelected ? 0.2 : 0 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, { children: isSelected && copyText && (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : blueCopyIcon, style: {
-                                    height: 12,
-                                    width: 12,
-                                    objectFit: 'contain',
-                                    position: 'absolute',
-                                    right: 8,
-                                    top: 3.5,
-                                } })) })] })) }))] })));
+                    }, transition: { delay: !isSelected ? 0.2 : 0 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, { children: isSelected && copyText && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : blueCopyIcon, style: {
+                                        height: 12,
+                                        width: 12,
+                                        objectFit: 'contain',
+                                    } }) })) })] })) }))] })));
 };
 export default StatusChip;

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

@@ -21,3 +21,6 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
 export declare const Wrapper: 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>, {}, {}>;
+export declare const CopyWrapper: 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/StatusChip/style.js

@@ -20,3 +20,14 @@ export const Wrapper = styled(Box)(() => ({
     minWidth: 46,
     textAlign: 'center',
 }));
+export const CopyWrapper = styled(Box)(() => ({
+    position: 'absolute',
+    right: '8px',
+    top: 0,
+    height: '100%',
+    width: '12px',
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column',
+    justifyContent: 'center',
+}));

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.31-test.22",
-  "testVersion": 22,
+  "version": "0.1.31-test.23",
+  "testVersion": 23,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",