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

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

@@ -37,6 +37,7 @@ export * from "./modal";
 export * from "./overlay";
 export * from "./radio";
 export * from "./resourceEdit";
+export * from "./scopePicker";
 export * from "./search";
 export * from "./sideMenu";
 export * from "./sideMenu/sideMenuContainer";

package/dist/cjs/components/scopePicker/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type TScopePicker = {
+    value: string[];
+    onChange: (scopes: string[]) => void;
+    isPartner?: boolean;
+    disabled?: boolean;
+};
+export declare function ScopePicker({ value, onChange, isPartner, disabled }: TScopePicker): React.JSX.Element;

package/dist/cjs/components/scopePicker/scopeGroups.d.ts

@@ -0,0 +1,21 @@
+export type TScopeAction = "read" | "write" | "delete" | "send" | "import" | "export" | "admin";
+export type TScopeResource = {
+    resource: string;
+    label: string;
+    actions: TScopeAction[];
+};
+export type TScopeCategory = {
+    id: string;
+    label: string;
+    adminOnly: boolean;
+    resources: TScopeResource[];
+};
+export declare const SCOPE_IMPLICATIONS: Record<string, string[]>;
+export declare const SCOPE_CATEGORIES: TScopeCategory[];
+export type TScopePreset = {
+    id: string;
+    label: string;
+    scopes: string[];
+};
+export declare function getCategoryScopes(categoryId: string): string[];
+export declare const SCOPE_PRESETS: TScopePreset[];

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

@@ -0,0 +1 @@
+export { TScopePicker } from ".";

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

@@ -9,6 +9,7 @@ export * from "./emailAPI";
 export * from "./forms";
 export * from "./lists";
 export * from "./pages";
+export * from "./personalAccessTokens";
 export * from "./popups";
 export * from "./senders";
 export * from "./suppressedEmails";

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

@@ -0,0 +1,22 @@
+import { PersonalAccessTokenModel } from "../../models/personalAccessToken";
+import { TGenericListReturn } from "../../types";
+export declare class PersonalAccessTokensFactory {
+    static list({ page, perPage, status }?: {
+        page?: number;
+        perPage?: number;
+        status?: string;
+    }): Promise<TGenericListReturn<PersonalAccessTokenModel>>;
+    static get({ keyPrefix }: {
+        keyPrefix: string;
+    }): Promise<PersonalAccessTokenModel>;
+    static create({ name, scopes, expiresAt, allowedAccountIds }: {
+        name: string;
+        scopes: string[];
+        expiresAt?: number | null;
+        allowedAccountIds?: string[] | null;
+    }): Promise<{
+        pat: PersonalAccessTokenModel;
+        plaintext: string;
+    }>;
+}
+export * from "./types";

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/index.js

@@ -3895,6 +3895,10 @@ exports.EEvents = void 0;
     EEvents["CUSTOM_DOMAIN_CREATED"] = "CustomDomain.Created";
     EEvents["CUSTOM_DOMAIN_VERIFIED"] = "CustomDomain.Verified";
     EEvents["CUSTOM_DOMAIN_DELETED"] = "CustomDomain.Deleted";
+    EEvents["PAT_CREATED"] = "PAT.Created";
+    EEvents["PAT_UPDATED"] = "PAT.Updated";
+    EEvents["PAT_REVOKED"] = "PAT.Revoked";
+    EEvents["PAT_TOKEN_COPIED"] = "PAT.Token.Copied";
 })(exports.EEvents || (exports.EEvents = {}));
 function eventCondition(type, disabledEvents) {
     if (disabledEvents === void 0) { disabledEvents = []; }
@@ -11711,6 +11715,57 @@ function renderPage(_a) {
     });
 }
 
+var BASE_URL = function () { return uiKitConfig.GATEWAY_PROXY + "/pats"; };
+function listPats(_a) {
+    var page = _a.page, perPage = _a.perPage, status = _a.status;
+    return callApi({
+        url: BASE_URL(),
+        query: camelCase({ page: page, per_page: perPage, status: status }),
+        fetchOptions: { method: exports.EMethods.get }
+    });
+}
+function getPat(_a) {
+    var keyPrefix = _a.keyPrefix;
+    return callApi({
+        url: "".concat(BASE_URL(), "/").concat(keyPrefix),
+        fetchOptions: { method: exports.EMethods.get }
+    });
+}
+function createPat(_a) {
+    var name = _a.name, scopes = _a.scopes, expiresAt = _a.expiresAt, allowedAccountIds = _a.allowedAccountIds;
+    return callApi({
+        url: BASE_URL(),
+        fetchOptions: {
+            method: exports.EMethods.post,
+            body: { name: name, scopes: scopes, expires_at: expiresAt !== null && expiresAt !== void 0 ? expiresAt : null, allowed_account_ids: allowedAccountIds !== null && allowedAccountIds !== void 0 ? allowedAccountIds : null }
+        }
+    });
+}
+function updatePat(_a) {
+    var keyPrefix = _a.keyPrefix, name = _a.name, scopes = _a.scopes, allowedAccountIds = _a.allowedAccountIds;
+    var body = {};
+    if (name !== undefined)
+        body.name = name;
+    if (scopes !== undefined)
+        body.scopes = scopes;
+    if (allowedAccountIds !== undefined)
+        body.allowed_account_ids = allowedAccountIds;
+    return callApi({
+        url: "".concat(BASE_URL(), "/").concat(keyPrefix),
+        fetchOptions: {
+            method: exports.EMethods.patch,
+            body: body
+        }
+    });
+}
+function revokePat(_a) {
+    var keyPrefix = _a.keyPrefix;
+    return callApi({
+        url: "".concat(BASE_URL(), "/").concat(keyPrefix),
+        fetchOptions: { method: exports.EMethods.delete }
+    });
+}
+
 function listPopups(_a) {
     return __awaiter(this, void 0, void 0, function () {
         var options = __rest(_a, []);
@@ -12812,6 +12867,47 @@ var PageModel = /** @class */ (function (_super) {
     return PageModel;
 }(ListPageModel));
 
+var PersonalAccessTokenModel = /** @class */ (function () {
+    function PersonalAccessTokenModel(params) {
+        this.key_prefix = params.key_prefix;
+        this.name = params.name;
+        this.status = params.status;
+        this.scopes = params.scopes;
+        this.allowed_account_ids = params.allowed_account_ids;
+        this.created_at = params.created_at;
+        this.expires_at = params.expires_at;
+        this.revoked_at = params.revoked_at;
+    }
+    PersonalAccessTokenModel.prototype.toJson = function () { return modelToJson(this); };
+    PersonalAccessTokenModel.prototype.set = function (property, value) { modelSet(this, property, value); };
+    PersonalAccessTokenModel.prototype.update = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var _this = this;
+            var name = _b.name, scopes = _b.scopes, allowedAccountIds = _b.allowedAccountIds;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, updatePat({ keyPrefix: this.key_prefix, name: name, scopes: scopes, allowedAccountIds: allowedAccountIds })
+                        .then(function (data) {
+                        trackEvent(exports.EEvents.PAT_UPDATED, { key_prefix: _this.key_prefix });
+                        return new PersonalAccessTokenModel(data.data);
+                    })];
+            });
+        });
+    };
+    PersonalAccessTokenModel.prototype.revoke = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, revokePat({ keyPrefix: this.key_prefix })
+                        .then(function (data) {
+                        trackEvent(exports.EEvents.PAT_REVOKED, { key_prefix: _this.key_prefix });
+                        return new PersonalAccessTokenModel(data.data);
+                    })];
+            });
+        });
+    };
+    return PersonalAccessTokenModel;
+}());
+
 exports.EPopupTriggerType = void 0;
 (function (EPopupTriggerType) {
     EPopupTriggerType["on_page_load"] = "on_page_load";
@@ -18908,6 +19004,298 @@ function ResourceEdit(_a) {
         support && React.createElement(material.Box, { className: "resource-support ".concat(!open ? "open" : "hidden") }, support));
 }
 
+// Scope implication rules
+var SCOPE_IMPLICATIONS = {
+    "write": ["read"],
+    "delete": ["read"],
+    "send": ["read"],
+    "import": ["read", "write"],
+    "export": ["read"],
+    "admin": ["read", "write", "delete"],
+};
+var SCOPE_CATEGORIES = [
+    {
+        id: "audience",
+        label: "Audience",
+        adminOnly: false,
+        resources: [
+            { resource: "lists", label: "Lists", actions: ["read", "write", "delete"] },
+            { resource: "contacts", label: "Contacts", actions: ["read", "write", "delete", "import", "export"] },
+            { resource: "segments", label: "Segments", actions: ["read", "write", "delete"] },
+            { resource: "tags", label: "Tags", actions: ["read", "write", "delete"] },
+            { resource: "custom_attributes", label: "Custom Attributes", actions: ["read", "write", "delete"] },
+            { resource: "interests", label: "Interests", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "suppressions",
+        label: "Suppressions",
+        adminOnly: false,
+        resources: [
+            { resource: "suppressions", label: "Suppressions", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "campaigns",
+        label: "Campaigns",
+        adminOnly: false,
+        resources: [
+            { resource: "campaigns", label: "Campaigns", actions: ["read", "write", "delete", "send"] },
+            { resource: "campaign_blueprints", label: "Campaign Blueprints", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "templates",
+        label: "Templates",
+        adminOnly: false,
+        resources: [
+            { resource: "templates", label: "Templates", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "emailapi",
+        label: "Email API",
+        adminOnly: false,
+        resources: [
+            { resource: "email_api", label: "Email API", actions: ["read", "send"] },
+        ]
+    },
+    {
+        id: "forms",
+        label: "Forms",
+        adminOnly: false,
+        resources: [
+            { resource: "forms", label: "Forms", actions: ["read", "write", "delete"] },
+            { resource: "preference_centers", label: "Preference Centers", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "deliverability",
+        label: "Deliverability",
+        adminOnly: false,
+        resources: [
+            { resource: "senders", label: "Senders", actions: ["read", "write", "delete"] },
+            { resource: "dkim", label: "DKIM", actions: ["read", "write", "delete"] },
+            { resource: "domains", label: "Domains", actions: ["read", "write", "delete"] },
+            { resource: "logos", label: "Logos", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "webhooks",
+        label: "Webhooks",
+        adminOnly: false,
+        resources: [
+            { resource: "webhooks", label: "Webhooks", actions: ["read", "write", "delete"] },
+        ]
+    },
+    {
+        id: "analytics",
+        label: "Analytics",
+        adminOnly: false,
+        resources: [
+            { resource: "reports", label: "Reports", actions: ["read", "export"] },
+            { resource: "logs", label: "Logs", actions: ["read", "export"] },
+            { resource: "links", label: "Links", actions: ["read"] },
+            { resource: "tasks", label: "Tasks", actions: ["read"] },
+        ]
+    },
+    {
+        id: "account",
+        label: "Account",
+        adminOnly: false,
+        resources: [
+            { resource: "account", label: "Account", actions: ["read", "write"] },
+        ]
+    },
+    {
+        id: "users_admin",
+        label: "Users (Admin)",
+        adminOnly: true,
+        resources: [
+            { resource: "users", label: "Users", actions: ["read", "write", "admin"] },
+        ]
+    },
+    {
+        id: "subaccounts_admin",
+        label: "Sub-accounts (Admin)",
+        adminOnly: true,
+        resources: [
+            { resource: "sub_accounts", label: "Sub-accounts", actions: ["read", "write", "admin"] },
+        ]
+    },
+    {
+        id: "tokens_admin",
+        label: "Tokens (Admin)",
+        adminOnly: true,
+        resources: [
+            { resource: "tokens", label: "Access Tokens", actions: ["read", "admin"] },
+        ]
+    },
+];
+// Helper to get all scopes for a category
+function getCategoryScopes(categoryId) {
+    var cat = SCOPE_CATEGORIES.find(function (c) { return c.id === categoryId; });
+    if (!cat)
+        return [];
+    return cat.resources.flatMap(function (r) { return r.actions.map(function (a) { return "".concat(r.resource, ":").concat(a); }); });
+}
+var SCOPE_PRESETS = [
+    {
+        id: "readonly",
+        label: "Read-only (all)",
+        scopes: SCOPE_CATEGORIES
+            .filter(function (c) { return !c.adminOnly; })
+            .flatMap(function (c) { return c.resources.map(function (r) { return "".concat(r.resource, ":read"); }); })
+    },
+    {
+        id: "full",
+        label: "Full access",
+        scopes: SCOPE_CATEGORIES
+            .filter(function (c) { return !c.adminOnly; })
+            .flatMap(function (c) { return c.resources.flatMap(function (r) { return r.actions.map(function (a) { return "".concat(r.resource, ":").concat(a); }); }); })
+    },
+    {
+        id: "campaigns",
+        label: "Campaigns manager",
+        scopes: __spreadArray(__spreadArray(__spreadArray([], getCategoryScopes("campaigns"), true), getCategoryScopes("templates"), true), [
+            "senders:read",
+            "reports:read",
+        ], false)
+    },
+    {
+        id: "contacts",
+        label: "Contact manager",
+        scopes: __spreadArray(__spreadArray([], getCategoryScopes("audience"), true), getCategoryScopes("suppressions"), true)
+    },
+    {
+        id: "developer",
+        label: "Developer",
+        scopes: __spreadArray(__spreadArray(__spreadArray([], getCategoryScopes("emailapi"), true), getCategoryScopes("webhooks"), true), [
+            "reports:read", "logs:read",
+        ], false)
+    },
+];
+
+function getImpliedScopes(scope) {
+    var _a = scope.split(":"), resource = _a[0], action = _a[1];
+    var implied = SCOPE_IMPLICATIONS[action] || [];
+    return implied.map(function (a) { return "".concat(resource, ":").concat(a); });
+}
+function ScopePicker(_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.isPartner, isPartner = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    var _d = React.useState(new Set()), expandedCategories = _d[0], setExpandedCategories = _d[1];
+    var selectedSet = React.useMemo(function () { return new Set(value); }, [value]);
+    var visibleCategories = React.useMemo(function () { return SCOPE_CATEGORIES.filter(function (c) { return !c.adminOnly || isPartner; }); }, [isPartner]);
+    var toggleCategory = React.useCallback(function (categoryId) {
+        setExpandedCategories(function (prev) {
+            var next = new Set(prev);
+            if (next.has(categoryId))
+                next.delete(categoryId);
+            else
+                next.add(categoryId);
+            return next;
+        });
+    }, []);
+    var handleScopeToggle = React.useCallback(function (scope, checked) {
+        if (disabled)
+            return;
+        var next = new Set(selectedSet);
+        if (checked) {
+            next.add(scope);
+            // Add implied scopes
+            getImpliedScopes(scope).forEach(function (s) { return next.add(s); });
+        }
+        else {
+            next.delete(scope);
+        }
+        onChange(Array.from(next));
+    }, [selectedSet, onChange, disabled]);
+    var handleCategorySelectAll = React.useCallback(function (categoryId, checked) {
+        if (disabled)
+            return;
+        var cat = SCOPE_CATEGORIES.find(function (c) { return c.id === categoryId; });
+        if (!cat)
+            return;
+        var next = new Set(selectedSet);
+        cat.resources.forEach(function (r) {
+            r.actions.forEach(function (a) {
+                var scope = "".concat(r.resource, ":").concat(a);
+                if (checked) {
+                    next.add(scope);
+                    getImpliedScopes(scope).forEach(function (s) { return next.add(s); });
+                }
+                else {
+                    next.delete(scope);
+                }
+            });
+        });
+        onChange(Array.from(next));
+    }, [selectedSet, onChange, disabled]);
+    var handlePreset = React.useCallback(function (presetId) {
+        if (disabled)
+            return;
+        var preset = SCOPE_PRESETS.find(function (p) { return p.id === presetId; });
+        if (!preset)
+            return;
+        // Expand all implied scopes
+        var expanded = new Set();
+        preset.scopes.forEach(function (s) {
+            expanded.add(s);
+            getImpliedScopes(s).forEach(function (implied) { return expanded.add(implied); });
+        });
+        onChange(Array.from(expanded));
+    }, [onChange, disabled]);
+    var isCategoryAllSelected = React.useCallback(function (categoryId) {
+        var cat = SCOPE_CATEGORIES.find(function (c) { return c.id === categoryId; });
+        if (!cat)
+            return false;
+        return cat.resources.every(function (r) { return r.actions.every(function (a) { return selectedSet.has("".concat(r.resource, ":").concat(a)); }); });
+    }, [selectedSet]);
+    var isImplied = React.useCallback(function (scope) {
+        // Scope is implied (auto-selected due to another scope) if removing it wouldn't break anything
+        var _a = scope.split(":"), resource = _a[0], action = _a[1];
+        // Check if any other selected scope implies this one
+        return Array.from(selectedSet).some(function (s) {
+            if (s === scope)
+                return false;
+            var _a = s.split(":"), r = _a[0], a = _a[1];
+            if (r !== resource)
+                return false;
+            return (SCOPE_IMPLICATIONS[a] || []).includes(action);
+        });
+    }, [selectedSet]);
+    return (React.createElement("div", { className: "scopePicker", "aria-label": "Permission scope picker" },
+        React.createElement("div", { className: "scopePicker__presets" },
+            React.createElement("span", { className: "scopePicker__presetsLabel" }, "Quick presets:"),
+            React.createElement("div", { className: "scopePicker__presetButtons" }, SCOPE_PRESETS.map(function (preset) { return (React.createElement("button", { key: preset.id, type: "button", className: "scopePicker__presetBtn", onClick: function () { return handlePreset(preset.id); }, disabled: disabled }, preset.label)); }))),
+        React.createElement("div", { className: "scopePicker__categories" }, visibleCategories.map(function (category) {
+            var isExpanded = expandedCategories.has(category.id);
+            var allSelected = isCategoryAllSelected(category.id);
+            return (React.createElement("div", { key: category.id, className: "scopePicker__category ".concat(category.adminOnly ? "scopePicker__category--admin" : "") },
+                React.createElement("div", { className: "scopePicker__categoryHeader" },
+                    React.createElement("label", { className: "scopePicker__categorySelect" },
+                        React.createElement("input", { type: "checkbox", checked: allSelected, onChange: function (e) { return handleCategorySelectAll(category.id, e.target.checked); }, disabled: disabled, "aria-label": "Select all ".concat(category.label, " scopes") }),
+                        React.createElement("span", { className: "scopePicker__categoryLabel" }, category.label)),
+                    React.createElement("button", { type: "button", className: "scopePicker__categoryToggle", onClick: function () { return toggleCategory(category.id); }, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? "Collapse" : "Expand", " ").concat(category.label) }, isExpanded ? "▲" : "▼")),
+                isExpanded && (React.createElement("div", { className: "scopePicker__categoryBody" }, category.resources.map(function (resource) { return (React.createElement("div", { key: resource.resource, className: "scopePicker__resource" },
+                    React.createElement("span", { className: "scopePicker__resourceLabel" }, resource.label),
+                    React.createElement("div", { className: "scopePicker__actions" }, resource.actions.map(function (action) {
+                        var scope = "".concat(resource.resource, ":").concat(action);
+                        var checked = selectedSet.has(scope);
+                        var implied = isImplied(scope);
+                        return (React.createElement("label", { key: action, className: "scopePicker__action ".concat(implied ? "scopePicker__action--implied" : ""), title: implied ? "Automatically included by another selected permission" : undefined },
+                            React.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return handleScopeToggle(scope, e.target.checked); }, disabled: disabled || implied, "aria-label": "".concat(resource.label, " ").concat(action) }),
+                            React.createElement("span", null, action)));
+                    })))); })))));
+        })),
+        value.length > 0 && (React.createElement("details", { className: "scopePicker__summary" },
+            React.createElement("summary", null,
+                "Selected permissions (",
+                value.length,
+                ")"),
+            React.createElement("div", { className: "scopePicker__summaryList" }, value.sort().map(function (scope) { return (React.createElement("span", { key: scope, className: "scopePicker__summaryChip" }, scope)); }))))));
+}
+
 var css_248z$2 = ".sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-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.sideMenu-component-v2 .sideMenu-wrapper::-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.sideMenu-component-v2 .sideMenu-wrapper::-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.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.divider {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a,\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a > div > span {\n  font-size: 0.875rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none !important;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
 styleInject(css_248z$2);
 
@@ -19765,6 +20153,45 @@ var PagesFactory = /** @class */ (function () {
     return PagesFactory;
 }());
 
+var PersonalAccessTokensFactory = /** @class */ (function () {
+    function PersonalAccessTokensFactory() {
+    }
+    PersonalAccessTokensFactory.list = function () {
+        return __awaiter(this, arguments, void 0, function (_a) {
+            var _b = _a === void 0 ? {} : _a, page = _b.page, perPage = _b.perPage, status = _b.status;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, listPats({ page: page, perPage: perPage, status: status }).then(function (data) {
+                        data.data = data.data.map(function (pat) { return new PersonalAccessTokenModel(pat); });
+                        return data;
+                    })];
+            });
+        });
+    };
+    PersonalAccessTokensFactory.get = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var keyPrefix = _b.keyPrefix;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, getPat({ keyPrefix: keyPrefix }).then(function (data) {
+                        return new PersonalAccessTokenModel(data.data);
+                    })];
+            });
+        });
+    };
+    PersonalAccessTokensFactory.create = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var name = _b.name, scopes = _b.scopes, expiresAt = _b.expiresAt, allowedAccountIds = _b.allowedAccountIds;
+            return __generator(this, function (_c) {
+                return [2 /*return*/, createPat({ name: name, scopes: scopes, expiresAt: expiresAt, allowedAccountIds: allowedAccountIds }).then(function (data) {
+                        var _a = data.data, plaintext = _a.plaintext, patData = __rest(_a, ["plaintext"]);
+                        trackEvent(exports.EEvents.PAT_CREATED, { name: name, scopes: scopes });
+                        return { pat: new PersonalAccessTokenModel(patData), plaintext: plaintext };
+                    })];
+            });
+        });
+    };
+    return PersonalAccessTokensFactory;
+}());
+
 var PopupsFactory = /** @class */ (function () {
     function PopupsFactory() {
     }
@@ -20233,11 +20660,14 @@ exports.OverlayHandler = OverlayHandler;
 exports.OverlayHeading = OverlayHeading;
 exports.PageModel = PageModel;
 exports.PagesFactory = PagesFactory;
+exports.PersonalAccessTokenModel = PersonalAccessTokenModel;
+exports.PersonalAccessTokensFactory = PersonalAccessTokensFactory;
 exports.PhoneTextField = PhoneTextField;
 exports.PopupModel = PopupModel;
 exports.PopupsFactory = PopupsFactory;
 exports.Radio = Radio;
 exports.ResourceEdit = ResourceEdit;
+exports.ScopePicker = ScopePicker;
 exports.Search = Search;
 exports.SenderModel = SenderModel;
 exports.SendersFactory = SendersFactory;
@@ -20289,6 +20719,7 @@ exports.createContactsExport = createContactsExport;
 exports.createCustomDomain = createCustomDomain;
 exports.createForm = createForm;
 exports.createPage = createPage;
+exports.createPat = createPat;
 exports.createPopup = createPopup;
 exports.createSender = createSender;
 exports.createSuppressedEmailExport = createSuppressedEmailExport;
@@ -20381,6 +20812,7 @@ exports.getListLogs = getListLogs;
 exports.getListReport = getListReport;
 exports.getNestedProperty = getNestedProperty;
 exports.getPage = getPage;
+exports.getPat = getPat;
 exports.getPopup = getPopup;
 exports.getPropertyValue = getPropertyValue;
 exports.getSender = getSender;
@@ -20420,6 +20852,7 @@ exports.listList = listList;
 exports.listListAttributes = listListAttributes;
 exports.listListInterests = listListInterests;
 exports.listPages = listPages;
+exports.listPats = listPats;
 exports.listPopups = listPopups;
 exports.listSenders = listSenders;
 exports.listSuppressedEmails = listSuppressedEmails;
@@ -20457,6 +20890,7 @@ exports.requestSupportService = requestSupportService;
 exports.resendEmail = resendEmail;
 exports.resendVerificationEmail = resendVerificationEmail;
 exports.resumeCampaign = resumeCampaign;
+exports.revokePat = revokePat;
 exports.saveList = saveList;
 exports.scheduleCampaign = scheduleCampaign;
 exports.searchCustomerProfiles = searchCustomerProfiles;
@@ -20489,6 +20923,7 @@ exports.updateAnyAutomation = updateAnyAutomation;
 exports.updateAutomation = updateAutomation;
 exports.updateCampaign = updateCampaign;
 exports.updatePage = updatePage;
+exports.updatePat = updatePat;
 exports.updatePopup = updatePopup;
 exports.updateSystemEmails = updateSystemEmails;
 exports.updateTemplate = updateTemplate;

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

@@ -8,6 +8,7 @@ export * from "./emailAPI";
 export * from "./form";
 export * from "./list";
 export * from "./pages";
+export * from "./personalAccessToken";
 export * from "./popups";
 export * from "./sender";
 export * from "./systemEmails";

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

@@ -0,0 +1,21 @@
+import { TPatModel } from "./types";
+export declare class PersonalAccessTokenModel {
+    readonly key_prefix: string;
+    name: string;
+    status: "active" | "revoked" | "expired";
+    scopes: string[];
+    allowed_account_ids: string[] | null;
+    readonly created_at: number;
+    readonly expires_at: number | null;
+    readonly revoked_at: number | null;
+    constructor(params: TPatModel);
+    toJson(): any;
+    set<T extends keyof this>(property: T, value: this[T]): void;
+    update({ name, scopes, allowedAccountIds }: {
+        name?: string;
+        scopes?: string[];
+        allowedAccountIds?: string[] | null;
+    }): Promise<PersonalAccessTokenModel>;
+    revoke(): Promise<PersonalAccessTokenModel>;
+}
+export * from "./types";

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

@@ -0,0 +1,10 @@
+export type TPatModel = {
+    key_prefix: string;
+    name: string;
+    status: "active" | "revoked" | "expired";
+    scopes: string[];
+    allowed_account_ids: string[] | null;
+    created_at: number;
+    expires_at: number | null;
+    revoked_at: number | null;
+};

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

@@ -12,6 +12,7 @@ export * from "./forms";
 export * from "./hidden";
 export * from "./lists";
 export * from "./pages";
+export * from "./personalAccessTokens";
 export * from "./popups";
 export * from "./senders";
 export * from "./suppressedEmails";