@tap-payments/os-micro-frontend-shared 0.1.39 → 0.1.40-9.hotfix.1

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

@@ -1,5 +1,2 @@
-export declare const ReceiptCell: ({ receiptId, isTextShown, tableMode, }: {
-    receiptId: string;
-    isTextShown?: boolean | undefined;
-    tableMode?: "default" | "sheet" | "text" | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+import { ReceiptCellProps } from './type';
+export declare const ReceiptCell: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '@mui/material';
-import { TextTableCell } from '..';
-import { StyledTextTableCell, TextLabel } from '../style';
 import Tooltip from '../../../Tooltip';
 import { receiptBillIcon } from '../../../../constants/index.js';
-export const ReceiptCell = ({ receiptId, isTextShown, tableMode, }) => {
-    if (tableMode === 'sheet') {
-        return (_jsx(StyledTextTableCell, { children: _jsx("span", { children: receiptId }) }));
-    }
-    return isTextShown ? (_jsx(TextTableCell, { children: _jsx("span", { children: receiptId }) })) : (_jsx(TableCell, Object.assign({ component: "div" }, { children: _jsx(Tooltip, Object.assign({ title: `Receipt - ${receiptId}` }, { children: _jsx(TextLabel, Object.assign({ sx: {
+import { TextLabel } from '../style';
+export const ReceiptCell = ({ receiptId }) => {
+    return (_jsx(TableCell, Object.assign({ component: "div" }, { children: _jsx(Tooltip, Object.assign({ title: `Receipt - ${receiptId}` }, { children: _jsx(TextLabel, Object.assign({ sx: {
                     padding: '3px 8px',
                     maxWidth: '50px',
                 } }, { children: _jsx("img", { src: receiptBillIcon, alt: "receipt" }) })) })) })));

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellSheet.d.ts

@@ -0,0 +1,2 @@
+import { ReceiptCellProps } from './type';
+export declare const ReceiptCellSheet: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellSheet.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledTextTableCell } from '../style';
+export const ReceiptCellSheet = ({ receiptId }) => {
+    return (_jsx(StyledTextTableCell, { children: _jsx("span", { children: receiptId }) }));
+};

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellText.d.ts

@@ -0,0 +1,2 @@
+import { ReceiptCellProps } from './type';
+export declare const ReceiptCellText: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellText.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextTableCell } from '../TextTableCell';
+export const ReceiptCellText = ({ receiptId }) => {
+    return (_jsx(TextTableCell, { children: _jsx("span", { children: receiptId }) }));
+};

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

@@ -1 +1,3 @@
 export { ReceiptCell } from './ReceiptCell';
+export { ReceiptCellSheet } from './ReceiptCellSheet';
+export { ReceiptCellText } from './ReceiptCellText';

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

@@ -1 +1,3 @@
 export { ReceiptCell } from './ReceiptCell';
+export { ReceiptCellSheet } from './ReceiptCellSheet';
+export { ReceiptCellText } from './ReceiptCellText';

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

@@ -0,0 +1,3 @@
+export interface ReceiptCellProps {
+    receiptId: string;
+}

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

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

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

@@ -34,7 +34,9 @@ function ReferenceCell(_a) {
                 } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(reference) }) })) : (_jsx(StyledSourceImage, { src: referenceIcons[reference], alt: reference, sx: Object.assign({}, (reference === 'order' && { width: '11.82px' })) })) })) }), `${reference}-${index}`));
     }), [props, references, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", 
+                // animate when state changes
+                animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {
                     zIndex: 29,
                 } }, { children: ReferenceSources }))) : null }) })));
 }

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

@@ -3,11 +3,10 @@ export declare const StyledSourceCell: import("@emotion/styled").StyledComponent
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -15,20 +14,21 @@ export declare const ReferenceSourcesContainer: import("@emotion/styled").Styled
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -48,7 +48,7 @@ export declare const ReferenceSourcesContainer: import("@emotion/styled").Styled
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -64,7 +64,7 @@ export declare const ReferenceSourcesContainer: import("@emotion/styled").Styled
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -74,7 +74,7 @@ export declare const ReferenceSourcesContainer: import("@emotion/styled").Styled
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;

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

@@ -10,7 +10,9 @@ export const StyledSourceImage = styled('img')(() => ({
     maxWidth: '36px',
     maxHeight: '24px',
 }));
-export const ReferenceSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
+export const ReferenceSourcesContainer = styled(motion.span, {
+    shouldForwardProp: (prop) => prop !== 'sourcesCount',
+})(({ theme, sourcesCount }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'flex-start',

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -13,20 +12,21 @@ export declare const RefundChargeCellContainer: import("@emotion/styled").Styled
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -46,7 +46,7 @@ export declare const RefundChargeCellContainer: import("@emotion/styled").Styled
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -62,7 +62,7 @@ export declare const RefundChargeCellContainer: import("@emotion/styled").Styled
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -72,7 +72,7 @@ export declare const RefundChargeCellContainer: import("@emotion/styled").Styled
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -263,11 +263,10 @@ export declare const RefundChargeCellContainer: import("@emotion/styled").Styled
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const PercentageContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -275,20 +274,21 @@ export declare const PercentageContainer: import("@emotion/styled").StyledCompon
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -308,7 +308,7 @@ export declare const PercentageContainer: import("@emotion/styled").StyledCompon
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -324,7 +324,7 @@ export declare const PercentageContainer: import("@emotion/styled").StyledCompon
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -334,7 +334,7 @@ export declare const PercentageContainer: import("@emotion/styled").StyledCompon
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;

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

@@ -31,7 +31,7 @@ export const PercentageContainer = styled(motion.div)(({ theme, percentage }) =>
     minWidth: '44px',
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

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

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, refundIcon, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
 export default RefundStatusCell;

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

@@ -20,13 +20,17 @@ import RefundStatus from './components/RefundStatus';
 import { useRefundStyles } from './hooks/useRefundStyles';
 import { TextLabel, StatusCellContainer } from '../style';
 import { IconWrapper } from './style';
+import { unCapturedStatuses } from '../../../../constants/index.js';
 function RefundStatusCell(_a) {
-    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone", "refundTooltipLabel"]);
+    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, refundIcon } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone", "refundTooltipLabel", "refundIcon"]);
     const { t } = useTranslation();
     const refundStyles = useRefundStyles();
     const formatDate = useCallback((dateMs) => dayjs(dateMs).format('MMM D, YYYY'), []);
+    const isUncaptured = unCapturedStatuses.includes(status);
     return (_jsx(TableCell, Object.assign({}, props, { style: {
             overflow: 'visible',
-        } }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px' }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone, refundTooltipLabel: refundTooltipLabel })) })) }) })));
+        } }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px', sx: Object.assign({}, (isUncaptured && {
+                    border: 'none',
+                })) }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone, refundTooltipLabel: refundTooltipLabel, refundIcon: refundIcon })) })) }) })));
 }
 export default RefundStatusCell;

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStateIcon.js

@@ -1,18 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
-import camelCase from 'lodash/camelCase';
-import Tooltip from '../../../../Tooltip';
 import { unCapturedStatuses } from '../../../../../constants/index.js';
 import { ChargeStatusIcon } from '../../../../StatusIcons';
 import { RefundStatusIcon } from './RefundStatusIcon';
 export function RefundStateIcon({ status, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, refundTooltip, }) {
     const { t } = useTranslation();
     if (!(unCapturedStatuses === null || unCapturedStatuses === void 0 ? void 0 : unCapturedStatuses.includes(status !== null && status !== void 0 ? status : ''))) {
+        // eslint-disable-next-line
         return _jsx(RefundStatusIcon, { status: status, refundTooltip: refundTooltip });
     }
-    return (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(ChargeStatusIcon, { chargeStatus: status, gatewayTooltip: gatewayTooltip, chargeTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, unCapturedStyles: {
-                left: '9px',
-            }, iconWrapperStyles: {
-                height: 17,
-            } }) })));
+    return (_jsx(ChargeStatusIcon, { chargeStatus: status, gatewayTooltip: gatewayTooltip, chargeTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, iconWrapperStyles: {
+            height: 17,
+        } }));
 }

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.d.ts

@@ -1,2 +1,2 @@
 import { BalanceCellProps } from '../type';
-export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;
+export default function RefundStatus({ status, refundIcon, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { useTheme } from '@mui/material/styles';
 import { motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
@@ -8,13 +9,18 @@ import { changeDateTimezone } from '../../../../../utils/index.js';
 import { RefundStateIcon } from './RefundStateIcon';
 import { refundStatusLabels } from '../constant';
 import { RefundCellContainer, PartialIcon, PercentageContainer, DateContainer } from '../style';
-export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
+export default function RefundStatus({ status, refundIcon, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
     const theme = useTheme();
     const { t } = useTranslation();
     const formattedDate = changeDateTimezone(new Date(Number(date)), {
         currentTimezone: ACCEPTANCE_TIMEZONE,
         targetTimezone: timezone === null || timezone === void 0 ? void 0 : timezone.offset,
     });
+    const refundIconSrc = useMemo(() => {
+        if (refundIcon)
+            return refundIcon;
+        return status === 'REFUNDED' ? refundedIcon : refundSettledIcon;
+    }, [status, refundIcon]);
     if (!['REFUNDED', 'PAID_OUT'].includes(status !== null && status !== void 0 ? status : '')) {
         return (_jsx(RefundStateIcon, { status: status, refundTooltip: refundTooltip, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode }));
     }
@@ -27,7 +33,7 @@ export default function RefundStatus({ status, refundTooltip, refundTooltipLabel
             })) }, { children: [_jsx(PartialIcon, { sx: Object.assign({}, (!date && {
                         width: '16px',
                         height: '16px',
-                    })), src: status === 'REFUNDED' ? refundedIcon : refundSettledIcon, alt: "refunded" }), _jsx(motion.div, Object.assign({ style: {
+                    })), src: refundIconSrc, alt: "refunded" }), _jsx(motion.div, Object.assign({ style: {
                         display: 'none',
                         alignItems: 'center',
                         justifyContent: 'center',

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -13,20 +12,21 @@ export declare const RefundCellContainer: import("@emotion/styled").StyledCompon
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -46,7 +46,7 @@ export declare const RefundCellContainer: import("@emotion/styled").StyledCompon
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -62,7 +62,7 @@ export declare const RefundCellContainer: import("@emotion/styled").StyledCompon
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -72,7 +72,7 @@ export declare const RefundCellContainer: import("@emotion/styled").StyledCompon
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -265,7 +265,7 @@ export declare const RefundCellContainer: import("@emotion/styled").StyledCompon
     isFullyUsed?: boolean | undefined;
 }, {}, {}>;
 export declare const PercentageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateContainer: import("@emotion/styled").StyledComponent<import("..").DateCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DateContainer: import("@emotion/styled").StyledComponent<import("..").DateCellBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const PiePercentage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     percentage: number;
     isCapture?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import { styled } from '@mui/material/styles';
 import { motion } from 'framer-motion';
-import DateCell from '../DateCell/DateCell';
+import DateViewer from '../DateCell/DateViewer';
 import Box from '@mui/material/Box';
 export const RefundCellContainer = styled(motion.div)(({ theme }) => ({
     display: 'flex',
@@ -32,13 +32,13 @@ export const PercentageContainer = styled('div')(({ theme }) => ({
     gap: theme.spacing(0.5),
     lineHeight: 0,
 }));
-export const DateContainer = styled(DateCell)(({ theme }) => ({
+export const DateContainer = styled(DateViewer)(({ theme }) => ({
     fontSize: '12px',
     fontWeight: theme.typography.fontWeightRegular,
     color: theme.palette.secondary.main,
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

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

@@ -15,4 +15,5 @@ export interface BalanceCellProps extends TableCellProps {
     unCapturedTooltip?: string;
     timezone: Timezone | null;
     refundTooltipLabel?: string;
+    refundIcon?: string;
 }

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

@@ -1,3 +1,3 @@
 import type { SalesChannelCell } from './type';
-declare function SalesChannelCell({ channels, isTextShown, ...props }: SalesChannelCell): import("react/jsx-runtime").JSX.Element;
+declare function SalesChannelCell({ channels, ...props }: SalesChannelCell): import("react/jsx-runtime").JSX.Element;
 export default SalesChannelCell;

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

@@ -13,20 +13,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
-import { ChannelTextLabel, ChannelTextWrapper, salesChannelAnimation, SalesChannelsContainer, StyledSourceCell, StyledSourceImage } from './style';
+import { salesChannelAnimation, SalesChannelsContainer, StyledSourceCell, StyledSourceImage } from './style';
+import { openChannelUrl, transformUrl } from './utils';
 function SalesChannelCell(_a) {
     var _b;
-    var { channels, isTextShown } = _a, props = __rest(_a, ["channels", "isTextShown"]);
+    var { channels } = _a, props = __rest(_a, ["channels"]);
     const salesChannels = (_b = channels === null || channels === void 0 ? void 0 : channels.filter((s) => !!s.address)) === null || _b === void 0 ? void 0 : _b.map((channel, index) => {
-        var _a;
+        var _a, _b, _c;
         const sourceTooltip = channel.address;
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
-        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: {
-                    width: isTextShown ? '70px' : '36px',
-                    cursor: 'pointer',
+        const isLastChannel = index === (channels === null || channels === void 0 ? void 0 : channels.length) - 1;
+        const transformedUrl = transformUrl((_b = channel.address) !== null && _b !== void 0 ? _b : '', (_c = channel.code) !== null && _c !== void 0 ? _c : '');
+        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, 0, isLastChannel), sx: {
+                    width: '36px',
+                    cursor: !transformedUrl ? 'default' : 'pointer',
                 }, onClick: () => {
-                    window.open(channel.address, '_blank');
-                } }, { children: isTextShown ? (_jsx(ChannelTextWrapper, { children: _jsx(ChannelTextLabel, { children: channelCode }) })) : (_jsx(StyledSourceImage, { src: channel.logo, alt: channelCode })) })) }), `${channel}-${index}`));
+                    if (channel === null || channel === void 0 ? void 0 : channel.address)
+                        openChannelUrl(transformedUrl);
+                } }, { children: _jsx(StyledSourceImage, { src: channel.logo, alt: channelCode }) })) }), `${channel}-${index}`));
     });
     const salesChannelsCount = (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) || 0;
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) > 0 ? (_jsx(SalesChannelsContainer, Object.assign({ layout: true, className: "sales-channels-container", whileHover: "animate", animate: "start", sourcesCount: salesChannelsCount || 0, variants: { animate: { width: (salesChannelsCount || 0) * (6 + 32) } }, style: {

package/build/components/TableCells/CustomCells/SalesChannelCell/SalesChannelCellSheet.d.ts

@@ -0,0 +1,3 @@
+import type { SalesChannelCellSheet } from './type';
+declare function SalesChannelCellSheet({ channels, selectionProps }: SalesChannelCellSheet): import("react/jsx-runtime").JSX.Element;
+export default SalesChannelCellSheet;