@ehrocks/react-native-swag-ui-patterns

@ehrocks/react-native-superapp-communication

Utilities for communication between mini apps or mini app and core EH app

Installation

Open a Terminal in your project's folder and run,

yarn add @ehrocks/react-native-superapp-communication

Usage

• Identity
  • User login event
  • Token changed event
  • User logout event
• Notification
  • Open event
• DeepLink
  • Open event

Identity

User login event

import { Identity } from '@ehrocks/react-native-superapp-communication';

// Listen to login event
const removeLoginListener = Identity.addLoginListener((token) => {
  console.log({ token });
});

// Dispatch login event
Identity.dispatchLoginEvent('token');

// Remove login listener
removeLoginListener();

Token changed event

import { Identity } from '@ehrocks/react-native-superapp-communication';

// Listen to token changed event
const removeTokenChangedListener = Identity.addTokenChangedListener((token) => {
  console.log({ token });
});

// Dispatch token changed event
Identity.dispatchTokenChangedEvent('token');

// Remove the listener
removeTokenChangedListener();

User logout event

import { Identity } from '@ehrocks/react-native-superapp-communication';

// Listen to logout event
const removeLogoutListener = Identity.addLogoutListener(() => {
  console.log('Receive Logout event');
});

// Dispatch logout event
Identity.dispatchLogoutEvent({});

// Remove logout listener
removeLogoutListener();

Notification

Open event

import { NotificationEvent } from '@ehrocks/react-native-superapp-communication';

// Listen to open notification event
const removeOpenNotificationListener = NotificationEvent.addOpenNotificationListener((payload) => {
  console.log(payload);
});

// Dispatch open notification event
const payload = {
  type: 'notification_type',
  organisation_id: '1234',
  meta: {
    appName: 'swagApp'
  }
}
NotificationEvent.dispatchOpenNotificationEvent(payload);

// Remove open notification listener
removeOpenNotificationListener()

DeepLink

Open event

import { DeepLinkEvent  } from '@ehrocks/react-native-superapp-communication';

// Listen to open deep link event
const removeOpenDeelinkListener = DeepLinkEvent.addOpenDeepLinkListener((payload) => {
  console.log(payload);
});

// Dispatch open deep link event
const payload = {
  url: 'employmenthero://test',
}
DeepLinkEvent.dispatchOpenDeepLinkEvent(payload);

// Remove open deeplink listener
removeOpenDeeplinkListener();