@cakemail-org/ui-components-v2 2.0.98 → 2.1.0

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

@@ -8,5 +8,9 @@ export declare class FormsFactory {
     static create({ form }: {
         form: Partial<TEnhancedFormModel>;
     }): Promise<EnhancedFormModel>;
+    static renderPublic({ id, token }: {
+        id: string;
+        token: string;
+    }): Promise<string>;
 }
 export * from "./types";

package/dist/cjs/index.js

@@ -2746,11 +2746,15 @@ function ElementContains(element, target) {
     }
     return false;
 }
-function modelToJson(model) {
+function modelToJson(model, exclude) {
+    if (exclude === void 0) { exclude = []; }
     var obj = {};
     Object.keys(model).forEach(function (key) {
         var _a;
         var value = model[key];
+        if (exclude.includes(key)) {
+            return;
+        }
         if (value != null && typeof value === "object") {
             if (((_a = Object.keys(value)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 obj[key] = value;
@@ -9497,17 +9501,33 @@ var AccountModel = /** @class */ (function () {
         this.overrides = params.overrides || {};
         this.stripe_customer_id = params.stripe_customer_id || "";
         this.metadata = params.metadata || {};
+        if (params.isMainAccount) {
+            this.getUsageReport();
+        }
     }
     AccountModel.prototype.toJson = function () {
-        return modelToJson(this);
+        return modelToJson(this, ["usage"]);
     };
     AccountModel.prototype.set = function (property, value) {
         modelSet(this, property, value);
     };
+    AccountModel.prototype.getUsageReport = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.getReport({}).then(function (report) {
+                        _this.usage = report;
+                    })];
+            });
+        });
+    };
     AccountModel.prototype.getReport = function (_a) {
         return __awaiter(this, void 0, void 0, function () {
             var options = __rest(_a, []);
             return __generator(this, function (_b) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, getAccountReport(__assign(__assign({}, options), { accountId: this.id })).then(function (result) {
                         return result.data;
                     })];
@@ -9518,6 +9538,9 @@ var AccountModel = /** @class */ (function () {
         return __awaiter(this, arguments, void 0, function (byContext) {
             if (byContext === void 0) { byContext = true; }
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, impersonateService({ id: this.id, byContext: byContext })];
             });
         });
@@ -9525,6 +9548,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.getDomains = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, getDomainsService({ id: this.id }).then(function (data) { return data.data; })];
             });
         });
@@ -9532,6 +9558,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.getCustomer = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, BillingFactory.get({ id: this.id })];
             });
         });
@@ -9539,6 +9568,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.update = function (account) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 trackEvent(exports.EEvents.ACCOUNT_UPDATED, {
                     id: account === null || account === void 0 ? void 0 : account.id,
                     address: account === null || account === void 0 ? void 0 : account.address,
@@ -9568,45 +9600,57 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.isPartnerOrOrganization = function () {
         return this.partner || this.organization;
     };
-    AccountModel.prototype.hasAccessTo = function (feature, resellerBrand) {
-        var featureValue = this.usage_limits[feature];
-        if (featureValue === undefined) {
-            return false;
-        }
-        var brandDisabledLimitsFeatures = getNestedProperty(resellerBrand, "config.disabledLimitsFeatures") || [];
-        if (brandDisabledLimitsFeatures.includes(feature))
-            return true;
-        if (typeof featureValue === "boolean" || Number.isNaN(featureValue)) {
-            //Some feature flags are inverted
-            if (feature === "insert_reseller_logo") {
-                return !featureValue;
-            }
-            else {
-                return Boolean(featureValue);
-            }
-        }
-        else {
-            return true;
-            //return clientLimits[feature] < featureValue
-        }
-        // TODO have a way to tag the account as primary, 
-        // This would fetch the account reports and user count and keep track of it
-        /*
-        currently for these info
-            per_campaign: number,
-            per_month: number,
-            maximum_contacts: number,
-            lists: number,
-            users: number,
-        /*
-        Old code:
-        if(isNaN(featureValue)) {
-            //code above
-        } else {
-            return clientLimits[feature] < featureValue
-        }
-        
-        */
+    AccountModel.prototype.hasAccessTo = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var featureValue, brandDisabledLimitsFeatures;
+            var feature = _b.feature, resellerBrand = _b.resellerBrand, userCount = _b.userCount;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        featureValue = this.usage_limits[feature];
+                        if (featureValue === undefined) {
+                            return [2 /*return*/, false];
+                        }
+                        brandDisabledLimitsFeatures = getNestedProperty(resellerBrand, "config.disabledLimitsFeatures") || [];
+                        if (brandDisabledLimitsFeatures.includes(feature))
+                            return [2 /*return*/, true];
+                        if (!(typeof featureValue === "boolean" || Number.isNaN(featureValue))) return [3 /*break*/, 1];
+                        //Some feature flags are inverted
+                        if (feature === "insert_reseller_logo") {
+                            return [2 /*return*/, !featureValue];
+                        }
+                        else {
+                            return [2 /*return*/, Boolean(featureValue)];
+                        }
+                    case 1:
+                        if (!!this.usage) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.getUsageReport()];
+                    case 2:
+                        _c.sent();
+                        _c.label = 3;
+                    case 3:
+                        if (this.usage) {
+                            if (feature === "lists") {
+                                return [2 /*return*/, this.usage.current_lists <= featureValue];
+                            }
+                            else if (feature === "users" && userCount !== undefined) {
+                                return [2 /*return*/, userCount <= featureValue];
+                            }
+                            else if (feature === "per_month") {
+                                return [2 /*return*/, this.usage.emails_usage <= 100];
+                            }
+                            else if (feature === "maximum_contacts") {
+                                return [2 /*return*/, this.usage.active_contacts <= featureValue];
+                            }
+                            throw new Error("Requested Feature does not exist in account usage");
+                        }
+                        else {
+                            return [2 /*return*/, true];
+                        }
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
     };
     return AccountModel;
 }());
@@ -10174,6 +10218,15 @@ function renderForm(_a) {
         }
     });
 }
+function renderPublicHtmlForm(_a) {
+    var id = _a.id, token = _a.token;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/render-html?token=" + token,
+        fetchOptions: {
+            method: exports.EMethods.get
+        }
+    });
+}
 
 exports.EEditorType = void 0;
 (function (EEditorType) {
@@ -17098,28 +17151,38 @@ var FormModel = /** @class */ (function (_super) {
 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_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, 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_on = created_on;
-        _this.updated_on = updated_on;
-        _this.published_on = published_on;
-        _this.edited_by = edited_by;
-        _this.thumbnail_url = thumbnail_url;
-        _this.recaptcha = recaptcha;
+        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_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, edited_by = _a.edited_by, thumbnail_url = _a.thumbnail_url, recaptcha = _a.recaptcha, published_url = _a.published_url;
+        var _this = _super.call(this, { id: id || "", name: name || "", list_id: list_id || 0, double_opt_in: double_opt_in || true }) || this;
+        _this.enabled = enabled || true;
+        _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 || false;
+        _this.branding = branding || "";
+        _this.created_on = created_on || 0;
+        _this.updated_on = updated_on || 0;
+        _this.published_on = published_on || 0;
+        _this.edited_by = edited_by || {
+            id: 0,
+            email: ""
+        };
+        _this.thumbnail_url = thumbnail_url || "";
+        _this.recaptcha = recaptcha || {
+            secret: "",
+            domain: ""
+        };
+        _this.published_url = published_url || "";
         return _this;
     }
     SummaryEnhancedFormModel.prototype.enable = function () {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, enableForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(exports.EEvents.FORM_ENABLED, { id: _this.id });
                         return data.data;
@@ -17131,6 +17194,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, disableForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(exports.EEvents.FORM_DISABLED, { id: _this.id });
                         return data.data;
@@ -17142,6 +17208,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, publishForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(exports.EEvents.FORM_PUBLISHED, { id: _this.id });
                         return data.data;
@@ -17154,6 +17223,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
             var _this = this;
             if (published === void 0) { published = false; }
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, renderForm({ id: this.id.toString(), published: published }).then(function (data) {
                         trackEvent(published ? exports.EEvents.FORM_RENDERED_PUBLISHED : exports.EEvents.FORM_RENDERED, { id: _this.id });
                         return data.data;
@@ -17165,6 +17237,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, patchForm({ id: this.id.toString(), data: this.toJson() }).then(function (data) {
                         trackEvent(exports.EEvents.FORM_UPDATED, { id: _this.id });
                         return data.data;
@@ -17441,6 +17516,16 @@ var FormsFactory = /** @class */ (function () {
             });
         });
     };
+    FormsFactory.renderPublic = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var id = _b.id, token = _b.token;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, renderPublicHtmlForm({ id: id, token: token }).then(function (data) {
+                        return data;
+                    })];
+            });
+        });
+    };
     return FormsFactory;
 }());
 
@@ -17937,6 +18022,7 @@ exports.removeQueryParams = removeQueryParams;
 exports.removeTrailingChar = removeTrailingChar;
 exports.renderCampaign = renderCampaign;
 exports.renderForm = renderForm;
+exports.renderPublicHtmlForm = renderPublicHtmlForm;
 exports.renderTemplate = renderTemplate;
 exports.requestSupportService = requestSupportService;
 exports.resumeCampaign = resumeCampaign;

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

@@ -18,9 +18,13 @@ export declare class AccountModel {
     overrides: any;
     stripe_customer_id: string;
     metadata: any;
-    constructor(params: Partial<TAccountModel>);
+    usage?: TAccountReport;
+    constructor(params: Partial<TAccountModel> & {
+        isMainAccount?: boolean;
+    });
     toJson(): any;
     set<T extends keyof this>(property: T, value: this[T]): void;
+    getUsageReport(): Promise<void>;
     getReport({ ...options }: TGetAccountReport): Promise<TAccountReport>;
     impersonate(byContext?: boolean): Promise<any>;
     getDomains(): Promise<TAccountDomains>;
@@ -31,6 +35,10 @@ export declare class AccountModel {
     }>;
     logOut(): Promise<any>;
     isPartnerOrOrganization(): boolean;
-    hasAccessTo(feature: keyof TAccountLimits, resellerBrand?: TBrand): boolean;
+    hasAccessTo({ feature, resellerBrand, userCount }: {
+        feature: keyof TAccountLimits;
+        resellerBrand?: TBrand;
+        userCount?: number;
+    }): Promise<boolean>;
 }
 export * from "./types";

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

@@ -44,16 +44,17 @@ export declare class SummaryEnhancedFormModel extends CommonFormModel {
     tags: string[] | null;
     post_redirect_url: string;
     double_opt_in_redirect_url: string;
-    submission_url: string;
     async_processing: boolean;
     branding: string;
+    recaptcha: TEnhancedFormRecaptcha;
+    readonly submission_url: string;
     readonly created_on: number;
     readonly updated_on: number;
     readonly published_on: 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_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, }: TSummaryEnhancedFormModel);
+    readonly published_url: string;
+    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_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, published_url }: Partial<TSummaryEnhancedFormModel>);
     enable(): Promise<EnhancedFormModel>;
     disable(): Promise<EnhancedFormModel>;
     publish(): Promise<EnhancedFormModel>;

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

@@ -53,6 +53,7 @@ export interface TSummaryEnhancedFormModel {
     readonly edited_by: TEnhancedFormEditedBy;
     readonly thumbnail_url: string;
     recaptcha: TEnhancedFormRecaptcha;
+    published_url: string;
 }
 export interface TEnhancedFormModel extends TSummaryEnhancedFormModel {
     content: TEnhancedFormContent;

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

@@ -27,4 +27,8 @@ export declare function renderForm({ id, published }: {
     id: string;
     published: boolean;
 }): Promise<any>;
+export declare function renderPublicHtmlForm({ id, token }: {
+    id: string;
+    token: string;
+}): Promise<any>;
 export * from "./types";

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

@@ -1,3 +1,3 @@
 export declare function ElementContains(element: HTMLElement, target: Node): boolean;
-export declare function modelToJson<T extends Record<string, any>>(model: T): any;
+export declare function modelToJson<T extends Record<string, any>>(model: T, exclude?: string[]): any;
 export declare function modelSet<T extends Record<string, any>>(model: T, property: string | number | symbol, value: any): void;

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

@@ -8,5 +8,9 @@ export declare class FormsFactory {
     static create({ form }: {
         form: Partial<TEnhancedFormModel>;
     }): Promise<EnhancedFormModel>;
+    static renderPublic({ id, token }: {
+        id: string;
+        token: string;
+    }): Promise<string>;
 }
 export * from "./types";

package/dist/esm/index.js

@@ -2726,11 +2726,15 @@ function ElementContains(element, target) {
     }
     return false;
 }
-function modelToJson(model) {
+function modelToJson(model, exclude) {
+    if (exclude === void 0) { exclude = []; }
     var obj = {};
     Object.keys(model).forEach(function (key) {
         var _a;
         var value = model[key];
+        if (exclude.includes(key)) {
+            return;
+        }
         if (value != null && typeof value === "object") {
             if (((_a = Object.keys(value)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 obj[key] = value;
@@ -9477,17 +9481,33 @@ var AccountModel = /** @class */ (function () {
         this.overrides = params.overrides || {};
         this.stripe_customer_id = params.stripe_customer_id || "";
         this.metadata = params.metadata || {};
+        if (params.isMainAccount) {
+            this.getUsageReport();
+        }
     }
     AccountModel.prototype.toJson = function () {
-        return modelToJson(this);
+        return modelToJson(this, ["usage"]);
     };
     AccountModel.prototype.set = function (property, value) {
         modelSet(this, property, value);
     };
+    AccountModel.prototype.getUsageReport = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.getReport({}).then(function (report) {
+                        _this.usage = report;
+                    })];
+            });
+        });
+    };
     AccountModel.prototype.getReport = function (_a) {
         return __awaiter(this, void 0, void 0, function () {
             var options = __rest(_a, []);
             return __generator(this, function (_b) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, getAccountReport(__assign(__assign({}, options), { accountId: this.id })).then(function (result) {
                         return result.data;
                     })];
@@ -9498,6 +9518,9 @@ var AccountModel = /** @class */ (function () {
         return __awaiter(this, arguments, void 0, function (byContext) {
             if (byContext === void 0) { byContext = true; }
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, impersonateService({ id: this.id, byContext: byContext })];
             });
         });
@@ -9505,6 +9528,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.getDomains = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, getDomainsService({ id: this.id }).then(function (data) { return data.data; })];
             });
         });
@@ -9512,6 +9538,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.getCustomer = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 return [2 /*return*/, BillingFactory.get({ id: this.id })];
             });
         });
@@ -9519,6 +9548,9 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.update = function (account) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Account was not initialized");
+                }
                 trackEvent(EEvents.ACCOUNT_UPDATED, {
                     id: account === null || account === void 0 ? void 0 : account.id,
                     address: account === null || account === void 0 ? void 0 : account.address,
@@ -9548,45 +9580,57 @@ var AccountModel = /** @class */ (function () {
     AccountModel.prototype.isPartnerOrOrganization = function () {
         return this.partner || this.organization;
     };
-    AccountModel.prototype.hasAccessTo = function (feature, resellerBrand) {
-        var featureValue = this.usage_limits[feature];
-        if (featureValue === undefined) {
-            return false;
-        }
-        var brandDisabledLimitsFeatures = getNestedProperty(resellerBrand, "config.disabledLimitsFeatures") || [];
-        if (brandDisabledLimitsFeatures.includes(feature))
-            return true;
-        if (typeof featureValue === "boolean" || Number.isNaN(featureValue)) {
-            //Some feature flags are inverted
-            if (feature === "insert_reseller_logo") {
-                return !featureValue;
-            }
-            else {
-                return Boolean(featureValue);
-            }
-        }
-        else {
-            return true;
-            //return clientLimits[feature] < featureValue
-        }
-        // TODO have a way to tag the account as primary, 
-        // This would fetch the account reports and user count and keep track of it
-        /*
-        currently for these info
-            per_campaign: number,
-            per_month: number,
-            maximum_contacts: number,
-            lists: number,
-            users: number,
-        /*
-        Old code:
-        if(isNaN(featureValue)) {
-            //code above
-        } else {
-            return clientLimits[feature] < featureValue
-        }
-        
-        */
+    AccountModel.prototype.hasAccessTo = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var featureValue, brandDisabledLimitsFeatures;
+            var feature = _b.feature, resellerBrand = _b.resellerBrand, userCount = _b.userCount;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        featureValue = this.usage_limits[feature];
+                        if (featureValue === undefined) {
+                            return [2 /*return*/, false];
+                        }
+                        brandDisabledLimitsFeatures = getNestedProperty(resellerBrand, "config.disabledLimitsFeatures") || [];
+                        if (brandDisabledLimitsFeatures.includes(feature))
+                            return [2 /*return*/, true];
+                        if (!(typeof featureValue === "boolean" || Number.isNaN(featureValue))) return [3 /*break*/, 1];
+                        //Some feature flags are inverted
+                        if (feature === "insert_reseller_logo") {
+                            return [2 /*return*/, !featureValue];
+                        }
+                        else {
+                            return [2 /*return*/, Boolean(featureValue)];
+                        }
+                    case 1:
+                        if (!!this.usage) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.getUsageReport()];
+                    case 2:
+                        _c.sent();
+                        _c.label = 3;
+                    case 3:
+                        if (this.usage) {
+                            if (feature === "lists") {
+                                return [2 /*return*/, this.usage.current_lists <= featureValue];
+                            }
+                            else if (feature === "users" && userCount !== undefined) {
+                                return [2 /*return*/, userCount <= featureValue];
+                            }
+                            else if (feature === "per_month") {
+                                return [2 /*return*/, this.usage.emails_usage <= 100];
+                            }
+                            else if (feature === "maximum_contacts") {
+                                return [2 /*return*/, this.usage.active_contacts <= featureValue];
+                            }
+                            throw new Error("Requested Feature does not exist in account usage");
+                        }
+                        else {
+                            return [2 /*return*/, true];
+                        }
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
     };
     return AccountModel;
 }());
@@ -10154,6 +10198,15 @@ function renderForm(_a) {
         }
     });
 }
+function renderPublicHtmlForm(_a) {
+    var id = _a.id, token = _a.token;
+    return callApi({
+        url: uiKitConfig.GATEWAY_PROXY + "/forms/" + id + "/render-html?token=" + token,
+        fetchOptions: {
+            method: EMethods.get
+        }
+    });
+}
 
 var EEditorType;
 (function (EEditorType) {
@@ -17078,28 +17131,38 @@ var FormModel = /** @class */ (function (_super) {
 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_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, 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_on = created_on;
-        _this.updated_on = updated_on;
-        _this.published_on = published_on;
-        _this.edited_by = edited_by;
-        _this.thumbnail_url = thumbnail_url;
-        _this.recaptcha = recaptcha;
+        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_on = _a.created_on, updated_on = _a.updated_on, published_on = _a.published_on, edited_by = _a.edited_by, thumbnail_url = _a.thumbnail_url, recaptcha = _a.recaptcha, published_url = _a.published_url;
+        var _this = _super.call(this, { id: id || "", name: name || "", list_id: list_id || 0, double_opt_in: double_opt_in || true }) || this;
+        _this.enabled = enabled || true;
+        _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 || false;
+        _this.branding = branding || "";
+        _this.created_on = created_on || 0;
+        _this.updated_on = updated_on || 0;
+        _this.published_on = published_on || 0;
+        _this.edited_by = edited_by || {
+            id: 0,
+            email: ""
+        };
+        _this.thumbnail_url = thumbnail_url || "";
+        _this.recaptcha = recaptcha || {
+            secret: "",
+            domain: ""
+        };
+        _this.published_url = published_url || "";
         return _this;
     }
     SummaryEnhancedFormModel.prototype.enable = function () {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, enableForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(EEvents.FORM_ENABLED, { id: _this.id });
                         return data.data;
@@ -17111,6 +17174,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, disableForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(EEvents.FORM_DISABLED, { id: _this.id });
                         return data.data;
@@ -17122,6 +17188,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, publishForm({ id: this.id.toString() }).then(function (data) {
                         trackEvent(EEvents.FORM_PUBLISHED, { id: _this.id });
                         return data.data;
@@ -17134,6 +17203,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
             var _this = this;
             if (published === void 0) { published = false; }
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 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.data;
@@ -17145,6 +17217,9 @@ var SummaryEnhancedFormModel = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
+                if (!this.id) {
+                    throw new Error("Form was not initialized");
+                }
                 return [2 /*return*/, patchForm({ id: this.id.toString(), data: this.toJson() }).then(function (data) {
                         trackEvent(EEvents.FORM_UPDATED, { id: _this.id });
                         return data.data;
@@ -17421,6 +17496,16 @@ var FormsFactory = /** @class */ (function () {
             });
         });
     };
+    FormsFactory.renderPublic = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var id = _b.id, token = _b.token;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, renderPublicHtmlForm({ id: id, token: token }).then(function (data) {
+                        return data;
+                    })];
+            });
+        });
+    };
     return FormsFactory;
 }());
 
@@ -17685,4 +17770,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, 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, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, 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, getBeeTokenService, 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, listListAttributes, 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 };
+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, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, 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, getBeeTokenService, 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, listListAttributes, listSenders, listSystemEmails, listTemplates, listUsers, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderPublicHtmlForm, 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/account/index.d.ts

@@ -18,9 +18,13 @@ export declare class AccountModel {
     overrides: any;
     stripe_customer_id: string;
     metadata: any;
-    constructor(params: Partial<TAccountModel>);
+    usage?: TAccountReport;
+    constructor(params: Partial<TAccountModel> & {
+        isMainAccount?: boolean;
+    });
     toJson(): any;
     set<T extends keyof this>(property: T, value: this[T]): void;
+    getUsageReport(): Promise<void>;
     getReport({ ...options }: TGetAccountReport): Promise<TAccountReport>;
     impersonate(byContext?: boolean): Promise<any>;
     getDomains(): Promise<TAccountDomains>;
@@ -31,6 +35,10 @@ export declare class AccountModel {
     }>;
     logOut(): Promise<any>;
     isPartnerOrOrganization(): boolean;
-    hasAccessTo(feature: keyof TAccountLimits, resellerBrand?: TBrand): boolean;
+    hasAccessTo({ feature, resellerBrand, userCount }: {
+        feature: keyof TAccountLimits;
+        resellerBrand?: TBrand;
+        userCount?: number;
+    }): Promise<boolean>;
 }
 export * from "./types";

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

@@ -44,16 +44,17 @@ export declare class SummaryEnhancedFormModel extends CommonFormModel {
     tags: string[] | null;
     post_redirect_url: string;
     double_opt_in_redirect_url: string;
-    submission_url: string;
     async_processing: boolean;
     branding: string;
+    recaptcha: TEnhancedFormRecaptcha;
+    readonly submission_url: string;
     readonly created_on: number;
     readonly updated_on: number;
     readonly published_on: 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_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, }: TSummaryEnhancedFormModel);
+    readonly published_url: string;
+    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_on, updated_on, published_on, edited_by, thumbnail_url, recaptcha, published_url }: Partial<TSummaryEnhancedFormModel>);
     enable(): Promise<EnhancedFormModel>;
     disable(): Promise<EnhancedFormModel>;
     publish(): Promise<EnhancedFormModel>;

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

@@ -53,6 +53,7 @@ export interface TSummaryEnhancedFormModel {
     readonly edited_by: TEnhancedFormEditedBy;
     readonly thumbnail_url: string;
     recaptcha: TEnhancedFormRecaptcha;
+    published_url: string;
 }
 export interface TEnhancedFormModel extends TSummaryEnhancedFormModel {
     content: TEnhancedFormContent;

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

@@ -27,4 +27,8 @@ export declare function renderForm({ id, published }: {
     id: string;
     published: boolean;
 }): Promise<any>;
+export declare function renderPublicHtmlForm({ id, token }: {
+    id: string;
+    token: string;
+}): Promise<any>;
 export * from "./types";

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

@@ -1,3 +1,3 @@
 export declare function ElementContains(element: HTMLElement, target: Node): boolean;
-export declare function modelToJson<T extends Record<string, any>>(model: T): any;
+export declare function modelToJson<T extends Record<string, any>>(model: T, exclude?: string[]): any;
 export declare function modelSet<T extends Record<string, any>>(model: T, property: string | number | symbol, value: any): void;

package/package.json

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