@tap-payments/os-micro-frontend-shared 0.1.18-test.5 → 0.1.18-test.7

package/build/components/TableCells/CustomCells/LeadStatusCell/LeadStatusCell.d.ts

@@ -0,0 +1,2 @@
+import { LeadStatusCellProps } from './type';
+export default function LeadStatusCell({ status, ...props }: LeadStatusCellProps): import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/LeadStatusCell/LeadStatusCell.js

@@ -0,0 +1,25 @@
+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 { useTranslation } from 'react-i18next';
+import camelCase from 'lodash/camelCase';
+import capitalize from 'lodash/capitalize';
+import Tooltip from '../../../Tooltip';
+import { TableCell } from '../../../TableCells';
+import IconWithBadge from '../../../IconWithBadge';
+import { statusIcons } from './constant';
+import { StatusIconWrapper } from './style';
+export default function LeadStatusCell(_a) {
+    var { status } = _a, props = __rest(_a, ["status"]);
+    const { t } = useTranslation();
+    return (_jsx(TableCell, Object.assign({}, props, { children: status && statusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(capitalize(camelCase(status))) }, { children: _jsx(StatusIconWrapper, { children: _jsx(IconWithBadge, { mainIcon: statusIcons[status], mainIconSize: 16, containerSize: 16, borderColor: "transparent" }) }) }))) })));
+}

package/build/components/TableCells/CustomCells/LeadStatusCell/constant.d.ts

@@ -0,0 +1,7 @@
+export declare const statusIcons: {
+    active: string;
+    completed: string;
+    closed: string;
+    expired: string;
+    ready: string;
+};

package/build/components/TableCells/CustomCells/LeadStatusCell/constant.js

@@ -0,0 +1,8 @@
+import { activeLeadStatusIcon, completedLeadStatusIcon, closedLeadStatusIcon, expiredLeadStatusIcon, readyLeadStatusIcon } from '../../../../constants/index.js';
+export const statusIcons = {
+    active: activeLeadStatusIcon,
+    completed: completedLeadStatusIcon,
+    closed: closedLeadStatusIcon,
+    expired: expiredLeadStatusIcon,
+    ready: readyLeadStatusIcon,
+};

package/build/components/TableCells/CustomCells/LeadStatusCell/index.d.ts

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

package/build/components/TableCells/CustomCells/LeadStatusCell/index.js

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

package/build/components/TableCells/CustomCells/LeadStatusCell/style.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StatusIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/TableCells/CustomCells/LeadStatusCell/style.js

@@ -0,0 +1,12 @@
+import { styled } from '@mui/material';
+export const StatusIconWrapper = styled('span')(({ theme }) => ({
+    width: '36px',
+    height: '24px',
+    borderRadius: '24px',
+    backgroundColor: 'transparent',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
+    border: `1px solid ${theme.palette.divider}`,
+}));

package/build/components/TableCells/CustomCells/LeadStatusCell/type.d.ts

@@ -0,0 +1,6 @@
+import { TableCellProps } from '@mui/material/TableCell';
+import { statusIcons } from './constant';
+export type StatusIconType = keyof typeof statusIcons;
+export interface LeadStatusCellProps extends TableCellProps {
+    status?: StatusIconType;
+}

package/build/components/TableCells/CustomCells/LeadStatusCell/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/TableCells/CustomCells/index.d.ts

@@ -49,3 +49,4 @@ export * from './TerminalsPlatformCell';
 export * from './AppsCell';
 export * from './type';
 export * from './style';
+export * from './LeadStatusCell';

package/build/components/TableCells/CustomCells/index.js

@@ -49,3 +49,4 @@ export * from './TerminalsPlatformCell';
 export * from './AppsCell';
 export * from './type';
 export * from './style';
+export * from './LeadStatusCell';

package/build/constants/assets.d.ts

@@ -256,6 +256,11 @@ export declare const savedStatusIcon: string;
 export declare const scheduledStatusIcon: string;
 export declare const pendingStatusIcon: string;
 export declare const refundedStatusIcon: string;
+export declare const activeLeadStatusIcon: string;
+export declare const completedLeadStatusIcon: string;
+export declare const closedLeadStatusIcon: string;
+export declare const expiredLeadStatusIcon: string;
+export declare const readyLeadStatusIcon: string;
 export declare const newFileIcon: string;
 export declare const teamWindowIcon: string;
 export declare const blueAppsIcon: string;

package/build/constants/assets.js

@@ -260,6 +260,11 @@ export const savedStatusIcon = `${appBaseUrl}/savedStatus1.svg`;
 export const scheduledStatusIcon = `${appBaseUrl}/scheduledStatus1.svg`;
 export const pendingStatusIcon = `${appBaseUrl}/invoicePendingStatus2.svg`;
 export const refundedStatusIcon = `${appBaseUrl}/invoiceRefundedStatus2.svg`;
+export const activeLeadStatusIcon = `${lightUrl}/activeLeadStatus.svg`;
+export const completedLeadStatusIcon = `${lightUrl}/completedLeadStatus.svg`;
+export const closedLeadStatusIcon = `${lightUrl}/closedLeadStatus.svg`;
+export const expiredLeadStatusIcon = `${lightUrl}/expiredLeadStatus.svg`;
+export const readyLeadStatusIcon = `${lightUrl}/readyLeadStatus.svg`;
 export const newFileIcon = `${lightUrl}/newFileIcon.svg`;
 export const teamWindowIcon = `${lightUrl}/teamWindowIcon.svg`;
 export const blueAppsIcon = `${lightUrl}/blueAppsIcon.svg`;

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.18-test.5",
-  "testVersion": 5,
+  "version": "0.1.18-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",