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

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyLoadMore.mjs

@@ -1,14 +1,13 @@
-"use client"
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Box, InlineStack, Icon, Text } from '@shopify/polaris';
+import { jsx } from 'react/jsx-runtime';
+import { Box, Icon } from '@shopify/polaris';
 import { ChevronUpIcon } from '@shopify/polaris-icons';
-import { useTranslation } from 'react-i18next';
 import { useState } from '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';
@@ -35,11 +34,10 @@ const BOX_BACKGROUND = {
 };
 const JourneyLoadMore = ({ isFetching, onLoadMode }) => {
     const [boxBackground, setBoxBackground] = useState(BOX_BACKGROUND.default);
-    const { t } = useTranslation();
     if (isFetching) {
         return (jsx(Box, { paddingBlock: "100", paddingInline: "300", background: BOX_BACKGROUND.onHover, borderRadius: "200", children: jsx(GSpinner, { size: "small" }) }));
     }
-    return (jsx("div", { className: "cursor-pointer", onMouseEnter: () => setBoxBackground(BOX_BACKGROUND.onHover), onMouseLeave: () => setBoxBackground(BOX_BACKGROUND.default), onClick: onLoadMode, children: jsx(Box, { paddingBlock: "100", paddingInline: "200", background: boxBackground, borderRadius: "200", children: jsxs(InlineStack, { gap: "050", wrap: false, blockAlign: "center", children: [jsx(Icon, { source: ChevronUpIcon }), jsx(Text, { as: "p", variant: "bodySm", fontWeight: "medium", children: t('More steps') })] }) }) }));
+    return (jsx("div", { className: "cursor-pointer", onMouseEnter: () => setBoxBackground(BOX_BACKGROUND.onHover), onMouseLeave: () => setBoxBackground(BOX_BACKGROUND.default), onClick: onLoadMode, children: jsx(Box, { paddingBlock: "100", paddingInline: "200", background: boxBackground, borderRadius: "200", children: jsx(Icon, { source: ChevronUpIcon }) }) }));
 };
 
 export { JourneyLoadMore };

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyTitle.js

@@ -1,17 +1,16 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '@shopify/polaris';
 import { JourneyDateBadge } from './JourneyDateBadge.js';
-import { JourneyLoadMore } from './JourneyLoadMore.js';
-import { Box, InlineStack } from '@shopify/polaris';
 import { JourneyIdBadge } from './JourneyIdBadge.js';
+import { JourneyLoadMore } from './JourneyLoadMore.js';
 
 const JourneyTitle = ({ content, id, hasMoreSteps, isFetching = false, onLoadMode }) => {
     const isStickyHeader = !!id;
     const isShowLoadMore = isStickyHeader && hasMoreSteps && onLoadMode;
-    return (jsxs(Box, { paddingBlock: "300", paddingInline: "400", position: "relative", children: [jsxs(InlineStack, { align: "space-between", gap: "100", children: [jsxs(InlineStack, { gap: "400", children: [jsx(JourneyDateBadge, { content: content }), id && jsx(JourneyIdBadge, { id: id })] }), isShowLoadMore && jsx(JourneyLoadMore, { isFetching: isFetching, onLoadMode: onLoadMode })] }), jsx(JourneyTitleLine, {})] }));
+    return (jsxs(Box, { paddingBlock: "300", paddingInline: "400", position: "relative", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-400)' }, children: [jsx("div", { className: "shrink-0", children: jsx(JourneyDateBadge, { content: content }) }), id && jsx(JourneyIdBadge, { id: id })] }), isShowLoadMore && (jsx("div", { className: "shrink-0", children: jsx(JourneyLoadMore, { isFetching: isFetching, onLoadMode: onLoadMode }) }))] }), jsx(JourneyTitleLine, {})] }));
 };
 const JourneyTitleLine = () => {
-    return jsx("div", { className: "absolute top-[50%] right-0 left-0 translate-y-[-50%] h-[1px] bg-border -z-[1]" });
+    return jsx("div", { className: "bg-border absolute left-0 right-0 top-[50%] -z-[1] h-[1px] translate-y-[-50%]" });
 };
 
 export { JourneyTitle };

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyTitle.mjs

@@ -1,17 +1,16 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '@shopify/polaris';
 import { JourneyDateBadge } from './JourneyDateBadge.mjs';
-import { JourneyLoadMore } from './JourneyLoadMore.mjs';
-import { Box, InlineStack } from '@shopify/polaris';
 import { JourneyIdBadge } from './JourneyIdBadge.mjs';
+import { JourneyLoadMore } from './JourneyLoadMore.mjs';
 
 const JourneyTitle = ({ content, id, hasMoreSteps, isFetching = false, onLoadMode }) => {
     const isStickyHeader = !!id;
     const isShowLoadMore = isStickyHeader && hasMoreSteps && onLoadMode;
-    return (jsxs(Box, { paddingBlock: "300", paddingInline: "400", position: "relative", children: [jsxs(InlineStack, { align: "space-between", gap: "100", children: [jsxs(InlineStack, { gap: "400", children: [jsx(JourneyDateBadge, { content: content }), id && jsx(JourneyIdBadge, { id: id })] }), isShowLoadMore && jsx(JourneyLoadMore, { isFetching: isFetching, onLoadMode: onLoadMode })] }), jsx(JourneyTitleLine, {})] }));
+    return (jsxs(Box, { paddingBlock: "300", paddingInline: "400", position: "relative", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-400)' }, children: [jsx("div", { className: "shrink-0", children: jsx(JourneyDateBadge, { content: content }) }), id && jsx(JourneyIdBadge, { id: id })] }), isShowLoadMore && (jsx("div", { className: "shrink-0", children: jsx(JourneyLoadMore, { isFetching: isFetching, onLoadMode: onLoadMode }) }))] }), jsx(JourneyTitleLine, {})] }));
 };
 const JourneyTitleLine = () => {
-    return jsx("div", { className: "absolute top-[50%] right-0 left-0 translate-y-[-50%] h-[1px] bg-border -z-[1]" });
+    return jsx("div", { className: "bg-border absolute left-0 right-0 top-[50%] -z-[1] h-[1px] translate-y-[-50%]" });
 };
 
 export { JourneyTitle };

package/dist/esm/shared/journey/ui/JourneyTitle/components/index.d.ts

@@ -1 +1,2 @@
+export * from './GemxIdBadge';
 export * from './JourneyTitle';

package/dist/esm/shared/journey/ui/JourneyTitle/constants/idBadge.d.ts

@@ -0,0 +1 @@
+export declare const ID_BADGE_SEPARATOR = "\u00B7";

package/dist/esm/shared/journey/ui/JourneyTitle/constants/idBadge.js

@@ -0,0 +1,3 @@
+const ID_BADGE_SEPARATOR = '·';
+
+export { ID_BADGE_SEPARATOR };

package/dist/esm/shared/journey/ui/JourneyTitle/constants/idBadge.mjs

@@ -0,0 +1,3 @@
+const ID_BADGE_SEPARATOR = '·';
+
+export { ID_BADGE_SEPARATOR };

package/dist/esm/shared/journey/ui/JourneyTitle/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './idBadge';

package/dist/esm/shared/reports/common/Visualization/constants/columns.js

@@ -1,4 +1,3 @@
-"use client"
 const COLUMN_SEPARATOR = '___';
 const DIMENSION_SEPARATOR = '__';
 const COMPARISON_PREFIX = 'comparison';

package/dist/esm/shared/reports/common/Visualization/constants/columns.mjs

@@ -1,4 +1,3 @@
-"use client"
 const COLUMN_SEPARATOR = '___';
 const DIMENSION_SEPARATOR = '__';
 const COMPARISON_PREFIX = 'comparison';

package/dist/esm/shared/reports/common/Visualization/constants/version.js

@@ -1,4 +1,3 @@
-"use client"
 import { IRVariantType } from '../types/report.js';
 import '../types/chart.js';
 import '../types/report-metric.js';

package/dist/esm/shared/reports/common/Visualization/constants/version.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { IRVariantType } from '../types/report.mjs';
 import '../types/chart.mjs';
 import '../types/report-metric.mjs';

package/dist/esm/shared/reports/common/Visualization/types/chart.js

@@ -1,4 +1,3 @@
-"use client"
 var EReportChart;
 (function (EReportChart) {
     EReportChart["LINE"] = "LINE";

package/dist/esm/shared/reports/common/Visualization/types/chart.mjs

@@ -1,4 +1,3 @@
-"use client"
 var EReportChart;
 (function (EReportChart) {
     EReportChart["LINE"] = "LINE";

package/dist/esm/shared/reports/common/Visualization/types/report-metric.js

@@ -1,4 +1,3 @@
-"use client"
 var IRMetricKey;
 (function (IRMetricKey) {
     IRMetricKey["SESSION"] = "sessions";

package/dist/esm/shared/reports/common/Visualization/types/report-metric.mjs

@@ -1,4 +1,3 @@
-"use client"
 var IRMetricKey;
 (function (IRMetricKey) {
     IRMetricKey["SESSION"] = "sessions";

package/dist/esm/shared/reports/common/Visualization/types/report.js

@@ -1,4 +1,3 @@
-"use client"
 var EReportDataType;
 (function (EReportDataType) {
     EReportDataType["DATE"] = "DATE";

package/dist/esm/shared/reports/common/Visualization/types/report.mjs

@@ -1,4 +1,3 @@
-"use client"
 var EReportDataType;
 (function (EReportDataType) {
     EReportDataType["DATE"] = "DATE";

package/dist/esm/shared/reports/common/Visualization/utils/visualization.js

@@ -1,6 +1,5 @@
-"use client"
 import '../constants/version.js';
-import { COLUMN_SEPARATOR, PREVIOUS_PERIOD_KEY, COMPARISON_PREFIX, TOTAL_SUFFIX, DIMENSION_SEPARATOR } from '../constants/columns.js';
+import { PREVIOUS_PERIOD_KEY, COMPARISON_PREFIX, COLUMN_SEPARATOR, DIMENSION_SEPARATOR, TOTAL_SUFFIX } from '../constants/columns.js';
 
 const joinColumnParts = (...parts) => parts.join(COLUMN_SEPARATOR);
 const getDimensionPathKey = (dimensions, dimensionIndex) => dimensions.slice(0, dimensionIndex + 1).join(DIMENSION_SEPARATOR);

package/dist/esm/shared/reports/common/Visualization/utils/visualization.mjs

@@ -1,6 +1,5 @@
-"use client"
 import '../constants/version.mjs';
-import { COLUMN_SEPARATOR, PREVIOUS_PERIOD_KEY, COMPARISON_PREFIX, TOTAL_SUFFIX, DIMENSION_SEPARATOR } from '../constants/columns.mjs';
+import { PREVIOUS_PERIOD_KEY, COMPARISON_PREFIX, COLUMN_SEPARATOR, DIMENSION_SEPARATOR, TOTAL_SUFFIX } from '../constants/columns.mjs';
 
 const joinColumnParts = (...parts) => parts.join(COLUMN_SEPARATOR);
 const getDimensionPathKey = (dimensions, dimensionIndex) => dimensions.slice(0, dimensionIndex + 1).join(DIMENSION_SEPARATOR);

package/dist/esm/shared/reports/ui/ReportTable/ReportTable.d.ts

@@ -1,8 +1,8 @@
-import type { OrderByFields, OrderCellProps, ReportColumnLayout, ReportColumnLayoutMap } from './types';
-import type { ReportTableSkeletonProps } from './ReportTableSkeleton';
+import type { GPaginationProps } from '../../../../core/gemxql';
 import type { IReportTable } from '../../common/Visualization/types';
 import type { IReportHeaderSummary } from './components';
-import type { GPaginationProps } from '../../../../core/gemxql';
+import type { ReportTableSkeletonProps } from './ReportTableSkeleton';
+import type { OrderByFields, OrderCellProps, ReportColumnLayout, ReportColumnLayoutMap } from './types';
 export interface IReportTableOptions {
     summary?: IReportHeaderSummary;
     hideBorderTop?: boolean;
@@ -27,7 +27,7 @@ export interface ReportTableProps {
     isMockData?: boolean;
     onChangeOrderBy?: (field: string) => void;
     onViewAllStoreOrders?: () => void;
-    onViewOrderJourney?: (orderId: string) => void;
+    onViewOrderJourney?: (orderId: string, gxId?: string) => void;
     onViewOrderDetails?: (orderId: string) => void;
     skeletons?: ReportTableSkeletonProps;
 }

package/dist/esm/shared/reports/ui/ReportTable/ReportTable.js

@@ -1,16 +1,9 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import './constants/order.js';
-import { DEFAULT_METRIC_LAYOUT, DEFAULT_DIMENSION_LAYOUT } from './constants/table.js';
-import { ReportTableActionsProvider } from './context/ReportTableActionsContext.js';
-import { ReportTableSkeleton } from './ReportTableSkeleton.js';
-import { useReportTable } from './hooks/useReportTable.js';
-import { useSyncedScroll } from './hooks/useSyncedScroll.js';
-import './types/index.js';
 import { cls } from '../../../../utils/cls.js';
 import '../../../../utils/dayjs.js';
 import '../../../../utils/analytics.js';
 import '../../../../types/template.js';
+import { useMemo } from 'react';
 import '../../../../core/gemxql/constants/row-reader-mode.js';
 import '../../../../core/gemxql/builder/configs/keywords.js';
 import '../../../../core/gemxql/builder/filters/build-extra-conditions.js';
@@ -29,14 +22,16 @@ import '../../../../core/gemxql/api/useCustomGemXQlQuery.js';
 import '../../../../core/gemxql/api/useGemxQlNamedQuery.js';
 import '../../../../providers/ConvertMoneyProvider.js';
 import '../../../components/GPagination/GPagination.js';
-import { useMemo } from 'react';
+import { useReportTable } from './hooks/useReportTable.js';
+import { useSyncedScroll } from './hooks/useSyncedScroll.js';
+import './types/index.js';
 import './types/report-columns.js';
 import '../../common/Visualization/types/report.js';
 import '../../common/Visualization/types/chart.js';
 import '../../common/Visualization/types/report-metric.js';
 import '../../../../providers/MetricChartProvider.js';
 import '../../../../providers/TimezoneProvider.js';
-import { WrapperFooter } from './components/Footer/WrapperFooter.js';
+import './components/Body/Cell/CellRenderers.js';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';
 import '../../../components/GTooltip/components/GTooltipCard.js';
@@ -47,9 +42,13 @@ import '../../../components/GFeatureLocked/types.js';
 import '../../../charts/components/GPolarisViz/hooks/useResizeObserver.js';
 import '../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
-import './components/Body/Cell/CellRenderers.js';
 import { Row } from './components/Body/Row.js';
 import { WrapperHeader } from './components/Header/WrapperHeader.js';
+import { WrapperFooter } from './components/Footer/WrapperFooter.js';
+import './constants/order.js';
+import { DEFAULT_METRIC_LAYOUT, DEFAULT_DIMENSION_LAYOUT } from './constants/table.js';
+import { ReportTableActionsProvider } from './context/ReportTableActionsContext.js';
+import { ReportTableSkeleton } from './ReportTableSkeleton.js';
 
 const mockDimensions = ['session_device_type', 'month', 'session_country', 'session_device_os'];
 const mockMetrics = ['online_store_visitors', 'sessions', 'bounces'];

package/dist/esm/shared/reports/ui/ReportTable/ReportTable.mjs

@@ -1,16 +1,9 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
-import './constants/order.mjs';
-import { DEFAULT_METRIC_LAYOUT, DEFAULT_DIMENSION_LAYOUT } from './constants/table.mjs';
-import { ReportTableActionsProvider } from './context/ReportTableActionsContext.mjs';
-import { ReportTableSkeleton } from './ReportTableSkeleton.mjs';
-import { useReportTable } from './hooks/useReportTable.mjs';
-import { useSyncedScroll } from './hooks/useSyncedScroll.mjs';
-import './types/index.mjs';
 import { cls } from '../../../../utils/cls.mjs';
 import '../../../../utils/dayjs.mjs';
 import '../../../../utils/analytics.mjs';
 import '../../../../types/template.mjs';
+import { useMemo } from 'react';
 import '../../../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../../../core/gemxql/builder/configs/keywords.mjs';
 import '../../../../core/gemxql/builder/filters/build-extra-conditions.mjs';
@@ -29,14 +22,16 @@ import '../../../../core/gemxql/api/useCustomGemXQlQuery.mjs';
 import '../../../../core/gemxql/api/useGemxQlNamedQuery.mjs';
 import '../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../components/GPagination/GPagination.mjs';
-import { useMemo } from 'react';
+import { useReportTable } from './hooks/useReportTable.mjs';
+import { useSyncedScroll } from './hooks/useSyncedScroll.mjs';
+import './types/index.mjs';
 import './types/report-columns.mjs';
 import '../../common/Visualization/types/report.mjs';
 import '../../common/Visualization/types/chart.mjs';
 import '../../common/Visualization/types/report-metric.mjs';
 import '../../../../providers/MetricChartProvider.mjs';
 import '../../../../providers/TimezoneProvider.mjs';
-import { WrapperFooter } from './components/Footer/WrapperFooter.mjs';
+import './components/Body/Cell/CellRenderers.mjs';
 import '@shopify/polaris';
 import '@shopify/polaris-icons';
 import '../../../components/GTooltip/components/GTooltipCard.mjs';
@@ -47,9 +42,13 @@ import '../../../components/GFeatureLocked/types.mjs';
 import '../../../charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
-import './components/Body/Cell/CellRenderers.mjs';
 import { Row } from './components/Body/Row.mjs';
 import { WrapperHeader } from './components/Header/WrapperHeader.mjs';
+import { WrapperFooter } from './components/Footer/WrapperFooter.mjs';
+import './constants/order.mjs';
+import { DEFAULT_METRIC_LAYOUT, DEFAULT_DIMENSION_LAYOUT } from './constants/table.mjs';
+import { ReportTableActionsProvider } from './context/ReportTableActionsContext.mjs';
+import { ReportTableSkeleton } from './ReportTableSkeleton.mjs';
 
 const mockDimensions = ['session_device_type', 'month', 'session_country', 'session_device_os'];
 const mockMetrics = ['online_store_visitors', 'sessions', 'bounces'];

package/dist/esm/shared/reports/ui/ReportTable/ReportTableSkeleton.js

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import GEMX_LOGO from '../../../../assets/svg/gemx-skeleton.svg.js';
 import { Box, SkeletonBodyText } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/ReportTableSkeleton.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import GEMX_LOGO from '../../../../assets/svg/gemx-skeleton.svg.mjs';
 import { Box, SkeletonBodyText } from '@shopify/polaris';

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CampaignsCell/CampaignsCell.d.ts

@@ -1,3 +1,3 @@
-import type { RendererProps } from '../type';
 import type { IOrderExperiment } from '../../../../types/order';
+import type { RendererProps } from '../type';
 export declare const CampaignsCell: ({ value, campaignsCellProps, }: Pick<RendererProps<IOrderExperiment[]>, "value" | "campaignsCellProps">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CampaignsCell/CampaignsCell.js

@@ -1,10 +1,6 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.js';
 import { Popover, Box, Icon, Text, Scrollable, InlineStack, Button } from '@shopify/polaris';
 import { CaretDownIcon, ChartLineIcon } from '@shopify/polaris-icons';
-import { CampaignsCellVersion } from './CampaignsCellVersion.js';
-import { useTranslation } from 'react-i18next';
 import { useState, useCallback } from 'react';
 import { cls } from '../../../../../../../../utils/cls.js';
 import '../../../../../../../../utils/dayjs.js';
@@ -12,6 +8,7 @@ import '../../../../../../../../utils/analytics.js';
 import '../../../../../../../../types/template.js';
 import '../../../../../../../components/GTooltip/components/GTooltipCard.js';
 import '../../../../../../../components/GDiv/GDiv.js';
+import { useTranslation } from 'react-i18next';
 import '../../../../../../../components/GFeatureLocked/constants.js';
 import '../../../../../../../components/GFeatureLocked/types.js';
 import '../../../../../../../components/GPagination/GPagination.js';
@@ -30,9 +27,11 @@ 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 { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.js';
+import { CampaignsCellVersion } from './CampaignsCellVersion.js';
 
 const CampaignsCell = ({ value, campaignsCellProps, }) => {
-    const { orderId, isHideCampaignContent } = campaignsCellProps ?? {};
+    const { orderId, gxId, isHideCampaignContent } = campaignsCellProps ?? {};
     const { t } = useTranslation();
     const { onViewOrderJourney } = useReportTableActionsContext();
     const [active, setActive] = useState(false);
@@ -46,7 +45,7 @@ const CampaignsCell = ({ value, campaignsCellProps, }) => {
                 'hover:!bg-[#f7f7f7]': !isShowPopupCampaigns,
             }), onClick: isShowPopupCampaigns ? toggleActive : undefined, children: [jsx(CampaignsCellVersion, { version: campaignLeadingToOrder.version }), !isHideCampaignContent && (jsxs(Fragment, { children: [jsx(Box, { minWidth: "0", paddingInlineStart: campaignLeadingToOrder.version ? '200' : '0', children: jsx(GTextTruncated, { as: "span", variant: "bodyMd", tone: "subdued", useWrapper: true, tooltip: { hoverDelay: 300 }, children: campaignLeadingToOrder.campaign_group_name || campaignLeadingToOrder.campaign_name }) }), isShowPopupCampaigns && (jsx("span", { className: "opacity-0 group-hover/GReportTable__Row:opacity-100", children: jsx(Icon, { source: CaretDownIcon }) }))] }))] }), onClose: toggleActive, children: jsxs(Box, { padding: "0", width: "340px", overflowX: "hidden", children: [jsx(Box, { padding: "300", children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "semibold", children: t('Experiments visited before order') }) }), jsx(Box, { borderBlockEndWidth: "025", borderBlockStartWidth: "025", borderColor: "border-secondary", children: jsx(Scrollable, { vertical: true, scrollbarWidth: "thin", horizontal: false, className: 'max-h-[216px]', children: jsx(Box, { paddingBlock: "200", children: value.map((campaign, index) => {
                                 return (jsx(Box, { paddingInline: "300", paddingBlock: "200", children: jsx(Box, { paddingBlock: "050", children: jsxs(InlineStack, { gap: "200", wrap: false, children: [jsx(CampaignsCellVersion, { version: campaign.version }), jsx(Box, { minWidth: "0", children: jsx(GTextTruncated, { as: "span", variant: "bodyMd", tone: "subdued", useWrapper: true, children: campaign.campaign_group_name || campaign.campaign_name }) })] }) }) }, index));
-                            }) }) }) }), jsx(Box, { padding: "300", children: jsx(Button, { icon: ChartLineIcon, fullWidth: true, onClick: () => onViewOrderJourney?.(orderId ?? ''), children: t('View order journey') }) })] }) }));
+                            }) }) }) }), jsx(Box, { padding: "300", children: jsx(Button, { icon: ChartLineIcon, fullWidth: true, onClick: () => onViewOrderJourney?.(orderId ?? '', gxId), children: t('View order journey') }) })] }) }));
 };
 
 export { CampaignsCell };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CampaignsCell/CampaignsCell.mjs

@@ -1,10 +1,6 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.mjs';
 import { Popover, Box, Icon, Text, Scrollable, InlineStack, Button } from '@shopify/polaris';
 import { CaretDownIcon, ChartLineIcon } from '@shopify/polaris-icons';
-import { CampaignsCellVersion } from './CampaignsCellVersion.mjs';
-import { useTranslation } from 'react-i18next';
 import { useState, useCallback } from 'react';
 import { cls } from '../../../../../../../../utils/cls.mjs';
 import '../../../../../../../../utils/dayjs.mjs';
@@ -12,6 +8,7 @@ import '../../../../../../../../utils/analytics.mjs';
 import '../../../../../../../../types/template.mjs';
 import '../../../../../../../components/GTooltip/components/GTooltipCard.mjs';
 import '../../../../../../../components/GDiv/GDiv.mjs';
+import { useTranslation } from 'react-i18next';
 import '../../../../../../../components/GFeatureLocked/constants.mjs';
 import '../../../../../../../components/GFeatureLocked/types.mjs';
 import '../../../../../../../components/GPagination/GPagination.mjs';
@@ -30,9 +27,11 @@ 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 { useReportTableActionsContext } from '../../../../context/ReportTableActionsContext.mjs';
+import { CampaignsCellVersion } from './CampaignsCellVersion.mjs';
 
 const CampaignsCell = ({ value, campaignsCellProps, }) => {
-    const { orderId, isHideCampaignContent } = campaignsCellProps ?? {};
+    const { orderId, gxId, isHideCampaignContent } = campaignsCellProps ?? {};
     const { t } = useTranslation();
     const { onViewOrderJourney } = useReportTableActionsContext();
     const [active, setActive] = useState(false);
@@ -46,7 +45,7 @@ const CampaignsCell = ({ value, campaignsCellProps, }) => {
                 'hover:!bg-[#f7f7f7]': !isShowPopupCampaigns,
             }), onClick: isShowPopupCampaigns ? toggleActive : undefined, children: [jsx(CampaignsCellVersion, { version: campaignLeadingToOrder.version }), !isHideCampaignContent && (jsxs(Fragment, { children: [jsx(Box, { minWidth: "0", paddingInlineStart: campaignLeadingToOrder.version ? '200' : '0', children: jsx(GTextTruncated, { as: "span", variant: "bodyMd", tone: "subdued", useWrapper: true, tooltip: { hoverDelay: 300 }, children: campaignLeadingToOrder.campaign_group_name || campaignLeadingToOrder.campaign_name }) }), isShowPopupCampaigns && (jsx("span", { className: "opacity-0 group-hover/GReportTable__Row:opacity-100", children: jsx(Icon, { source: CaretDownIcon }) }))] }))] }), onClose: toggleActive, children: jsxs(Box, { padding: "0", width: "340px", overflowX: "hidden", children: [jsx(Box, { padding: "300", children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "semibold", children: t('Experiments visited before order') }) }), jsx(Box, { borderBlockEndWidth: "025", borderBlockStartWidth: "025", borderColor: "border-secondary", children: jsx(Scrollable, { vertical: true, scrollbarWidth: "thin", horizontal: false, className: 'max-h-[216px]', children: jsx(Box, { paddingBlock: "200", children: value.map((campaign, index) => {
                                 return (jsx(Box, { paddingInline: "300", paddingBlock: "200", children: jsx(Box, { paddingBlock: "050", children: jsxs(InlineStack, { gap: "200", wrap: false, children: [jsx(CampaignsCellVersion, { version: campaign.version }), jsx(Box, { minWidth: "0", children: jsx(GTextTruncated, { as: "span", variant: "bodyMd", tone: "subdued", useWrapper: true, children: campaign.campaign_group_name || campaign.campaign_name }) })] }) }) }, index));
-                            }) }) }) }), jsx(Box, { padding: "300", children: jsx(Button, { icon: ChartLineIcon, fullWidth: true, onClick: () => onViewOrderJourney?.(orderId ?? ''), children: t('View order journey') }) })] }) }));
+                            }) }) }) }), jsx(Box, { padding: "300", children: jsx(Button, { icon: ChartLineIcon, fullWidth: true, onClick: () => onViewOrderJourney?.(orderId ?? '', gxId), children: t('View order journey') }) })] }) }));
 };
 
 export { CampaignsCell };

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CampaignsCell/CampaignsCellVersion.js

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

package/dist/esm/shared/reports/ui/ReportTable/components/Body/Cell/CampaignsCell/CampaignsCellVersion.mjs

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

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

@@ -1,7 +1,8 @@
-import type { CampaignsCellProps, OrderCellProps, ReportColumnLayout } from '../../../types';
 import type { ReportValueType } from '../../../../../common/Visualization/types';
+import type { CampaignsCellProps, OrderCellProps, ReportColumnLayout } from '../../../types';
 interface ColumnProps {
     value: ReportValueType;
+    gxId?: string;
     previousValue?: ReportValueType;
     isMergedWithPrev: boolean;
     columnLayout: ReportColumnLayout;
@@ -14,5 +15,5 @@ interface ColumnProps {
     isTotalRow: ReportValueType;
     isMockData?: boolean;
 }
-export declare const Cell: ({ value, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ value, gxId, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,4 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
-import { getColumnLayoutStyles } from '../../../utils/table.js';
-import '../../../types/index.js';
-import { cls } from '../../../../../../../utils/cls.js';
-import '../../../../../../../utils/dayjs.js';
-import '../../../../../../../utils/analytics.js';
-import '../../../../../../../types/template.js';
 import { NONE_VALUE } from '../../../../../../../core/gemxql/constants/analytic-data.js';
 import '../../../../../../../core/gemxql/constants/row-reader-mode.js';
 import '../../../../../../../core/gemxql/builder/configs/keywords.js';
@@ -21,24 +14,30 @@ 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 { cls } from '../../../../../../../utils/cls.js';
+import '../../../../../../../utils/dayjs.js';
+import '../../../../../../../utils/analytics.js';
+import '../../../../../../../types/template.js';
 import '../../../../../../../core/gemxql/api/useCustomGemXQlQuery.js';
 import '../../../../../../../core/gemxql/api/useGemxQlNamedQuery.js';
 import '../../../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../../components/GPagination/GPagination.js';
 import 'react';
+import '../../../../../common/Visualization/constants/version.js';
+import '../../../constants/order.js';
+import { useReportData } from '../../../hooks/useReportTableCell.js';
+import { getColumnLayoutStyles } from '../../../utils/table.js';
+import '../../../types/index.js';
 import '../../../types/report-columns.js';
 import '../../../../../common/Visualization/types/report.js';
 import '../../../../../common/Visualization/types/chart.js';
 import '../../../../../common/Visualization/types/report-metric.js';
-import '../../../../../common/Visualization/constants/version.js';
-import '../../../constants/order.js';
-import { useReportData } from '../../../hooks/useReportTableCell.js';
-import { DefaultCell } from './DefaultCell.js';
 import { cellMap } from './CellRenderers.js';
-import { TotalCell } from './TotalCell.js';
+import { DefaultCell } from './DefaultCell.js';
 import { NoneCell } from './NoneCell.js';
+import { TotalCell } from './TotalCell.js';
 
-const Cell = ({ value, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }) => {
+const Cell = ({ value, gxId, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }) => {
     const columnLayoutStyles = getColumnLayoutStyles(columnLayout, hasTooltipCard);
     const { formatData } = useReportData();
     const formattedValue = formatData({ value, formatter, name });
@@ -55,7 +54,7 @@ const Cell = ({ value, isMergedWithPrev, columnLayout, name, isDimensionCol, for
         if (formattedValue === NONE_VALUE) {
             Renderer = NoneCell;
         }
-        return (jsx(Renderer, { value: formattedValue, name: name, isMergedWithPrev: isMergedWithPrev, previousValue: formattedPreviousValue, columnLayout: columnLayout, orderCellProps: orderCellProps, campaignsCellProps: campaignsCellProps, isTotalRow: isTotalRow, isDimensionCol: isDimensionCol, isMockData: isMockData }));
+        return (jsx(Renderer, { value: formattedValue, gxId: gxId, name: name, isMergedWithPrev: isMergedWithPrev, previousValue: formattedPreviousValue, columnLayout: columnLayout, orderCellProps: orderCellProps, campaignsCellProps: campaignsCellProps, isTotalRow: isTotalRow, isDimensionCol: isDimensionCol, isMockData: isMockData }));
     };
     return (jsx("div", { className: cls('GReportTable__Cell', { 'GReportTable__Cell--dimension': isDimensionCol }), style: cellStyles, children: jsx("div", { className: "GReportTable__CellContent", style: columnLayoutStyles, children: renderContent() }) }));
 };

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

@@ -1,11 +1,4 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
-import { getColumnLayoutStyles } from '../../../utils/table.mjs';
-import '../../../types/index.mjs';
-import { cls } from '../../../../../../../utils/cls.mjs';
-import '../../../../../../../utils/dayjs.mjs';
-import '../../../../../../../utils/analytics.mjs';
-import '../../../../../../../types/template.mjs';
 import { NONE_VALUE } from '../../../../../../../core/gemxql/constants/analytic-data.mjs';
 import '../../../../../../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../../../../../../core/gemxql/builder/configs/keywords.mjs';
@@ -21,24 +14,30 @@ 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 { cls } from '../../../../../../../utils/cls.mjs';
+import '../../../../../../../utils/dayjs.mjs';
+import '../../../../../../../utils/analytics.mjs';
+import '../../../../../../../types/template.mjs';
 import '../../../../../../../core/gemxql/api/useCustomGemXQlQuery.mjs';
 import '../../../../../../../core/gemxql/api/useGemxQlNamedQuery.mjs';
 import '../../../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../../components/GPagination/GPagination.mjs';
 import 'react';
+import '../../../../../common/Visualization/constants/version.mjs';
+import '../../../constants/order.mjs';
+import { useReportData } from '../../../hooks/useReportTableCell.mjs';
+import { getColumnLayoutStyles } from '../../../utils/table.mjs';
+import '../../../types/index.mjs';
 import '../../../types/report-columns.mjs';
 import '../../../../../common/Visualization/types/report.mjs';
 import '../../../../../common/Visualization/types/chart.mjs';
 import '../../../../../common/Visualization/types/report-metric.mjs';
-import '../../../../../common/Visualization/constants/version.mjs';
-import '../../../constants/order.mjs';
-import { useReportData } from '../../../hooks/useReportTableCell.mjs';
-import { DefaultCell } from './DefaultCell.mjs';
 import { cellMap } from './CellRenderers.mjs';
-import { TotalCell } from './TotalCell.mjs';
+import { DefaultCell } from './DefaultCell.mjs';
 import { NoneCell } from './NoneCell.mjs';
+import { TotalCell } from './TotalCell.mjs';
 
-const Cell = ({ value, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }) => {
+const Cell = ({ value, gxId, isMergedWithPrev, columnLayout, name, isDimensionCol, formatter, hasTooltipCard, previousValue, orderCellProps, campaignsCellProps, isTotalRow, isMockData, }) => {
     const columnLayoutStyles = getColumnLayoutStyles(columnLayout, hasTooltipCard);
     const { formatData } = useReportData();
     const formattedValue = formatData({ value, formatter, name });
@@ -55,7 +54,7 @@ const Cell = ({ value, isMergedWithPrev, columnLayout, name, isDimensionCol, for
         if (formattedValue === NONE_VALUE) {
             Renderer = NoneCell;
         }
-        return (jsx(Renderer, { value: formattedValue, name: name, isMergedWithPrev: isMergedWithPrev, previousValue: formattedPreviousValue, columnLayout: columnLayout, orderCellProps: orderCellProps, campaignsCellProps: campaignsCellProps, isTotalRow: isTotalRow, isDimensionCol: isDimensionCol, isMockData: isMockData }));
+        return (jsx(Renderer, { value: formattedValue, gxId: gxId, name: name, isMergedWithPrev: isMergedWithPrev, previousValue: formattedPreviousValue, columnLayout: columnLayout, orderCellProps: orderCellProps, campaignsCellProps: campaignsCellProps, isTotalRow: isTotalRow, isDimensionCol: isDimensionCol, isMockData: isMockData }));
     };
     return (jsx("div", { className: cls('GReportTable__Cell', { 'GReportTable__Cell--dimension': isDimensionCol }), style: cellStyles, children: jsx("div", { className: "GReportTable__CellContent", style: columnLayoutStyles, children: renderContent() }) }));
 };