@gem-sdk/analytics 1.0.0-dev.21 → 1.0.0-dev.41

package/dist/esm/modules/analytics/constants/index.d.ts

@@ -0,0 +1,15 @@
+import type { IFunctionGetMetric } from '../types';
+import { IPAMetricKey } from '../types';
+interface IPageAnalyticMappingItem {
+    heading: {
+        title: string;
+    };
+    getMetricValue: IFunctionGetMetric;
+}
+export declare const PA_METRIC_TOOLTIP: Record<IPAMetricKey, unknown>;
+export declare const SHOPIFY_PAGE_TYPE_KEY = "shopify_page_type";
+export declare const METRICS_COLUMNS: Record<IPAMetricKey, {
+    label: string;
+}>;
+export declare const PAGE_ANALYTIC_MAPPING: Record<IPAMetricKey, IPageAnalyticMappingItem>;
+export {};

package/dist/esm/modules/analytics/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './types';
+export * from './utils';

package/dist/esm/modules/analytics/types/index.d.ts

@@ -0,0 +1,41 @@
+import type { IBasePageAnalyticMetric } from '@/types/metric';
+export declare enum IPAMetricKey {
+    PAGE_SESSIONS = "PAGE_SESSIONS",
+    PAGE_BR = "PAGE_BOUNCE_RATE",
+    PAGE_CTR = "PAGE_CLICK_THROUGH_RATE",
+    PAGE_AVG_TIME = "PAGE_AVG_TIME",
+    PAGE_VIEWS = "PAGE_VIEWS",
+    PAGE_RPV = "PAGE_REVENUE_PER_VISITOR",
+    PAGE_REVENUE = "PAGE_REVENUE",
+    PAGE_NEW_RETURNING_CUSTOMER = "PAGE_NEW_RETURNING_CUSTOMER",
+    PAGE_SESSIONS_BY_VISITOR = "PAGE_SESSIONS_BY_VISITOR",
+    PAGE_SESSIONS_BY_DEVICE = "PAGE_SESSIONS_BY_DEVICE",
+    PAGE_SESSIONS_BY_TRAFFIC = "PAGE_SESSIONS_BY_TRAFFIC",
+    PAGE_PATH_ANALYSIS = "PAGE_PATH_ANALYSIS",
+    PAGE_CART_ADDITION = "PAGE_SESSION_WITH_CART_ADDITION",
+    PAGE_ADDED_TO_CART = "PAGE_ADDED_TO_CART",
+    PAGE_ADD_TO_CART_RATE = "ADD_TO_CART_RATE",
+    PAGE_REACHED_CHECKOUT = "PAGE_REACHED_CHECKOUT",
+    PAGE_COMPLETE_CHECKOUT = "PAGE_COMPLETE_CHECKOUT",
+    PAGE_ORDERS = "PAGE_ORDERS",
+    PAGE_CR = "PAGE_CONVERSION_RATE",
+    PAGE_AOV = "PAGE_AVERAGE_ORDER_VALUE",
+    PAGE_VISITORS = "PAGE_VISITORS"
+}
+export declare enum IMetricFormatter {
+    PERCENTAGE_STRING = "PERCENTAGE_STRING",
+    CURRENCY = "CURRENCY",
+    DURATION = "DURATION",
+    DURATION_MS = "DURATION_MS",
+    MILLISECONDS = "MILLISECONDS",
+    NORMAL = "NORMAL",
+    NUMBER_COMMAS = "NUMBER_COMMAS",
+    NUMBER_COMMAS_LEAN = "NUMBER_COMMAS_LEAN"
+}
+export interface IDetectMetricResult<K = number | undefined> {
+    formatter: IMetricFormatter;
+    value: K;
+}
+export type IFunctionGetMetric<T = IBasePageAnalyticMetric> = (props: {
+    metric?: T;
+}) => IDetectMetricResult;

package/dist/esm/modules/analytics/utils/formatMetric.d.ts

@@ -0,0 +1,8 @@
+import type { IGetTextPrice } from '@/core/gemxql';
+export type IFormatMetricParams = {
+    value: number | string | undefined;
+    formatter: string;
+    getTextPrice: IGetTextPrice;
+    compact?: boolean;
+};
+export declare const formatMetricByFormatter: ({ value, formatter, getTextPrice, compact }: IFormatMetricParams) => string;

package/dist/esm/modules/analytics/utils/getPAMetricValue.d.ts

@@ -0,0 +1,3 @@
+import type { IBasePageAnalyticMetric } from '@/types/metric';
+import type { IDetectMetricResult, IPAMetricKey } from '../types';
+export declare const getPAMetricValueV2: (metric?: IBasePageAnalyticMetric, key?: IPAMetricKey) => IDetectMetricResult;

package/dist/esm/modules/analytics/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './formatMetric';
+export * from './getPAMetricValue';
+export * from './metric';

package/dist/esm/modules/analytics/utils/metric.d.ts

@@ -0,0 +1,26 @@
+import type { IDetectMetricResult, IFunctionGetMetric } from '../types';
+import { IMetricFormatter } from '../types';
+export declare const detectDataV2By: <T>({ data, formatter, extractValue, }: {
+    data: T | undefined;
+    formatter: IMetricFormatter;
+    extractValue: (value: T | undefined) => number | undefined;
+}) => IDetectMetricResult;
+export declare const getTotalSessionMetric: IFunctionGetMetric;
+export declare const getTotalVisitorMetric: IFunctionGetMetric;
+export declare const getTotalOrderMetric: IFunctionGetMetric;
+export declare const getTotalPageViewMetric: IFunctionGetMetric;
+export declare const getTotalRevenueMetric: IFunctionGetMetric;
+export declare const getBounceRateMetric: IFunctionGetMetric;
+export declare const getLinkCtrMetric: IFunctionGetMetric;
+export declare const getConversionRateMetric: IFunctionGetMetric;
+export declare const getAddToCartRateMetric: IFunctionGetMetric;
+export declare const getAverageTimeOnPageMetric: IFunctionGetMetric;
+export declare const getRevenuePerVisitorMetric: IFunctionGetMetric;
+export declare const getAverageOrderValueMetric: IFunctionGetMetric;
+export declare const getTotalATCMetric: IFunctionGetMetric;
+export declare const getTotalSessionWithCartAdditionMetric: IFunctionGetMetric;
+export declare const getTotalSessionReachedCheckoutMetric: IFunctionGetMetric;
+export declare const getTotalSessionCompletedCheckoutMetric: IFunctionGetMetric;
+export declare const getPathAnalysisMetric: IFunctionGetMetric;
+export declare const getTotalSessionByDeviceMetric: IFunctionGetMetric;
+export declare const getNewReturningCustomerMetric: IFunctionGetMetric;

package/dist/esm/providers/ConvertMoneyProvider.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { IGetTextPrice } from '@/core/gemxql/helpers/formatAnalyticData';
+import type { IGetTextPrice } from '@/core/gemxql';
 interface IConvertMoneyContext {
     getTextPrice: IGetTextPrice;
 }

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipWithPortal.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 export declare function TooltipWithPortal({ children }: {
     children: ReactNode;
-}): import("react").ReactPortal;
+}): import("react").ReactPortal | null;

package/dist/esm/shared/charts/components/GPolarisViz/hooks/useRootContainer.d.ts

@@ -1 +1 @@
-export declare const useRootContainer: (id: string) => HTMLElement;
+export declare const useRootContainer: (id: string) => HTMLElement | null;

package/dist/esm/shared/components/GBox/GBox.d.ts

@@ -0,0 +1,9 @@
+import type { BoxProps } from '@shopify/polaris';
+type AriaShadowType = 'shadow-outset-200' | 'shadow-drop-outset-100' | 'shadow-top-100' | 'shadow-bottom-100';
+type AriaHeightType = 'height-full';
+export interface GBoxProps extends BoxProps {
+    ariaShadow?: AriaShadowType;
+    ariaHeight?: AriaHeightType;
+}
+export declare const GBox: (props: GBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/components/GBox/index.d.ts

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

package/dist/esm/shared/components/GFeatureLocked/GFeatureLocked.d.ts

@@ -0,0 +1,14 @@
+import type { BlockStackProps, ButtonProps } from '@shopify/polaris';
+import type { IGFeatureLocked } from './types';
+import { type GBoxProps } from '../GBox';
+interface GFeatureLockedProps {
+    title?: string;
+    description?: string;
+    type: IGFeatureLocked;
+    buttonProps?: Partial<ButtonProps>;
+    inlineAlign?: BlockStackProps['inlineAlign'];
+    boxProps?: GBoxProps;
+    boxContentProps?: GBoxProps;
+}
+export declare const GFeatureLocked: ({ title, description, type, buttonProps, boxProps, boxContentProps, inlineAlign, }: GFeatureLockedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/components/GFeatureLocked/constants.d.ts

@@ -0,0 +1,3 @@
+import type { IGFeatureLockedData } from './types';
+import { IGFeatureLocked } from './types';
+export declare const G_FEATURE_LOCKED_DATA: Record<IGFeatureLocked, IGFeatureLockedData>;

package/dist/esm/shared/components/GFeatureLocked/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GFeatureLocked';
+export * from './types';

package/dist/esm/shared/components/GFeatureLocked/types.d.ts

@@ -0,0 +1,15 @@
+export declare enum IGFeatureLocked {
+    CampaignGroupTemplate = "CampaignGroupTemplate",
+    PageListing = "PageListing",
+    Analytics = "Analytics",
+    PathAnalysis = "PathAnalysis"
+}
+export interface IGFeatureLockedData {
+    background?: string;
+    backgroundColor?: string;
+    illustration?: string;
+    aspectRatio?: number;
+    backdropFilter?: number;
+    maxDescriptionWidth?: string;
+    gradientBackground?: string;
+}

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

@@ -14,3 +14,5 @@ export * from './GTooltip';
 export * from './GTooltipCard';
 export * from './GViewBySelector';
 export * from './GChoice';
+export * from './GBox';
+export * from './GFeatureLocked';

package/dist/esm/types/index.d.ts

@@ -3,3 +3,4 @@ export * from './metric';
 export * from './analytic-mode';
 export * from './currency';
 export * from './breakdown-items';
+export * from './pricing';

package/dist/esm/types/metric.d.ts

@@ -17,7 +17,8 @@ export declare enum EMetricKey {
     RPV = "revenue_per_visitor",
     VISITOR_ITEMS = "visitor_items",
     DEVICE_ITEMS = "device_items",
-    TRAFFIC_SOURCE_ITEMS = "traffic_source_items"
+    TRAFFIC_SOURCE_ITEMS = "traffic_source_items",
+    PAGE_PATH_ANALYSIS = "PAGE_PATH_ANALYSIS"
 }
 export interface IMetricControl {
     value: string | number | null;
@@ -55,3 +56,21 @@ export interface IAnalyticMetric {
     visitors?: Array<IAnalyticStat | null> | null;
     variantKey?: string;
 }
+export interface IBasePageAnalyticMetric {
+    totalPageViewed?: number | null;
+    totalVisitors?: number | null;
+    totalClicked?: number | null;
+    totalAddedToCart?: number | null;
+    totalReachedCheckout?: number | null;
+    totalOrders?: number | null;
+    totalSessions?: number | null;
+    totalSessionsThatCompletedCheckout?: number | null;
+    totalSessionsThatReachedCheckout?: number | null;
+    totalSessionsWithCartAdditions?: number | null;
+    totalClickedHasHref?: number | null;
+    totalSessionsWithoutAction?: number | null;
+    totalContinuationSession?: number | null;
+    totalRevenue?: number | null;
+    totalTimeOnPage?: number | null;
+    totalPageViewedHaveTimeOnPage?: number | null;
+}

package/dist/esm/types/pricing.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Pricing enums mirrored from the host app (`~/modules/pricing/types`).
+ *
+ * They are duplicated here so the SDK no longer needs to import the host's
+ * pricing module directly. The host can import these enums back from
+ * `@gem-sdk/analytics/types` to build the value passed to `PathAnalysisConfigProvider`,
+ * which guarantees the string values stay in sync on both sides.
+ */
+export declare enum IPlanKey {
+    /**
+     * @deprecated This plan is available for users installed before release 1.3.0.
+     */
+    CONTENT_TESTING = "content-testing",
+    PAGE_OPT = "page-optimize",
+    FUNNEL_OPT = "funnel-optimize",
+    PROFIT_OPT = "profit-optimize",
+    TRIAL_PAGE_OPT = "trial-page-optimize",
+    TRIAL_FUNNEL_OPT = "trial-funnel-optimize",
+    TRIAL_PROFIT_OPT = "trial-profit-optimize"
+}
+export declare enum IShopPlanState {
+    TRIAL_PAGE_OPT = "TRIAL_PAGE_OPT",
+    TRIAL_FUNNEL_OPT = "TRIAL_FUNNEL_OPT",
+    TRIAL_PROFIT_OPT = "TRIAL_PROFIT_OPT",
+    ACTIVE_PAGE_OPT = "ACTIVE_PAGE_OPT",
+    ACTIVE_FUNNEL_OPT = "ACTIVE_FUNNEL_OPT",
+    ACTIVE_PROFIT_OPT = "ACTIVE_PROFIT_OPT",
+    LOADING_PLAN = "LOADING_PLAN",
+    TRIAL_EXPIRED = "TRIAL_EXPIRED",
+    ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT = "ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT",
+    ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT = "ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT",
+    ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT = "ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT"
+}

package/dist/esm/types/template.d.ts

@@ -0,0 +1,19 @@
+export declare enum TemplateType {
+    ALL = "all",
+    HOME = "index",
+    COLLECTION = "collection",
+    COLLECTION_LIST = "collection-list",
+    PRODUCT = "product",
+    ARTICLE = "article",
+    PAGE = "page",
+    CART = "cart",
+    SEARCH = "search",
+    NOT_FOUND = "404",
+    BLOG = "blog",
+    PASSWORD = "password",
+    CONTACT = "contact",
+    GIF_CART = "gif-cart",
+    ACCOUNT = "account",
+    CHECKOUT = "checkout",
+    GIFT_CARD = "gift-card"
+}

package/dist/esm/types.js

@@ -19,6 +19,7 @@ var EMetricKey;
     EMetricKey["VISITOR_ITEMS"] = "visitor_items";
     EMetricKey["DEVICE_ITEMS"] = "device_items";
     EMetricKey["TRAFFIC_SOURCE_ITEMS"] = "traffic_source_items";
+    EMetricKey["PAGE_PATH_ANALYSIS"] = "PAGE_PATH_ANALYSIS";
 })(EMetricKey || (EMetricKey = {}));
 
 var EAnalyticMode;
@@ -51,4 +52,41 @@ var ETrafficSourceType;
     ETrafficSourceType["SMS"] = "sms";
 })(ETrafficSourceType || (ETrafficSourceType = {}));
 
-export { EAnalyticMode, EDeviceType, EMetricKey, ETrafficSourceType, EVisitorType };
+/**
+ * Pricing enums mirrored from the host app (`~/modules/pricing/types`).
+ *
+ * They are duplicated here so the SDK no longer needs to import the host's
+ * pricing module directly. The host can import these enums back from
+ * `@gem-sdk/analytics/types` to build the value passed to `PathAnalysisConfigProvider`,
+ * which guarantees the string values stay in sync on both sides.
+ */
+var IPlanKey;
+(function (IPlanKey) {
+    /**
+     * @deprecated This plan is available for users installed before release 1.3.0.
+     */
+    IPlanKey["CONTENT_TESTING"] = "content-testing";
+    IPlanKey["PAGE_OPT"] = "page-optimize";
+    IPlanKey["FUNNEL_OPT"] = "funnel-optimize";
+    IPlanKey["PROFIT_OPT"] = "profit-optimize";
+    // Trial plans
+    IPlanKey["TRIAL_PAGE_OPT"] = "trial-page-optimize";
+    IPlanKey["TRIAL_FUNNEL_OPT"] = "trial-funnel-optimize";
+    IPlanKey["TRIAL_PROFIT_OPT"] = "trial-profit-optimize";
+})(IPlanKey || (IPlanKey = {}));
+var IShopPlanState;
+(function (IShopPlanState) {
+    IShopPlanState["TRIAL_PAGE_OPT"] = "TRIAL_PAGE_OPT";
+    IShopPlanState["TRIAL_FUNNEL_OPT"] = "TRIAL_FUNNEL_OPT";
+    IShopPlanState["TRIAL_PROFIT_OPT"] = "TRIAL_PROFIT_OPT";
+    IShopPlanState["ACTIVE_PAGE_OPT"] = "ACTIVE_PAGE_OPT";
+    IShopPlanState["ACTIVE_FUNNEL_OPT"] = "ACTIVE_FUNNEL_OPT";
+    IShopPlanState["ACTIVE_PROFIT_OPT"] = "ACTIVE_PROFIT_OPT";
+    IShopPlanState["LOADING_PLAN"] = "LOADING_PLAN";
+    IShopPlanState["TRIAL_EXPIRED"] = "TRIAL_EXPIRED";
+    IShopPlanState["ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT"] = "ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT";
+    IShopPlanState["ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT"] = "ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT";
+    IShopPlanState["ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT"] = "ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT";
+})(IShopPlanState || (IShopPlanState = {}));
+
+export { EAnalyticMode, EDeviceType, EMetricKey, ETrafficSourceType, EVisitorType, IPlanKey, IShopPlanState };

package/dist/esm/types.mjs

@@ -19,6 +19,7 @@ var EMetricKey;
     EMetricKey["VISITOR_ITEMS"] = "visitor_items";
     EMetricKey["DEVICE_ITEMS"] = "device_items";
     EMetricKey["TRAFFIC_SOURCE_ITEMS"] = "traffic_source_items";
+    EMetricKey["PAGE_PATH_ANALYSIS"] = "PAGE_PATH_ANALYSIS";
 })(EMetricKey || (EMetricKey = {}));
 
 var EAnalyticMode;
@@ -51,4 +52,41 @@ var ETrafficSourceType;
     ETrafficSourceType["SMS"] = "sms";
 })(ETrafficSourceType || (ETrafficSourceType = {}));
 
-export { EAnalyticMode, EDeviceType, EMetricKey, ETrafficSourceType, EVisitorType };
+/**
+ * Pricing enums mirrored from the host app (`~/modules/pricing/types`).
+ *
+ * They are duplicated here so the SDK no longer needs to import the host's
+ * pricing module directly. The host can import these enums back from
+ * `@gem-sdk/analytics/types` to build the value passed to `PathAnalysisConfigProvider`,
+ * which guarantees the string values stay in sync on both sides.
+ */
+var IPlanKey;
+(function (IPlanKey) {
+    /**
+     * @deprecated This plan is available for users installed before release 1.3.0.
+     */
+    IPlanKey["CONTENT_TESTING"] = "content-testing";
+    IPlanKey["PAGE_OPT"] = "page-optimize";
+    IPlanKey["FUNNEL_OPT"] = "funnel-optimize";
+    IPlanKey["PROFIT_OPT"] = "profit-optimize";
+    // Trial plans
+    IPlanKey["TRIAL_PAGE_OPT"] = "trial-page-optimize";
+    IPlanKey["TRIAL_FUNNEL_OPT"] = "trial-funnel-optimize";
+    IPlanKey["TRIAL_PROFIT_OPT"] = "trial-profit-optimize";
+})(IPlanKey || (IPlanKey = {}));
+var IShopPlanState;
+(function (IShopPlanState) {
+    IShopPlanState["TRIAL_PAGE_OPT"] = "TRIAL_PAGE_OPT";
+    IShopPlanState["TRIAL_FUNNEL_OPT"] = "TRIAL_FUNNEL_OPT";
+    IShopPlanState["TRIAL_PROFIT_OPT"] = "TRIAL_PROFIT_OPT";
+    IShopPlanState["ACTIVE_PAGE_OPT"] = "ACTIVE_PAGE_OPT";
+    IShopPlanState["ACTIVE_FUNNEL_OPT"] = "ACTIVE_FUNNEL_OPT";
+    IShopPlanState["ACTIVE_PROFIT_OPT"] = "ACTIVE_PROFIT_OPT";
+    IShopPlanState["LOADING_PLAN"] = "LOADING_PLAN";
+    IShopPlanState["TRIAL_EXPIRED"] = "TRIAL_EXPIRED";
+    IShopPlanState["ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT"] = "ACTIVE_PAGE_OPT_AND_TRIAL_PAGE_OPT";
+    IShopPlanState["ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT"] = "ACTIVE_PAGE_OPT_AND_TRIAL_FUNNEL_OPT";
+    IShopPlanState["ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT"] = "ACTIVE_FUNNEL_OPT_AND_TRIAL_FUNNEL_OPT";
+})(IShopPlanState || (IShopPlanState = {}));
+
+export { EAnalyticMode, EDeviceType, EMetricKey, ETrafficSourceType, EVisitorType, IPlanKey, IShopPlanState };

package/dist/esm/utils/deep-copy.d.ts

@@ -0,0 +1 @@
+export declare const deepCopy: <T>(obj: T) => T;

package/dist/esm/utils/index.d.ts

@@ -4,3 +4,5 @@ export * from './cls';
 export * from './sort';
 export * from './dayjs';
 export * from './analytics';
+export * from './deep-copy';
+export * from './template-type';

package/dist/esm/utils/template-type.d.ts

@@ -0,0 +1,2 @@
+import { TemplateType } from '@/types/template';
+export declare const parseTemplateType: (templateType?: TemplateType | string) => string;

package/dist/style.css

@@ -1 +1 @@
-.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-7{height:1.75rem}.h-\[20px\]{height:20px}.h-\[2px\]{height:2px}.h-\[80px\]{height:80px}.h-\[8px\]{height:8px}.h-\[92px\]{height:92px}.h-full{height:100%}.max-h-\[250px\]{max-height:250px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-\[210px\]{width:210px}.w-\[320px\]{width:320px}.w-\[328px\]{width:328px}.w-\[50px\]{width:50px}.w-\[80px\]{width:80px}.w-\[8px\]{width:8px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[175px\]{min-width:175px}.min-w-\[184px\]{min-width:184px}.max-w-\[100\%\]{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-\[2px\]{gap:2px}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-\[\#A1CAE7\]{--tw-border-opacity:1;border-color:rgb(161 202 231/var(--tw-border-opacity))}.bg-\[\#4FA9EA\]{--tw-bg-opacity:1;background-color:rgb(79 169 234/var(--tw-bg-opacity))}.bg-\[\#F1F1F1\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\[\#f7f7f7\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.pl-4{padding-left:1rem}.pr-\[5px\]{padding-right:5px}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.capitalize{text-transform:capitalize}.text-\[var\(--p-color-text\)\]{color:var(--p-color-text)}.text-\[var\(--p-color-text-disabled\)\]{color:var(--p-color-text-disabled)}.text-\[var\(--p-color-text-subdued\)\]{color:var(--p-color-text-subdued)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[\#F1F1F1\]:hover{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.hover\:text-\[--p-color-text-link-hover\]:hover{color:var(--p-color-text-link-hover)}
+.GPathSelectionItem{cursor:pointer;padding:8px 12px 12px;transition:background-color .2s ease}.GPathSelectionItem--selected{background-color:#f7f7f7}.GPathSelectionItem .GPathSelectionItem__view-icon{background-color:#ebebeb;border-radius:8px;display:none;margin-left:8px;padding:4px}.GPathSelectionItem:hover{background-color:#f7f7f7}.GPathSelectionItem:hover .GPathSelectionItem__percentage{display:none}.GPathSelectionItem:hover .GPathSelectionItem__view-icon{display:block}.GFunnelChartNextTooltip-container{left:0;max-width:300px;pointer-events:auto;position:absolute;top:0;z-index:520}.GFunnelChartNextTooltip-rows{display:flex;flex-direction:column;gap:8px}.GFunnelChartNextTooltip-rows>:not(:last-child):after{background:#e3e3e3;content:"";display:block;grid-column:1/-1;height:1px;margin:8px 0 0}.GFunnelChartNextTooltip-row{align-items:center;color:#616161;-moz-column-gap:4px;column-gap:4px;display:grid;font-size:12px;grid-template-columns:8px auto;line-height:16px}.GFunnelChartNextTooltip-keys{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:subgrid}.GFunnelChartNextTooltip-values{align-items:flex-start;display:flex;font-weight:600;gap:8px;grid-column:2;padding-top:2px}.GFunnelChartNextTooltip-values>span{flex:0 0 auto}.GFunnelChartNextTooltip-values .GFunnelChartNextTooltip-trendIndicator{margin-left:auto}.GFunnelChartNextTooltip-values strong{color:#1f2124;font-weight:500}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-\[1000\]{z-index:1000}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-7{height:1.75rem}.h-\[20px\]{height:20px}.h-\[2px\]{height:2px}.h-\[80px\]{height:80px}.h-\[8px\]{height:8px}.h-\[92px\]{height:92px}.h-full{height:100%}.max-h-\[250px\]{max-height:250px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-\[210px\]{width:210px}.w-\[320px\]{width:320px}.w-\[328px\]{width:328px}.w-\[50px\]{width:50px}.w-\[80px\]{width:80px}.w-\[8px\]{width:8px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[175px\]{min-width:175px}.min-w-\[184px\]{min-width:184px}.max-w-\[100\%\]{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-\[2px\]{gap:2px}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-\[\#A1CAE7\]{--tw-border-opacity:1;border-color:rgb(161 202 231/var(--tw-border-opacity))}.bg-\[\#4FA9EA\]{--tw-bg-opacity:1;background-color:rgb(79 169 234/var(--tw-bg-opacity))}.bg-\[\#F1F1F1\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\[\#f7f7f7\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-\[5px\]{padding-right:5px}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.capitalize{text-transform:capitalize}.text-\[var\(--p-color-text\)\]{color:var(--p-color-text)}.text-\[var\(--p-color-text-disabled\)\]{color:var(--p-color-text-disabled)}.text-\[var\(--p-color-text-subdued\)\]{color:var(--p-color-text-subdued)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[\#F1F1F1\]:hover{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.hover\:text-\[--p-color-text-link-hover\]:hover{color:var(--p-color-text-link-hover)}

package/dist/umd/esm/api/graphql/fragments/pathAnalytic.generated.d.ts

@@ -0,0 +1,25 @@
+export type PathAnalyticMetricSelectFragment = {
+    totalPageViewed?: number | null;
+    totalVisitors?: number | null;
+    totalClicked?: number | null;
+    totalAddedToCart?: number | null;
+    totalReachedCheckout?: number | null;
+    totalOrders?: number | null;
+    totalSessions?: number | null;
+    totalSessionsThatCompletedCheckout?: number | null;
+    totalSessionsThatReachedCheckout?: number | null;
+    totalSessionsWithCartAdditions?: number | null;
+    totalClickedHasHref?: number | null;
+    totalSessionsWithoutAction?: number | null;
+    totalContinuationSession?: number | null;
+};
+export type PathAnalyticPageSelectFragment = {
+    level?: number | null;
+    locationPath?: string | null;
+    id: string;
+    parentID: string;
+    pageType?: string | null;
+    shopifyPageID?: string | null;
+    pageTitle?: string | null;
+    metric?: PathAnalyticMetricSelectFragment | null;
+};

package/dist/umd/esm/components/CardPathAnalysis/CardJourneyAnalysis.d.ts

@@ -0,0 +1,9 @@
+import type { CardPathAnalysisProps } from './components';
+import type { IPathAnalysisConfig } from './contexts/PathAnalysisConfigProvider';
+import { EAnalyticMode } from '@/types';
+interface IProps extends CardPathAnalysisProps {
+    analyticMode: EAnalyticMode;
+    config: IPathAnalysisConfig;
+}
+export declare const CardJourneyAnalysis: ({ analyticMode, config, ...props }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardAnalyticEmpty.d.ts

@@ -0,0 +1,8 @@
+import type { BoxProps } from '@shopify/polaris';
+export interface CardAnalyticEmptyProps {
+    boxProps?: BoxProps;
+    minHeight?: string;
+    description?: string;
+    title?: string;
+}
+export declare const CardAnalyticEmpty: React.FC<CardAnalyticEmptyProps>;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardPathAnalysis.d.ts

@@ -0,0 +1,15 @@
+import type { IFunnelChartColors } from '@/shared/charts';
+import type { EAnalyticMode } from '@/types';
+import type { IAnalyticsData, ICampaignPathsData } from '../../contexts';
+export interface CardPathAnalysisProps {
+    analyticMode: EAnalyticMode;
+    funnelColors?: IFunnelChartColors;
+    children?: React.ReactNode;
+    campaignID?: string;
+    campaignGroupID?: string;
+    campaignVariantID?: string;
+    campaignVersionID?: string;
+    campaignPathsData?: ICampaignPathsData;
+    analyticsData?: IAnalyticsData;
+}
+export declare const CardPathAnalysis: React.FC<CardPathAnalysisProps>;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardPathAnalysisContent.d.ts

@@ -0,0 +1,6 @@
+import type { IFunnelChartColors } from '@/shared/charts';
+export interface PathAnalysisContentProps {
+    funnelColors?: IFunnelChartColors;
+    showBadge?: boolean;
+}
+export declare const CardPathAnalysisContent: React.FC<PathAnalysisContentProps>;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardPathAnalysisEmpty.d.ts

@@ -0,0 +1,5 @@
+import type { IFunnelChartColors } from '@/shared/charts';
+export interface CardPathAnalysisEmptyProps {
+    funnelColors?: IFunnelChartColors;
+}
+export declare const CardPathAnalysisEmpty: React.FC<CardPathAnalysisEmptyProps>;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardPathAnalysisSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const CardPathAnalysisSkeleton: React.FC;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/CardPathAnalysisWrapper.d.ts

@@ -0,0 +1,13 @@
+import type { EAnalyticMode } from '@/types';
+import type { IAnalyticsData, ICampaignPathsData } from '../../contexts';
+export interface CardPathAnalysisWrapperProps {
+    children: React.ReactNode;
+    campaignID?: string;
+    campaignGroupID?: string;
+    campaignVariantID?: string;
+    campaignVersionID?: string;
+    analyticMode: EAnalyticMode;
+    campaignPathsData?: ICampaignPathsData;
+    analyticsData?: IAnalyticsData;
+}
+export declare const CardPathAnalysisWrapper: React.FC<CardPathAnalysisWrapperProps>;

package/dist/umd/esm/components/CardPathAnalysis/components/CardPathAnalysis/index.d.ts

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

package/dist/umd/esm/components/CardPathAnalysis/components/PathAnalysisChart.d.ts

@@ -0,0 +1,8 @@
+import type { IFunnelChartColors } from '@/shared/charts';
+import '../assets/styles/PathAnalysis.scss';
+interface PathAnalysisChartProps {
+    funnelColors?: IFunnelChartColors;
+    isEnabled?: boolean;
+}
+export declare const PathAnalysisChart: React.FC<PathAnalysisChartProps>;
+export {};

package/dist/umd/esm/components/CardPathAnalysis/components/index.d.ts

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

package/dist/umd/esm/components/CardPathAnalysis/configs/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_FUNNEL_ADDITIONAL_LEVEL = 3;
+export declare const FINAL_FUNNEL_FIXED_LEVEL = 3;

package/dist/umd/esm/components/CardPathAnalysis/constants/index.d.ts

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

package/dist/umd/esm/components/CardPathAnalysis/constants/path-analysis.d.ts

@@ -0,0 +1,73 @@
+export declare const FUNNEL_POPOVER_KEY: {
+    readonly LEVEL_1: "LEVEL_1";
+    readonly LEVEL_2: "LEVEL_2";
+    readonly LEVEL_3: "LEVEL_3";
+    readonly LEVEL_4: "LEVEL_4";
+    readonly LEVEL_5: "LEVEL_5";
+    readonly LEVEL_6: "LEVEL_6";
+    readonly LEVEL_7: "LEVEL_7";
+    readonly ADD_LEVEL: "ADD_LEVEL";
+};
+export declare const MOCK_DATA_PATH_ANALYSIS: ({
+    data: ({
+        value: number;
+        key: string;
+        id: string;
+        chartTooltip: {
+            key: string;
+            value: string;
+        }[];
+        labelTooltip?: undefined;
+    } | {
+        value: number;
+        key: string;
+        labelTooltip: {
+            title: string;
+            content: string;
+        };
+        id?: undefined;
+        chartTooltip?: undefined;
+    })[];
+    name: string;
+    metadata: {
+        trends: {
+            '0': {
+                value: string;
+                trend: string;
+                direction: string;
+            };
+            '1': {
+                value: string;
+                trend: string;
+                direction: string;
+            };
+            '2': {
+                value: string;
+                trend: string;
+                direction: string;
+            };
+            '3': {
+                value: string;
+                trend: string;
+                direction: string;
+            };
+        };
+    };
+    isComparison?: undefined;
+} | {
+    name: string;
+    data: ({
+        value: number;
+        key: string;
+        labelTooltip?: undefined;
+    } | {
+        value: number;
+        key: string;
+        labelTooltip: {
+            title: string;
+            content: string;
+        };
+    })[];
+    isComparison: boolean;
+    metadata?: undefined;
+})[];