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

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

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

Files changed (840) hide show

package/dist/esm/shared/journey/common/JourneyContainer/components/JourneyContainer.js CHANGED Viewed

@@ -1,9 +1,21 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { JourneyGroup } from '../../../ui/JourneyGroup/JourneyGroup.js';
-import { JourneyTitle } from '../../../ui/JourneyTitle/components/JourneyTitle.js';
+import '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.js';
 import { Scrollable } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import '../../../../../utils/dayjs.js';
+import '../../../../../utils/analytics.js';
+import '../../../../../types/template.js';
+import { isBrowser } from '../../../../../utils/is-browser.js';
+import '../../../../components/GTooltip/components/GTooltipCard.js';
+import '../../../../components/GDiv/GDiv.js';
+import 'react-i18next';
+import { GBox } from '../../../../components/GBox/GBox.js';
+import '../../../../components/GFeatureLocked/constants.js';
+import '../../../../components/GFeatureLocked/types.js';
+import '../../../../components/GPagination/GPagination.js';
+import '../../../../charts/components/GPolarisViz/hooks/useResizeObserver.js';
 import '../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
 import '../../../../../providers/ConvertMoneyProvider.js';
@@ -18,20 +30,8 @@ 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 '../../../../../utils/dayjs.js';
-import '../../../../../utils/analytics.js';
-import '../../../../../types/template.js';
-import { isBrowser } from '../../../../../utils/is-browser.js';
-import '../../../../components/GPagination/GPagination.js';
 import { useWindowSize } from '../../../../../hooks/publish/useWindowSize.js';
-import '@shopify/polaris-icons';
-import '../../../../components/GTooltip/components/GTooltipCard.js';
-import '../../../../components/GDiv/GDiv.js';
-import 'react-i18next';
-import { GBox } from '../../../../components/GBox/GBox.js';
-import '../../../../components/GFeatureLocked/constants.js';
-import '../../../../components/GFeatureLocked/types.js';
-import '../../../../charts/components/GPolarisViz/hooks/useResizeObserver.js';
+import { JourneyTitle } from '../../../ui/JourneyTitle/components/JourneyTitle.js';
 const JourneyContainer = ({ orderId, eventsByDate, hasMoreSteps, isFetchingMoreSteps, onLoadMore, }) => {
     const firstEventsByDate = eventsByDate[0];
@@ -98,10 +98,10 @@ const JourneyContainer = ({ orderId, eventsByDate, hasMoreSteps, isFetchingMoreS
         // Update ref for next render
         prevIsFetchingRef.current = isFetchingMoreSteps;
     }, [isFetchingMoreSteps]);
-    return (jsxs(Scrollable, { scrollbarWidth: "thin", vertical: true, horizontal: true, className: "pb-5", style: { maxHeight: isMobileView ? '100vh' : 'calc(100vh - 120px)' }, children: [jsx(GBox, { ariaShadow: showShadow ? 'shadow-outset-200' : undefined, position: "sticky", insetBlockStart: "0", zIndex: "10", background: "bg-fill", children: jsx(JourneyTitle, { content: currentDate, id: orderId, hasMoreSteps: hasMoreSteps, isFetching: isFetchingMoreSteps, onLoadMode: () => {
+    return (jsxs(Scrollable, { scrollbarWidth: "thin", vertical: true, horizontal: true, className: "pb-5", style: { height: isMobileView ? '100vh' : 'calc(100vh - 120px)' }, children: [jsx(GBox, { ariaShadow: showShadow ? 'shadow-outset-200' : undefined, position: "sticky", insetBlockStart: "0", zIndex: "10", background: "bg-fill", children: jsx(JourneyTitle, { content: currentDate, id: orderId, hasMoreSteps: hasMoreSteps, isFetching: isFetchingMoreSteps, onLoadMode: () => {
                         onLoadMore();
                         handleScrollToTop();
-                    } }) }), jsx("div", { ref: scrollContainerRef, className: "min-h-[100vh] md:min-h-[calc(100vh-192px)]", children: jsx(JourneyGroup, { eventsByDate: eventsByDate, sectionRefs: sectionRefs }) })] }));
+                    } }) }), jsx("div", { ref: scrollContainerRef, children: jsx(JourneyGroup, { eventsByDate: eventsByDate, sectionRefs: sectionRefs }) })] }));
 };
 export { JourneyContainer };

package/dist/esm/shared/journey/common/JourneyContainer/components/JourneyContainer.mjs CHANGED Viewed

@@ -1,9 +1,21 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { JourneyGroup } from '../../../ui/JourneyGroup/JourneyGroup.mjs';
-import { JourneyTitle } from '../../../ui/JourneyTitle/components/JourneyTitle.mjs';
+import '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.mjs';
 import { Scrollable } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import '../../../../../utils/dayjs.mjs';
+import '../../../../../utils/analytics.mjs';
+import '../../../../../types/template.mjs';
+import { isBrowser } from '../../../../../utils/is-browser.mjs';
+import '../../../../components/GTooltip/components/GTooltipCard.mjs';
+import '../../../../components/GDiv/GDiv.mjs';
+import 'react-i18next';
+import { GBox } from '../../../../components/GBox/GBox.mjs';
+import '../../../../components/GFeatureLocked/constants.mjs';
+import '../../../../components/GFeatureLocked/types.mjs';
+import '../../../../components/GPagination/GPagination.mjs';
+import '../../../../charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
 import '../../../../../providers/ConvertMoneyProvider.mjs';
@@ -18,20 +30,8 @@ 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 '../../../../../utils/dayjs.mjs';
-import '../../../../../utils/analytics.mjs';
-import '../../../../../types/template.mjs';
-import { isBrowser } from '../../../../../utils/is-browser.mjs';
-import '../../../../components/GPagination/GPagination.mjs';
 import { useWindowSize } from '../../../../../hooks/publish/useWindowSize.mjs';
-import '@shopify/polaris-icons';
-import '../../../../components/GTooltip/components/GTooltipCard.mjs';
-import '../../../../components/GDiv/GDiv.mjs';
-import 'react-i18next';
-import { GBox } from '../../../../components/GBox/GBox.mjs';
-import '../../../../components/GFeatureLocked/constants.mjs';
-import '../../../../components/GFeatureLocked/types.mjs';
-import '../../../../charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
+import { JourneyTitle } from '../../../ui/JourneyTitle/components/JourneyTitle.mjs';
 const JourneyContainer = ({ orderId, eventsByDate, hasMoreSteps, isFetchingMoreSteps, onLoadMore, }) => {
     const firstEventsByDate = eventsByDate[0];
@@ -98,10 +98,10 @@ const JourneyContainer = ({ orderId, eventsByDate, hasMoreSteps, isFetchingMoreS
         // Update ref for next render
         prevIsFetchingRef.current = isFetchingMoreSteps;
     }, [isFetchingMoreSteps]);
-    return (jsxs(Scrollable, { scrollbarWidth: "thin", vertical: true, horizontal: true, className: "pb-5", style: { maxHeight: isMobileView ? '100vh' : 'calc(100vh - 120px)' }, children: [jsx(GBox, { ariaShadow: showShadow ? 'shadow-outset-200' : undefined, position: "sticky", insetBlockStart: "0", zIndex: "10", background: "bg-fill", children: jsx(JourneyTitle, { content: currentDate, id: orderId, hasMoreSteps: hasMoreSteps, isFetching: isFetchingMoreSteps, onLoadMode: () => {
+    return (jsxs(Scrollable, { scrollbarWidth: "thin", vertical: true, horizontal: true, className: "pb-5", style: { height: isMobileView ? '100vh' : 'calc(100vh - 120px)' }, children: [jsx(GBox, { ariaShadow: showShadow ? 'shadow-outset-200' : undefined, position: "sticky", insetBlockStart: "0", zIndex: "10", background: "bg-fill", children: jsx(JourneyTitle, { content: currentDate, id: orderId, hasMoreSteps: hasMoreSteps, isFetching: isFetchingMoreSteps, onLoadMode: () => {
                         onLoadMore();
                         handleScrollToTop();
-                    } }) }), jsx("div", { ref: scrollContainerRef, className: "min-h-[100vh] md:min-h-[calc(100vh-192px)]", children: jsx(JourneyGroup, { eventsByDate: eventsByDate, sectionRefs: sectionRefs }) })] }));
+                    } }) }), jsx("div", { ref: scrollContainerRef, children: jsx(JourneyGroup, { eventsByDate: eventsByDate, sectionRefs: sectionRefs }) })] }));
 };
 export { JourneyContainer };

package/dist/esm/shared/journey/common/JourneyContainer/components/JourneyTimeline.js CHANGED Viewed

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

package/dist/esm/shared/journey/common/JourneyContainer/components/JourneyTimeline.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutCompleted/CheckoutCompleted.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useOrderJourneyContext } from '../../../../../../components/GModalOrderJourney/context/OrderJourneyContext.js';
 import { CheckIcon, OrderIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutCompleted/CheckoutCompleted.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useOrderJourneyContext } from '../../../../../../components/GModalOrderJourney/context/OrderJourneyContext.mjs';
 import { CheckIcon, OrderIcon } from '@shopify/polaris-icons';

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutItems.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutItems.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutStarted/CheckoutStarted.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutStarted/CheckoutStarted.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutStarted/CheckoutStartedDetail.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/CheckoutStarted/CheckoutStartedDetail.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/PageViewed/PageViewed.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { getEventCampaignIdByType, isCampaignOfAnother } from '../../../../../../components/GModalOrderJourney/utils/index.js';
 import { GVariantBadge } from '../../../../../components/GVariantBadge/GVariantBadge.js';
@@ -33,11 +32,12 @@ import '../../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../../core/gemxql/types/time-dimension.js';
 import { JourneyItem } from '../../../JourneyItem/components/JourneyItem.js';
-import '../../../../../../types/metric.js';
 import '../../../../../../types/analytic-mode.js';
 import '../../../../../../types/breakdown-items.js';
-import '../../../../../../types/pricing.js';
 import { IVariantType } from '../../../../../../types/campaign.js';
+import '../../../../../../types/metric.js';
+import '../../../../../../types/pricing.js';
+import '../../../../../reports/ui/ReportTable/types/report-columns.js';
 const PageViewed = ({ event }) => {
     const { t } = useTranslation();

package/dist/esm/shared/journey/ui/JourneyEvents/components/PageViewed/PageViewed.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { getEventCampaignIdByType, isCampaignOfAnother } from '../../../../../../components/GModalOrderJourney/utils/index.mjs';
 import { GVariantBadge } from '../../../../../components/GVariantBadge/GVariantBadge.mjs';
@@ -33,11 +32,12 @@ import '../../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../../core/gemxql/types/time-dimension.mjs';
 import { JourneyItem } from '../../../JourneyItem/components/JourneyItem.mjs';
-import '../../../../../../types/metric.mjs';
 import '../../../../../../types/analytic-mode.mjs';
 import '../../../../../../types/breakdown-items.mjs';
-import '../../../../../../types/pricing.mjs';
 import { IVariantType } from '../../../../../../types/campaign.mjs';
+import '../../../../../../types/metric.mjs';
+import '../../../../../../types/pricing.mjs';
+import '../../../../../reports/ui/ReportTable/types/report-columns.mjs';
 const PageViewed = ({ event }) => {
     const { t } = useTranslation();

package/dist/esm/shared/journey/ui/JourneyEvents/components/ProductAddedToCart/ProductAddedToCart.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/ProductAddedToCart/ProductAddedToCart.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/ProductRemovedFromCart/ProductRemovedFromCart.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/components/ProductRemovedFromCart/ProductRemovedFromCart.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyEvents/constants/event.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import 'react/jsx-runtime';
 import '@shopify/polaris';
 import '../../JourneyItem/components/JourneyTime.js';

package/dist/esm/shared/journey/ui/JourneyEvents/constants/event.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import 'react/jsx-runtime';
 import '@shopify/polaris';
 import '../../JourneyItem/components/JourneyTime.mjs';

package/dist/esm/shared/journey/ui/JourneyGroup/JourneyGroup.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '../JourneyItem/components/JourneyTime.js';
@@ -31,11 +30,12 @@ import '../../../../core/gemxql/types/time-dimension.js';
 import '../../../../components/GModalOrderJourney/context/OrderJourneyContext.js';
 import '../../../../components/OrderAnalytic/types/order.js';
 import '../../../../components/OrderAnalytic/types/report.js';
-import '../../../../types/metric.js';
 import '../../../../types/analytic-mode.js';
 import '../../../../types/breakdown-items.js';
-import '../../../../types/pricing.js';
 import '../../../../types/campaign.js';
+import '../../../../types/metric.js';
+import '../../../../types/pricing.js';
+import '../../../reports/ui/ReportTable/types/report-columns.js';
 import '../../../components/GVariantBadge/types.js';
 import { JOURNEY_EVENT_COMPONENTS_MAP } from '../JourneyEvents/constants/event.js';
 import { JourneyTitle } from '../JourneyTitle/components/JourneyTitle.js';

package/dist/esm/shared/journey/ui/JourneyGroup/JourneyGroup.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@shopify/polaris';
 import '../JourneyItem/components/JourneyTime.mjs';
@@ -31,11 +30,12 @@ import '../../../../core/gemxql/types/time-dimension.mjs';
 import '../../../../components/GModalOrderJourney/context/OrderJourneyContext.mjs';
 import '../../../../components/OrderAnalytic/types/order.mjs';
 import '../../../../components/OrderAnalytic/types/report.mjs';
-import '../../../../types/metric.mjs';
 import '../../../../types/analytic-mode.mjs';
 import '../../../../types/breakdown-items.mjs';
-import '../../../../types/pricing.mjs';
 import '../../../../types/campaign.mjs';
+import '../../../../types/metric.mjs';
+import '../../../../types/pricing.mjs';
+import '../../../reports/ui/ReportTable/types/report-columns.mjs';
 import '../../../components/GVariantBadge/types.mjs';
 import { JOURNEY_EVENT_COMPONENTS_MAP } from '../JourneyEvents/constants/event.mjs';
 import { JourneyTitle } from '../JourneyTitle/components/JourneyTitle.mjs';

package/dist/esm/shared/journey/ui/JourneyItem/components/EventMarkerIcon.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/EventMarkerIcon.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyDetail.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyDetail.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyItem.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyItem.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyTime.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/JourneyTime.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/QuantityWrapper.js CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyItem/components/QuantityWrapper.mjs CHANGED Viewed

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

package/dist/esm/shared/journey/ui/JourneyTitle/components/GemxIdBadge.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const GemxIdBadge: () => import("react/jsx-runtime").JSX.Element \| null;

package/dist/esm/shared/journey/ui/JourneyTitle/components/GemxIdBadge.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useOrderJourneyContext } from '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.js';
+import { Text } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+import '../../../../../utils/dayjs.js';
+import '../../../../../utils/analytics.js';
+import '../../../../../types/template.js';
+import '../../../../components/GTooltip/components/GTooltipCard.js';
+import '../../../../components/GDiv/GDiv.js';
+import { GI18NText } from '../../../../components/GI18NText/GI18NText.js';
+import { useTranslation } from 'react-i18next';
+import '../../../../components/GFeatureLocked/constants.js';
+import '../../../../components/GFeatureLocked/types.js';
+import '../../../../components/GPagination/GPagination.js';
+import '../../../../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/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 { ID_BADGE_SEPARATOR } from '../constants/idBadge.js';
+const GemxIdBadge = () => {
+    const { t } = useTranslation();
+    const { gxId } = useOrderJourneyContext();
+    if (!gxId)
+        return null;
+    return (jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-200)' }, children: [jsx("span", { className: "shrink-0", children: jsx(Text, { as: "span", tone: "subdued", children: ID_BADGE_SEPARATOR }) }), jsx("span", { className: "min-w-0 truncate text-[var(--p-color-text-emphasis)]", children: jsx(GI18NText, { as: "span", variant: "bodyMd", tone: "subdued", transformers: {
+                        1: (text) => (jsx(Text, { as: "span", variant: "bodyMd", fontWeight: "medium", tone: "base", children: text })),
+                    }, children: t('GemX ID: [1]{{gxId}}[]', { gxId }) }) })] }));
+};
+export { GemxIdBadge };

package/dist/esm/shared/journey/ui/JourneyTitle/components/GemxIdBadge.mjs ADDED Viewed

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useOrderJourneyContext } from '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.mjs';
+import { Text } from '@shopify/polaris';
+import '@shopify/polaris-icons';
+import 'react';
+import '../../../../../utils/dayjs.mjs';
+import '../../../../../utils/analytics.mjs';
+import '../../../../../types/template.mjs';
+import '../../../../components/GTooltip/components/GTooltipCard.mjs';
+import '../../../../components/GDiv/GDiv.mjs';
+import { GI18NText } from '../../../../components/GI18NText/GI18NText.mjs';
+import { useTranslation } from 'react-i18next';
+import '../../../../components/GFeatureLocked/constants.mjs';
+import '../../../../components/GFeatureLocked/types.mjs';
+import '../../../../components/GPagination/GPagination.mjs';
+import '../../../../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/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 { ID_BADGE_SEPARATOR } from '../constants/idBadge.mjs';
+const GemxIdBadge = () => {
+    const { t } = useTranslation();
+    const { gxId } = useOrderJourneyContext();
+    if (!gxId)
+        return null;
+    return (jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-200)' }, children: [jsx("span", { className: "shrink-0", children: jsx(Text, { as: "span", tone: "subdued", children: ID_BADGE_SEPARATOR }) }), jsx("span", { className: "min-w-0 truncate text-[var(--p-color-text-emphasis)]", children: jsx(GI18NText, { as: "span", variant: "bodyMd", tone: "subdued", transformers: {
+                        1: (text) => (jsx(Text, { as: "span", variant: "bodyMd", fontWeight: "medium", tone: "base", children: text })),
+                    }, children: t('GemX ID: [1]{{gxId}}[]', { gxId }) }) })] }));
+};
+export { GemxIdBadge };

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyDateBadge.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Box, Text } from '@shopify/polaris';
 import '@shopify/polaris-icons';
@@ -30,7 +29,7 @@ import '../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../core/gemxql/types/time-dimension.js';
 const JourneyDateBadge = ({ content }) => {
-    return (jsx(Box, { background: "bg-surface-secondary", paddingBlock: "100", paddingInline: "200", borderRadius: "200", minWidth: "110px", children: jsx(GBlockCenter, { children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "medium", children: content }) }) }));
+    return (jsx(Box, { background: "bg-surface-secondary", paddingBlock: "100", paddingInline: "200", borderRadius: "200", children: jsx(GBlockCenter, { children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "medium", children: content }) }) }));
 };
 export { JourneyDateBadge };

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyDateBadge.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-"use client"
 import { jsx } from 'react/jsx-runtime';
 import { Box, Text } from '@shopify/polaris';
 import '@shopify/polaris-icons';
@@ -30,7 +29,7 @@ import '../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/time-dimension.mjs';
 const JourneyDateBadge = ({ content }) => {
-    return (jsx(Box, { background: "bg-surface-secondary", paddingBlock: "100", paddingInline: "200", borderRadius: "200", minWidth: "110px", children: jsx(GBlockCenter, { children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "medium", children: content }) }) }));
+    return (jsx(Box, { background: "bg-surface-secondary", paddingBlock: "100", paddingInline: "200", borderRadius: "200", children: jsx(GBlockCenter, { children: jsx(Text, { as: "p", variant: "bodyMd", fontWeight: "medium", children: content }) }) }));
 };
 export { JourneyDateBadge };

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyIdBadge.js CHANGED Viewed

@@ -1,7 +1,6 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useOrderJourneyContext } from '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.js';
-import { Box, InlineStack, Text, Icon } from '@shopify/polaris';
+import { Box, Text, Icon } from '@shopify/polaris';
 import { ExternalSmallIcon } from '@shopify/polaris-icons';
 import 'react';
 import '../../../../../utils/dayjs.js';
@@ -30,16 +29,17 @@ 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 { GemxIdBadge } from './GemxIdBadge.js';
 const JourneyIdBadge = ({ id, type = 'order' }) => {
     const { t } = useTranslation();
     const idContent = getIdContent();
     const { onViewOrderDetails } = useOrderJourneyContext();
-    return (jsx(GTooltip, { content: t('View order details'), children: jsx("div", { className: "cursor-pointer", onClick: () => onViewOrderDetails?.(id), children: jsx(Box, { background: "bg-surface-secondary-active", paddingBlock: "100", paddingInline: "200", borderRadius: "200", children: jsxs(InlineStack, { gap: "100", blockAlign: "center", children: [jsx(GI18NText, { as: "p", variant: "bodyMd", fontWeight: "medium", tone: "subdued", transformers: {
-                                1: (text) => {
-                                    return (jsx(Text, { as: "span", tone: "base", children: text }));
-                                },
-                            }, children: idContent }), jsx(Icon, { source: ExternalSmallIcon })] }) }) }) }));
+    return (jsx(Box, { background: "bg-surface-secondary-active", paddingBlock: "100", paddingInline: "200", borderRadius: "200", minWidth: "0", children: jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-200)' }, children: [jsx(GTooltip, { content: t('View order details'), children: jsxs("div", { className: "flex shrink-0 cursor-pointer items-center gap-1", onClick: () => onViewOrderDetails?.(id), children: [jsx(GI18NText, { as: "p", variant: "bodyMd", fontWeight: "medium", tone: "subdued", transformers: {
+                                    1: (text) => {
+                                        return (jsx(Text, { as: "span", tone: "base", children: text }));
+                                    },
+                                }, children: idContent }), jsx(Icon, { source: ExternalSmallIcon })] }) }), jsx(GemxIdBadge, {})] }) }));
     function getIdContent() {
         switch (type) {
             case 'order':

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyIdBadge.mjs CHANGED Viewed

@@ -1,7 +1,6 @@
-"use client"
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useOrderJourneyContext } from '../../../../../components/GModalOrderJourney/context/OrderJourneyContext.mjs';
-import { Box, InlineStack, Text, Icon } from '@shopify/polaris';
+import { Box, Text, Icon } from '@shopify/polaris';
 import { ExternalSmallIcon } from '@shopify/polaris-icons';
 import 'react';
 import '../../../../../utils/dayjs.mjs';
@@ -30,16 +29,17 @@ 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 { GemxIdBadge } from './GemxIdBadge.mjs';
 const JourneyIdBadge = ({ id, type = 'order' }) => {
     const { t } = useTranslation();
     const idContent = getIdContent();
     const { onViewOrderDetails } = useOrderJourneyContext();
-    return (jsx(GTooltip, { content: t('View order details'), children: jsx("div", { className: "cursor-pointer", onClick: () => onViewOrderDetails?.(id), children: jsx(Box, { background: "bg-surface-secondary-active", paddingBlock: "100", paddingInline: "200", borderRadius: "200", children: jsxs(InlineStack, { gap: "100", blockAlign: "center", children: [jsx(GI18NText, { as: "p", variant: "bodyMd", fontWeight: "medium", tone: "subdued", transformers: {
-                                1: (text) => {
-                                    return (jsx(Text, { as: "span", tone: "base", children: text }));
-                                },
-                            }, children: idContent }), jsx(Icon, { source: ExternalSmallIcon })] }) }) }) }));
+    return (jsx(Box, { background: "bg-surface-secondary-active", paddingBlock: "100", paddingInline: "200", borderRadius: "200", minWidth: "0", children: jsxs("div", { className: "flex min-w-0 items-center", style: { gap: 'var(--p-space-200)' }, children: [jsx(GTooltip, { content: t('View order details'), children: jsxs("div", { className: "flex shrink-0 cursor-pointer items-center gap-1", onClick: () => onViewOrderDetails?.(id), children: [jsx(GI18NText, { as: "p", variant: "bodyMd", fontWeight: "medium", tone: "subdued", transformers: {
+                                    1: (text) => {
+                                        return (jsx(Text, { as: "span", tone: "base", children: text }));
+                                    },
+                                }, children: idContent }), jsx(Icon, { source: ExternalSmallIcon })] }) }), jsx(GemxIdBadge, {})] }) }));
     function getIdContent() {
         switch (type) {
             case 'order':

package/dist/esm/shared/journey/ui/JourneyTitle/components/JourneyLoadMore.js CHANGED Viewed

@@ -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.js';
 import '../../../../../utils/analytics.js';
 import '../../../../../types/template.js';
 import '../../../../components/GTooltip/components/GTooltipCard.js';
 import '../../../../components/GDiv/GDiv.js';
+import 'react-i18next';
 import '../../../../components/GFeatureLocked/constants.js';
 import '../../../../components/GFeatureLocked/types.js';
 import '../../../../components/GPagination/GPagination.js';
@@ -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 };