[May 2023] API, Dashboard, and SDK updates

[kgray-MB]

Dashboard updates

User detail

View phone numbers and active push subscriptions for a User.

Notification details

View the status of each delivery for a notification recipient.

deliveries.mp4

Style the enable web push dialog

Use the theme editor to style the enable-web-push dialog theme props.

style_dialog_2.mp4

React and Embeddable SDKs

CSS variables

Magicbell-react and embeddable now support passing in CSS variables in the theme config. View Release

import MagicBell, { NotificationInbox } from '@magicbell/magicbell-react';

const customTheme = {
  icon: {
    borderColor: 'var(--magicbell-icon-border-color)',
  },
};

<MagicBell theme={customTheme} apiKey={...} userEmail={...}>
  {() => <NotificationInbox height={500} />}
</MagicBell>

Style the enable web push dialog

Magicbell-react and embeddable now support styleing the enable-web-push dialog, via theme.dialog prop. View release

const theme = {
  dialog: {
    backgroundColor: '#FFFFFF',
    textColor: '#3A424D',
    accentColor: '#5225C1',
  }
}

<MagicBell theme={theme} apiKey={...} userEmail={...}>
  {() => <NotificationInbox height={500} />}
</MagicBell>

If no customization options are provided, the dialog will use dark or light theme depending on the browsers preferred color scheme. Supported options are:

API updates

New API endpoints to help you manage Users. View docs

GET Fetch users
GET Fetch user by ID
GET Fetch user's push subscriptions
DEL Delete user's push subscription