feat: drop Slack/web-push, use CDK js-core (DO NOT MERGE until core is published)

.github/package-cooldown-allowlist.json

@@ -4,10 +4,10 @@
   "allowlist": [
     {
       "name": "@notificationapi/core",
-      "version": "1.2.9",
+      "version": "2.0.0",
       "reason": "Required for NotificationAPI React Client SDK, internal dependency",
       "approvedBy": "millerm30",
-      "approvedAt": "2026-09-08"
+      "approvedAt": "2026-09-24"
     }
   ]
 }

lib/components/Notifications/NotificationFeed.tsx

@@ -6,10 +6,7 @@ import { InboxHeaderProps } from './InboxHeader';
 import { NotificationPreferencesPopup } from '../Preferences';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
 import { Filter, Pagination } from './interface';
-import Divider from '@mui/material/Divider';
 import { useTheme } from '@mui/material/styles';
-import WebPushOptInMessage from '../WebPush/WebPushOptInMessage';
-import Language from '@mui/icons-material/Language';
 import { getThemeColors } from '../../utils/theme';
 
 export type NotificationFeedProps = {
@@ -95,29 +92,6 @@ export const NotificationFeed: React.FC<NotificationFeedProps> = (props) => {
         imageShape={config.imageShape}
         newTab={config.newTab}
       />
-      {context.webPushOptInMessage &&
-        localStorage.getItem('hideWebPushOptInMessage') !== 'true' && (
-          <div>
-            <Divider
-              style={{ margin: '10px 0', borderColor: themeColors.divider }}
-            />
-            <WebPushOptInMessage
-              hideAfterInteraction={true}
-              icon={<Language type="text" style={{ marginLeft: '9px' }} />}
-              descriptionStyle={{
-                flexDirection: 'column', // Stack the elements vertically
-                justifyContent: 'flex-start', // Align items to the left
-                fontSize: '14px',
-                alignItems: 'flex-start' // Align items to the left
-              }}
-              buttonContainerStyle={{
-                justifyContent: 'flex-start', // Align buttons to the left
-                alignItems: 'flex-start', // Align buttons to the left
-                marginTop: '10px' // Add some space between message and buttons
-              }}
-            />
-          </div>
-        )}
       <NotificationPreferencesPopup
         open={openPreferences}
         onClose={() => setOpenPreferences(false)}

lib/components/Notifications/NotificationLauncher.tsx

@@ -5,9 +5,8 @@ import { NotificationPopupProps } from './NotificationPopup';
 import { NotificationAPIContext } from '../Provider/context';
 import { NotificationPreferencesPopup } from '../Preferences';
 import { Position } from './interface';
-import { LanguageOutlined, NotificationsOutlined } from '@mui/icons-material';
-import { Divider, IconButton, Popover, useTheme } from '@mui/material';
-import WebPushOptInMessage from '../WebPush/WebPushOptInMessage';
+import { NotificationsOutlined } from '@mui/icons-material';
+import { IconButton, Popover, useTheme } from '@mui/material';
 import { getThemeColors } from '../../utils/theme';
 
 type NotificationLaucherProps = NotificationPopupProps & {
@@ -149,24 +148,6 @@ export const NotificationLauncher: React.FC<NotificationLaucherProps> = (
             header={config.header}
             newTab={config.newTab}
           />
-          {context.webPushOptInMessage &&
-            localStorage.getItem('hideWebPushOptInMessage') !== 'true' && (
-              <div>
-                <Divider
-                  style={{ margin: '10px 0', borderColor: themeColors.divider }}
-                />
-                <WebPushOptInMessage
-                  hideAfterInteraction={true}
-                  icon={
-                    <LanguageOutlined
-                      type="text"
-                      style={{ marginLeft: '9px' }}
-                    />
-                  }
-                  alertContainerStyle={{ maxWidth: '345px' }}
-                />
-              </div>
-            )}
         </div>
       </Popover>
       <NotificationPreferencesPopup

lib/components/Notifications/NotificationPopup.tsx

@@ -7,9 +7,8 @@ import { InAppNotification } from '@notificationapi/core/dist/interfaces';
 import { NotificationPreferencesPopup } from '../Preferences';
 import { InboxHeaderProps } from './InboxHeader';
 import { Filter, Pagination } from './interface';
-import { Divider, IconButton, Popover, useTheme } from '@mui/material';
+import { IconButton, Popover, useTheme } from '@mui/material';
 import NotificationsOutlined from '@mui/icons-material/NotificationsOutlined';
-import WebPushOptInMessage from '../WebPush/WebPushOptInMessage';
 import { getThemeColors } from '../../utils/theme';
 
 export type NotificationPopupProps = {
@@ -152,15 +151,6 @@ export const NotificationPopup: React.FC<NotificationPopupProps> = (props) => {
             header={config.header}
             newTab={config.newTab}
           />
-          {context.webPushOptInMessage &&
-            localStorage.getItem('hideWebPushOptInMessage') !== 'true' && (
-              <div>
-                <Divider
-                  style={{ margin: '10px 0', borderColor: themeColors.divider }}
-                />
-                <WebPushOptInMessage hideAfterInteraction={true} />
-              </div>
-            )}
         </div>
       </Popover>
       <NotificationPreferencesPopup

lib/components/Preferences/NotificationPreferencesInline.tsx

@@ -1,8 +1,7 @@
 import { useContext } from 'react';
 import { Preferences } from './Preferences';
 import { NotificationAPIContext } from '../Provider/context';
-import { Divider, useTheme } from '@mui/material';
-import WebPushOptInMessage from '../WebPush/WebPushOptInMessage';
+import { useTheme } from '@mui/material';
 import { getThemeColors } from '../../utils/theme';
 
 type NotificationPreferencesInlineProps = object;
@@ -26,28 +25,7 @@ export function NotificationPreferencesInline(
         color: themeColors.text
       }}
     >
-      <Preferences />{' '}
-      {context.webPushOptInMessage && (
-        <div>
-          <Divider
-            style={{ margin: '10px 0', borderColor: themeColors.divider }}
-          />
-          <WebPushOptInMessage
-            hideAfterInteraction={false}
-            descriptionStyle={{
-              flexDirection: 'column', // Stack the elements vertically
-              justifyContent: 'flex-start', // Align items to the left
-              fontSize: '14px',
-              alignItems: 'flex-start' // Align items to the left
-            }}
-            buttonContainerStyle={{
-              justifyContent: 'flex-start', // Align buttons to the left
-              alignItems: 'flex-start', // Align buttons to the left
-              marginTop: '10px' // Add some space between message and buttons
-            }}
-          />
-        </div>
-      )}
+      <Preferences />
     </div>
   );
 }

lib/components/Preferences/NotificationPreferencesPopup.tsx

@@ -2,7 +2,6 @@ import { useContext } from 'react';
 import { Preferences } from './Preferences';
 import { NotificationAPIContext } from '../Provider/context';
 import { Dialog, DialogTitle, DialogContent, useTheme } from '@mui/material';
-import WebPushOptInMessage from '../WebPush/WebPushOptInMessage';
 import { getThemeColors } from '../../utils/theme';
 
 type NotificationPreferencesPopupProps = {
@@ -50,14 +49,6 @@ export function NotificationPreferencesPopup(
         sx={{ backgroundColor: themeColors.paper, color: themeColors.text }}
       >
         <Preferences />
-        {context.webPushOptInMessage && (
-          <div>
-            <WebPushOptInMessage
-              hideAfterInteraction={false}
-              descriptionStyle={{ fontSize: 12 }}
-            />
-          </div>
-        )}
       </DialogContent>
     </Dialog>
   );

lib/components/Preferences/PreferenceInput.tsx

@@ -80,6 +80,10 @@ export const PreferenceInput = ({
   return (
     <>
       {(notification.channels as Channels[])
+        .filter(
+          (channel) =>
+            channel !== Channels.WEB_PUSH && channel !== Channels.SLACK
+        )
         .sort(sortChannels)
         .map((channel: Channels, i) => {
           const preference = preferences.find(

lib/components/Provider/context.ts

@@ -14,7 +14,6 @@ export type Context = {
   notifications?: InAppNotification[];
   preferences?: GetPreferencesResponse;
   userAccountMetaData?: { userAccountMetadata: UserAccountMetadata };
-  webPushOptInMessage?: 'AUTOMATIC' | boolean;
   loadNotifications: (initial?: boolean) => void;
   markAsOpened: () => void;
   markAsArchived: (ids: string[] | 'ALL') => void;
@@ -41,10 +40,6 @@ export type Context = {
     }[]
   ) => void;
   getClient: () => typeof NotificationAPIClientSDK;
-  setWebPushOptInMessage: React.Dispatch<
-    React.SetStateAction<'AUTOMATIC' | boolean>
-  >;
-  setWebPushOptIn: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 export const NotificationAPIContext = createContext<Context | undefined>(