@levi-gemcommerce/analytics 2.0.5-dev.1 → 2.1.0-test.0

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

@@ -0,0 +1,24 @@
+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';
+import { SkeletonCellContent } from './SkeletonCellContent.mjs';
+import { SKELETON_METRICS } from './constants.mjs';
+
+const SkeletonRow = () => {
+    const rowColumns = [
+        { key: 'order_id', layout: ORDER_LISTING_DIMENSION_LAYOUT, isDimension: true },
+        ...SKELETON_METRICS.map((metric) => ({
+            key: metric,
+            layout: ORDER_LISTING_METRIC_LAYOUTS[metric],
+            isDimension: false,
+        })),
+    ];
+    return (jsx("div", { className: "GReportTable__Row", children: rowColumns.map((col) => (jsx("div", { className: `GReportTable__Cell ${col.isDimension ? 'GReportTable__Cell--dimension' : ''}`, style: {
+                minWidth: col.layout?.minWidth,
+                maxWidth: col.layout?.maxWidth,
+                justifyContent: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+                ['--column-cell-justify-content']: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+            }, children: jsx("div", { className: "GReportTable__CellContent", children: jsx(SkeletonCellContent, { columnKey: col.key }) }) }, col.key))) }));
+};
+
+export { SkeletonRow };

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

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { ORDER_LISTING_DIMENSION_LAYOUT, ORDER_LISTING_METRIC_LAYOUTS } from '../../../constants/order-listing.js';
+import '../../../constants/order-columns.js';
+import { SkeletonBodyText } from '@shopify/polaris';
+import { SKELETON_METRICS } from './constants.js';
+
+const SkeletonSummaryRow = () => {
+    const summaryColumns = [
+        { key: 'order_id', layout: ORDER_LISTING_DIMENSION_LAYOUT },
+        ...SKELETON_METRICS.map((metric) => ({
+            key: metric,
+            layout: ORDER_LISTING_METRIC_LAYOUTS[metric],
+        })),
+    ];
+    return (jsx("div", { className: "GReportTable__Summary-Row", children: summaryColumns.map((col, index) => (jsx("div", { className: "GReportTable__Summary-Cell", style: {
+                minWidth: col.layout?.minWidth,
+                maxWidth: col.layout?.maxWidth,
+                justifyContent: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+                ['--column-cell-justify-content']: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+            }, children: index === 0 && (jsx("div", { className: "w-20", children: jsx(SkeletonBodyText, { lines: 1 }) })) }, col.key))) }));
+};
+
+export { SkeletonSummaryRow };

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

@@ -0,0 +1,23 @@
+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';
+import { SkeletonBodyText } from '@shopify/polaris';
+import { SKELETON_METRICS } from './constants.mjs';
+
+const SkeletonSummaryRow = () => {
+    const summaryColumns = [
+        { key: 'order_id', layout: ORDER_LISTING_DIMENSION_LAYOUT },
+        ...SKELETON_METRICS.map((metric) => ({
+            key: metric,
+            layout: ORDER_LISTING_METRIC_LAYOUTS[metric],
+        })),
+    ];
+    return (jsx("div", { className: "GReportTable__Summary-Row", children: summaryColumns.map((col, index) => (jsx("div", { className: "GReportTable__Summary-Cell", style: {
+                minWidth: col.layout?.minWidth,
+                maxWidth: col.layout?.maxWidth,
+                justifyContent: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+                ['--column-cell-justify-content']: col.layout?.align === 'end' ? 'flex-end' : 'flex-start',
+            }, children: index === 0 && (jsx("div", { className: "w-20", children: jsx(SkeletonBodyText, { lines: 1 }) })) }, col.key))) }));
+};
+
+export { SkeletonSummaryRow };

package/dist/esm/components/OrderAnalytic/components/OrderListing/OrderListingSkeleton/constants.d.ts

@@ -1,2 +1,2 @@
-import { EReportColumnKey } from '@/shared/reports/ui/ReportTable/types/report-columns';
+import { EReportColumnKey } from '../../../../../shared/reports/ui/ReportTable/types/report-columns';
 export declare const SKELETON_METRICS: EReportColumnKey[];

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

@@ -0,0 +1,13 @@
+import { EReportColumnKey } from '../../../../../shared/reports/ui/ReportTable/types/report-columns.js';
+
+const SKELETON_METRICS = [
+    EReportColumnKey.ORDER_DATE,
+    EReportColumnKey.TOTAL,
+    EReportColumnKey.CAMPAIGNS,
+    EReportColumnKey.TRAFFIC_SOURCE,
+    EReportColumnKey.DEVICE,
+    EReportColumnKey.VISITOR,
+    EReportColumnKey.ITEMS,
+];
+
+export { SKELETON_METRICS };

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

@@ -0,0 +1,13 @@
+import { EReportColumnKey } from '../../../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
+
+const SKELETON_METRICS = [
+    EReportColumnKey.ORDER_DATE,
+    EReportColumnKey.TOTAL,
+    EReportColumnKey.CAMPAIGNS,
+    EReportColumnKey.TRAFFIC_SOURCE,
+    EReportColumnKey.DEVICE,
+    EReportColumnKey.VISITOR,
+    EReportColumnKey.ITEMS,
+];
+
+export { SKELETON_METRICS };

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

@@ -1,7 +1,7 @@
-import type { IOrder } from '../../types';
-import type { GPaginationProps } from '@/shared';
+import type { IReportColumn } from '../../../../shared/reports/common/Visualization/types';
 import type { IReportCampaign } from '../../types/report';
-import type { IReportColumn } from '@/shared/reports/common/Visualization/types';
+import type { GPaginationProps } from '../../../../shared';
+import type { IOrder } from '../../types';
 interface OrderListingTableOptions {
     hideSummary?: boolean;
     limitRowAmount?: number;

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

@@ -0,0 +1,98 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+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 { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.js';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import { memo, useMemo } from 'react';
+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 { useTranslation } from 'react-i18next';
+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 '../../../../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 { 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 '../../../../providers/ConvertMoneyProvider.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 '../../../../shared/reports/ui/ReportTable/types/report-columns.js';
+import '../../../../shared/reports/ui/ReportTable/types/index.js';
+import '../../../../core/gemxql/builder/filters/build-filter-conditions.js';
+import '../../../../core/gemxql/builder/filters/build-extra-conditions.js';
+import '../../../../core/gemxql/builder/configs/keywords.js';
+import '../../../../core/gemxql/api/useCustomGemXQlQuery.js';
+import '../../../../core/gemxql/api/useGemxQlNamedQuery.js';
+import { applyTotalToSummaryRow } from '../../helpers/order-listing.js';
+import { useOrderControlStore } from '../../stores/order-control.js';
+import '../../stores/order-columns-selector.js';
+import { useOrderListingData } from '../../hooks/useOrderListingData.js';
+
+const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
+    const { hideSummary, limitRowAmount, hidePaginationRow, hideBorderTop, fixedColumns, isLatestTable, } = tableOptions ?? {};
+    const { t } = useTranslation();
+    const orderBy = useOrderControlStore((state) => state.orderBy);
+    const changeOrderBy = useOrderControlStore((state) => state.changeOrderBy);
+    const { tableData, sortedMetrics } = useOrderListingData({
+        limitRowAmount,
+        orderListing: orders,
+        fixedColumns,
+    });
+    const isNoResultFoundForQuery = !!queryValue?.trim() && tableData.rows.length === 0;
+    const showViewAllButton = isLatestTable || isNoResultFoundForQuery;
+    const reportTableData = useMemo(() => {
+        return {
+            rows: applyTotalToSummaryRow(tableData.rows),
+            columns: tableData.columns,
+        };
+    }, [tableData]);
+    const handleChangeOrderBy = (field) => {
+        changeOrderBy({
+            field,
+            direction: orderBy?.direction === EOrderDirectionType.ASC
+                ? EOrderDirectionType.DESC
+                : EOrderDirectionType.ASC,
+        });
+    };
+    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 }) }));
+    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') }) }) }));
+    }
+    function getOptionsProps() {
+        const amount = tableData.rows.length;
+        const content = amount > 1 ? t('{{amount}} orders', { amount }) : t('{{amount}} order', { amount });
+        const optionsProps = {
+            summary: { content, hide: hideSummary },
+            hidePaginationRow,
+            hideBorderTop,
+        };
+        return optionsProps;
+    }
+};
+var OrderListingTable$1 = memo(OrderListingTable);
+
+export { OrderListingTable$1 as default };

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

@@ -0,0 +1,98 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+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 { ReportTable } from '../../../../shared/reports/ui/ReportTable/ReportTable.mjs';
+import '@shopify/polaris';
+import '@shopify/polaris-icons';
+import { memo, useMemo } from 'react';
+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 { useTranslation } from 'react-i18next';
+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 '../../../../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 { 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 '../../../../providers/ConvertMoneyProvider.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 '../../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
+import '../../../../shared/reports/ui/ReportTable/types/index.mjs';
+import '../../../../core/gemxql/builder/filters/build-filter-conditions.mjs';
+import '../../../../core/gemxql/builder/filters/build-extra-conditions.mjs';
+import '../../../../core/gemxql/builder/configs/keywords.mjs';
+import '../../../../core/gemxql/api/useCustomGemXQlQuery.mjs';
+import '../../../../core/gemxql/api/useGemxQlNamedQuery.mjs';
+import { applyTotalToSummaryRow } from '../../helpers/order-listing.mjs';
+import { useOrderControlStore } from '../../stores/order-control.mjs';
+import '../../stores/order-columns-selector.mjs';
+import { useOrderListingData } from '../../hooks/useOrderListingData.mjs';
+
+const OrderListingTable = ({ orders, isLoading, totalStoreOrders, queryValue, paginationProps, tableOptions, isMockData, onViewAllStoreOrders, onViewOrderJourney, onViewOrderDetails, }) => {
+    const { hideSummary, limitRowAmount, hidePaginationRow, hideBorderTop, fixedColumns, isLatestTable, } = tableOptions ?? {};
+    const { t } = useTranslation();
+    const orderBy = useOrderControlStore((state) => state.orderBy);
+    const changeOrderBy = useOrderControlStore((state) => state.changeOrderBy);
+    const { tableData, sortedMetrics } = useOrderListingData({
+        limitRowAmount,
+        orderListing: orders,
+        fixedColumns,
+    });
+    const isNoResultFoundForQuery = !!queryValue?.trim() && tableData.rows.length === 0;
+    const showViewAllButton = isLatestTable || isNoResultFoundForQuery;
+    const reportTableData = useMemo(() => {
+        return {
+            rows: applyTotalToSummaryRow(tableData.rows),
+            columns: tableData.columns,
+        };
+    }, [tableData]);
+    const handleChangeOrderBy = (field) => {
+        changeOrderBy({
+            field,
+            direction: orderBy?.direction === EOrderDirectionType.ASC
+                ? EOrderDirectionType.DESC
+                : EOrderDirectionType.ASC,
+        });
+    };
+    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 }) }));
+    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') }) }) }));
+    }
+    function getOptionsProps() {
+        const amount = tableData.rows.length;
+        const content = amount > 1 ? t('{{amount}} orders', { amount }) : t('{{amount}} order', { amount });
+        const optionsProps = {
+            summary: { content, hide: hideSummary },
+            hidePaginationRow,
+            hideBorderTop,
+        };
+        return optionsProps;
+    }
+};
+var OrderListingTable$1 = memo(OrderListingTable);
+
+export { OrderListingTable$1 as default };

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BlockStack, Text } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+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 'react-i18next';
+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 '../../../../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 '../../../../providers/ConvertMoneyProvider.js';
+import ANALYTIC_EMPTY from '../../../../assets/img/analytic-empty.png.js';
+
+const OrderListingTableEmpty = ({ title, description }) => {
+    return (jsx(GBlockCenter, { paddingBlock: "400", children: jsxs(BlockStack, { gap: "400", inlineAlign: "center", children: [jsx("img", { src: ANALYTIC_EMPTY, alt: "No orders", width: 80, height: 80 }), jsxs(BlockStack, { gap: "200", inlineAlign: "center", children: [jsx(Text, { as: "p", variant: "headingSm", fontWeight: "semibold", children: title }), jsx(Text, { as: "p", variant: "bodyMd", tone: "subdued", alignment: "center", children: description })] })] }) }));
+};
+
+export { OrderListingTableEmpty };

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BlockStack, Text } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+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 'react-i18next';
+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 '../../../../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 '../../../../providers/ConvertMoneyProvider.mjs';
+import ANALYTIC_EMPTY from '../../../../assets/img/analytic-empty.png.mjs';
+
+const OrderListingTableEmpty = ({ title, description }) => {
+    return (jsx(GBlockCenter, { paddingBlock: "400", children: jsxs(BlockStack, { gap: "400", inlineAlign: "center", children: [jsx("img", { src: ANALYTIC_EMPTY, alt: "No orders", width: 80, height: 80 }), jsxs(BlockStack, { gap: "200", inlineAlign: "center", children: [jsx(Text, { as: "p", variant: "headingSm", fontWeight: "semibold", children: title }), jsx(Text, { as: "p", variant: "bodyMd", tone: "subdued", alignment: "center", children: description })] })] }) }));
+};
+
+export { OrderListingTableEmpty };

package/dist/esm/components/OrderAnalytic/constants/order-columns.d.ts

@@ -1,4 +1,4 @@
-import { EReportColumnKey } from '@/shared/reports/ui/ReportTable/types/report-columns';
+import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns';
 export declare const ORDER_COLUMN_MAPPING: Record<EReportColumnKey, {
     label: string;
     value: EReportColumnKey;

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

@@ -0,0 +1,47 @@
+import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.js';
+
+const ORDER_COLUMN_MAPPING = {
+    [EReportColumnKey.ORDER_ID]: {
+        label: 'Order ID',
+        value: EReportColumnKey.ORDER_ID,
+    },
+    [EReportColumnKey.ORDER_DATE]: {
+        label: 'Date',
+        value: EReportColumnKey.ORDER_DATE,
+    },
+    [EReportColumnKey.TOTAL]: {
+        label: 'Total',
+        value: EReportColumnKey.TOTAL,
+    },
+    [EReportColumnKey.CAMPAIGNS]: {
+        label: 'Experiment version',
+        value: EReportColumnKey.CAMPAIGNS,
+    },
+    [EReportColumnKey.TRAFFIC_SOURCE]: {
+        label: 'Traffic source',
+        value: EReportColumnKey.TRAFFIC_SOURCE,
+    },
+    [EReportColumnKey.DEVICE]: {
+        label: 'Device',
+        value: EReportColumnKey.DEVICE,
+    },
+    [EReportColumnKey.VISITOR]: {
+        label: 'Customer type',
+        value: EReportColumnKey.VISITOR,
+    },
+    [EReportColumnKey.ITEMS]: {
+        label: 'Items',
+        value: EReportColumnKey.ITEMS,
+    },
+};
+const DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT = [
+    EReportColumnKey.ORDER_ID,
+    EReportColumnKey.ORDER_DATE,
+    EReportColumnKey.TOTAL,
+    EReportColumnKey.CAMPAIGNS,
+    EReportColumnKey.TRAFFIC_SOURCE,
+    EReportColumnKey.DEVICE,
+    EReportColumnKey.VISITOR,
+];
+
+export { DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT, ORDER_COLUMN_MAPPING };

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

@@ -0,0 +1,47 @@
+import { EReportColumnKey } from '../../../shared/reports/ui/ReportTable/types/report-columns.mjs';
+
+const ORDER_COLUMN_MAPPING = {
+    [EReportColumnKey.ORDER_ID]: {
+        label: 'Order ID',
+        value: EReportColumnKey.ORDER_ID,
+    },
+    [EReportColumnKey.ORDER_DATE]: {
+        label: 'Date',
+        value: EReportColumnKey.ORDER_DATE,
+    },
+    [EReportColumnKey.TOTAL]: {
+        label: 'Total',
+        value: EReportColumnKey.TOTAL,
+    },
+    [EReportColumnKey.CAMPAIGNS]: {
+        label: 'Experiment version',
+        value: EReportColumnKey.CAMPAIGNS,
+    },
+    [EReportColumnKey.TRAFFIC_SOURCE]: {
+        label: 'Traffic source',
+        value: EReportColumnKey.TRAFFIC_SOURCE,
+    },
+    [EReportColumnKey.DEVICE]: {
+        label: 'Device',
+        value: EReportColumnKey.DEVICE,
+    },
+    [EReportColumnKey.VISITOR]: {
+        label: 'Customer type',
+        value: EReportColumnKey.VISITOR,
+    },
+    [EReportColumnKey.ITEMS]: {
+        label: 'Items',
+        value: EReportColumnKey.ITEMS,
+    },
+};
+const DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT = [
+    EReportColumnKey.ORDER_ID,
+    EReportColumnKey.ORDER_DATE,
+    EReportColumnKey.TOTAL,
+    EReportColumnKey.CAMPAIGNS,
+    EReportColumnKey.TRAFFIC_SOURCE,
+    EReportColumnKey.DEVICE,
+    EReportColumnKey.VISITOR,
+];
+
+export { DEFAULT_SELECTED_COLUMNS_FOR_EXPERIMENT, ORDER_COLUMN_MAPPING };

package/dist/esm/components/OrderAnalytic/constants/order-listing.d.ts

@@ -1,6 +1,6 @@
-import type { IReportColumn } from '@/shared/reports/common/Visualization/types';
-import type { ReportTableProps } from '@/shared/reports/ui/ReportTable';
-import type { ReportColumnLayout, ReportColumnLayoutMap } from '@/shared/reports/ui/ReportTable/types';
+import type { ReportColumnLayout, ReportColumnLayoutMap } from '../../../shared/reports/ui/ReportTable/types';
+import type { IReportColumn } from '../../../shared/reports/common/Visualization/types';
+import type { ReportTableProps } from '../../../shared/reports/ui/ReportTable';
 export declare const ORDER_LISTING_DIMENSION_LAYOUT: ReportColumnLayout;
 export declare const ORDER_LISTING_METRIC_LAYOUTS: ReportColumnLayoutMap;
 export declare const ORDER_LISTING_COLUMNS: IReportColumn[];