@cakemail-org/ui-components-v2 2.1.79 → 2.2.0

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

@@ -9,7 +9,6 @@ export * from "./chip";
 export * from './circularProgress';
 export * from "./codeInput";
 export * from "./contentSectionContainer";
-export * from "./copyToClipboard";
 export * from "./dataTable";
 export * from "./datePicker";
 export * from "./dialog";

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

@@ -1,10 +1,12 @@
 import React from "react";
 import "./styles.scss";
-export declare function LoadingContainer({ loading, children, variant, width, keepChildren, showChildren }: {
+export declare function LoadingContainer({ loading, children, variant, width, className, keepChildren, // Works with contenet not in iframes
+showChildren }: {
     loading?: boolean;
     children?: any;
     variant?: "circular" | "linear";
     width?: number;
+    className?: string;
     keepChildren?: boolean;
     showChildren?: boolean;
 }): React.JSX.Element;

package/dist/cjs/index.js

@@ -1531,7 +1531,9 @@ var css_248z$w = ".loadingContainer-component-v2.keepChildren {\n  position: rel
 styleInject(css_248z$w);
 
 function LoadingContainer(_a) {
-    var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "circular" : _c, width = _a.width, keepChildren = _a.keepChildren, showChildren = _a.showChildren;
+    var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "circular" : _c, width = _a.width, _d = _a.className, className = _d === void 0 ? "" : _d, keepChildren = _a.keepChildren, // Works with contenet not in iframes
+    showChildren = _a.showChildren // To use in tendem with keepChildren to show children when loading is true
+    ;
     var linearStyle = width ? { height: width } : undefined;
     var loader = variant === "circular" ? React.createElement(CircularProgress, { thickness: width }) : React.createElement(LinearProgress, { sx: linearStyle });
     return React.createElement(React.Fragment, null,
@@ -1540,13 +1542,13 @@ function LoadingContainer(_a) {
         loading &&
             React.createElement(React.Fragment, null,
                 children &&
-                    React.createElement(Container, { className: "loadingContainer-component-v2 ".concat(keepChildren ? "keepChildren" : ""), sx: { display: "flex", alignItems: "center", justifyContent: "center", height: "inherit", width: "100%", flex: 1 } },
+                    React.createElement(Container, { className: "loadingContainer-component-v2 ".concat(keepChildren ? "keepChildren" : "", " ").concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", height: "inherit", width: "100%", flex: 1 } },
                         keepChildren && React.createElement(material.Box, { className: showChildren ? "showChildren loading" : "hiddenChildren" },
                             " ",
                             children),
                         loader),
                 !children &&
-                    React.createElement(Container, { className: "loadingContainer-component-v2", sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
+                    React.createElement(Container, { className: "loadingContainer-component-v2 ".concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
 }
 
 var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfield-component-v2.disabled {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n  padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n  position: absolute;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.locationTextField-component-v2 {\n  position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n  position: absolute;\n  width: 100%;\n  z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n  padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n  display: inline-block;\n  right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n  position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n  width: unset;\n  height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  content: \"\";\n  background-color: var(--white, #FFFFFF);\n  border-radius: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n  padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n  top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n  bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n  width: 100%;\n  position: absolute;\n}";
@@ -2701,6 +2703,33 @@ function deepMergeObject(source, target) {
     }
     return target;
 }
+function copyToClipboard(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).catch(function (err) {
+            fallbackCopyToClipboard(text);
+        });
+    }
+    else {
+        fallbackCopyToClipboard(text);
+    }
+}
+function fallbackCopyToClipboard(text) {
+    var textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed';
+    textarea.style.top = '-1000px';
+    textarea.style.left = '-1000px';
+    textarea.style.opacity = '0';
+    document.body.appendChild(textarea);
+    textarea.select();
+    try {
+        document.execCommand('copy');
+    }
+    catch (err) {
+        console.error('Failed to copy text');
+    }
+    document.body.removeChild(textarea);
+}
 
 function setBrandHeadElements(brand, locale) {
     var link = document.getElementById("favicon");
@@ -8472,23 +8501,6 @@ function CodeInput(_a) {
         React.createElement(OTPInput, { value: cValue, onChange: handleOnChange, onPaste: handleOnPaste, renderInput: function (props) { return React.createElement("input", __assign({}, props)); }, inputType: inputType, numInputs: numInputs, skipDefaultStyles: true, shouldAutoFocus: shouldAutoFocus, placeholder: placeholder, renderSeparator: renderSeparator }));
 }
 
-var CopyToClipboard = React.forwardRef(function (props, ref) {
-    var textareaRef = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return ({
-        // Expose the 'copy' function through the ref
-        copy: function (text) {
-            setTimeout(function () {
-                if (textareaRef.current) {
-                    textareaRef.current.value = text;
-                    textareaRef.current.select();
-                    document.execCommand('copy');
-                }
-            }, 0);
-        },
-    }); });
-    return (React.createElement("textarea", { ref: textareaRef, style: { position: "fixed", top: "-1000px" } }));
-});
-
 function CustomPaginationActions(_a) {
     var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onPageChange = _a.onPageChange, showFirstButton = _a.showFirstButton, showLastButton = _a.showLastButton;
     var handleFirstPageButtonClick = function (event) {
@@ -18866,7 +18878,6 @@ exports.CommonFormModel = CommonFormModel;
 exports.ContactModel = ContactModel;
 exports.ContactsFactory = ContactsFactory;
 exports.ContentSectionContainer = ContentSectionContainer;
-exports.CopyToClipboard = CopyToClipboard;
 exports.CountryDropdown = CountryDropdown;
 exports.CustomerModel = CustomerModel;
 exports.DataTable = DataTable;
@@ -18966,6 +18977,7 @@ exports.cleanPostHogId = cleanPostHogId;
 exports.clearImpersonificationTree = clearImpersonificationTree;
 exports.clearStorage = clearStorage;
 exports.connectToZendeskSupportService = connectToZendeskSupportService;
+exports.copyToClipboard = copyToClipboard;
 exports.createAccount = createAccount;
 exports.createBrand = createBrand;
 exports.createCampaign = createCampaign;

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

@@ -24,4 +24,5 @@ export declare function removeEmptyProperties(obj: any, treatStringHasEmtpy?: bo
 export declare function getNestedProperty(obj: any, path: string): any;
 export declare function findNestedProperty(obj: any, key: string): any | undefined;
 export declare function deepMergeObject(source: any, target: any): any;
+export declare function copyToClipboard(text: string): void;
 export {};

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

@@ -9,7 +9,6 @@ export * from "./chip";
 export * from './circularProgress';
 export * from "./codeInput";
 export * from "./contentSectionContainer";
-export * from "./copyToClipboard";
 export * from "./dataTable";
 export * from "./datePicker";
 export * from "./dialog";

package/dist/esm/components/loadingContainer/index.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import "./styles.scss";
-export declare function LoadingContainer({ loading, children, variant, width, keepChildren, showChildren }: {
+export declare function LoadingContainer({ loading, children, variant, width, className, keepChildren, // Works with contenet not in iframes
+showChildren }: {
     loading?: boolean;
     children?: any;
     variant?: "circular" | "linear";
     width?: number;
+    className?: string;
     keepChildren?: boolean;
     showChildren?: boolean;
 }): React.JSX.Element;

package/dist/esm/index.js

@@ -1511,7 +1511,9 @@ var css_248z$w = ".loadingContainer-component-v2.keepChildren {\n  position: rel
 styleInject(css_248z$w);
 
 function LoadingContainer(_a) {
-    var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "circular" : _c, width = _a.width, keepChildren = _a.keepChildren, showChildren = _a.showChildren;
+    var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "circular" : _c, width = _a.width, _d = _a.className, className = _d === void 0 ? "" : _d, keepChildren = _a.keepChildren, // Works with contenet not in iframes
+    showChildren = _a.showChildren // To use in tendem with keepChildren to show children when loading is true
+    ;
     var linearStyle = width ? { height: width } : undefined;
     var loader = variant === "circular" ? React__default.createElement(CircularProgress, { thickness: width }) : React__default.createElement(LinearProgress, { sx: linearStyle });
     return React__default.createElement(React__default.Fragment, null,
@@ -1520,13 +1522,13 @@ function LoadingContainer(_a) {
         loading &&
             React__default.createElement(React__default.Fragment, null,
                 children &&
-                    React__default.createElement(Container, { className: "loadingContainer-component-v2 ".concat(keepChildren ? "keepChildren" : ""), sx: { display: "flex", alignItems: "center", justifyContent: "center", height: "inherit", width: "100%", flex: 1 } },
+                    React__default.createElement(Container, { className: "loadingContainer-component-v2 ".concat(keepChildren ? "keepChildren" : "", " ").concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", height: "inherit", width: "100%", flex: 1 } },
                         keepChildren && React__default.createElement(Box, { className: showChildren ? "showChildren loading" : "hiddenChildren" },
                             " ",
                             children),
                         loader),
                 !children &&
-                    React__default.createElement(Container, { className: "loadingContainer-component-v2", sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
+                    React__default.createElement(Container, { className: "loadingContainer-component-v2 ".concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
 }
 
 var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfield-component-v2.disabled {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n  padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n  position: absolute;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.locationTextField-component-v2 {\n  position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n  position: absolute;\n  width: 100%;\n  z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n  padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n  display: inline-block;\n  right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n  position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  left: 1rem;\n  top: 1.65rem;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n  width: unset;\n  height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  content: \"\";\n  background-color: var(--white, #FFFFFF);\n  border-radius: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n  padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n  top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n  bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n  width: 100%;\n  position: absolute;\n}";
@@ -2681,6 +2683,33 @@ function deepMergeObject(source, target) {
     }
     return target;
 }
+function copyToClipboard(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).catch(function (err) {
+            fallbackCopyToClipboard(text);
+        });
+    }
+    else {
+        fallbackCopyToClipboard(text);
+    }
+}
+function fallbackCopyToClipboard(text) {
+    var textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed';
+    textarea.style.top = '-1000px';
+    textarea.style.left = '-1000px';
+    textarea.style.opacity = '0';
+    document.body.appendChild(textarea);
+    textarea.select();
+    try {
+        document.execCommand('copy');
+    }
+    catch (err) {
+        console.error('Failed to copy text');
+    }
+    document.body.removeChild(textarea);
+}
 
 function setBrandHeadElements(brand, locale) {
     var link = document.getElementById("favicon");
@@ -8452,23 +8481,6 @@ function CodeInput(_a) {
         React__default.createElement(OTPInput, { value: cValue, onChange: handleOnChange, onPaste: handleOnPaste, renderInput: function (props) { return React__default.createElement("input", __assign({}, props)); }, inputType: inputType, numInputs: numInputs, skipDefaultStyles: true, shouldAutoFocus: shouldAutoFocus, placeholder: placeholder, renderSeparator: renderSeparator }));
 }
 
-var CopyToClipboard = forwardRef(function (props, ref) {
-    var textareaRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        // Expose the 'copy' function through the ref
-        copy: function (text) {
-            setTimeout(function () {
-                if (textareaRef.current) {
-                    textareaRef.current.value = text;
-                    textareaRef.current.select();
-                    document.execCommand('copy');
-                }
-            }, 0);
-        },
-    }); });
-    return (React__default.createElement("textarea", { ref: textareaRef, style: { position: "fixed", top: "-1000px" } }));
-});
-
 function CustomPaginationActions(_a) {
     var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onPageChange = _a.onPageChange, showFirstButton = _a.showFirstButton, showLastButton = _a.showLastButton;
     var handleFirstPageButtonClick = function (event) {
@@ -18821,4 +18833,4 @@ var UsersFactory = /** @class */ (function () {
     return UsersFactory;
 }());
 
-export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationModel, 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, EAssetManagerMatchType, ECampaignStatuses, EEMailSummaryStatuses, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EPopupBranding, EPopupBrowserType, EPopupCloseButtonPosition, EPopupDeviceType, EPopupDisplayFrequency, EPopupPosition, EPopupTriggerType, EStorageType, ETaskType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListPopupModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, PopupModel, PopupsFactory, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SuppressedEmailsFactory, SystemEmailsFactory, SystemEmailsModel, TagsFactory, TasksFactory, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, addPartialInformation, addSuppressedEmail, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createForm, createPopup, createSuppressedEmailExport, createTemplate, deepMergeObject, deleteAnyAutomation, deleteAutomation, deleteCampaign, deleteCampaignsReportsExport, deleteForm, deleteList, deletePartialInformation, deletePopup, deleteStorageItem, deleteSuppressedEmail, deleteTaskService, deleteTemplate, deleteUser, deleteWorkflow, descendingComparator, disableForm, disablePopup, downloadCampaignLogExport, downloadCampaignsReportsExport, downloadContactsExport, downloadListLogExport, downloadSuppressedEmailExport, emptyAccountAddress, emptyAccountLimits, enableForm, enablePopup, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getAutomationExecutionsCount, getAutomationStats, 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, getPopup, getPropertyValue, getSender, getStartOfDate, getStorage, getSuppressedEmailExport, getTColor, getTaskService, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listAutomations, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listListAttributes, listListInterests, listPopups, listSenders, listSuppressedEmails, listSystemEmails, listTasksService, listTemplates, listUsers, listWorkflows, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, publishPopup, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderPopup, renderPublicHtmlForm, renderTemplate, requestSupportService, resendVerificationEmail, resumeCampaign, saveList, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateAnyAutomation, updateAutomation, updateCampaign, updatePopup, updateSystemEmails, updateTemplate, updateUser, updateWorkflow, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };
+export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationModel, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, CommonFormModel, ContactModel, ContactsFactory, ContentSectionContainer, CountryDropdown, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, EAssetManagerMatchType, ECampaignStatuses, EEMailSummaryStatuses, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EPopupBranding, EPopupBrowserType, EPopupCloseButtonPosition, EPopupDeviceType, EPopupDisplayFrequency, EPopupPosition, EPopupTriggerType, EStorageType, ETaskType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListPopupModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, PopupModel, PopupsFactory, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SuppressedEmailsFactory, SystemEmailsFactory, SystemEmailsModel, TagsFactory, TasksFactory, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, addPartialInformation, addSuppressedEmail, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, copyToClipboard, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createForm, createPopup, createSuppressedEmailExport, createTemplate, deepMergeObject, deleteAnyAutomation, deleteAutomation, deleteCampaign, deleteCampaignsReportsExport, deleteForm, deleteList, deletePartialInformation, deletePopup, deleteStorageItem, deleteSuppressedEmail, deleteTaskService, deleteTemplate, deleteUser, deleteWorkflow, descendingComparator, disableForm, disablePopup, downloadCampaignLogExport, downloadCampaignsReportsExport, downloadContactsExport, downloadListLogExport, downloadSuppressedEmailExport, emptyAccountAddress, emptyAccountLimits, enableForm, enablePopup, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getAutomationExecutionsCount, getAutomationStats, 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, getPopup, getPropertyValue, getSender, getStartOfDate, getStorage, getSuppressedEmailExport, getTColor, getTaskService, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listAutomations, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listListAttributes, listListInterests, listPopups, listSenders, listSuppressedEmails, listSystemEmails, listTasksService, listTemplates, listUsers, listWorkflows, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, publishPopup, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderPopup, renderPublicHtmlForm, renderTemplate, requestSupportService, resendVerificationEmail, resumeCampaign, saveList, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateAnyAutomation, updateAutomation, updateCampaign, updatePopup, updateSystemEmails, updateTemplate, updateUser, updateWorkflow, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };

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

@@ -24,4 +24,5 @@ export declare function removeEmptyProperties(obj: any, treatStringHasEmtpy?: bo
 export declare function getNestedProperty(obj: any, path: string): any;
 export declare function findNestedProperty(obj: any, key: string): any | undefined;
 export declare function deepMergeObject(source: any, target: any): any;
+export declare function copyToClipboard(text: string): void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.1.79",
+    "version": "2.2.0",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -14,7 +14,7 @@
         "dev": "rollup -c --bundleConfigAsCjs --watch",
         "test": "jest",
         "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build"
+        "build-storybook": "storybook buloadingild"
     },
     "author": "",
     "license": "ISC",

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

@@ -1,5 +0,0 @@
-import React from "react";
-import { TCopyToClipboard } from "./types";
-export declare const CopyToClipboard: React.ForwardRefExoticComponent<React.RefAttributes<TCopyToClipboard | undefined>>;
-export default CopyToClipboard;
-export * from "./types";

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

@@ -1,4 +0,0 @@
-export type TCopyToClipboard = {
-    copy: TCopyToClipboardFunction;
-};
-export type TCopyToClipboardFunction = (text: string) => void;

package/dist/esm/components/copyToClipboard/index.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { TCopyToClipboard } from "./types";
-export declare const CopyToClipboard: React.ForwardRefExoticComponent<React.RefAttributes<TCopyToClipboard | undefined>>;
-export default CopyToClipboard;
-export * from "./types";

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

@@ -1,4 +0,0 @@
-export type TCopyToClipboard = {
-    copy: TCopyToClipboardFunction;
-};
-export type TCopyToClipboardFunction = (text: string) => void;