@veltdev/react 5.0.2-beta.14 → 5.0.2-beta.15

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.14';
+var VELT_SDK_VERSION = '5.0.2-beta.15';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.14': 'sha384-8MypqsfdwgxXVS/EQUr1ilwV99LPIGkDLGY8MKKgQUqaEXmZ9jpO58t8eQZa2aR5',
+    '5.0.2-beta.15': 'sha384-KJkhlvLtMltiz/ESgoTwQjulN6xWEQau03hUd5JEfJFEEPn6TIu8nFMruB2EVm1y',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1176,6 +1176,30 @@ var VeltNotificationsTool = function (props) {
     return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltNotificationsToolIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-tool-icon", { ref: ref }, children));
+};
+
+var VeltNotificationsToolUnreadIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-tool-unread-icon", { ref: ref }, children));
+};
+
+var VeltNotificationsToolLabel = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-tool-label", { ref: ref }, children));
+};
+
+var VeltNotificationsToolUnreadCount = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-tool-unread-count", { ref: ref }, children));
+};
+
 var VeltNotificationsPanel = function (props) {
     var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel;
     var ref = React.useRef();
@@ -1206,6 +1230,384 @@ var VeltNotificationsPanel = function (props) {
     return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined }));
 };
 
+var VeltNotificationsPanelTitle = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-title", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelTitleText = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-title-text", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelHeader = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-header", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelHeaderTabForYou = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-for-you", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelHeaderTabPeople = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-people", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelHeaderTabDocuments = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-documents", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelHeaderTabAll = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-all", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContent = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentForYou = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-for-you", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentAll = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentPeople = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentDocuments = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentList = function (props) {
+    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list", { ref: ref, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItem = function (props) {
+    var notification = props.notification, listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item", { ref: ref, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemAvatar = function (props) {
+    var notification = props.notification, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemUnread = function (props) {
+    var notification = props.notification, isDefault = props.isDefault, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemHeadline = function (props) {
+    var notification = props.notification, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemBody = function (props) {
+    var notification = props.notification, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-body", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemFileName = function (props) {
+    var notification = props.notification, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentListItemTime = function (props) {
+    var notification = props.notification, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-time", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentAllList = function (props) {
+    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentAllListItem = function (props) {
+    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentAllListItemLabel = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentAllListItemContent = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentPeopleList = function (props) {
+    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentPeopleListItem = function (props) {
+    var data = props.data, listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item", { ref: ref, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemAvatar = function (props) {
+    var data = props.data, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemName = function (props) {
+    var data = props.data, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemCount = function (props) {
+    var data = props.data, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemContent = function (props) {
+    var data = props.data, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsList = function (props) {
+    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItem = function (props) {
+    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemName = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemCount = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemContent = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemUnread = function (props) {
+    var isDefault = props.isDefault, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltNotificationsPanelContentLoadMore = function (props) {
+    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-load-more", { ref: ref, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
+};
+
+var VeltNotificationsPanelContentAllReadContainer = function (props) {
+    var isAllRead = props.isAllRead, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltNotificationsPanelCloseButton = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-close-button", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelReadAllButton = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-read-all-button", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelViewAllButton = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-view-all-button", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSkeleton = function (props) {
+    var isLoading = props.isLoading, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-skeleton", { ref: ref, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsButton = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-button", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettings = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsHeader = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-header", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsHeaderTitle = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-header-title", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsTitle = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-title", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsDescription = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-description", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsList = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-list", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsMuteAllTitle = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsMuteAllDescription = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsMuteAllToggle = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordion = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionTrigger = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionTriggerLabel = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionTriggerIcon = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionTriggerSelectedValue = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionContent = function (props) {
+    var accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionContentItem = function (props) {
+    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionContentItemLabel = function (props) {
+    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsAccordionContentItemIcon = function (props) {
+    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+};
+
+var VeltNotificationsPanelSettingsBackButton = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-back-button", { ref: ref }, children));
+};
+
+var VeltNotificationsPanelSettingsFooter = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-notifications-panel-settings-footer", { ref: ref }, children));
+};
+
 var VeltNotificationsHistoryPanel = function (props) {
     var embedMode = props.embedMode, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
     var ref = React.useRef();
@@ -11209,8 +11611,75 @@ exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWire
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
 exports.VeltNotificationsPanel = VeltNotificationsPanel;
+exports.VeltNotificationsPanelCloseButton = VeltNotificationsPanelCloseButton;
+exports.VeltNotificationsPanelContent = VeltNotificationsPanelContent;
+exports.VeltNotificationsPanelContentAll = VeltNotificationsPanelContentAll;
+exports.VeltNotificationsPanelContentAllList = VeltNotificationsPanelContentAllList;
+exports.VeltNotificationsPanelContentAllListItem = VeltNotificationsPanelContentAllListItem;
+exports.VeltNotificationsPanelContentAllListItemContent = VeltNotificationsPanelContentAllListItemContent;
+exports.VeltNotificationsPanelContentAllListItemLabel = VeltNotificationsPanelContentAllListItemLabel;
+exports.VeltNotificationsPanelContentAllReadContainer = VeltNotificationsPanelContentAllReadContainer;
+exports.VeltNotificationsPanelContentDocuments = VeltNotificationsPanelContentDocuments;
+exports.VeltNotificationsPanelContentDocumentsList = VeltNotificationsPanelContentDocumentsList;
+exports.VeltNotificationsPanelContentDocumentsListItem = VeltNotificationsPanelContentDocumentsListItem;
+exports.VeltNotificationsPanelContentDocumentsListItemContent = VeltNotificationsPanelContentDocumentsListItemContent;
+exports.VeltNotificationsPanelContentDocumentsListItemCount = VeltNotificationsPanelContentDocumentsListItemCount;
+exports.VeltNotificationsPanelContentDocumentsListItemName = VeltNotificationsPanelContentDocumentsListItemName;
+exports.VeltNotificationsPanelContentDocumentsListItemUnread = VeltNotificationsPanelContentDocumentsListItemUnread;
+exports.VeltNotificationsPanelContentForYou = VeltNotificationsPanelContentForYou;
+exports.VeltNotificationsPanelContentList = VeltNotificationsPanelContentList;
+exports.VeltNotificationsPanelContentListItem = VeltNotificationsPanelContentListItem;
+exports.VeltNotificationsPanelContentListItemAvatar = VeltNotificationsPanelContentListItemAvatar;
+exports.VeltNotificationsPanelContentListItemBody = VeltNotificationsPanelContentListItemBody;
+exports.VeltNotificationsPanelContentListItemFileName = VeltNotificationsPanelContentListItemFileName;
+exports.VeltNotificationsPanelContentListItemHeadline = VeltNotificationsPanelContentListItemHeadline;
+exports.VeltNotificationsPanelContentListItemTime = VeltNotificationsPanelContentListItemTime;
+exports.VeltNotificationsPanelContentListItemUnread = VeltNotificationsPanelContentListItemUnread;
+exports.VeltNotificationsPanelContentLoadMore = VeltNotificationsPanelContentLoadMore;
+exports.VeltNotificationsPanelContentPeople = VeltNotificationsPanelContentPeople;
+exports.VeltNotificationsPanelContentPeopleList = VeltNotificationsPanelContentPeopleList;
+exports.VeltNotificationsPanelContentPeopleListItem = VeltNotificationsPanelContentPeopleListItem;
+exports.VeltNotificationsPanelContentPeopleListItemAvatar = VeltNotificationsPanelContentPeopleListItemAvatar;
+exports.VeltNotificationsPanelContentPeopleListItemContent = VeltNotificationsPanelContentPeopleListItemContent;
+exports.VeltNotificationsPanelContentPeopleListItemCount = VeltNotificationsPanelContentPeopleListItemCount;
+exports.VeltNotificationsPanelContentPeopleListItemName = VeltNotificationsPanelContentPeopleListItemName;
+exports.VeltNotificationsPanelHeader = VeltNotificationsPanelHeader;
+exports.VeltNotificationsPanelHeaderTabAll = VeltNotificationsPanelHeaderTabAll;
+exports.VeltNotificationsPanelHeaderTabDocuments = VeltNotificationsPanelHeaderTabDocuments;
+exports.VeltNotificationsPanelHeaderTabForYou = VeltNotificationsPanelHeaderTabForYou;
+exports.VeltNotificationsPanelHeaderTabPeople = VeltNotificationsPanelHeaderTabPeople;
+exports.VeltNotificationsPanelReadAllButton = VeltNotificationsPanelReadAllButton;
+exports.VeltNotificationsPanelSettings = VeltNotificationsPanelSettings;
+exports.VeltNotificationsPanelSettingsAccordion = VeltNotificationsPanelSettingsAccordion;
+exports.VeltNotificationsPanelSettingsAccordionContent = VeltNotificationsPanelSettingsAccordionContent;
+exports.VeltNotificationsPanelSettingsAccordionContentItem = VeltNotificationsPanelSettingsAccordionContentItem;
+exports.VeltNotificationsPanelSettingsAccordionContentItemIcon = VeltNotificationsPanelSettingsAccordionContentItemIcon;
+exports.VeltNotificationsPanelSettingsAccordionContentItemLabel = VeltNotificationsPanelSettingsAccordionContentItemLabel;
+exports.VeltNotificationsPanelSettingsAccordionTrigger = VeltNotificationsPanelSettingsAccordionTrigger;
+exports.VeltNotificationsPanelSettingsAccordionTriggerIcon = VeltNotificationsPanelSettingsAccordionTriggerIcon;
+exports.VeltNotificationsPanelSettingsAccordionTriggerLabel = VeltNotificationsPanelSettingsAccordionTriggerLabel;
+exports.VeltNotificationsPanelSettingsAccordionTriggerSelectedValue = VeltNotificationsPanelSettingsAccordionTriggerSelectedValue;
+exports.VeltNotificationsPanelSettingsBackButton = VeltNotificationsPanelSettingsBackButton;
+exports.VeltNotificationsPanelSettingsButton = VeltNotificationsPanelSettingsButton;
+exports.VeltNotificationsPanelSettingsDescription = VeltNotificationsPanelSettingsDescription;
+exports.VeltNotificationsPanelSettingsFooter = VeltNotificationsPanelSettingsFooter;
+exports.VeltNotificationsPanelSettingsHeader = VeltNotificationsPanelSettingsHeader;
+exports.VeltNotificationsPanelSettingsHeaderTitle = VeltNotificationsPanelSettingsHeaderTitle;
+exports.VeltNotificationsPanelSettingsList = VeltNotificationsPanelSettingsList;
+exports.VeltNotificationsPanelSettingsMuteAllDescription = VeltNotificationsPanelSettingsMuteAllDescription;
+exports.VeltNotificationsPanelSettingsMuteAllTitle = VeltNotificationsPanelSettingsMuteAllTitle;
+exports.VeltNotificationsPanelSettingsMuteAllToggle = VeltNotificationsPanelSettingsMuteAllToggle;
+exports.VeltNotificationsPanelSettingsTitle = VeltNotificationsPanelSettingsTitle;
+exports.VeltNotificationsPanelSkeleton = VeltNotificationsPanelSkeleton;
+exports.VeltNotificationsPanelTitle = VeltNotificationsPanelTitle;
+exports.VeltNotificationsPanelTitleText = VeltNotificationsPanelTitleText;
+exports.VeltNotificationsPanelViewAllButton = VeltNotificationsPanelViewAllButton;
 exports.VeltNotificationsPanelWireframe = VeltNotificationsPanelWireframe;
 exports.VeltNotificationsTool = VeltNotificationsTool;
+exports.VeltNotificationsToolIcon = VeltNotificationsToolIcon;
+exports.VeltNotificationsToolLabel = VeltNotificationsToolLabel;
+exports.VeltNotificationsToolUnreadCount = VeltNotificationsToolUnreadCount;
+exports.VeltNotificationsToolUnreadIcon = VeltNotificationsToolUnreadIcon;
 exports.VeltNotificationsToolWireframe = VeltNotificationsToolWireframe;
 exports.VeltPersistentCommentModeWireframe = VeltPersistentCommentModeWireframe;
 exports.VeltPresence = SnippylyPresence;