npm - @levi-gemcommerce/analytics - Versions diffs - 0.0.0-test.1 → 0.0.0-test.2 - Mend

@levi-gemcommerce/analytics 0.0.0-test.1 → 0.0.0-test.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (840) hide show

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CellRenderers.js CHANGED Viewed

@@ -1,5 +1,13 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
+import '../../../../../common/Visualization/types/report.js';
+import '../../../../../common/Visualization/types/chart.js';
+import { IRMetricKey } from '../../../../../common/Visualization/types/report-metric.js';
+import { EDimensionKey } from '../../../types/dimension.js';
+import { EReportColumnKey } from '../../../types/report-columns.js';
+import { CampaignsCell } from './CampaignsCell/CampaignsCell.js';
+import { DateCell } from './DateCell.js';
+import { GemxIdCell } from './GemxIdCell.js';
+import { ItemsCell } from './ItemsCell/ItemsCell.js';
 import 'react';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';
@@ -28,17 +36,9 @@ import '../../../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../../../core/gemxql/types/time-dimension.js';
 import '../../../context/ReportTableActionsContext.js';
-import { EReportColumnKey } from '../../../types/report-columns.js';
 import { OrderCellContainer } from './OrderCell/OrderCellContainer.js';
-import { CampaignsCell } from './CampaignsCell/CampaignsCell.js';
-import { VersionCell } from './VersionCell.js';
 import { OrderIdCell } from './OrderIdCell.js';
-import { DateCell } from './DateCell.js';
-import { EDimensionKey } from '../../../types/dimension.js';
-import '../../../../../common/Visualization/types/report.js';
-import '../../../../../common/Visualization/types/chart.js';
-import { IRMetricKey } from '../../../../../common/Visualization/types/report-metric.js';
-import { ItemsCell } from './ItemsCell/ItemsCell.js';
+import { VersionCell } from './VersionCell.js';
 const isString = (value) => typeof value === 'string';
 const isNonEmptyArray = (value) => Array.isArray(value) && value.length > 0;
@@ -74,10 +74,15 @@ const cellMap = {
             return null;
         return jsx(CampaignsCell, { value: value, campaignsCellProps: campaignsCellProps });
     },
-    [EReportColumnKey.ORDER_ID]: ({ value, isMockData }) => {
+    [EReportColumnKey.ORDER_ID]: ({ value, isMockData, gxId }) => {
+        if (!isString(value))
+            return null;
+        return jsx(OrderIdCell, { value: value, isMockData: isMockData, gxId: gxId });
+    },
+    [EReportColumnKey.GEMX_ID]: ({ value, isMergedWithPrev, previousValue, columnLayout }) => {
         if (!isString(value))
             return null;
-        return jsx(OrderIdCell, { value: value, isMockData: isMockData });
+        return (jsx(GemxIdCell, { value: value, isMergedWithPrev: isMergedWithPrev, previousValue: previousValue, columnLayout: columnLayout }));
     },
 };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CellRenderers.mjs CHANGED Viewed

@@ -1,5 +1,13 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
+import '../../../../../common/Visualization/types/report.mjs';
+import '../../../../../common/Visualization/types/chart.mjs';
+import { IRMetricKey } from '../../../../../common/Visualization/types/report-metric.mjs';
+import { EDimensionKey } from '../../../types/dimension.mjs';
+import { EReportColumnKey } from '../../../types/report-columns.mjs';
+import { CampaignsCell } from './CampaignsCell/CampaignsCell.mjs';
+import { DateCell } from './DateCell.mjs';
+import { GemxIdCell } from './GemxIdCell.mjs';
+import { ItemsCell } from './ItemsCell/ItemsCell.mjs';
 import 'react';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';
@@ -28,17 +36,9 @@ import '../../../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../../../core/gemxql/types/time-dimension.mjs';
 import '../../../context/ReportTableActionsContext.mjs';
-import { EReportColumnKey } from '../../../types/report-columns.mjs';
 import { OrderCellContainer } from './OrderCell/OrderCellContainer.mjs';
-import { CampaignsCell } from './CampaignsCell/CampaignsCell.mjs';
-import { VersionCell } from './VersionCell.mjs';
 import { OrderIdCell } from './OrderIdCell.mjs';
-import { DateCell } from './DateCell.mjs';
-import { EDimensionKey } from '../../../types/dimension.mjs';
-import '../../../../../common/Visualization/types/report.mjs';
-import '../../../../../common/Visualization/types/chart.mjs';
-import { IRMetricKey } from '../../../../../common/Visualization/types/report-metric.mjs';
-import { ItemsCell } from './ItemsCell/ItemsCell.mjs';
+import { VersionCell } from './VersionCell.mjs';
 const isString = (value) => typeof value === 'string';
 const isNonEmptyArray = (value) => Array.isArray(value) && value.length > 0;
@@ -74,10 +74,15 @@ const cellMap = {
             return null;
         return jsx(CampaignsCell, { value: value, campaignsCellProps: campaignsCellProps });
     },
-    [EReportColumnKey.ORDER_ID]: ({ value, isMockData }) => {
+    [EReportColumnKey.ORDER_ID]: ({ value, isMockData, gxId }) => {
+        if (!isString(value))
+            return null;
+        return jsx(OrderIdCell, { value: value, isMockData: isMockData, gxId: gxId });
+    },
+    [EReportColumnKey.GEMX_ID]: ({ value, isMergedWithPrev, previousValue, columnLayout }) => {
         if (!isString(value))
             return null;
-        return jsx(OrderIdCell, { value: value, isMockData: isMockData });
+        return (jsx(GemxIdCell, { value: value, isMergedWithPrev: isMergedWithPrev, previousValue: previousValue, columnLayout: columnLayout }));
     },
 };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/DateCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/DateCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/DefaultCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/DefaultCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/GemxIdCell.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { RendererProps } from './type';
2	+ export declare const GemxIdCell: ({ value, isMergedWithPrev, previousValue, columnLayout }: RendererProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/GemxIdCell.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+import '../../../../../../../utils/dayjs.js';
+import '../../../../../../../utils/analytics.js';
+import '../../../../../../../types/template.js';
+import '../../../../../../components/GTooltip/components/GTooltipCard.js';
+import '../../../../../../components/GDiv/GDiv.js';
+import 'react-i18next';
+import '../../../../../../components/GFeatureLocked/constants.js';
+import '../../../../../../components/GFeatureLocked/types.js';
+import '../../../../../../components/GPagination/GPagination.js';
+import { GTextTruncated } from '../../../../../../components/GTextTruncated/GTextTruncated.js';
+import '../../../../../../../stores/currencyRatesStore.js';
+import '@tanstack/react-query';
+import '../../../../../../../providers/ConvertMoneyProvider.js';
+import '../../../../../../../core/gemxql/constants/row-reader-mode.js';
+import '../../../../../../../core/gemxql/types/analytic-data.js';
+import '../../../../../../../core/gemxql/types/analytic-source.js';
+import '../../../../../../../core/gemxql/types/extra-condition.js';
+import '../../../../../../../core/gemxql/types/field-filters.js';
+import '../../../../../../../core/gemxql/types/field-operators.js';
+import '../../../../../../../core/gemxql/types/group-with-clause.js';
+import '../../../../../../../core/gemxql/types/order-by.js';
+import '../../../../../../../core/gemxql/types/page-fields.js';
+import '../../../../../../../core/gemxql/types/row-reader-mode.js';
+import '../../../../../../../core/gemxql/types/time-dimension.js';
+import { WrapperCell } from './WrapperCell.js';
+const GemxIdCell = ({ value, isMergedWithPrev, previousValue, columnLayout }) => {
+    const valueString = typeof value === 'string' ? value : String(value);
+    return (jsx(WrapperCell, { previousValue: previousValue, isMergedWithPrev: isMergedWithPrev, columnLayout: columnLayout, children: jsx("div", { className: "w-full min-w-0", children: jsx(GTextTruncated, { as: "span", variant: "bodySm", truncate: true, alignment: columnLayout?.align, children: isMergedWithPrev ? '' : valueString }) }) }));
+};
+export { GemxIdCell };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/GemxIdCell.mjs ADDED Viewed

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+import '../../../../../../../utils/dayjs.mjs';
+import '../../../../../../../utils/analytics.mjs';
+import '../../../../../../../types/template.mjs';
+import '../../../../../../components/GTooltip/components/GTooltipCard.mjs';
+import '../../../../../../components/GDiv/GDiv.mjs';
+import 'react-i18next';
+import '../../../../../../components/GFeatureLocked/constants.mjs';
+import '../../../../../../components/GFeatureLocked/types.mjs';
+import '../../../../../../components/GPagination/GPagination.mjs';
+import { GTextTruncated } from '../../../../../../components/GTextTruncated/GTextTruncated.mjs';
+import '../../../../../../../stores/currencyRatesStore.mjs';
+import '@tanstack/react-query';
+import '../../../../../../../providers/ConvertMoneyProvider.mjs';
+import '../../../../../../../core/gemxql/constants/row-reader-mode.mjs';
+import '../../../../../../../core/gemxql/types/analytic-data.mjs';
+import '../../../../../../../core/gemxql/types/analytic-source.mjs';
+import '../../../../../../../core/gemxql/types/extra-condition.mjs';
+import '../../../../../../../core/gemxql/types/field-filters.mjs';
+import '../../../../../../../core/gemxql/types/field-operators.mjs';
+import '../../../../../../../core/gemxql/types/group-with-clause.mjs';
+import '../../../../../../../core/gemxql/types/order-by.mjs';
+import '../../../../../../../core/gemxql/types/page-fields.mjs';
+import '../../../../../../../core/gemxql/types/row-reader-mode.mjs';
+import '../../../../../../../core/gemxql/types/time-dimension.mjs';
+import { WrapperCell } from './WrapperCell.mjs';
+const GemxIdCell = ({ value, isMergedWithPrev, previousValue, columnLayout }) => {
+    const valueString = typeof value === 'string' ? value : String(value);
+    return (jsx(WrapperCell, { previousValue: previousValue, isMergedWithPrev: isMergedWithPrev, columnLayout: columnLayout, children: jsx("div", { className: "w-full min-w-0", children: jsx(GTextTruncated, { as: "span", variant: "bodySm", truncate: true, alignment: columnLayout?.align, children: isMergedWithPrev ? '' : valueString }) }) }));
+};
+export { GemxIdCell };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/ItemsCell/CheckoutStartedDetail.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Popover, Box, Button, BlockStack, InlineStack, Text, Badge } from '@shopify/polaris';
 import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/ItemsCell/CheckoutStartedDetail.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Popover, Box, Button, BlockStack, InlineStack, Text, Badge } from '@shopify/polaris';
 import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/ItemsCell/ItemsCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { InlineStack, Text } from '@shopify/polaris';
 import { useTranslation } from 'react-i18next';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/ItemsCell/ItemsCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { InlineStack, Text } from '@shopify/polaris';
 import { useTranslation } from 'react-i18next';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/NoneCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { WrapperCell } from './WrapperCell.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/NoneCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { WrapperCell } from './WrapperCell.mjs';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/LoadingData.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Spinner } from '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/LoadingData.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Spinner } from '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/NoData.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/NoData.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { useToggle } from '../../../../../../../../hooks/useToggle.js';
 import { Popover, Box, Scrollable } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { useToggle } from '../../../../../../../../hooks/useToggle.mjs';
 import { Popover, Box, Scrollable } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCellBase.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { InlineStack, Text, Box, Icon } from '@shopify/polaris';
 import { CaretDownIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCellBase.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { InlineStack, Text, Box, Icon } from '@shopify/polaris';
 import { CaretDownIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCellContainer.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BlockStack, Box } from '@shopify/polaris';
 import { OrderCell } from './OrderCell.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderCellContainer.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BlockStack, Box } from '@shopify/polaris';
 import { OrderCell } from './OrderCell.mjs';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderItem.js CHANGED Viewed

@@ -1,10 +1,9 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.js';
+import { dayjsTz } from '../../../../../../../../utils/dayjs.js';
 import { Box, InlineStack, BlockStack, Text, Tooltip, Button, Icon } from '@shopify/polaris';
 import { OrderIcon, ChartLineIcon } from '@shopify/polaris-icons';
 import { useTranslation } from 'react-i18next';
-import { dayjsTz } from '../../../../../../../../utils/dayjs.js';
+import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.js';
 import { EReportColumnKey } from '../../../../types/report-columns.js';
 const OrderItem = ({ order }) => {
@@ -14,10 +13,12 @@ const OrderItem = ({ order }) => {
         return dayjsTz(date).format('MMMM D, YYYY [at] h:mm a');
     };
     const orderId = `${order[EReportColumnKey.ORDER_ID]}`;
+    const rawGxId = order[EReportColumnKey.GEMX_ID];
+    const gxId = rawGxId ? `${rawGxId}` : '';
     const date = `${order[EReportColumnKey.ORDER_DATE]}`;
     if (!orderId)
         return null;
-    return (jsx(Box, { padding: "300", borderBlockEndWidth: "025", borderColor: "border", children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "200", children: [jsxs(BlockStack, { gap: "200", children: [jsx(Text, { as: "p", variant: "bodyMd", children: `ID: ${orderId}` }), jsx(Text, { as: "p", variant: "bodyXs", tone: "subdued", children: formatDate(date) })] }), jsxs(InlineStack, { gap: "100", children: [jsx(Tooltip, { content: t('View order details'), children: jsx(Button, { icon: jsx(Icon, { source: OrderIcon, tone: "critical" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderDetails?.(orderId) }) }), jsx(Tooltip, { content: t('View order journey'), children: jsx(Button, { icon: jsx(Icon, { source: ChartLineIcon, tone: "primary" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderJourney?.(orderId) }) })] })] }) }));
+    return (jsx(Box, { padding: "300", borderBlockEndWidth: "025", borderColor: "border", children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "200", children: [jsxs(BlockStack, { gap: "200", children: [jsx(Text, { as: "p", variant: "bodyMd", children: `ID: ${orderId}` }), jsx(Text, { as: "p", variant: "bodyXs", tone: "subdued", children: formatDate(date) }), gxId && (jsxs(InlineStack, { gap: "100", blockAlign: "center", children: [jsx(Text, { as: "span", variant: "bodyXs", children: t('GemX ID:') }), jsx(Box, { background: "bg-surface-emphasis-active", paddingBlock: "050", paddingInline: "150", borderRadius: "200", children: jsx(Text, { as: "span", variant: "bodySm", children: jsx("span", { style: { color: 'var(--p-color-text-emphasis-active)' }, children: gxId }) }) })] }))] }), jsxs(InlineStack, { gap: "100", children: [jsx(Tooltip, { content: t('View order details'), children: jsx(Button, { icon: jsx(Icon, { source: OrderIcon, tone: "critical" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderDetails?.(orderId) }) }), jsx(Tooltip, { content: t('View order journey'), children: jsx(Button, { icon: jsx(Icon, { source: ChartLineIcon, tone: "primary" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderJourney?.(orderId, gxId) }) })] })] }) }));
 };
 export { OrderItem };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderCell/OrderItem.mjs CHANGED Viewed

@@ -1,10 +1,9 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.mjs';
+import { dayjsTz } from '../../../../../../../../utils/dayjs.mjs';
 import { Box, InlineStack, BlockStack, Text, Tooltip, Button, Icon } from '@shopify/polaris';
 import { OrderIcon, ChartLineIcon } from '@shopify/polaris-icons';
 import { useTranslation } from 'react-i18next';
-import { dayjsTz } from '../../../../../../../../utils/dayjs.mjs';
+import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.mjs';
 import { EReportColumnKey } from '../../../../types/report-columns.mjs';
 const OrderItem = ({ order }) => {
@@ -14,10 +13,12 @@ const OrderItem = ({ order }) => {
         return dayjsTz(date).format('MMMM D, YYYY [at] h:mm a');
     };
     const orderId = `${order[EReportColumnKey.ORDER_ID]}`;
+    const rawGxId = order[EReportColumnKey.GEMX_ID];
+    const gxId = rawGxId ? `${rawGxId}` : '';
     const date = `${order[EReportColumnKey.ORDER_DATE]}`;
     if (!orderId)
         return null;
-    return (jsx(Box, { padding: "300", borderBlockEndWidth: "025", borderColor: "border", children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "200", children: [jsxs(BlockStack, { gap: "200", children: [jsx(Text, { as: "p", variant: "bodyMd", children: `ID: ${orderId}` }), jsx(Text, { as: "p", variant: "bodyXs", tone: "subdued", children: formatDate(date) })] }), jsxs(InlineStack, { gap: "100", children: [jsx(Tooltip, { content: t('View order details'), children: jsx(Button, { icon: jsx(Icon, { source: OrderIcon, tone: "critical" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderDetails?.(orderId) }) }), jsx(Tooltip, { content: t('View order journey'), children: jsx(Button, { icon: jsx(Icon, { source: ChartLineIcon, tone: "primary" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderJourney?.(orderId) }) })] })] }) }));
+    return (jsx(Box, { padding: "300", borderBlockEndWidth: "025", borderColor: "border", children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "200", children: [jsxs(BlockStack, { gap: "200", children: [jsx(Text, { as: "p", variant: "bodyMd", children: `ID: ${orderId}` }), jsx(Text, { as: "p", variant: "bodyXs", tone: "subdued", children: formatDate(date) }), gxId && (jsxs(InlineStack, { gap: "100", blockAlign: "center", children: [jsx(Text, { as: "span", variant: "bodyXs", children: t('GemX ID:') }), jsx(Box, { background: "bg-surface-emphasis-active", paddingBlock: "050", paddingInline: "150", borderRadius: "200", children: jsx(Text, { as: "span", variant: "bodySm", children: jsx("span", { style: { color: 'var(--p-color-text-emphasis-active)' }, children: gxId }) }) })] }))] }), jsxs(InlineStack, { gap: "100", children: [jsx(Tooltip, { content: t('View order details'), children: jsx(Button, { icon: jsx(Icon, { source: OrderIcon, tone: "critical" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderDetails?.(orderId) }) }), jsx(Tooltip, { content: t('View order journey'), children: jsx(Button, { icon: jsx(Icon, { source: ChartLineIcon, tone: "primary" }), variant: "tertiary", size: "slim", onClick: () => onViewOrderJourney?.(orderId, gxId) }) })] })] }) }));
 };
 export { OrderItem };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderIdCell.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { RendererProps } from './type';
-export declare const OrderIdCell: ({ value, isMockData }: Pick<RendererProps<string>, "value" | "isMockData">) => import("react/jsx-runtime").JSX.Element;
+export declare const OrderIdCell: ({ value, isMockData, gxId, }: Pick<RendererProps<string>, "value" | "isMockData" | "gxId">) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderIdCell.js CHANGED Viewed

@@ -1,12 +1,11 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../context/ReportTableActionsContext.js';
-import { CaretDownIcon, ChartLineIcon, OrderIcon } from '@shopify/polaris-icons';
 import { Text, Popover, InlineStack, Icon, ActionList } from '@shopify/polaris';
-import { useTranslation } from 'react-i18next';
+import { CaretDownIcon, ChartLineIcon, OrderIcon } from '@shopify/polaris-icons';
 import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useReportTableActionsContext } from '../../../context/ReportTableActionsContext.js';
-const OrderIdCell = ({ value, isMockData }) => {
+const OrderIdCell = ({ value, isMockData, gxId, }) => {
     const { t } = useTranslation();
     const [active, setActive] = useState(false);
     const { onViewOrderJourney, onViewOrderDetails } = useReportTableActionsContext();
@@ -19,7 +18,7 @@ const OrderIdCell = ({ value, isMockData }) => {
                     id: 'view_order_journey',
                     content: t('View order journey'),
                     icon: ChartLineIcon,
-                    onAction: () => onViewOrderJourney?.(value),
+                    onAction: () => onViewOrderJourney?.(value, gxId),
                 },
                 {
                     id: 'view_order_details',

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/OrderIdCell.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../context/ReportTableActionsContext.mjs';
-import { CaretDownIcon, ChartLineIcon, OrderIcon } from '@shopify/polaris-icons';
 import { Text, Popover, InlineStack, Icon, ActionList } from '@shopify/polaris';
-import { useTranslation } from 'react-i18next';
+import { CaretDownIcon, ChartLineIcon, OrderIcon } from '@shopify/polaris-icons';
 import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useReportTableActionsContext } from '../../../context/ReportTableActionsContext.mjs';
-const OrderIdCell = ({ value, isMockData }) => {
+const OrderIdCell = ({ value, isMockData, gxId, }) => {
     const { t } = useTranslation();
     const [active, setActive] = useState(false);
     const { onViewOrderJourney, onViewOrderDetails } = useReportTableActionsContext();
@@ -19,7 +18,7 @@ const OrderIdCell = ({ value, isMockData }) => {
                     id: 'view_order_journey',
                     content: t('View order journey'),
                     icon: ChartLineIcon,
-                    onAction: () => onViewOrderJourney?.(value),
+                    onAction: () => onViewOrderJourney?.(value, gxId),
                 },
                 {
                     id: 'view_order_details',

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/PreviousCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/PreviousCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/TotalCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/TotalCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/VersionCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { IVariantType } from '../../../../../../../components/CardPathAnalysis/stores/path-analysis-campaign.js';
 import { WrapperCell } from './WrapperCell.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/VersionCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { IVariantType } from '../../../../../../../components/CardPathAnalysis/stores/path-analysis-campaign.mjs';
 import { WrapperCell } from './WrapperCell.mjs';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/WrapperCell.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/WrapperCell.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/type.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import type { IMetricFormatter } from '../../../../../../../modules/analytics';
-import type { CampaignsCellProps, OrderCellProps, ReportColumnLayout } from '../../../types';
 import type { ReportValueType } from '../../../../../common/Visualization/types';
+import type { CampaignsCellProps, OrderCellProps, ReportColumnLayout } from '../../../types';
 export type RendererProps<T = ReportValueType> = {
     value: T;
+    gxId?: string;
     campaignsCellProps?: CampaignsCellProps;
     name?: string;
     isMergedWithPrev: boolean;

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Row.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ReportRowType, IReportColumn } from '../../../../common/Visualization/types';
+import type { IReportColumn, ReportRowType } from '../../../../common/Visualization/types';
 import type { OrderCellProps, ReportColumnLayoutMap } from '../../types';
 interface RowProps {
     row: ReportRowType;

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Row.js CHANGED Viewed

@@ -1,11 +1,10 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import '../../../../common/Visualization/constants/version.js';
 import { getMetricPreviousValue } from '../../../../common/Visualization/utils/visualization.js';
 import '../../constants/order.js';
 import { IS_TOTAL_ROW_FIELD } from '../../constants/table.js';
-import { Cell } from './Cell/Cell.js';
 import { EReportColumnKey } from '../../types/report-columns.js';
+import { Cell } from './Cell/Cell.js';
 const Row = ({ row, rowIndex, columns, dimensions, prevRow, columnLayoutMap, orderCellProps, isHideCampaignContent, minWidth, isMockData, }) => {
     const checkMergedWithPrev = (col) => {
@@ -27,7 +26,8 @@ const Row = ({ row, rowIndex, columns, dimensions, prevRow, columnLayoutMap, ord
     return (jsx("div", { className: "GReportTable__Row group/GReportTable__Row", style: { minWidth }, children: columns.map((col) => {
             const hasTooltipCard = !!col.tooltipCardProps;
             const orderId = row[EReportColumnKey.ORDER_ID]?.toString() ?? '';
-            return (jsx(Cell, { value: row[col.name], isTotalRow: row[IS_TOTAL_ROW_FIELD], previousValue: getMetricPreviousValue(row, col.name), isMergedWithPrev: checkMergedWithPrev(col.name), columnLayout: columnLayoutMap[col.name], name: col.name, campaignsCellProps: { orderId, isHideCampaignContent }, isDimensionCol: dimensions.includes(col.name), formatter: col.dataType, hasTooltipCard: hasTooltipCard, orderCellProps: customOrderCellProps, isMockData: isMockData }, col.name));
+            const gxId = row[EReportColumnKey.GEMX_ID]?.toString() ?? '';
+            return (jsx(Cell, { value: row[col.name], gxId: gxId, isTotalRow: row[IS_TOTAL_ROW_FIELD], previousValue: getMetricPreviousValue(row, col.name), isMergedWithPrev: checkMergedWithPrev(col.name), columnLayout: columnLayoutMap[col.name], name: col.name, campaignsCellProps: { orderId, gxId, isHideCampaignContent }, isDimensionCol: dimensions.includes(col.name), formatter: col.dataType, hasTooltipCard: hasTooltipCard, orderCellProps: customOrderCellProps, isMockData: isMockData }, col.name));
         }) }));
 };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Row.mjs CHANGED Viewed

@@ -1,11 +1,10 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import '../../../../common/Visualization/constants/version.mjs';
 import { getMetricPreviousValue } from '../../../../common/Visualization/utils/visualization.mjs';
 import '../../constants/order.mjs';
 import { IS_TOTAL_ROW_FIELD } from '../../constants/table.mjs';
-import { Cell } from './Cell/Cell.mjs';
 import { EReportColumnKey } from '../../types/report-columns.mjs';
+import { Cell } from './Cell/Cell.mjs';
 const Row = ({ row, rowIndex, columns, dimensions, prevRow, columnLayoutMap, orderCellProps, isHideCampaignContent, minWidth, isMockData, }) => {
     const checkMergedWithPrev = (col) => {
@@ -27,7 +26,8 @@ const Row = ({ row, rowIndex, columns, dimensions, prevRow, columnLayoutMap, ord
     return (jsx("div", { className: "GReportTable__Row group/GReportTable__Row", style: { minWidth }, children: columns.map((col) => {
             const hasTooltipCard = !!col.tooltipCardProps;
             const orderId = row[EReportColumnKey.ORDER_ID]?.toString() ?? '';
-            return (jsx(Cell, { value: row[col.name], isTotalRow: row[IS_TOTAL_ROW_FIELD], previousValue: getMetricPreviousValue(row, col.name), isMergedWithPrev: checkMergedWithPrev(col.name), columnLayout: columnLayoutMap[col.name], name: col.name, campaignsCellProps: { orderId, isHideCampaignContent }, isDimensionCol: dimensions.includes(col.name), formatter: col.dataType, hasTooltipCard: hasTooltipCard, orderCellProps: customOrderCellProps, isMockData: isMockData }, col.name));
+            const gxId = row[EReportColumnKey.GEMX_ID]?.toString() ?? '';
+            return (jsx(Cell, { value: row[col.name], gxId: gxId, isTotalRow: row[IS_TOTAL_ROW_FIELD], previousValue: getMetricPreviousValue(row, col.name), isMergedWithPrev: checkMergedWithPrev(col.name), columnLayout: columnLayoutMap[col.name], name: col.name, campaignsCellProps: { orderId, gxId, isHideCampaignContent }, isDimensionCol: dimensions.includes(col.name), formatter: col.dataType, hasTooltipCard: hasTooltipCard, orderCellProps: customOrderCellProps, isMockData: isMockData }, col.name));
         }) }));
 };

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/Pagination.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReportTableActionsContext } from '../../context/ReportTableActionsContext.js';
 import { Text, Button } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/Pagination.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReportTableActionsContext } from '../../context/ReportTableActionsContext.mjs';
 import { Text, Button } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/ScrollBar.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { cls } from '../../../../../../utils/cls.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/ScrollBar.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { cls } from '../../../../../../utils/cls.mjs';

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/WrapperFooter.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pagination } from './Pagination.js';
 import { ScrollBar } from './ScrollBar.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Footer/WrapperFooter.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pagination } from './Pagination.mjs';
 import { ScrollBar } from './ScrollBar.mjs';

package/dist/esm/shared/reports/ui/ReportTable/components/Header/Header.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SortableHeaderWithTooltip } from './SortableHeaderWithTooltip.js';
 import { getColumnLayoutStyles } from '../../utils/table.js';

package/dist/esm/shared/reports/ui/ReportTable/components/Header/Header.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SortableHeaderWithTooltip } from './SortableHeaderWithTooltip.mjs';
 import { getColumnLayoutStyles } from '../../utils/table.mjs';