@cakemail-org/ui-components-v2 2.0.59 → 2.0.61

package/dist/cjs/utils/posthog.d.ts

@@ -88,6 +88,11 @@ export declare enum EEvents {
     FORM_CREATED = "Form.Created",
     FORM_UPDATED = "Form.Updated",
     FORM_DELETED = "Form.Deleted",
+    FORM_ENABLED = "Form.Enabled",
+    FORM_DISABLED = "Form.Disabled",
+    FORM_PUBLISHED = "Form.Published",
+    FORM_RENDERED = "Form.Rendered",
+    FORM_RENDERED_PUBLISHED = "Form.Rendered.Published",
     AUTOMATION_CREATED = "Automation.Created",
     AUTOMATION_UPDATED = "Automation.Updated",
     AUTOMATION_DELETED = "Automation.Deleted",

package/dist/esm/components/filterBar/types.d.ts

@@ -20,14 +20,18 @@ export type TFilterBar = {
     })[];
     dropMenuProps?: {
         tabs?: Pick<TSubNavItem, "name" | "text" | "disabled">[];
-        actions?: {
-            tab: string;
-            text: string;
-            onClick: TButtonClick;
-        }[];
-        emptyTexts?: TFilterBarText[];
-        titles?: TFilterBarText[];
         disabledTabs?: string[];
+        options?: {
+            [tabName: string]: {
+                action?: {
+                    text: string;
+                    onClick: TButtonClick;
+                };
+                emptyText?: TFilterBarText;
+                title?: TFilterBarText;
+                disableLocalSearch?: boolean;
+            };
+        };
     };
     replacePartial?: boolean;
     onSearchUpdate?: ({ value, tab }: TFilterBarSearchUpdate) => void;
@@ -50,5 +54,4 @@ export type TFilterBarFilterTerm = {
 export type TFilterBarText = {
     text?: string;
     desc?: string;
-    tab: string;
 };

package/dist/esm/factories/forms/index.d.ts

@@ -1,9 +1,12 @@
-import { FormModel } from "../../models";
+import { EnhancedFormModel, FormModel, SummaryEnhancedFormModel } from "../../models";
 import { TGenericListParams, TGenericListReturn } from "../../types/services";
 export declare class FormsFactory {
     static get({ id }: {
         id: string;
-    }): Promise<FormModel>;
-    static list({ ...options }: TGenericListParams): Promise<TGenericListReturn<FormModel>>;
+    }): Promise<FormModel | EnhancedFormModel>;
+    static list({ ...options }: TGenericListParams): Promise<TGenericListReturn<FormModel | SummaryEnhancedFormModel>>;
+    static create({ form }: {
+        form: Partial<FormModel | EnhancedFormModel>;
+    }): Promise<EnhancedFormModel | FormModel>;
 }
 export * from "./types";

package/dist/esm/index.js

@@ -5223,6 +5223,11 @@ var EEvents;
     EEvents["FORM_CREATED"] = "Form.Created";
     EEvents["FORM_UPDATED"] = "Form.Updated";
     EEvents["FORM_DELETED"] = "Form.Deleted";
+    EEvents["FORM_ENABLED"] = "Form.Enabled";
+    EEvents["FORM_DISABLED"] = "Form.Disabled";
+    EEvents["FORM_PUBLISHED"] = "Form.Published";
+    EEvents["FORM_RENDERED"] = "Form.Rendered";
+    EEvents["FORM_RENDERED_PUBLISHED"] = "Form.Rendered.Published";
     EEvents["AUTOMATION_CREATED"] = "Automation.Created";
     EEvents["AUTOMATION_UPDATED"] = "Automation.Updated";
     EEvents["AUTOMATION_DELETED"] = "Automation.Deleted";
@@ -8728,13 +8733,13 @@ var css_248z$9 = ".filter-bar-component-v2 {\n  background: var(--cloud, #F4F4F4
 styleInject(css_248z$9);
 
 function FilterBar(_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
     var operatorOptions = _a.operatorOptions, initOperatorValue = _a.initOperatorValue, operatorValue = _a.operatorValue, onSave = _a.onSave, saveTxt = _a.saveTxt, onClear = _a.onClear, clearTxt = _a.clearTxt, onUpdate = _a.onUpdate, onSearchUpdate = _a.onSearchUpdate, loading = _a.loading, addFilterTxt = _a.addFilterTxt, filterTerms = _a.filterTerms, initFilterTerms = _a.initFilterTerms, dropMenuOptions = _a.dropMenuOptions, dropMenuProps = _a.dropMenuProps, replacePartial = _a.replacePartial;
-    var _g = useState(false), showSearch = _g[0], setShowSearch = _g[1];
-    var _h = useState(""), search = _h[0], setSearch = _h[1];
-    var _j = useState((_c = (_b = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name), selectedTab = _j[0], setSelectedTab = _j[1];
-    var _k = useState(filterTerms !== undefined ? filterTerms : initFilterTerms !== undefined ? initFilterTerms : []), filterTermState = _k[0], setFilterTermState = _k[1];
-    var _l = useState(operatorValue !== undefined ? operatorValue : initOperatorValue !== undefined ? initOperatorValue : EOperatorTypes.and), operatorState = _l[0], setOperatorState = _l[1];
+    var _k = useState(false), showSearch = _k[0], setShowSearch = _k[1];
+    var _l = useState(""), search = _l[0], setSearch = _l[1];
+    var _m = useState((_c = (_b = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name), selectedTab = _m[0], setSelectedTab = _m[1];
+    var _o = useState(filterTerms !== undefined ? filterTerms : initFilterTerms !== undefined ? initFilterTerms : []), filterTermState = _o[0], setFilterTermState = _o[1];
+    var _p = useState(operatorValue !== undefined ? operatorValue : initOperatorValue !== undefined ? initOperatorValue : EOperatorTypes.and), operatorState = _p[0], setOperatorState = _p[1];
     var cFilterTerms = filterTerms !== undefined ? filterTerms : filterTermState;
     var cOperatorValue = operatorValue !== undefined ? operatorValue : operatorState;
     useEffect(handleSearchFocus, [showSearch]);
@@ -8804,23 +8809,26 @@ function FilterBar(_a) {
     function handleFilterSets(event, item) {
         setSelectedTab(item.name);
     }
-    // Filter out current pills & search
-    dropMenuOptions = dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.filter(function (i) {
-        var _a, _b;
-        var item = (_a = cFilterTerms.find(function (cF) { return i.value === cF.value; })) === null || _a === void 0 ? void 0 : _a.value;
-        return (i.value !== item || i.value == null) && ((_b = i.value) === null || _b === void 0 ? void 0 : _b.includes(search));
-    });
     //Filter current set
     dropMenuOptions = dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.filter(function (i) {
         return i.tab === selectedTab;
     });
+    // Filter out current pills & search
+    dropMenuOptions = dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.filter(function (i) {
+        var _a, _b, _c, _d;
+        if ((_b = (_a = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.options) === null || _a === void 0 ? void 0 : _a[i.tab || ""]) === null || _b === void 0 ? void 0 : _b.disableLocalSearch) {
+            return true;
+        }
+        var item = (_c = cFilterTerms.find(function (cF) { return i.value === cF.value; })) === null || _c === void 0 ? void 0 : _c.value;
+        return (i.value !== item || i.value == null) && ((_d = i.value) === null || _d === void 0 ? void 0 : _d.includes(search));
+    });
     //set onClick
     dropMenuOptions = dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.map(function (i) {
         var _a;
         return __assign(__assign({}, i), { disabled: (_a = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.disabledTabs) === null || _a === void 0 ? void 0 : _a.includes(i.tab), onClick: function () { handleDropMenuClick(i === null || i === void 0 ? void 0 : i.value); } });
     });
     if (dropMenuOptions && (dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.length) > 0) {
-        var foundTitle = (_d = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.titles) === null || _d === void 0 ? void 0 : _d.find(function (title) { return selectedTab === title.tab; });
+        var foundTitle = (_e = (_d = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.options) === null || _d === void 0 ? void 0 : _d[selectedTab || ""]) === null || _e === void 0 ? void 0 : _e.title;
         if (foundTitle) {
             dropMenuOptions.unshift({
                 tab: selectedTab || "partial",
@@ -8831,7 +8839,7 @@ function FilterBar(_a) {
         }
     }
     if (dropMenuOptions && (dropMenuOptions === null || dropMenuOptions === void 0 ? void 0 : dropMenuOptions.length) === 0) {
-        var foundEmptyText = (_e = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.emptyTexts) === null || _e === void 0 ? void 0 : _e.find(function (text) { return selectedTab === text.tab; });
+        var foundEmptyText = (_g = (_f = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.options) === null || _f === void 0 ? void 0 : _f[selectedTab || ""]) === null || _g === void 0 ? void 0 : _g.emptyText;
         if (foundEmptyText) {
             dropMenuOptions.push({
                 tab: selectedTab || "partial",
@@ -8841,7 +8849,7 @@ function FilterBar(_a) {
             });
         }
     }
-    var currentActionSet = (_f = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.actions) === null || _f === void 0 ? void 0 : _f.find(function (action) { return selectedTab === action.tab; });
+    var currentAction = (_j = (_h = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.options) === null || _h === void 0 ? void 0 : _h[selectedTab || ""]) === null || _j === void 0 ? void 0 : _j.action;
     if (dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) {
         dropMenuProps.tabs = dropMenuProps.tabs.map(function (t) {
             var _a;
@@ -8860,15 +8868,14 @@ function FilterBar(_a) {
                             React__default.createElement(Stack$1, { className: "dropMenuContainer" },
                                 (dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) && dropMenuProps.tabs.length > 1 && React__default.createElement(SubNav, { initialSelected: selectedTab, items: dropMenuProps.tabs, onClick: handleFilterSets }),
                                 React__default.createElement(DropMenu, { inlineMenu: true, options: dropMenuOptions }),
-                                currentActionSet && React__default.createElement(Button, { color: "cloud", onClick: currentActionSet.onClick }, currentActionSet.text)))),
+                                currentAction && React__default.createElement(Button, { color: "cloud", onClick: currentAction.onClick }, currentAction.text)))),
             !showSearch &&
                 React__default.createElement(Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
                     React__default.createElement(Icon, { name: "Add18", color: "secondary" }),
                     " ",
                     addFilterTxt)),
         React__default.createElement(Stack$1, { direction: "row", className: "pillContainer ".concat(cFilterTerms.length === 0 ? "empty" : ""), alignItems: "center", justifyContent: "flex-start", flex: 1, gap: 2 }, cFilterTerms.map(function (term) {
-            var _a;
-            var isDisabled = (_a = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.disabledTabs) === null || _a === void 0 ? void 0 : _a.includes(String(term.tab));
+            var isDisabled = Object.keys((dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.options) || {}).includes(String(term.tab));
             var isPartial = term.tab === "partial";
             return React__default.createElement(Chip, { className: isDisabled ? "disabled" : "", label: isPartial ? React__default.createElement(React__default.Fragment, null,
                     " ",
@@ -9704,6 +9711,16 @@ function getEmail(_a) {
     });
 }
 
+function createForm(_a) {
+    var form = _a.form;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms",
+        fetchOptions: {
+            body: form,
+            method: EMethods.post
+        }
+    });
+}
 function listForms(_a) {
     var useImpersonationTree = _a.useImpersonationTree, options = __rest(_a, ["useImpersonationTree"]);
     return callApi({
@@ -9715,6 +9732,16 @@ function listForms(_a) {
         useImpersonationTree: useImpersonationTree
     });
 }
+function patchForm(_a) {
+    var id = _a.id, data = _a.data;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id,
+        fetchOptions: {
+            method: EMethods.patch,
+            body: data
+        }
+    });
+}
 function getForm(_a) {
     var id = _a.id;
     return callApi({
@@ -9724,6 +9751,52 @@ function getForm(_a) {
         }
     });
 }
+function deleteForm(_a) {
+    var id = _a.id;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id,
+        fetchOptions: {
+            method: EMethods.delete
+        }
+    });
+}
+function enableForm(_a) {
+    var id = _a.id;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/enable",
+        fetchOptions: {
+            method: EMethods.post
+        }
+    });
+}
+function disableForm(_a) {
+    var id = _a.id;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/disable",
+        fetchOptions: {
+            method: EMethods.post
+        }
+    });
+}
+function publishForm(_a) {
+    var id = _a.id;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/publish",
+        fetchOptions: {
+            method: EMethods.post
+        }
+    });
+}
+function renderForm(_a) {
+    var id = _a.id, published = _a.published;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/render",
+        query: camelCase({ published: published }),
+        fetchOptions: {
+            method: EMethods.get
+        }
+    });
+}
 
 function requestSupportService(_a) {
     var requestOptions = __rest(_a, []);
@@ -16513,22 +16586,48 @@ var EmailAPIFactory = /** @class */ (function () {
     return EmailAPIFactory;
 }());
 
-var FormModel = /** @class */ (function () {
-    function FormModel(_a) {
-        var id = _a.id, name = _a.name, status = _a.status, content = _a.content, language = _a.language, created_on = _a.created_on, last_updated_on = _a.last_updated_on, url = _a.url, thumbnail_url = _a.thumbnail_url, redirections = _a.redirections, list_id = _a.list_id, double_opt_in = _a.double_opt_in;
+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;
         this.id = id;
         this.name = name;
-        this.status = status;
-        this.content = content;
-        this.language = language;
-        this.created_on = created_on;
-        this.last_updated_on = last_updated_on;
-        this.url = url;
-        this.thumbnail_url = thumbnail_url;
-        this.redirections = redirections;
         this.list_id = list_id;
         this.double_opt_in = double_opt_in;
     }
+    CommonFormModel.prototype.toJson = function () {
+        return modelToJson(this);
+    };
+    CommonFormModel.prototype.set = function (property, value) {
+        modelSet(this, property, value);
+    };
+    CommonFormModel.prototype.delete = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, deleteForm({ id: this.id.toString() }).then(function (data) {
+                        trackEvent(EEvents.FORM_DELETED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    return CommonFormModel;
+}());
+var FormModel = /** @class */ (function (_super) {
+    __extends(FormModel, _super);
+    function FormModel(_a) {
+        var id = _a.id, name = _a.name, status = _a.status, content = _a.content, language = _a.language, created_on = _a.created_on, last_updated_on = _a.last_updated_on, url = _a.url, thumbnail_url = _a.thumbnail_url, redirections = _a.redirections, list_id = _a.list_id, double_opt_in = _a.double_opt_in;
+        var _this = _super.call(this, { id: id, name: name, list_id: list_id, double_opt_in: double_opt_in }) || this;
+        _this.status = status;
+        _this.content = content;
+        _this.language = language;
+        _this.created_on = created_on;
+        _this.last_updated_on = last_updated_on;
+        _this.url = url;
+        _this.thumbnail_url = thumbnail_url;
+        _this.redirections = redirections;
+        return _this;
+    }
     FormModel.prototype.toJson = function () {
         return modelToJson(this);
     };
@@ -16536,7 +16635,106 @@ var FormModel = /** @class */ (function () {
         modelSet(this, property, value);
     };
     return FormModel;
-}());
+}(CommonFormModel));
+var SummaryEnhancedFormModel = /** @class */ (function (_super) {
+    __extends(SummaryEnhancedFormModel, _super);
+    function SummaryEnhancedFormModel(_a) {
+        var id = _a.id, list_id = _a.list_id, enabled = _a.enabled, name = _a.name, description = _a.description, tags = _a.tags, post_redirect_url = _a.post_redirect_url, double_opt_in = _a.double_opt_in, double_opt_in_redirect_url = _a.double_opt_in_redirect_url, submission_url = _a.submission_url, async_processing = _a.async_processing, branding = _a.branding, created_at = _a.created_at, updated_at = _a.updated_at, published_at = _a.published_at, edited_by = _a.edited_by, thumbnail_url = _a.thumbnail_url, recaptcha = _a.recaptcha;
+        var _this = _super.call(this, { id: id, name: name, list_id: list_id, double_opt_in: double_opt_in }) || this;
+        _this.enabled = enabled;
+        _this.description = description;
+        _this.tags = tags;
+        _this.post_redirect_url = post_redirect_url;
+        _this.double_opt_in_redirect_url = double_opt_in_redirect_url;
+        _this.submission_url = submission_url;
+        _this.async_processing = async_processing;
+        _this.branding = branding;
+        _this.created_at = created_at;
+        _this.updated_at = updated_at;
+        _this.published_at = published_at;
+        _this.edited_by = edited_by;
+        _this.thumbnail_url = thumbnail_url;
+        _this.recaptcha = recaptcha;
+        return _this;
+    }
+    SummaryEnhancedFormModel.prototype.enable = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, enableForm({ id: this.id.toString() }).then(function (data) {
+                        trackEvent(EEvents.FORM_ENABLED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    SummaryEnhancedFormModel.prototype.disable = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, disableForm({ id: this.id.toString() }).then(function (data) {
+                        trackEvent(EEvents.FORM_DISABLED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    SummaryEnhancedFormModel.prototype.publish = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, publishForm({ id: this.id.toString() }).then(function (data) {
+                        trackEvent(EEvents.FORM_PUBLISHED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    SummaryEnhancedFormModel.prototype.render = function () {
+        return __awaiter(this, arguments, void 0, function (published) {
+            var _this = this;
+            if (published === void 0) { published = false; }
+            return __generator(this, function (_a) {
+                return [2 /*return*/, renderForm({ id: this.id.toString(), published: published }).then(function (data) {
+                        trackEvent(published ? EEvents.FORM_RENDERED_PUBLISHED : EEvents.FORM_RENDERED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    SummaryEnhancedFormModel.prototype.save = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, patchForm({ id: this.id.toString(), data: this.toJson() }).then(function (data) {
+                        trackEvent(EEvents.FORM_UPDATED, { id: _this.id });
+                        return data;
+                    })];
+            });
+        });
+    };
+    SummaryEnhancedFormModel.prototype.toJson = function () {
+        return modelToJson(this);
+    };
+    SummaryEnhancedFormModel.prototype.set = function (property, value) {
+        modelSet(this, property, value);
+    };
+    return SummaryEnhancedFormModel;
+}(CommonFormModel));
+var EnhancedFormModel = /** @class */ (function (_super) {
+    __extends(EnhancedFormModel, _super);
+    function EnhancedFormModel(_a) {
+        var _this = this;
+        var content = _a.content, rest = __rest(_a, ["content"]);
+        _this = _super.call(this, rest) || this;
+        _this.content = content;
+        return _this;
+    }
+    EnhancedFormModel.prototype.toJson = function () {
+        return modelToJson(this);
+    };
+    return EnhancedFormModel;
+}(SummaryEnhancedFormModel));
 
 var ListModel = /** @class */ (function () {
     function ListModel(params) {
@@ -16735,6 +16933,9 @@ var FormsFactory = /** @class */ (function () {
             var id = _b.id;
             return __generator(this, function (_c) {
                 return [2 /*return*/, getForm({ id: id }).then(function (data) {
+                        if ("enabled" in data.data) {
+                            return new EnhancedFormModel(data.data);
+                        }
                         return new FormModel(data.data);
                     })];
             });
@@ -16746,6 +16947,9 @@ var FormsFactory = /** @class */ (function () {
             return __generator(this, function (_b) {
                 return [2 /*return*/, listForms(options).then(function (data) {
                         data.data = data.data.map(function (form) {
+                            if ("enabled" in form) {
+                                return new SummaryEnhancedFormModel(form);
+                            }
                             return new FormModel(form);
                         });
                         return data;
@@ -16753,6 +16957,19 @@ var FormsFactory = /** @class */ (function () {
             });
         });
     };
+    FormsFactory.create = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var form = _b.form;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, createForm({ form: form }).then(function (data) {
+                        if ("enabled" in data.data) {
+                            return new EnhancedFormModel(data.data);
+                        }
+                        return new FormModel(data.data);
+                    })];
+            });
+        });
+    };
     return FormsFactory;
 }());
 
@@ -17017,4 +17234,4 @@ var UsersFactory = /** @class */ (function () {
     return UsersFactory;
 }());
 
-export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, ContactModel, ContactsFactory, ContentSectionContainer, CopyToClipboard, CountryDropdown, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, ECampaignStatuses, EEMailSummaryStatuses, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, addPartialInformation, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createTemplate, deepMergeObject, deleteCampaign, deleteCampaignsReportsExport, deletePartialInformation, deleteStorageItem, deleteTemplate, descendingComparator, downloadCampaignLogExport, downloadCampaignsReportsExport, emptyAccountAddress, emptyAccountLimits, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getBestLocalMatch, getBrand, getBrandService, getBrandUrl, getCalendarFormat, getCampaign, getCampaignLinks, getCampaignLinksReport, getCampaignLogs, getCampaignLogsExports, getCampaignReport, getCampaignRevisions, getCampaignsReportsExport, getComparator, getCustomerProfile, getDate, getDomainFromEmail, getDomainsFromEmails, getDomainsService, getEmail, getEmailActivitySummary, getEmailReport, getEndOfDate, getForm, getHashQueryWithoutHistory, getIconSize, getList, getListLogs, getListReport, getNestedProperty, getPropertyValue, getSender, getStartOfDate, getStorage, getTColor, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listSenders, listSystemEmails, listTemplates, listUsers, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, popImpersonificationTree, postMessage, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderTemplate, requestSupportService, resumeCampaign, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateCampaign, updateSystemEmails, updateTemplate, updateUser, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };
+export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, CommonFormModel, ContactModel, ContactsFactory, ContentSectionContainer, CopyToClipboard, CountryDropdown, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, ECampaignStatuses, EEMailSummaryStatuses, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, addPartialInformation, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createForm, createTemplate, deepMergeObject, deleteCampaign, deleteCampaignsReportsExport, deleteForm, deletePartialInformation, deleteStorageItem, deleteTemplate, descendingComparator, disableForm, downloadCampaignLogExport, downloadCampaignsReportsExport, emptyAccountAddress, emptyAccountLimits, enableForm, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getBestLocalMatch, getBrand, getBrandService, getBrandUrl, getCalendarFormat, getCampaign, getCampaignLinks, getCampaignLinksReport, getCampaignLogs, getCampaignLogsExports, getCampaignReport, getCampaignRevisions, getCampaignsReportsExport, getComparator, getCustomerProfile, getDate, getDomainFromEmail, getDomainsFromEmails, getDomainsService, getEmail, getEmailActivitySummary, getEmailReport, getEndOfDate, getForm, getHashQueryWithoutHistory, getIconSize, getList, getListLogs, getListReport, getNestedProperty, getPropertyValue, getSender, getStartOfDate, getStorage, getTColor, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listSenders, listSystemEmails, listTemplates, listUsers, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderTemplate, requestSupportService, resumeCampaign, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateCampaign, updateSystemEmails, updateTemplate, updateUser, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };

package/dist/esm/models/form/index.d.ts

@@ -1,8 +1,21 @@
-import { EApiLanguages } from "../../types";
-import { TFormModel } from "./types";
-export declare class FormModel {
-    readonly id: number;
+import { EApiLanguages, TDeleteApiResource, TDisableApiResource, TEnableApiResource, TGenericReturn } from "../../types";
+import { TEnhancedFormContent, TEnhancedFormEditedBy, TEnhancedFormModel, TEnhancedFormRecaptcha, TFormModel, TSummaryEnhancedFormModel } from "./types";
+export declare class CommonFormModel {
+    readonly id: string;
     name: string;
+    list_id: number;
+    double_opt_in: boolean;
+    constructor({ id, name, list_id, double_opt_in }: {
+        id: string;
+        name: string;
+        list_id: number;
+        double_opt_in: boolean;
+    });
+    toJson(): any;
+    set<T extends keyof this>(property: T, value: this[T]): void;
+    delete(): Promise<TDeleteApiResource>;
+}
+export declare class FormModel extends CommonFormModel {
     readonly status: string;
     content: {
         linked: string;
@@ -21,10 +34,37 @@ export declare class FormModel {
         after_double_opt_in: string;
         after_opt_out: string;
     };
-    list_id: number;
-    double_opt_in: boolean;
     constructor({ id, name, status, content, language, created_on, last_updated_on, url, thumbnail_url, redirections, list_id, double_opt_in, }: TFormModel);
     toJson(): any;
     set<T extends keyof this>(property: T, value: this[T]): void;
 }
+export declare class SummaryEnhancedFormModel extends CommonFormModel {
+    readonly enabled: boolean;
+    description: string;
+    tags: string[];
+    post_redirect_url: string;
+    double_opt_in_redirect_url: string;
+    submission_url: string;
+    async_processing: boolean;
+    branding: string;
+    readonly created_at: number;
+    readonly updated_at: number;
+    readonly published_at: number;
+    readonly edited_by: TEnhancedFormEditedBy;
+    readonly thumbnail_url: string;
+    recaptcha: TEnhancedFormRecaptcha;
+    constructor({ id, list_id, enabled, name, description, tags, post_redirect_url, double_opt_in, double_opt_in_redirect_url, submission_url, async_processing, branding, created_at, updated_at, published_at, edited_by, thumbnail_url, recaptcha, }: TSummaryEnhancedFormModel);
+    enable(): Promise<TEnableApiResource>;
+    disable(): Promise<TDisableApiResource>;
+    publish(): Promise<TGenericReturn<EnhancedFormModel>>;
+    render(published?: boolean): Promise<TGenericReturn<EnhancedFormModel>>;
+    save(): Promise<TGenericReturn<EnhancedFormModel>>;
+    toJson(): any;
+    set<T extends keyof this>(property: T, value: this[T]): void;
+}
+export declare class EnhancedFormModel extends SummaryEnhancedFormModel {
+    content: TEnhancedFormContent;
+    constructor({ content, ...rest }: TEnhancedFormModel);
+    toJson(): any;
+}
 export * from "./types";

package/dist/esm/models/form/types.d.ts

@@ -1,6 +1,6 @@
 import { EApiLanguages } from "../../types";
 export type TFormModel = {
-    readonly id: number;
+    readonly id: string;
     name: string;
     readonly status: string;
     content: {
@@ -23,3 +23,37 @@ export type TFormModel = {
     list_id: number;
     double_opt_in: boolean;
 };
+export type TEnhancedFormEditedBy = {
+    id: number;
+    email: string;
+};
+export type TEnhancedFormRecaptcha = {
+    secret: string;
+    domain: string;
+};
+export type TEnhancedFormContent = {
+    json: any;
+};
+export interface TSummaryEnhancedFormModel {
+    readonly id: string;
+    list_id: number;
+    readonly enabled: boolean;
+    name: string;
+    description: string;
+    tags: string[];
+    post_redirect_url: string;
+    double_opt_in: boolean;
+    double_opt_in_redirect_url: string;
+    submission_url: string;
+    async_processing: boolean;
+    branding: string;
+    readonly created_at: number;
+    readonly updated_at: number;
+    readonly published_at: number;
+    readonly edited_by: TEnhancedFormEditedBy;
+    readonly thumbnail_url: string;
+    recaptcha: TEnhancedFormRecaptcha;
+}
+export interface TEnhancedFormModel extends TSummaryEnhancedFormModel {
+    content: TEnhancedFormContent;
+}

package/dist/esm/services/forms/index.d.ts

@@ -1,6 +1,30 @@
+import { EnhancedFormModel, FormModel } from "../../models";
 import { TGenericListParams } from "../../types";
+export declare function createForm({ form }: {
+    form: Partial<FormModel | EnhancedFormModel>;
+}): Promise<any>;
 export declare function listForms({ useImpersonationTree, ...options }: TGenericListParams): Promise<any>;
+export declare function patchForm({ id, data }: {
+    id: string;
+    data: Partial<FormModel | EnhancedFormModel>;
+}): Promise<any>;
 export declare function getForm({ id }: {
     id: string;
 }): Promise<any>;
+export declare function deleteForm({ id }: {
+    id: string;
+}): Promise<any>;
+export declare function enableForm({ id }: {
+    id: string;
+}): Promise<any>;
+export declare function disableForm({ id }: {
+    id: string;
+}): Promise<any>;
+export declare function publishForm({ id }: {
+    id: string;
+}): Promise<any>;
+export declare function renderForm({ id, published }: {
+    id: string;
+    published: boolean;
+}): Promise<any>;
 export * from "./types";

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

@@ -90,6 +90,16 @@ export type TDeleteApiResource = {
     object: string;
     deleted: boolean;
 };
+export type TEnableApiResource = {
+    id: TNumStr;
+    object: string;
+    enabled: boolean;
+};
+export type TDisableApiResource = {
+    id: TNumStr;
+    object: string;
+    disabled: boolean;
+};
 export type TUpdateApiResource<T> = {
     updated: boolean;
     object: string;

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

@@ -88,6 +88,11 @@ export declare enum EEvents {
     FORM_CREATED = "Form.Created",
     FORM_UPDATED = "Form.Updated",
     FORM_DELETED = "Form.Deleted",
+    FORM_ENABLED = "Form.Enabled",
+    FORM_DISABLED = "Form.Disabled",
+    FORM_PUBLISHED = "Form.Published",
+    FORM_RENDERED = "Form.Rendered",
+    FORM_RENDERED_PUBLISHED = "Form.Rendered.Published",
     AUTOMATION_CREATED = "Automation.Created",
     AUTOMATION_UPDATED = "Automation.Updated",
     AUTOMATION_DELETED = "Automation.Deleted",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.0.59",
+    "version": "2.0.61",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",