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

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/SkeletonRow.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../../constants/order-listing.mjs';
 import '../../../constants/order-columns.mjs';

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/SkeletonSummaryRow.js

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

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/SkeletonSummaryRow.mjs

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

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/constants.js

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../../../shared/reports/ui/ReportTable/types/report-columns.js';
 
 const SKELETON_METRICS = [

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/constants.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
 
 const SKELETON_METRICS = [

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingTable.d.ts

@@ -1,8 +1,9 @@
-import type { IOrder } from '../../types';
 import type { GPaginationProps } from '../../../../shared';
-import type { IReportCampaign } from '../../types/report';
 import type { IReportColumn } from '../../../../shared/reports/common/Visualization/types';
-interface OrderListingTableOptions {
+import type { EReportColumnKey } from '../../../../shared/reports/ui/ReportTable/types/report-columns';
+import type { IOrder } from '../../types';
+import type { IReportCampaign } from '../../types/report';
+export interface OrderListingTableOptions {
     hideSummary?: boolean;
     limitRowAmount?: number;
     hidePaginationRow?: boolean;
@@ -10,7 +11,7 @@ interface OrderListingTableOptions {
     fixedColumns?: IReportColumn['name'][];
     isLatestTable?: boolean;
 }
-interface OrderListingTableProps {
+export interface OrderListingTableProps {
     orders: IOrder[];
     isLoading: boolean;
     totalStoreOrders: number;
@@ -19,9 +20,13 @@ interface OrderListingTableProps {
     paginationProps?: GPaginationProps;
     tableOptions?: OrderListingTableOptions;
     isMockData?: boolean;
+    selectedColumns?: EReportColumnKey[];
+    columnsOrder?: EReportColumnKey[];
+    isFilteredByCampaign?: boolean;
+    isHasControlFilters?: boolean;
     onViewAllStoreOrders?: () => void;
-    onViewOrderJourney?: (orderId: string) => void;
+    onViewOrderJourney?: (orderId: string, gxId?: string) => void;
     onViewOrderDetails?: (orderId: string) => void;
 }
-declare const _default: import("react").MemoExoticComponent<({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }: OrderListingTableProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, selectedColumns, columnsOrder, isFilteredByCampaign, isHasControlFilters, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }: OrderListingTableProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingTable.js

@@ -1,31 +1,8 @@
-"use client"
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { applyTotalToSummaryRow } from '../../helpers/order-listing.js';
-import { ORDER_LISTING_DIMENSIONS, ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../constants/order-listing.js';
-import '../../constants/order-columns.js';
-import { OrderListingTableSkeleton } from './OrderListingSkeleton/OrderListingTableSkeleton.js';
-import { OrderListingTableEmpty } from './OrderListingTableEmpty.js';
-import { useOrderControlStore } from '../../stores/order-control.js';
-import '../../stores/order-columns-selector.js';
-import { useOrderListingData } from '../../hooks/useOrderListingData.js';
-import { useTranslation } from 'react-i18next';
-import { memo, useMemo } from 'react';
-import '@shopify/polaris';
-import '@shopify/polaris-icons';
-import '../../../../utils/dayjs.js';
-import '../../../../utils/analytics.js';
-import '../../../../types/template.js';
-import { GBlockCenter } from '../../../../shared/components/GBlockCenter/GBlockCenter.js';
-import '../../../../shared/components/GTooltip/components/GTooltipCard.js';
-import '../../../../shared/components/GDiv/GDiv.js';
-import '../../../../shared/components/GFeatureLocked/constants.js';
-import '../../../../shared/components/GFeatureLocked/types.js';
-import '../../../../shared/components/GPagination/GPagination.js';
-import '../../../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
-import '../../../../stores/currencyRatesStore.js';
-import '@tanstack/react-query';
-import '../../../../providers/ConvertMoneyProvider.js';
 import '../../../../core/gemxql/constants/row-reader-mode.js';
+import '../../../../core/gemxql/builder/configs/keywords.js';
+import '../../../../core/gemxql/builder/filters/build-extra-conditions.js';
+import '../../../../core/gemxql/builder/filters/build-filter-conditions.js';
 import '../../../../core/gemxql/types/analytic-data.js';
 import '../../../../core/gemxql/types/analytic-source.js';
 import '../../../../core/gemxql/types/extra-condition.js';
@@ -36,19 +13,41 @@ import { EOrderDirectionType } from '../../../../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 { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.js';
-import '../../../../shared/reports/ui/ReportTable/types/index.js';
-import '../../../../core/gemxql/builder/configs/keywords.js';
-import '../../../../core/gemxql/builder/filters/build-extra-conditions.js';
-import '../../../../core/gemxql/builder/filters/build-filter-conditions.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 '../../../../shared/components/GPagination/GPagination.js';
+import { memo, useMemo } from 'react';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import { GBlockCenter } from '../../../../shared/components/GBlockCenter/GBlockCenter.js';
+import '../../../../shared/components/GTooltip/components/GTooltipCard.js';
+import '../../../../shared/components/GDiv/GDiv.js';
+import { useTranslation } from 'react-i18next';
+import '../../../../shared/components/GFeatureLocked/constants.js';
+import '../../../../shared/components/GFeatureLocked/types.js';
+import '../../../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
+import '../../../../stores/currencyRatesStore.js';
+import '@tanstack/react-query';
+import { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.js';
+import '../../../../shared/reports/ui/ReportTable/types/index.js';
 import '../../../../shared/reports/ui/ReportTable/types/report-columns.js';
 import '../../../../shared/reports/common/Visualization/types/report.js';
 import '../../../../shared/reports/common/Visualization/types/chart.js';
 import '../../../../shared/reports/common/Visualization/types/report-metric.js';
+import { ORDER_LISTING_DIMENSIONS, ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../constants/order-listing.js';
+import '../../constants/order-columns.js';
+import { applyTotalToSummaryRow } from '../../helpers/order-listing.js';
+import { useOrderListingData } from '../../hooks/useOrderListingData.js';
+import { useOrderControlStore } from '../../stores/order-control.js';
+import '../../stores/order-columns-selector.js';
+import { OrderListingTableSkeleton } from './OrderListingSkeleton/OrderListingTableSkeleton.js';
+import { OrderListingTableEmpty } from './OrderListingTableEmpty.js';
 
-const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
+const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, selectedColumns, columnsOrder, isFilteredByCampaign, isHasControlFilters, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
     const { hideSummary, limitRowAmount, hidePaginationRow, hideBorderTop, fixedColumns, isLatestTable } = tableOptions ?? {};
     const { t } = useTranslation();
     const orderBy = useOrderControlStore((state) => state.orderBy);
@@ -57,9 +56,11 @@ const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, pa
         limitRowAmount,
         orderListing: orders,
         fixedColumns,
+        selectedColumns,
+        columnsOrder,
     });
     const isNoResultFoundForQuery = !!queryValue?.trim() && tableData.rows.length === 0;
-    const showViewAllButton = isLatestTable || isNoResultFoundForQuery;
+    const showViewAllButton = isLatestTable || isHasControlFilters || isNoResultFoundForQuery;
     const reportTableData = useMemo(() => {
         return {
             rows: applyTotalToSummaryRow(tableData.rows),
@@ -74,7 +75,7 @@ const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, pa
     };
     if (isLatestTable && isLoading)
         return jsx(OrderListingTableSkeleton, {});
-    return (jsx(Fragment, { children: jsx(ReportTable, { metrics: sortedMetrics, dimensions: ORDER_LISTING_DIMENSIONS, options: getOptionsProps(), paginationProps: paginationProps, data: reportTableData, itemCount: totalStoreOrders, dimensionLayout: ORDER_LISTING_DIMENSION_LAYOUT, metricLayouts: ORDER_LISTING_METRIC_LAYOUTS, orderBy: orderBy ? { [orderBy.field]: orderBy } : undefined, showViewAllButton: showViewAllButton, isHideCampaignContent: !!isLatestTable, isMockData: isMockData, emptyStateComponent: renderEmptyState(), onChangeOrderBy: handleChangeOrderBy, onViewAllStoreOrders: onViewAllStoreOrders, onViewOrderJourney: onViewOrderJourney, onViewOrderDetails: onViewOrderDetails }) }));
+    return (jsx(Fragment, { children: jsx(ReportTable, { metrics: sortedMetrics, dimensions: ORDER_LISTING_DIMENSIONS, options: getOptionsProps(), paginationProps: paginationProps, data: reportTableData, itemCount: totalStoreOrders, dimensionLayout: ORDER_LISTING_DIMENSION_LAYOUT, metricLayouts: ORDER_LISTING_METRIC_LAYOUTS, orderBy: orderBy ? { [orderBy.field]: orderBy } : undefined, showViewAllButton: showViewAllButton, isHideCampaignContent: !!isLatestTable || !!isFilteredByCampaign, isMockData: isMockData, emptyStateComponent: renderEmptyState(), onChangeOrderBy: handleChangeOrderBy, onViewAllStoreOrders: onViewAllStoreOrders, onViewOrderJourney: onViewOrderJourney, onViewOrderDetails: onViewOrderDetails }) }));
     function renderEmptyState() {
         const isNoOrderWithCurrentFilters = orders.length === 0;
         return (jsx(GBlockCenter, { paddingBlockStart: isNoOrderWithCurrentFilters ? '500' : '0', paddingBlockEnd: isNoOrderWithCurrentFilters ? '800' : '0', children: jsx(GBlockCenter, { paddingBlock: "1600", children: jsx(OrderListingTableEmpty, { title: isNoOrderWithCurrentFilters ? t('No order') : t('No order found'), description: isNoOrderWithCurrentFilters ? t('Try changing the filters') : t('Try changing the filters or search term') }) }) }));

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingTable.mjs

@@ -1,31 +1,8 @@
-"use client"
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { applyTotalToSummaryRow } from '../../helpers/order-listing.mjs';
-import { ORDER_LISTING_DIMENSIONS, ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../constants/order-listing.mjs';
-import '../../constants/order-columns.mjs';
-import { OrderListingTableSkeleton } from './OrderListingSkeleton/OrderListingTableSkeleton.mjs';
-import { OrderListingTableEmpty } from './OrderListingTableEmpty.mjs';
-import { useOrderControlStore } from '../../stores/order-control.mjs';
-import '../../stores/order-columns-selector.mjs';
-import { useOrderListingData } from '../../hooks/useOrderListingData.mjs';
-import { useTranslation } from 'react-i18next';
-import { memo, useMemo } from 'react';
-import '@shopify/polaris';
-import '@shopify/polaris-icons';
-import '../../../../utils/dayjs.mjs';
-import '../../../../utils/analytics.mjs';
-import '../../../../types/template.mjs';
-import { GBlockCenter } from '../../../../shared/components/GBlockCenter/GBlockCenter.mjs';
-import '../../../../shared/components/GTooltip/components/GTooltipCard.mjs';
-import '../../../../shared/components/GDiv/GDiv.mjs';
-import '../../../../shared/components/GFeatureLocked/constants.mjs';
-import '../../../../shared/components/GFeatureLocked/types.mjs';
-import '../../../../shared/components/GPagination/GPagination.mjs';
-import '../../../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
-import '../../../../stores/currencyRatesStore.mjs';
-import '@tanstack/react-query';
-import '../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../core/gemxql/constants/row-reader-mode.mjs';
+import '../../../../core/gemxql/builder/configs/keywords.mjs';
+import '../../../../core/gemxql/builder/filters/build-extra-conditions.mjs';
+import '../../../../core/gemxql/builder/filters/build-filter-conditions.mjs';
 import '../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../core/gemxql/types/analytic-source.mjs';
 import '../../../../core/gemxql/types/extra-condition.mjs';
@@ -36,19 +13,41 @@ import { EOrderDirectionType } from '../../../../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 { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.mjs';
-import '../../../../shared/reports/ui/ReportTable/types/index.mjs';
-import '../../../../core/gemxql/builder/configs/keywords.mjs';
-import '../../../../core/gemxql/builder/filters/build-extra-conditions.mjs';
-import '../../../../core/gemxql/builder/filters/build-filter-conditions.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 '../../../../shared/components/GPagination/GPagination.mjs';
+import { memo, useMemo } from 'react';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import { GBlockCenter } from '../../../../shared/components/GBlockCenter/GBlockCenter.mjs';
+import '../../../../shared/components/GTooltip/components/GTooltipCard.mjs';
+import '../../../../shared/components/GDiv/GDiv.mjs';
+import { useTranslation } from 'react-i18next';
+import '../../../../shared/components/GFeatureLocked/constants.mjs';
+import '../../../../shared/components/GFeatureLocked/types.mjs';
+import '../../../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
+import '../../../../stores/currencyRatesStore.mjs';
+import '@tanstack/react-query';
+import { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.mjs';
+import '../../../../shared/reports/ui/ReportTable/types/index.mjs';
 import '../../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
 import '../../../../shared/reports/common/Visualization/types/report.mjs';
 import '../../../../shared/reports/common/Visualization/types/chart.mjs';
 import '../../../../shared/reports/common/Visualization/types/report-metric.mjs';
+import { ORDER_LISTING_DIMENSIONS, ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../constants/order-listing.mjs';
+import '../../constants/order-columns.mjs';
+import { applyTotalToSummaryRow } from '../../helpers/order-listing.mjs';
+import { useOrderListingData } from '../../hooks/useOrderListingData.mjs';
+import { useOrderControlStore } from '../../stores/order-control.mjs';
+import '../../stores/order-columns-selector.mjs';
+import { OrderListingTableSkeleton } from './OrderListingSkeleton/OrderListingTableSkeleton.mjs';
+import { OrderListingTableEmpty } from './OrderListingTableEmpty.mjs';
 
-const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
+const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, selectedColumns, columnsOrder, isFilteredByCampaign, isHasControlFilters, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
     const { hideSummary, limitRowAmount, hidePaginationRow, hideBorderTop, fixedColumns, isLatestTable } = tableOptions ?? {};
     const { t } = useTranslation();
     const orderBy = useOrderControlStore((state) => state.orderBy);
@@ -57,9 +56,11 @@ const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, pa
         limitRowAmount,
         orderListing: orders,
         fixedColumns,
+        selectedColumns,
+        columnsOrder,
     });
     const isNoResultFoundForQuery = !!queryValue?.trim() && tableData.rows.length === 0;
-    const showViewAllButton = isLatestTable || isNoResultFoundForQuery;
+    const showViewAllButton = isLatestTable || isHasControlFilters || isNoResultFoundForQuery;
     const reportTableData = useMemo(() => {
         return {
             rows: applyTotalToSummaryRow(tableData.rows),
@@ -74,7 +75,7 @@ const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, pa
     };
     if (isLatestTable && isLoading)
         return jsx(OrderListingTableSkeleton, {});
-    return (jsx(Fragment, { children: jsx(ReportTable, { metrics: sortedMetrics, dimensions: ORDER_LISTING_DIMENSIONS, options: getOptionsProps(), paginationProps: paginationProps, data: reportTableData, itemCount: totalStoreOrders, dimensionLayout: ORDER_LISTING_DIMENSION_LAYOUT, metricLayouts: ORDER_LISTING_METRIC_LAYOUTS, orderBy: orderBy ? { [orderBy.field]: orderBy } : undefined, showViewAllButton: showViewAllButton, isHideCampaignContent: !!isLatestTable, isMockData: isMockData, emptyStateComponent: renderEmptyState(), onChangeOrderBy: handleChangeOrderBy, onViewAllStoreOrders: onViewAllStoreOrders, onViewOrderJourney: onViewOrderJourney, onViewOrderDetails: onViewOrderDetails }) }));
+    return (jsx(Fragment, { children: jsx(ReportTable, { metrics: sortedMetrics, dimensions: ORDER_LISTING_DIMENSIONS, options: getOptionsProps(), paginationProps: paginationProps, data: reportTableData, itemCount: totalStoreOrders, dimensionLayout: ORDER_LISTING_DIMENSION_LAYOUT, metricLayouts: ORDER_LISTING_METRIC_LAYOUTS, orderBy: orderBy ? { [orderBy.field]: orderBy } : undefined, showViewAllButton: showViewAllButton, isHideCampaignContent: !!isLatestTable || !!isFilteredByCampaign, isMockData: isMockData, emptyStateComponent: renderEmptyState(), onChangeOrderBy: handleChangeOrderBy, onViewAllStoreOrders: onViewAllStoreOrders, onViewOrderJourney: onViewOrderJourney, onViewOrderDetails: onViewOrderDetails }) }));
     function renderEmptyState() {
         const isNoOrderWithCurrentFilters = orders.length === 0;
         return (jsx(GBlockCenter, { paddingBlockStart: isNoOrderWithCurrentFilters ? '500' : '0', paddingBlockEnd: isNoOrderWithCurrentFilters ? '800' : '0', children: jsx(GBlockCenter, { paddingBlock: "1600", children: jsx(OrderListingTableEmpty, { title: isNoOrderWithCurrentFilters ? t('No order') : t('No order found'), description: isNoOrderWithCurrentFilters ? t('Try changing the filters') : t('Try changing the filters or search term') }) }) }));

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingTableEmpty.js

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

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingTableEmpty.mjs

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

package/dist/esm/components/OrderAnalytic/components/OrderListing/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrderListingTable } from './OrderListingTable';
+export type { OrderListingTableOptions, OrderListingTableProps } from './OrderListingTable';

package/dist/esm/components/OrderAnalytic/components/index.d.ts

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

package/dist/esm/components/OrderAnalytic/constants/order-columns.js

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.js';
 
 const ORDER_COLUMN_MAPPING = {
@@ -6,6 +5,10 @@ const ORDER_COLUMN_MAPPING = {
         label: 'Order ID',
         value: EReportColumnKey.ORDER_ID,
     },
+    [EReportColumnKey.GEMX_ID]: {
+        label: 'GemX ID',
+        value: EReportColumnKey.GEMX_ID,
+    },
     [EReportColumnKey.ORDER_DATE]: {
         label: 'Date',
         value: EReportColumnKey.ORDER_DATE,
@@ -37,6 +40,7 @@ const ORDER_COLUMN_MAPPING = {
 };
 const DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT = [
     EReportColumnKey.ORDER_ID,
+    EReportColumnKey.GEMX_ID,
     EReportColumnKey.ORDER_DATE,
     EReportColumnKey.TOTAL,
     EReportColumnKey.CAMPAIGNS,

package/dist/esm/components/OrderAnalytic/constants/order-columns.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
 
 const ORDER_COLUMN_MAPPING = {
@@ -6,6 +5,10 @@ const ORDER_COLUMN_MAPPING = {
         label: 'Order ID',
         value: EReportColumnKey.ORDER_ID,
     },
+    [EReportColumnKey.GEMX_ID]: {
+        label: 'GemX ID',
+        value: EReportColumnKey.GEMX_ID,
+    },
     [EReportColumnKey.ORDER_DATE]: {
         label: 'Date',
         value: EReportColumnKey.ORDER_DATE,
@@ -37,6 +40,7 @@ const ORDER_COLUMN_MAPPING = {
 };
 const DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT = [
     EReportColumnKey.ORDER_ID,
+    EReportColumnKey.GEMX_ID,
     EReportColumnKey.ORDER_DATE,
     EReportColumnKey.TOTAL,
     EReportColumnKey.CAMPAIGNS,

package/dist/esm/components/OrderAnalytic/constants/order-listing.js

@@ -1,4 +1,3 @@
-"use client"
 import { EReportDataType } from '../../../shared/reports/common/Visualization/types/report.js';
 import '../../../shared/reports/common/Visualization/types/chart.js';
 import '../../../shared/reports/common/Visualization/types/report-metric.js';
@@ -17,18 +16,24 @@ const ORDER_LISTING_DIMENSION_LAYOUT = {
 // Remaining space after fixed Order ID column
 const METRIC_COLUMN_MAX_WIDTH = `max(var(--column-cell-min-width), calc(100% - ${ORDER_LISTING_DIMENSION_LAYOUT.width}))`;
 const ORDER_LISTING_METRIC_LAYOUTS = {
+    [EReportColumnKey.GEMX_ID]: {
+        minWidth: '120px',
+        maxWidth: METRIC_COLUMN_MAX_WIDTH,
+        align: 'start',
+        columnWrapperWidth: '100%',
+    },
     [EReportColumnKey.ORDER_DATE]: {
-        minWidth: '180px',
+        minWidth: '170px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
     },
     [EReportColumnKey.TOTAL]: {
-        minWidth: '120px',
+        minWidth: '96px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'end',
     },
     [EReportColumnKey.CAMPAIGNS]: {
-        minWidth: '246px',
+        minWidth: '128px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
         columnWrapperWidth: '100%',
@@ -49,7 +54,7 @@ const ORDER_LISTING_METRIC_LAYOUTS = {
         align: 'start',
     },
     [EReportColumnKey.ITEMS]: {
-        minWidth: '140px',
+        minWidth: '120px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
     },
@@ -67,6 +72,18 @@ const ORDER_LISTING_COLUMNS = [
             },
         },
     },
+    {
+        name: EReportColumnKey.GEMX_ID,
+        dataType: EReportDataType.STRING,
+        displayName: 'GemX ID',
+        tooltipCardProps: {
+            tooltip: {
+                title: 'GemX ID',
+                content: 'A tracking ID GemX attaches to the order so you can trace where it came from',
+                width: 'wide',
+            },
+        },
+    },
     {
         name: EReportColumnKey.ORDER_DATE,
         dataType: EReportDataType.DATE,
@@ -152,8 +169,9 @@ const ORDER_LISTING_COLUMNS = [
         },
     },
 ];
-const ORDER_LISTING_LATEST_COLUMNS_FOR_PAGE = ORDER_LISTING_COLUMNS.filter((column) => ![EReportColumnKey.CAMPAIGNS].includes(column.name));
+const ORDER_LISTING_LATEST_COLUMNS_FOR_PAGE = ORDER_LISTING_COLUMNS.filter((column) => ![EReportColumnKey.CAMPAIGNS, EReportColumnKey.GEMX_ID].includes(column.name));
 const ORDER_LISTING_METRICS = [
+    EReportColumnKey.GEMX_ID,
     EReportColumnKey.ORDER_DATE,
     EReportColumnKey.TOTAL,
     EReportColumnKey.CAMPAIGNS,

package/dist/esm/components/OrderAnalytic/constants/order-listing.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { EReportDataType } from '../../../shared/reports/common/Visualization/types/report.mjs';
 import '../../../shared/reports/common/Visualization/types/chart.mjs';
 import '../../../shared/reports/common/Visualization/types/report-metric.mjs';
@@ -17,18 +16,24 @@ const ORDER_LISTING_DIMENSION_LAYOUT = {
 // Remaining space after fixed Order ID column
 const METRIC_COLUMN_MAX_WIDTH = `max(var(--column-cell-min-width), calc(100% - ${ORDER_LISTING_DIMENSION_LAYOUT.width}))`;
 const ORDER_LISTING_METRIC_LAYOUTS = {
+    [EReportColumnKey.GEMX_ID]: {
+        minWidth: '120px',
+        maxWidth: METRIC_COLUMN_MAX_WIDTH,
+        align: 'start',
+        columnWrapperWidth: '100%',
+    },
     [EReportColumnKey.ORDER_DATE]: {
-        minWidth: '180px',
+        minWidth: '170px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
     },
     [EReportColumnKey.TOTAL]: {
-        minWidth: '120px',
+        minWidth: '96px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'end',
     },
     [EReportColumnKey.CAMPAIGNS]: {
-        minWidth: '246px',
+        minWidth: '128px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
         columnWrapperWidth: '100%',
@@ -49,7 +54,7 @@ const ORDER_LISTING_METRIC_LAYOUTS = {
         align: 'start',
     },
     [EReportColumnKey.ITEMS]: {
-        minWidth: '140px',
+        minWidth: '120px',
         maxWidth: METRIC_COLUMN_MAX_WIDTH,
         align: 'start',
     },
@@ -67,6 +72,18 @@ const ORDER_LISTING_COLUMNS = [
             },
         },
     },
+    {
+        name: EReportColumnKey.GEMX_ID,
+        dataType: EReportDataType.STRING,
+        displayName: 'GemX ID',
+        tooltipCardProps: {
+            tooltip: {
+                title: 'GemX ID',
+                content: 'A tracking ID GemX attaches to the order so you can trace where it came from',
+                width: 'wide',
+            },
+        },
+    },
     {
         name: EReportColumnKey.ORDER_DATE,
         dataType: EReportDataType.DATE,
@@ -152,8 +169,9 @@ const ORDER_LISTING_COLUMNS = [
         },
     },
 ];
-const ORDER_LISTING_LATEST_COLUMNS_FOR_PAGE = ORDER_LISTING_COLUMNS.filter((column) => ![EReportColumnKey.CAMPAIGNS].includes(column.name));
+const ORDER_LISTING_LATEST_COLUMNS_FOR_PAGE = ORDER_LISTING_COLUMNS.filter((column) => ![EReportColumnKey.CAMPAIGNS, EReportColumnKey.GEMX_ID].includes(column.name));
 const ORDER_LISTING_METRICS = [
+    EReportColumnKey.GEMX_ID,
     EReportColumnKey.ORDER_DATE,
     EReportColumnKey.TOTAL,
     EReportColumnKey.CAMPAIGNS,

package/dist/esm/components/OrderAnalytic/helpers/order-listing.js

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.js';
 import '../../../shared/reports/common/Visualization/constants/version.js';
 import { getTotalColumnName } from '../../../shared/reports/common/Visualization/utils/visualization.js';

package/dist/esm/components/OrderAnalytic/helpers/order-listing.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
 import '../../../shared/reports/common/Visualization/constants/version.mjs';
 import { getTotalColumnName } from '../../../shared/reports/common/Visualization/utils/visualization.mjs';

package/dist/esm/components/OrderAnalytic/hooks/useOrderListingData.d.ts

@@ -1,11 +1,14 @@
 import type { IReportColumn } from '../../../shared/reports/common/Visualization/types';
+import type { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns';
 import type { IOrder } from '../types';
 interface UseOrderListingDataProps {
     limitRowAmount?: number;
     orderListing?: IOrder[];
     fixedColumns?: IReportColumn['name'][];
+    selectedColumns?: EReportColumnKey[];
+    columnsOrder?: EReportColumnKey[];
 }
-export declare const useOrderListingData: ({ limitRowAmount, orderListing, fixedColumns }: UseOrderListingDataProps) => {
+export declare const useOrderListingData: ({ limitRowAmount, orderListing, fixedColumns, selectedColumns: externalSelectedColumns, columnsOrder: externalColumnsOrder, }: UseOrderListingDataProps) => {
     showColumns: IReportColumn[];
     tableData: {
         rows: import("../../../shared/reports/common/Visualization/types").ReportRowType<import("../../../shared/reports/common/Visualization/types").ReportValueType>[];

package/dist/esm/components/OrderAnalytic/hooks/useOrderListingData.js

@@ -1,18 +1,19 @@
-"use client"
-import { ORDER_LISTING_COLUMNS, ORDER_LISTING_METRICS } from '../constants/order-listing.js';
-import '../constants/order-columns.js';
-import { convertOrderItemsToReportTableRows } from '../helpers/order-listing.js';
-import '../stores/order-control.js';
-import { useOrderColumnsSelectorStore } from '../stores/order-columns-selector.js';
 import { sortByArrayOrder } from '../../../utils/sort.js';
 import '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
 import { useMemo } from 'react';
+import { ORDER_LISTING_COLUMNS, ORDER_LISTING_METRICS } from '../constants/order-listing.js';
+import '../constants/order-columns.js';
+import { convertOrderItemsToReportTableRows } from '../helpers/order-listing.js';
+import '../stores/order-control.js';
+import { useOrderColumnsSelectorStore } from '../stores/order-columns-selector.js';
 
-const useOrderListingData = ({ limitRowAmount, orderListing = [], fixedColumns }) => {
-    const selectedColumns = useOrderColumnsSelectorStore((state) => state.selectedColumns);
-    const columnsOrder = useOrderColumnsSelectorStore((state) => state.columnsOrder);
+const useOrderListingData = ({ limitRowAmount, orderListing = [], fixedColumns, selectedColumns: externalSelectedColumns, columnsOrder: externalColumnsOrder, }) => {
+    const storeSelectedColumns = useOrderColumnsSelectorStore((state) => state.selectedColumns);
+    const storeColumnsOrder = useOrderColumnsSelectorStore((state) => state.columnsOrder);
+    const selectedColumns = externalSelectedColumns ?? storeSelectedColumns;
+    const columnsOrder = externalColumnsOrder ?? storeColumnsOrder;
     const showColumns = useMemo(() => ORDER_LISTING_COLUMNS.filter((column) => (fixedColumns ?? selectedColumns).includes(column.name)), [fixedColumns, selectedColumns]);
     const sortedMetrics = useMemo(() => sortByArrayOrder(ORDER_LISTING_METRICS ?? [], columnsOrder), [columnsOrder]);
     const tableData = useMemo(() => {

package/dist/esm/components/OrderAnalytic/hooks/useOrderListingData.mjs

@@ -1,18 +1,19 @@
-"use client"
-import { ORDER_LISTING_COLUMNS, ORDER_LISTING_METRICS } from '../constants/order-listing.mjs';
-import '../constants/order-columns.mjs';
-import { convertOrderItemsToReportTableRows } from '../helpers/order-listing.mjs';
-import '../stores/order-control.mjs';
-import { useOrderColumnsSelectorStore } from '../stores/order-columns-selector.mjs';
 import { sortByArrayOrder } from '../../../utils/sort.mjs';
 import '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
 import { useMemo } from 'react';
+import { ORDER_LISTING_COLUMNS, ORDER_LISTING_METRICS } from '../constants/order-listing.mjs';
+import '../constants/order-columns.mjs';
+import { convertOrderItemsToReportTableRows } from '../helpers/order-listing.mjs';
+import '../stores/order-control.mjs';
+import { useOrderColumnsSelectorStore } from '../stores/order-columns-selector.mjs';
 
-const useOrderListingData = ({ limitRowAmount, orderListing = [], fixedColumns }) => {
-    const selectedColumns = useOrderColumnsSelectorStore((state) => state.selectedColumns);
-    const columnsOrder = useOrderColumnsSelectorStore((state) => state.columnsOrder);
+const useOrderListingData = ({ limitRowAmount, orderListing = [], fixedColumns, selectedColumns: externalSelectedColumns, columnsOrder: externalColumnsOrder, }) => {
+    const storeSelectedColumns = useOrderColumnsSelectorStore((state) => state.selectedColumns);
+    const storeColumnsOrder = useOrderColumnsSelectorStore((state) => state.columnsOrder);
+    const selectedColumns = externalSelectedColumns ?? storeSelectedColumns;
+    const columnsOrder = externalColumnsOrder ?? storeColumnsOrder;
     const showColumns = useMemo(() => ORDER_LISTING_COLUMNS.filter((column) => (fixedColumns ?? selectedColumns).includes(column.name)), [fixedColumns, selectedColumns]);
     const sortedMetrics = useMemo(() => sortByArrayOrder(ORDER_LISTING_METRICS ?? [], columnsOrder), [columnsOrder]);
     const tableData = useMemo(() => {

package/dist/esm/components/OrderAnalytic/index.d.ts

@@ -1,4 +1,5 @@
-export * from './OrderListingLatestTable';
+export * from './components';
 export * from './constants';
-export * from './types';
+export * from './OrderListingLatestTable';
 export * from './stores';
+export * from './types';

package/dist/esm/components/OrderAnalytic/stores/order-columns-selector.js

@@ -1,4 +1,3 @@
-"use client"
 import '../constants/order-listing.js';
 import { DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT, ORDER_COLUMN_MAPPING } from '../constants/order-columns.js';
 import { persist } from 'zustand/middleware';

package/dist/esm/components/OrderAnalytic/stores/order-columns-selector.mjs

@@ -1,4 +1,3 @@
-"use client"
 import '../constants/order-listing.mjs';
 import { DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT, ORDER_COLUMN_MAPPING } from '../constants/order-columns.mjs';
 import { persist } from 'zustand/middleware';

package/dist/esm/components/OrderAnalytic/stores/order-control.js

@@ -1,4 +1,3 @@
-"use client"
 import { create } from 'zustand';
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.js';
 import { EOrderDirectionType } from '../../../shared/reports/ui/ReportTable/types/index.js';

package/dist/esm/components/OrderAnalytic/stores/order-control.mjs

@@ -1,4 +1,3 @@
-"use client"
 import { create } from 'zustand';
 import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
 import { EOrderDirectionType } from '../../../shared/reports/ui/ReportTable/types/index.mjs';