@cakemail-org/ui-components-v2 2.2.103 → 2.2.105

package/dist/cjs/components/textField/types.d.ts

@@ -1,7 +1,7 @@
 import { BaseTextFieldProps } from "@mui/material";
 import { ChangeEventHandler } from "react";
 import { TIconName } from "../icon/types";
-export interface TTextField extends Omit<BaseTextFieldProps, "onMouseUp" | "FormHelperTextProps" | "fullWidth" | "select" | "margin" | "component" | "InputLabelProps" | "SelectProps" | "classes" | "size" | "color"> {
+export interface TTextField extends Omit<BaseTextFieldProps, "onMouseUp" | "FormHelperTextProps" | "fullWidth" | "select" | "margin" | "component" | "InputLabelProps" | "SelectProps" | "classes" | "color"> {
     onChange?: TTextFieldChange;
     labelTooltipText?: string;
     useBareBoneInput?: boolean;

package/dist/cjs/data/theme/MuiTextField.d.ts

@@ -1,5 +1,32 @@
 import { Theme } from "@mui/material";
 export default function getMuiTextField(theme: Theme): {
+    variants: ({
+        props: {
+            size: string;
+        };
+        style: {
+            ".MuiInputBase-root > input, .MuiInputBase-root > textarea": {
+                padding: string;
+                fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+                lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
+            };
+            ".MuiSvgIcon-root": {
+                top: string;
+            };
+        };
+    } | {
+        props: {
+            size: string;
+        };
+        style: {
+            ".MuiInputBase-root > input, .MuiInputBase-root > textarea": {
+                padding: string;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+            ".MuiSvgIcon-root"?: undefined;
+        };
+    })[];
     styleOverrides: {
         root: {
             ".MuiInputLabel-root": {

package/dist/cjs/factories/eventTracking/index.d.ts

@@ -0,0 +1,14 @@
+import { EventModel } from "../../models/eventTracking";
+import { TGetEventBreakdown, TGetEventFunnel, TGetEventPropertyKeys, TGetEventSummary, TGetEventTimeseries, TListEvents } from "../../services/eventTracking";
+import { TEventBreakdown, TEventFunnel, TEventListResponse, TEventPropertyKeys, TEventSummary, TEventTimeseries } from "./types";
+export declare class EventTrackingFactory {
+    static list({ ...options }: TListEvents): Promise<Omit<TEventListResponse, "items"> & {
+        items: EventModel[];
+    }>;
+    static getSummary({ ...options }: TGetEventSummary): Promise<TEventSummary>;
+    static getTimeseries({ ...options }: TGetEventTimeseries): Promise<TEventTimeseries>;
+    static getBreakdown({ ...options }: TGetEventBreakdown): Promise<TEventBreakdown>;
+    static getPropertyKeys({ ...options }: TGetEventPropertyKeys): Promise<TEventPropertyKeys>;
+    static getFunnel({ ...options }: TGetEventFunnel): Promise<TEventFunnel>;
+}
+export * from "./types";

package/dist/cjs/factories/eventTracking/types.d.ts

@@ -0,0 +1,91 @@
+import { ETrackedEntityType, ETrackedEventType } from "../../models/eventTracking/types";
+export type TEventRow = {
+    event_id: string;
+    event_type: ETrackedEventType | string;
+    entity_type: ETrackedEntityType | string;
+    entity_id: string;
+    session_id?: string | null;
+    visitor_id?: string | null;
+    occurred_at: string;
+    device_type?: string | null;
+    browser?: string | null;
+    os?: string | null;
+    source?: string | null;
+    utm_source?: string | null;
+    utm_medium?: string | null;
+    utm_campaign?: string | null;
+    referrer?: string | null;
+    properties: Record<string, unknown>;
+    scroll_depth?: number | null;
+    element_id?: string | null;
+    popup_trigger?: string | null;
+    page_url?: string | null;
+    email?: string | null;
+    list_id?: string | null;
+    contact_id?: string | null;
+    form_id?: string | null;
+    ip?: string | null;
+};
+export type TEventListResponse = {
+    total: number;
+    limit: number;
+    offset: number;
+    items: TEventRow[];
+};
+export type TSummaryByEventType = {
+    event_type: string;
+    count: number;
+};
+export type TEventSummary = {
+    total: number;
+    by_event_type: TSummaryByEventType[];
+    new_visitors: number;
+    returning_visitors: number;
+};
+export type TTimeseriesPoint = {
+    timestamp: string;
+    count: number;
+};
+export type TTimeseriesPointBreakdown = {
+    timestamp: string;
+    values: Array<{
+        dimension_value?: string | null;
+        count: number;
+    }>;
+};
+export type TEventTimeseries = {
+    granularity: string;
+    event_type?: string | null;
+    breakdown?: string | null;
+    series: Array<TTimeseriesPoint | TTimeseriesPointBreakdown>;
+};
+export type TBreakdownItem = {
+    value?: string | null;
+    count: number;
+    percentage: number;
+};
+export type TEventBreakdown = {
+    dimension: string;
+    total: number;
+    items: TBreakdownItem[];
+};
+export type TPropertyKey = {
+    key: string;
+    count: number;
+};
+export type TEventPropertyKeys = {
+    keys: TPropertyKey[];
+};
+export type TFunnelStep = {
+    event_type: string;
+    count: number;
+    step_conversion_rate: number;
+    overall_conversion_rate: number;
+};
+export type TEventFunnel = {
+    window_hours: number;
+    steps: TFunnelStep[];
+    total_entered: number;
+    total_completed: number;
+    overall_conversion_rate: number;
+};

package/dist/cjs/factories/index.d.ts

@@ -6,6 +6,7 @@ export * from "./campaigns";
 export * from "./contacts";
 export * from "./customDomains";
 export * from "./emailAPI";
+export * from "./eventTracking";
 export * from "./forms";
 export * from "./lists";
 export * from "./pages";

package/dist/cjs/index.js

@@ -5742,6 +5742,37 @@ function getMuiTableRow(theme) {
 
 function getMuiTextField(theme) {
     return {
+        variants: [
+            {
+                props: { size: "small" },
+                style: {
+                    ".MuiInputBase-root > input, .MuiInputBase-root > textarea": {
+                        padding: theme.spacing(3, 3.5),
+                        fontSize: theme.typography.body1.fontSize,
+                        lineHeight: theme.typography.body1.lineHeight,
+                    },
+                    ".MuiSvgIcon-root": {
+                        top: "1.5rem !important",
+                    },
+                },
+            },
+            {
+                props: { size: "medium" },
+                style: {
+                    ".MuiInputBase-root > input, .MuiInputBase-root > textarea": {
+                        padding: theme.spacing(4, 3.5),
+                    }
+                },
+            },
+            {
+                props: { size: "large" },
+                style: {
+                    ".MuiInputBase-root > input, .MuiInputBase-root > textarea": {
+                        padding: theme.spacing(5, 3.5),
+                    }
+                },
+            },
+        ],
         styleOverrides: {
             root: {
                 ".MuiInputLabel-root": __assign(__assign({}, theme.typography.body2), { color: theme.palette.body1.main, transform: "translate(14px, -9px)", ">div": {
@@ -7677,11 +7708,11 @@ function LoadingContainer(_a) {
                     React.createElement(Container, { className: "loadingContainer-component-v2 ".concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
 }
 
-var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfield-component-v2.disabled {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n  padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n  position: absolute;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.locationTextField-component-v2 {\n  position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n  position: absolute;\n  width: 100%;\n  z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n  padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n  display: inline-block;\n  right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n  position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n  width: unset;\n  height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  content: \"\";\n  background-color: var(--white, #FFFFFF);\n  border-radius: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n  padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n  top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n  bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n  width: 100%;\n  position: absolute;\n}";
+var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfield-component-v2.small .MuiSvgIcon-root {\n  top: 1.4rem !important;\n}\n.textfield-component-v2.disabled {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n  padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n  position: absolute;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.locationTextField-component-v2 {\n  position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n  position: absolute;\n  width: 100%;\n  z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n  padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n  display: inline-block;\n  right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n  position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n  width: unset;\n  height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  content: \"\";\n  background-color: var(--white, #FFFFFF);\n  border-radius: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n  padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n  top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n  bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n  width: 100%;\n  position: absolute;\n}";
 styleInject(css_248z$v);
 
 var TextField = React.forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, onKeyDown = _a.onKeyDown, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName", "onKeyDown"]);
+    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, onKeyDown = _a.onKeyDown, size = _a.size, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName", "onKeyDown", "size"]);
     var cLabel = label;
     var timeoutRef = React.useRef(undefined);
     function onChangeHandler(e) {
@@ -7728,9 +7759,9 @@ var TextField = React.forwardRef(function (_a, ref) {
         onKeyDown && onKeyDown(event);
     }
     inputProps = __assign({ maxLength: 256 }, inputProps);
-    return React.createElement(Box, { className: "textfield-component-v2 ".concat(className, " ").concat(disabled ? "disabled" : "", " ") },
+    return React.createElement(Box, { className: "textfield-component-v2 ".concat(className, " ").concat(disabled ? "disabled" : "", " ").concat(size) },
         iconName && React.createElement(Icon, { name: iconName }),
-        React.createElement(MUITextField, __assign({}, props, { inputProps: inputProps, onChange: onChangeHandler, label: cLabel, disabled: disabled, onKeyDown: handleKeyDown, multiline: multiline, inputRef: ref })));
+        React.createElement(MUITextField, __assign({}, props, { inputProps: inputProps, onChange: onChangeHandler, label: cLabel, disabled: disabled, onKeyDown: handleKeyDown, multiline: multiline, inputRef: ref, size: size })));
 });
 
 var css_248z$u = ".assetmanager-component-v2 {\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);\n  background: var(--background-color-1, var(--white, #FFFFFF));\n  min-width: 25rem;\n  width: 100%;\n}\n.assetmanager-component-v2 .loadingContainer-component-v2 {\n  padding: 3rem;\n}\n.assetmanager-component-v2 .container {\n  padding: 0.75rem;\n}\n.assetmanager-component-v2 .container > div.textInputContainer {\n  display: flex;\n  border: solid 1px var(--wild-sand, #dddddd);\n  border-radius: 6px;\n  justify-content: flex-start;\n  align-items: center;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div .MuiSvgIcon-root {\n  display: block;\n  cursor: pointer;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div:first-child {\n  padding: 0 0.75rem 0 0.75rem;\n  height: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div:last-child:not(.textfield-component-v2) {\n  padding: 0 0.875rem;\n  height: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 {\n  width: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 fieldset {\n  outline: none !important;\n  border: none !important;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 input {\n  padding: 0.5rem 0 !important;\n}\n.assetmanager-component-v2 .container .optionsListingContainer {\n  padding: 0 1.25rem 0.5rem 1.25rem;\n  margin: 1.25rem 0 0.5rem 0;\n  max-height: 20rem;\n  overflow-y: auto;\n}\n.assetmanager-component-v2 .container .optionsListingContainer button {\n  text-transform: capitalize;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar {\n  display: block;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.assetmanager-component-v2 .container .optionsListingContainer > div:first-child:not(.listItem) {\n  padding-bottom: 0.75rem;\n  text-transform: uppercase;\n  font-weight: 700;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.assetmanager-component-v2 .container .optionsListingContainer > p.h8 {\n  margin-bottom: 1rem;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.assetmanager-component-v2 .container .optionsListingContainer p.h8 {\n  flex: 1;\n  font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n  text-transform: uppercase;\n  font-weight: 700;\n  line-height: 1rem;\n  font-size: 0.75rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 2rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem p.h8 {\n  color: var(--body-font-color-2, var(--silver, #9B9B9B));\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem > .MuiSvgIcon-root {\n  margin-right: 1rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem.selected p.h8 {\n  color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n  padding-right: 1rem;\n  max-width: 100%;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem.selected .MuiSvgIcon-root span svg path {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem .buttonContainer {\n  margin-left: 1rem;\n  visibility: hidden;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem .buttonContainer button:nth-child(2) {\n  margin-left: 0.5rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem:hover .buttonContainer {\n  visibility: visible;\n}\n.assetmanager-component-v2 > button:last-child {\n  width: 100%;\n  text-transform: uppercase;\n  font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n  height: 3rem;\n  border-top: 1px solid var(--wild-sand, #dddddd) !important;\n  outline: none;\n  border-radius: 0;\n  font-weight: 700;\n}";
@@ -11275,6 +11306,128 @@ function renderEmail(_a) {
     });
 }
 
+exports.EEventBreakdownDimension = void 0;
+(function (EEventBreakdownDimension) {
+    EEventBreakdownDimension["deviceType"] = "device_type";
+    EEventBreakdownDimension["browser"] = "browser";
+    EEventBreakdownDimension["os"] = "os";
+    EEventBreakdownDimension["source"] = "source";
+    EEventBreakdownDimension["utmSource"] = "utm_source";
+    EEventBreakdownDimension["utmMedium"] = "utm_medium";
+    EEventBreakdownDimension["utmCampaign"] = "utm_campaign";
+    EEventBreakdownDimension["entityType"] = "entity_type";
+    EEventBreakdownDimension["elementId"] = "element_id";
+    EEventBreakdownDimension["popupTrigger"] = "popup_trigger";
+    EEventBreakdownDimension["pageUrl"] = "page_url";
+    EEventBreakdownDimension["listId"] = "list_id";
+    EEventBreakdownDimension["contactId"] = "contact_id";
+    EEventBreakdownDimension["formId"] = "form_id";
+})(exports.EEventBreakdownDimension || (exports.EEventBreakdownDimension = {}));
+exports.EEventTimeseriesGranularity = void 0;
+(function (EEventTimeseriesGranularity) {
+    EEventTimeseriesGranularity["hour"] = "hour";
+    EEventTimeseriesGranularity["day"] = "day";
+    EEventTimeseriesGranularity["week"] = "week";
+    EEventTimeseriesGranularity["month"] = "month";
+})(exports.EEventTimeseriesGranularity || (exports.EEventTimeseriesGranularity = {}));
+exports.EEventSortField = void 0;
+(function (EEventSortField) {
+    EEventSortField["occurredAt"] = "occurred_at";
+    EEventSortField["eventType"] = "event_type";
+    EEventSortField["entityId"] = "entity_id";
+    EEventSortField["deviceType"] = "device_type";
+    EEventSortField["source"] = "source";
+})(exports.EEventSortField || (exports.EEventSortField = {}));
+
+var eventsBaseUrl = uiKitConfig.GATEWAY_PROXY + "/events";
+function buildEventQuery(options) {
+    if (options === void 0) { options = {}; }
+    var query = __assign({}, options);
+    if (Array.isArray(query.eventType)) {
+        query.eventType = query.eventType.join(",");
+    }
+    if (query.properties && typeof query.properties === "object") {
+        query.properties = JSON.stringify(query.properties);
+    }
+    return camelCase(query);
+}
+function buildEventBody(body) {
+    var payload = __assign({}, body);
+    if (Array.isArray(payload.steps)) {
+        payload.steps = payload.steps.map(function (step) {
+            var funnelStep = step;
+            return camelCase(funnelStep);
+        });
+    }
+    return camelCase(payload);
+}
+function listEvents(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl,
+        query: buildEventQuery(options),
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.get,
+        },
+    });
+}
+function getEventSummary(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl + "/summary",
+        query: buildEventQuery(options),
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.get,
+        },
+    });
+}
+function getEventTimeseries(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl + "/timeseries",
+        query: buildEventQuery(options),
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.get,
+        },
+    });
+}
+function getEventBreakdown(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl + "/breakdown",
+        query: buildEventQuery(options),
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.get,
+        },
+    });
+}
+function getEventPropertyKeys(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl + "/properties",
+        query: buildEventQuery(options),
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.get,
+        },
+    });
+}
+function getEventFunnel(_a) {
+    var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
+    return callApi({
+        url: eventsBaseUrl + "/funnel",
+        useImpersonationTree: useImpersonationTree,
+        fetchOptions: {
+            method: exports.EMethods.post,
+            body: buildEventBody(options),
+        },
+    });
+}
+
 function createForm(_a) {
     var form = _a.form, type = _a.type;
     return callApi({
@@ -12409,6 +12562,65 @@ var Email = /** @class */ (function () {
     return Email;
 }());
 
+exports.ETrackedEventType = void 0;
+(function (ETrackedEventType) {
+    ETrackedEventType["pageView"] = "page_view";
+    ETrackedEventType["scrollDepth"] = "scroll_depth";
+    ETrackedEventType["pageConversion"] = "page_conversion";
+    ETrackedEventType["pageExit"] = "page_exit";
+    ETrackedEventType["popupView"] = "popup_view";
+    ETrackedEventType["popupDismiss"] = "popup_dismiss";
+    ETrackedEventType["popupConversion"] = "popup_conversion";
+    ETrackedEventType["click"] = "click";
+    ETrackedEventType["formSubmit"] = "form_submit";
+})(exports.ETrackedEventType || (exports.ETrackedEventType = {}));
+exports.ETrackedEntityType = void 0;
+(function (ETrackedEntityType) {
+    ETrackedEntityType["page"] = "page";
+    ETrackedEntityType["popup"] = "popup";
+})(exports.ETrackedEntityType || (exports.ETrackedEntityType = {}));
+exports.ETrackedDeviceType = void 0;
+(function (ETrackedDeviceType) {
+    ETrackedDeviceType["mobile"] = "mobile";
+    ETrackedDeviceType["desktop"] = "desktop";
+    ETrackedDeviceType["tablet"] = "tablet";
+})(exports.ETrackedDeviceType || (exports.ETrackedDeviceType = {}));
+
+var EventModel = /** @class */ (function () {
+    function EventModel(params) {
+        var _a;
+        this.eventId = params.eventId;
+        this.eventType = params.eventType;
+        this.entityType = params.entityType;
+        this.entityId = params.entityId;
+        this.sessionId = params.sessionId;
+        this.visitorId = params.visitorId;
+        this.occurredAt = params.occurredAt;
+        this.deviceType = params.deviceType;
+        this.browser = params.browser;
+        this.os = params.os;
+        this.source = params.source;
+        this.utmSource = params.utmSource;
+        this.utmMedium = params.utmMedium;
+        this.utmCampaign = params.utmCampaign;
+        this.referrer = params.referrer;
+        this.properties = (_a = params.properties) !== null && _a !== void 0 ? _a : {};
+        this.scrollDepth = params.scrollDepth;
+        this.elementId = params.elementId;
+        this.popupTrigger = params.popupTrigger;
+        this.pageUrl = params.pageUrl;
+        this.email = params.email;
+        this.listId = params.listId;
+        this.contactId = params.contactId;
+        this.formId = params.formId;
+        this.ip = params.ip;
+    }
+    EventModel.prototype.toJson = function () {
+        return modelToJson(this);
+    };
+    return EventModel;
+}());
+
 var CommonFormModel = /** @class */ (function () {
     function CommonFormModel(_a) {
         var id = _a.id, name = _a.name, list_id = _a.list_id, double_opt_in = _a.double_opt_in;
@@ -19950,6 +20162,90 @@ var EmailAPIFactory = /** @class */ (function () {
     return EmailAPIFactory;
 }());
 
+function mapEventRow(row) {
+    var _a;
+    return new EventModel({
+        eventId: row.event_id,
+        eventType: row.event_type,
+        entityType: row.entity_type,
+        entityId: row.entity_id,
+        sessionId: row.session_id,
+        visitorId: row.visitor_id,
+        occurredAt: row.occurred_at,
+        deviceType: row.device_type,
+        browser: row.browser,
+        os: row.os,
+        source: row.source,
+        utmSource: row.utm_source,
+        utmMedium: row.utm_medium,
+        utmCampaign: row.utm_campaign,
+        referrer: row.referrer,
+        properties: (_a = row.properties) !== null && _a !== void 0 ? _a : {},
+        scrollDepth: row.scroll_depth,
+        elementId: row.element_id,
+        popupTrigger: row.popup_trigger,
+        pageUrl: row.page_url,
+        email: row.email,
+        listId: row.list_id,
+        contactId: row.contact_id,
+        formId: row.form_id,
+        ip: row.ip,
+    });
+}
+var EventTrackingFactory = /** @class */ (function () {
+    function EventTrackingFactory() {
+    }
+    EventTrackingFactory.list = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, listEvents(options).then(function (response) { return (__assign(__assign({}, response), { items: response.items.map(mapEventRow) })); })];
+            });
+        });
+    };
+    EventTrackingFactory.getSummary = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, getEventSummary(options)];
+            });
+        });
+    };
+    EventTrackingFactory.getTimeseries = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, getEventTimeseries(options)];
+            });
+        });
+    };
+    EventTrackingFactory.getBreakdown = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, getEventBreakdown(options)];
+            });
+        });
+    };
+    EventTrackingFactory.getPropertyKeys = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, getEventPropertyKeys(options)];
+            });
+        });
+    };
+    EventTrackingFactory.getFunnel = function (_a) {
+        return __awaiter(this, void 0, void 0, function () {
+            var options = __rest(_a, []);
+            return __generator(this, function (_b) {
+                return [2 /*return*/, getEventFunnel(options)];
+            });
+        });
+    };
+    return EventTrackingFactory;
+}());
+
 var FormsFactory = /** @class */ (function () {
     function FormsFactory() {
     }
@@ -20626,6 +20922,8 @@ exports.Email = Email;
 exports.EmailAPIFactory = EmailAPIFactory;
 exports.EmptyContent = EmptyContent;
 exports.EnhancedFormModel = EnhancedFormModel;
+exports.EventModel = EventModel;
+exports.EventTrackingFactory = EventTrackingFactory;
 exports.FileUpload = FileUpload;
 exports.FilterBar = FilterBar;
 exports.FormModel = FormModel;
@@ -20804,6 +21102,11 @@ exports.getEmail = getEmail;
 exports.getEmailActivitySummary = getEmailActivitySummary;
 exports.getEmailReport = getEmailReport;
 exports.getEndOfDate = getEndOfDate;
+exports.getEventBreakdown = getEventBreakdown;
+exports.getEventFunnel = getEventFunnel;
+exports.getEventPropertyKeys = getEventPropertyKeys;
+exports.getEventSummary = getEventSummary;
+exports.getEventTimeseries = getEventTimeseries;
 exports.getForm = getForm;
 exports.getHashQueryWithoutHistory = getHashQueryWithoutHistory;
 exports.getIconSize = getIconSize;
@@ -20847,6 +21150,7 @@ exports.listContacts = listContacts;
 exports.listCustomDomains = listCustomDomains;
 exports.listDkimService = listDkimService;
 exports.listEmailLogs = listEmailLogs;
+exports.listEvents = listEvents;
 exports.listForms = listForms;
 exports.listList = listList;
 exports.listListAttributes = listListAttributes;

package/dist/cjs/models/eventTracking/index.d.ts

@@ -0,0 +1,31 @@
+import { TEventModel } from "./types";
+export declare class EventModel {
+    readonly eventId: string;
+    readonly eventType: TEventModel["eventType"];
+    readonly entityType: TEventModel["entityType"];
+    readonly entityId: string;
+    readonly sessionId?: string | null;
+    readonly visitorId?: string | null;
+    readonly occurredAt: string;
+    readonly deviceType?: TEventModel["deviceType"];
+    readonly browser?: string | null;
+    readonly os?: string | null;
+    readonly source?: string | null;
+    readonly utmSource?: string | null;
+    readonly utmMedium?: string | null;
+    readonly utmCampaign?: string | null;
+    readonly referrer?: string | null;
+    readonly properties: Record<string, unknown>;
+    readonly scrollDepth?: number | null;
+    readonly elementId?: string | null;
+    readonly popupTrigger?: string | null;
+    readonly pageUrl?: string | null;
+    readonly email?: string | null;
+    readonly listId?: string | null;
+    readonly contactId?: string | null;
+    readonly formId?: string | null;
+    readonly ip?: string | null;
+    constructor(params: TEventModel);
+    toJson(): any;
+}
+export * from "./types";

package/dist/cjs/models/eventTracking/types.d.ts

@@ -0,0 +1,47 @@
+export declare enum ETrackedEventType {
+    pageView = "page_view",
+    scrollDepth = "scroll_depth",
+    pageConversion = "page_conversion",
+    pageExit = "page_exit",
+    popupView = "popup_view",
+    popupDismiss = "popup_dismiss",
+    popupConversion = "popup_conversion",
+    click = "click",
+    formSubmit = "form_submit"
+}
+export declare enum ETrackedEntityType {
+    page = "page",
+    popup = "popup"
+}
+export declare enum ETrackedDeviceType {
+    mobile = "mobile",
+    desktop = "desktop",
+    tablet = "tablet"
+}
+export type TEventModel = {
+    eventId: string;
+    eventType: ETrackedEventType | string;
+    entityType: ETrackedEntityType | string;
+    entityId: string;
+    sessionId?: string | null;
+    visitorId?: string | null;
+    occurredAt: string;
+    deviceType?: ETrackedDeviceType | string | null;
+    browser?: string | null;
+    os?: string | null;
+    source?: string | null;
+    utmSource?: string | null;
+    utmMedium?: string | null;
+    utmCampaign?: string | null;
+    referrer?: string | null;
+    properties: Record<string, unknown>;
+    scrollDepth?: number | null;
+    elementId?: string | null;
+    popupTrigger?: string | null;
+    pageUrl?: string | null;
+    email?: string | null;
+    listId?: string | null;
+    contactId?: string | null;
+    formId?: string | null;
+    ip?: string | null;
+};

package/dist/cjs/models/index.d.ts

@@ -5,6 +5,7 @@ export * from "./contact";
 export * from "./customDomains";
 export * from "./customer";
 export * from "./emailAPI";
+export * from "./eventTracking";
 export * from "./form";
 export * from "./list";
 export * from "./pages";

package/dist/cjs/services/eventTracking/index.d.ts

@@ -0,0 +1,8 @@
+import { TGetEventBreakdown, TGetEventFunnel, TGetEventPropertyKeys, TGetEventSummary, TGetEventTimeseries, TListEvents } from "./types";
+export declare function listEvents({ useImpersonationTree, ...options }: TListEvents): Promise<any>;
+export declare function getEventSummary({ useImpersonationTree, ...options }: TGetEventSummary): Promise<any>;
+export declare function getEventTimeseries({ useImpersonationTree, ...options }: TGetEventTimeseries): Promise<any>;
+export declare function getEventBreakdown({ useImpersonationTree, ...options }: TGetEventBreakdown): Promise<any>;
+export declare function getEventPropertyKeys({ useImpersonationTree, ...options }: TGetEventPropertyKeys): Promise<any>;
+export declare function getEventFunnel({ useImpersonationTree, ...options }: TGetEventFunnel): Promise<any>;
+export * from "./types";