@levi-gemcommerce/analytics 1.0.0-dev.20 → 1.0.0-dev.22

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

@@ -0,0 +1,14 @@
+import type { IGetTextPrice } from '../shopify';
+import type { IPAMetricKey } from './types';
+export * from './types';
+export type IFormatMetricParams = {
+    value: number | string | undefined;
+    formatter: string;
+    getTextPrice: IGetTextPrice;
+};
+export declare const formatMetricByFormatter: (_params: IFormatMetricParams) => string;
+export declare const PA_METRIC_TOOLTIP: Record<IPAMetricKey, unknown>;
+export declare const useMetricsTimeFilter: () => {
+    dateTimePicked: unknown;
+    compareDateTimePicked: unknown;
+};

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

@@ -0,0 +1,23 @@
+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"
+}

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

@@ -0,0 +1,4 @@
+export declare const useFeatureFlagChecker: () => {
+    isEnabledHeatmapV1: boolean;
+    isEnabledHeatmapV2: boolean;
+};

package/dist/esm/modules/heatmap/hooks/useHeatmapModalMonitor.d.ts

@@ -0,0 +1,3 @@
+export declare const useHeatmapModalMonitor: () => {
+    onOpenModal: (data: string) => void;
+};

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

@@ -0,0 +1,7 @@
+import type { EHeatmapBaseFilterType, EHeatmapFilterType } from './types';
+export * from './types';
+export declare const useHeatmapFilterBuildParams: () => {
+    buildSearchParams: (filters: Partial<Record<EHeatmapFilterType, unknown>>, baseFilters: Partial<Record<EHeatmapBaseFilterType, unknown>>) => {
+        toString: () => string;
+    };
+};

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

@@ -0,0 +1,33 @@
+export declare enum EHeatmapBaseFilterType {
+    DATE_RANGE = "date_range",
+    URL_PATH = "url_path",
+    ANALYTIC_MODE = "analytic_mode",
+    OPERATOR = "operator"
+}
+export declare enum EHeatmapFilterType {
+    VISITOR_JOURNEY = "visitor_journey",
+    MARKET = "market",
+    VISITOR_TYPE = "visitor_type",
+    TRAFFIC_SOURCE = "traffic_source",
+    PURCHASE_TYPE = "purchase_type",
+    TIME_ON_PAGE = "time_on_page",
+    ORDER_VALUE = "order_value",
+    CAMPAIGN = "campaign_id",
+    REFERRAL_SOURCE = "referral_source"
+}
+export interface IFilterVisitorJourneyValue {
+    id: string;
+    path: string;
+    level: number;
+    isHeatmap: boolean;
+    subFilter?: unknown;
+}
+export interface IFilterVisitorJourney {
+    value?: IFilterVisitorJourneyValue[];
+}
+export interface IFilterCampaignValue {
+    campaignId: string;
+    campaignGroupId?: string;
+    campaignVariantId: string;
+    campaignVariantType: string;
+}

package/dist/esm/modules/page-analytic/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPAMetricKey } from '../analytics/types';
+export declare const LOCATION_PATH_KEY = "location_path";
+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, {
+    heading: {
+        title: string;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}>;

package/dist/esm/modules/page-analytic/modules/analytic/index.d.ts

@@ -0,0 +1,5 @@
+import type { IPAMetricKey } from '../../../analytics/types';
+export declare const getPAMetricValueV2: (_metric?: unknown, _key?: IPAMetricKey) => {
+    value: number | undefined;
+    formatter: string;
+};

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

@@ -0,0 +1,6 @@
+export type IGetTextPrice = (price?: number | string | null, hasCurrency?: boolean, options?: {
+    compact?: boolean;
+}) => string;
+export declare const useConvertMoneyByCurrency: () => {
+    getTextPrice: IGetTextPrice;
+};

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

@@ -0,0 +1,51 @@
+import type { ReactNode } from 'react';
+import { IPlanKey, IShopPlanState } from '@/types/pricing';
+/**
+ * Pricing values the SDK needs from the host app.
+ *
+ * The host owns all pricing logic (plan state, limitations, modals). It computes
+ * these values with its own pricing hooks and injects them through
+ * `PricingProvider`. SDK components then read them via the context hooks below
+ * instead of importing `~/modules/pricing` directly.
+ */
+export interface IPricingContextValue {
+    /** Whether the active plan is still being resolved. */
+    isLoading: boolean;
+    /** The shop's current active (paid) plan key. */
+    activePlanKey: IPlanKey;
+    /** Aggregated plan state, used to detect trial-expired and similar cases. */
+    shopPlanState: IShopPlanState;
+    /** Result of the host's path-analysis limitation check for the active plan. */
+    isPathAnalysisEnabled: boolean;
+    /** Opens the host's pricing modal (e.g. on an upgrade CTA). */
+    onOpenModalPricing: () => void;
+}
+export interface IPricingProviderProps extends IPricingContextValue {
+    children: ReactNode;
+}
+export declare const PricingProvider: ({ children, isLoading, activePlanKey, shopPlanState, isPathAnalysisEnabled, onOpenModalPricing, }: IPricingProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePricingContext: () => IPricingContextValue;
+/**
+ * The hooks below mirror the host's `~/modules/pricing` API so existing SDK
+ * components only need to swap their import path. Each one reads from the
+ * injected `PricingContext`.
+ */
+export declare const usePricingPlanActive: () => {
+    isLoading: boolean;
+    activePlanKey: IPlanKey;
+};
+export declare const usePricingPlanActiveState: () => {
+    shopPlanState: IShopPlanState;
+};
+/**
+ * `planKey` is kept for API compatibility with the host hook. The SDK only ever
+ * checks the active plan, so the enabled flag is taken straight from context.
+ */
+export declare const useLimitPathAnalysis: (_props?: {
+    planKey?: IPlanKey;
+}) => {
+    isEnabled: boolean;
+};
+export declare const usePricingModalMonitor: () => {
+    onOpenModalPricing: () => void;
+};

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

@@ -1,3 +1,5 @@
 export { ConvertMoneyProvider, useConvertMoneyContext } from './ConvertMoneyProvider';
 export type { IProps as IConvertMoneyProviderProps } from './ConvertMoneyProvider';
 export { MetricChartProvider } from './MetricChartProvider';
+export { PricingProvider, usePricingContext, usePricingPlanActive, usePricingPlanActiveState, useLimitPathAnalysis, usePricingModalMonitor, } from './PricingProvider';
+export type { IPricingContextValue, IPricingProviderProps } from './PricingProvider';

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,18 @@ 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;
+}

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 `PricingProvider`,
+ * 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 `PricingProvider`,
+ * 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 `PricingProvider`,
+ * 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)}
+.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,7 @@
+import type { CardPathAnalysisProps } from './components';
+import { EAnalyticMode } from '@/types';
+interface IProps extends CardPathAnalysisProps {
+    analyticMode: EAnalyticMode;
+}
+export declare const CardJourneyAnalysis: ({ analyticMode, ...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,7 @@
+import type { IFunnelChartColors } from '@/shared/charts';
+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';