react-native-unit-components 2.0.2 → 2.1.0

package/src/scripts/html/bodyScript.ts

@@ -6,12 +6,14 @@ import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import { PlaidMessage } from '../../messages/webMessages/plaidMessages';
 import { PayeeManagementMessage } from '../../messages/webMessages/payeeManagementMessage';
+import { MultipleCardsMessage } from '../../messages/webMessages/multipleCardsMessage';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 
 export const POST_MESSAGE_TO_SDK = `
   const postMessageToSDK = (message) => {
     if ('ReactNativeWebView' in window) {
-    const messageString = JSON.stringify(message)
-    window['ReactNativeWebView'].postMessage(messageString)
+      const messageString = JSON.stringify(message)
+      window['ReactNativeWebView'].postMessage(messageString)
     }
   }
 `;
@@ -44,7 +46,7 @@ export const LISTENERS = {
   `,
   onLoad: `
     window.addEventListener("${UnitComponentsMessage.UNIT_ON_LOAD}", (e) => {
-      if (document.querySelector("unit-elements-account") !== null) {
+      if (document.querySelector("${WebComponentType.account}") !== null) {
         // 10 milliseconds delay to render AccountComponent correctly
         setTimeout(() => {
           postHeight()
@@ -53,16 +55,14 @@ export const LISTENERS = {
         postHeight()
       }
       postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_ON_LOAD}", details: e.detail })
-
     });
   `,
   requestCloseFlow: `
     window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW}", (e) => {
-    // Add a delay of 200 milliseconds to allow the SDK to finish processing prior events that require a Promise before closing the flow
-    setTimeout(() => {
-        postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW}" });
-    }, 200);
-
+      // Add a delay of 200 milliseconds to allow the SDK to finish processing prior events that require a Promise before closing the flow
+      setTimeout(() => {
+          postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW}" });
+      }, 200);
     });
   `,
   requestOpenLink: `
@@ -93,49 +93,58 @@ export const LISTENERS = {
       }).catch((e) => {
         console.log(e)
       })
-  });
+    });
+  `,
+  cardCreated: `
+    window.addEventListener("${CardMessage.CARD_CREATED}", (e) => {
+      const response = e.detail
+      response.then((data) => {
+        postMessageToSDK({ type: "${CardMessage.CARD_CREATED}", details: JSON.stringify(data.data)})
+      }).catch((e) => {
+        console.log(e)
+      })
+    });
   `,
   unitRequestExternalSdk: `
-  window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
-    postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
-  });
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
+    });
   `,
-
   unitRequestLeftToSpendDetails: `
-  window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", (e) => {
-    postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", details: e.detail })
-  });
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", details: e.detail })
+    });
   `,
   unitPaymentCreated: `
-  window.addEventListener("${PaymentMessage.PAYMENT_CREATED}", (e) => {
-    const response = e.detail
+    window.addEventListener("${PaymentMessage.PAYMENT_CREATED}", (e) => {
+      const response = e.detail
       response.then((data) => {
         postMessageToSDK({ type: "${PaymentMessage.PAYMENT_CREATED}", details:  { data: data.data }})
       }).catch((e) => {
         console.log(e)
       })
-  });
+    });
   `,
   unitPaymentInitialStageBackButtonClicked: `
-  window.addEventListener("unitPaymentInitialStageBackButtonClicked", (e) => {
-    postMessageToSDK({ type: "${PaymentMessage.INITIAL_STAGE_BACK_BUTTON_CLICKED}", details: { data: e.detail }})
-  });
+    window.addEventListener("${PaymentMessage.INITIAL_STAGE_BACK_BUTTON_CLICKED}", (e) => {
+      postMessageToSDK({ type: "${PaymentMessage.INITIAL_STAGE_BACK_BUTTON_CLICKED}", details: { data: e.detail }})
+    });
   `,
 
   unitPaymentFinalStageDoneButtonClicked: `
-   window.addEventListener("unitPaymentFinalStageDoneButtonClicked", (e) => {
+   window.addEventListener("${PaymentMessage.FINAL_STAGE_DONE_BUTTON_CLICKED}", (e) => {
     postMessageToSDK({ type: "${PaymentMessage.FINAL_STAGE_DONE_BUTTON_CLICKED}", details: { data: e.detail }})
    });
   `,
   unitPlaidTokenCreated: `
-  window.addEventListener("${PlaidMessage.UNIT_PLAID_TOKEN_CREATED}", (e) => {
-    const response = e.detail
-    response.then((data) => {
-      postMessageToSDK({ type: "${PlaidMessage.UNIT_PLAID_TOKEN_CREATED}", details:  { linkToken: data.data }})
-    }).catch((e) => {
-      console.log(e)
-    })
-  });
+    window.addEventListener("${PlaidMessage.UNIT_PLAID_TOKEN_CREATED}", (e) => {
+      const response = e.detail
+      response.then((data) => {
+        postMessageToSDK({ type: "${PlaidMessage.UNIT_PLAID_TOKEN_CREATED}", details:  { linkToken: data.data }})
+      }).catch((e) => {
+        console.log(e)
+      })
+    });
   `,
   unitAccountChanged: `
     window.addEventListener("${AccountMessage.UNIT_ACCOUNT_CHANGED}", (e) => {
@@ -152,6 +161,11 @@ export const LISTENERS = {
       postMessageToSDK({ type: "${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}", details: e.detail })
     });
   `,
+  unitMultipleCardsFiltersChanged: `
+    window.addEventListener("${MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED}", (e) => {
+      postMessageToSDK({ type: "${MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED}", details: e.detail })
+    });
+  `,
   unitMultiFactorAuthFinished: `
     window.addEventListener("${UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
       const response = await e.detail.response;
@@ -238,14 +252,14 @@ export const LISTENERS = {
   `,
 
   unitOpenPlaid: `
-  window.addEventListener("${PlaidMessage.UNIT_OPEN_PLAID}", async (e) => {
-    const response = event.detail;
-    response.then((data) => {
-      postMessageToSDK({ type: "${PlaidMessage.UNIT_OPEN_PLAID}", details: data.data })
-    }).catch((e) => {
-      console.log(e)
-    })
-  });
+    window.addEventListener("${PlaidMessage.UNIT_OPEN_PLAID}", async (e) => {
+      const response = event.detail;
+      response.then((data) => {
+        postMessageToSDK({ type: "${PlaidMessage.UNIT_OPEN_PLAID}", details: data.data })
+      }).catch((e) => {
+        console.log(e)
+      })
+    });
   `
 };
 
@@ -264,7 +278,7 @@ export const DISPATCH_EVENT_TO_CONTINUE = `
 `;
 
 export const DISPATCH_CARD_STATUS_CHANGED = `
-  const dispatchCardStatueChanged = (details) => {
+  const dispatchCardStatusChanged = (details) => {
     const event = new CustomEvent("${CardMessage.CARD_STATUS_CHANGED}",{ detail: JSON.parse(details) })
     window.dispatchEvent(event)
   }
@@ -291,29 +305,44 @@ export const SET_ITEM_IN_WINDOW_UNIT_STORE = `
 
 export const DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT = `
   const dispatchActivityFilterChangedEvent = (details) => {
-    const event = new CustomEvent("unitActivityFiltersChanged",{ detail: details});
+    const event = new CustomEvent("${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}",{ detail: details});
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT = `
+  const dispatchMultipleCardsFilterChangedEvent = (details) => {
+    const event = new CustomEvent("${MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED}",{ detail: details });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_CARD_CREATED_EVENT = `
+  const dispatchCardCreatedEvent = (details) => {
+    // Add fromSDK to avoid infinite loop
+    const event = new CustomEvent("${CardMessage.CARD_CREATED}",{ detail: { data: JSON.parse(details) ,fromSDK: true } });
     window.dispatchEvent(event);
   }
 `;
 
 export const DISPATCH_PLAID_RESPONSE = `
     const dispatchPlaidEvent = (details) => {
-    const event = new CustomEvent("${PlaidMessage.UNIT_PLAID_RESPONSE}",{ detail: details })
-    window.dispatchEvent(event)
+      const event = new CustomEvent("${PlaidMessage.UNIT_PLAID_RESPONSE}",{ detail: details })
+      window.dispatchEvent(event)
     }
 `;
 
 export const DISPATCH_PLAID_EXIT = `
     const dispatchPlaidExit = (details) => {
-    const event = new CustomEvent("${PlaidMessage.UNIT_PLAID_EXIT}",{ detail: details })
-    window.dispatchEvent(event)
+      const event = new CustomEvent("${PlaidMessage.UNIT_PLAID_EXIT}",{ detail: details })
+      window.dispatchEvent(event)
     }
 `;
 
 export const DISPATCH_OPEN_PLAID = `
     const dispatchOpenPlaidEvent = (details) => {
-    const event = new CustomEvent("${PlaidMessage.UNIT_OPEN_PLAID}",{ detail: details })
-    window.dispatchEvent(event)
+      const event = new CustomEvent("${PlaidMessage.UNIT_OPEN_PLAID}",{ detail: details })
+      window.dispatchEvent(event)
     }
 `;
 

package/src/slices/SharedEventsSlice.ts

@@ -6,11 +6,11 @@ import type { UNAccount, UNCard } from '../types/shared';
 import type { ActivityFiltersChangedEvent } from '../messages/webMessages/activityMessage';
 import type { MultiFactorAuthenticationFinishedEvent, RequestRefreshEvent } from '../messages/webMessages/unitComponentsMessages';
 import type { BottomSheetNativeMessage } from '../messages/nativeMessages/bottomSheetMessage';
-import type { CardMessage } from '../messages/webMessages/cardMessage';
+import type { CardCreatedEvent, CardMessage } from '../messages/webMessages/cardMessage';
 import type { AccountMessage } from '../messages/webMessages/accountMessage';
 import type { ActivityMessage } from '../messages/webMessages/activityMessage';
 import type { UnitComponentsMessage } from '../messages/webMessages/unitComponentsMessages';
-import type { MultipleCardsMessage } from '../messages/webMessages/multipleCardsMessage';
+import type { MultipleCardsFiltersChangedEvent, MultipleCardsMessage } from '../messages/webMessages/multipleCardsMessage';
 import { BottomSheetRenderingMessage } from '../messages/nativeMessages/bottomSheetMessage';
 import { PageMessage } from '../messages/webMessages/pageMessage';
 import { OpenPlaidEvent, PlaidMessage } from '../messages/webMessages/plaidMessages';
@@ -44,6 +44,16 @@ type ActivityFiltersChangedEventState = {
   data: ActivityFiltersChangedEvent
 }
 
+type MultipleCardsFiltersChangedEventState = {
+  key: MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED
+  data: MultipleCardsFiltersChangedEvent
+}
+
+type CardCreatedEventState = {
+  key: CardMessage.CARD_CREATED
+  data: CardCreatedEvent
+}
+
 type RequestCloseBottomSheetFlowEventState = {
   key: UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW,
   data: EmptyObj
@@ -83,9 +93,11 @@ type PayeeCounterpartyDeletedEventState = {
 type SharedEvent =
   | CardStatusChangedEventState
   | CardActivatedEventState
-  | MultipleCardsCardClickedEventState
+  | CardCreatedEventState
   | AccountChangedEventState
   | ActivityFiltersChangedEventState
+  | MultipleCardsCardClickedEventState
+  | MultipleCardsFiltersChangedEventState
   | RequestCloseBottomSheetFlowEventState
   | RequestRenderingBottomSheetEventState
   | RequestRefreshEventState

package/src/types/internal/bottomSheet.types.ts

@@ -8,6 +8,7 @@ import { UNACHDebitComponentProps } from '../../components/UNACHDebitComponent';
 import { UNCheckDepositComponentProps } from '../../components/UNCheckDepositComponent';
 import { UNBookPaymentComponentProps } from '../../components/UNBookPaymentComponent';
 import { UNWirePaymentComponentProps } from '../../components/UNWirePaymentComponent';
+import { UNCreateCardComponentProps } from '../../components/UNCreateCardComponent';
 
 export enum BottomSheetNativePlaceType {
   overFullScreen = 'overFullScreen',
@@ -50,7 +51,8 @@ export enum BottomSheetNativeComponentType {
   ACHDebitComponent = 'UNACHDebitComponent',
   CheckDepositComponent = 'UNCheckDepositComponent',
   BookPaymentComponent = 'UNBookPaymentComponent',
-  WirePaymentComponent = 'UNWirePaymentComponent'
+  WirePaymentComponent = 'UNWirePaymentComponent',
+  CreateCardComponent = 'UNCreateCardComponent'
 }
 
 export type BottomSheetNativeAddToWalletComponentType = {
@@ -83,12 +85,18 @@ export type BottomSheetNativeWirePaymentComponentType = {
   props: UNWirePaymentComponentProps
 }
 
+export type BottomSheetNativeCreateCardComponentType = {
+  type: BottomSheetNativeComponentType.CreateCardComponent,
+  props: UNCreateCardComponentProps
+}
+
 export type BottomSheetNativeComponent = BottomSheetNativeAddToWalletComponentType
   | BottomSheetNativeACHCreditComponentType
   | BottomSheetNativeACHDebitComponentType
   | BottomSheetNativeCheckDepositComponentType
   | BottomSheetNativeBookPaymentComponentType
   | BottomSheetNativeWirePaymentComponentType
+  | BottomSheetNativeCreateCardComponentType
 
 export type BottomSheetSlotData = {
   // The data that rendered by the web view

package/src/types/internal/webComponent.types.ts

@@ -15,6 +15,7 @@ export enum WebComponentType {
   wirePayment = 'unit-elements-wire-payment',
   whiteLabelApp = 'unit-elements-white-label-app',
   multiFactorAuthentication = 'unit-elements-multi-factor-authentication',
+  createCard = 'unit-elements-create-card',
   cardMenu = 'unit-elements-card-menu'
 }
 

package/src/types/shared/account.types.ts

@@ -171,4 +171,9 @@ export enum UNAccountMenuItem {
 export interface UNBankDetails {
   name: string
   address: UNAddress
+}
+
+export enum UNAccountStatusPosition {
+  Start = 'start',
+  End = 'end',
 }

package/src/types/shared/createCard.types.ts

@@ -0,0 +1,187 @@
+import { UNAccountType } from './account.types';
+import { UNCustomerType } from './customer.types';
+import { UNAddress, UNBusinessContact, UNFullName, UNPhone } from './types';
+
+export enum UNCreateCardType {
+  Virtual = 'virtual',
+  Physical = 'physical',
+}
+
+export type UNCreateCardComponentResources = {
+  type: 'createCardComponentResources'
+  attributes: {
+    accounts: UNCreateCardComponentAccount[]
+    customer: UNCreateCardCustomer
+    possibleCardholders: UNCardholder[]
+    resourceDiscovery: UNResourceDiscovery
+    bin?: UNBin[]
+  }
+}
+
+export type UNCreateCardCustomer = UNCreateCardComponentIndividualCustomer | UNCreateCardComponentBusinessCustomer
+
+export type UNCreateCardComponentIndividualCustomer = {
+  type: UNCustomerType.IndividualCustomer
+  attributes: {
+    fullName: UNFullName
+    address: UNAddress
+    dateOfBirth: Date
+    email: string
+    phone: UNPhone
+  }
+}
+
+export type UNCreateCardComponentBusinessCustomer = {
+  type: UNCustomerType.BusinessCustomer
+  attributes: {
+    name: UNFullName
+    address: UNAddress
+    phone: UNPhone
+    contact: UNBusinessContact
+  }
+}
+
+export type UNCreateCardComponentAccount = UNCreateCardComponentDepositAccount | UNCreateCardComponentCreditAccount
+
+export type UNCreateCardComponentDepositAccount = {
+  type: UNAccountType.DepositAccount
+  id: string
+  attributes: {
+    name: string
+    tags: { [key: string]: string }
+    routingNumber: string
+    accountNumber: string
+  }
+}
+
+export type UNCreateCardComponentCreditAccount = {
+  type: UNAccountType.CreditAccount
+  id: string
+  attributes: {
+    name: string
+    tags: { [key: string]: string }
+  }
+}
+
+export type UNCardholderAttributes = {
+  fullName: UNFullName
+  address?: UNAddress
+  dateOfBirth?: Date
+  email?: string
+  phone?: UNPhone
+}
+
+export type UNCardholder = {
+  type: 'possibleCardholder'
+  attributes: UNCardholderAttributes
+}
+
+export interface UNResourceDiscovery {
+  type: 'resourceDiscovery'
+  attributes: {
+    featureSettings?: UNFeatureSettings
+    accountManifest?: UNAccountManifest[]
+    legalLinks?: UNLegalLinks
+    brandName?: string
+    supportComponent?: UNSupportComponent
+  }
+  relationships: {
+    customer: {
+      data: {
+        type: 'customer'
+        id: string
+      }
+    }
+    accounts: {
+      data: UNRelationship[]
+    }
+    cards: {
+      data: UNRelationship[]
+    }
+  }
+}
+
+export interface UNFeatureSettings {
+  wirePayment?: {
+    enabled: boolean
+  }
+  achDebitPayment?: {
+    enabled: boolean
+  }
+  quickbooks?: {
+    enabled: boolean
+  }
+  sameDayAch?: {
+    enabled: boolean
+  }
+  appUsers?: {
+    enabled: boolean
+  }
+}
+
+export interface UNAccountManifest {
+  type: 'depositAccountManifest'
+  attributes: {
+    accountId: string
+    bankName: string
+    maxNumberOfPhysicalCards?: number
+    maxNumberOfVirtualCards?: number
+    dailyCardWithdrawalLimit: number
+    dailyCardDepositLimit: number
+    dailyCardPurchaseLimit: number
+    outgoingWireFee: number
+    outgoingAchFee: number
+    sameDayAchFee: number
+  }
+}
+
+export interface UNLegalLinks {
+  privacyPolicyUrl?: string
+  electronicDisclosuresUrl?: string
+  depositTermsUrl?: string
+  clientTermsUrl?: string
+  cardholderTermsUrl?: string
+  cashAdvancedTermsUrl?: string
+  debitCardDisclosureUrl?: string
+  additionalDisclosures?: UNAdditionalDisclosure[]
+}
+
+export type UNAdditionalDisclosure = {
+  title: string
+  url: string
+}
+
+export type UNSupportComponent = {
+  attributes: {
+    provider?: UNSupportType
+    widgetId?: string
+    widgetToken?: string
+  }
+}
+
+export enum UNSupportType {
+  Zendesk = 'zendesk',
+}
+
+type UNRelationship = {
+  type: string
+  id: string
+}
+
+export type UNBin = {
+  attributes: {
+    bin: string
+    institutionId: string
+    product: string
+  }
+  type: 'whiteLabelBinDto'
+}
+
+export function parseUNCreateCardTypes(input?: string | null): UNCreateCardType[] {
+  if (!input) return [];
+
+  return input
+    .split(',')
+    .map(s => s.trim())
+    .filter((s): s is UNCreateCardType => s in UNCreateCardType);
+}

package/src/types/shared/customer.types.ts

@@ -3,7 +3,7 @@ import { Permissible, UNAddress, UNBusinessContact, UNFullName, UNPhone } from '
 export type UNCustomer = UNIndividualCustomer | UNBusinessCustomer
 
 export type UNBusinessCustomer = {
-  type: CustomerType.BusinessCustomer
+  type: UNCustomerType.BusinessCustomer
   id: string
   attributes: {
     createdAt: Date
@@ -41,7 +41,7 @@ export type UNBusinessCustomer = {
 }
 
 export type UNIndividualCustomer = {
-  type: CustomerType.IndividualCustomer
+  type: UNCustomerType.IndividualCustomer
   id: string
   attributes: {
     createdAt: Date
@@ -84,7 +84,7 @@ export type UNIndividualCustomer = {
   }
 }
 
-export enum CustomerType {
+export enum UNCustomerType {
   IndividualCustomer = 'individualCustomer',
   BusinessCustomer = 'businessCustomer',
 }

package/src/types/shared/index.ts

@@ -18,3 +18,4 @@ export * from './repayment.types';
 export * from './multiFactorAuthentication.types';
 export * from './env.types';
 export * from './securitySettings';
+export * from './createCard.types';

package/src/unitComponentsSdkManager/UnitComponentsSdk.constants.ts

@@ -4,7 +4,7 @@ import { UNComponentsSecuritySettings, UNComponentsSnapshotProtectionStrategy }
 const WEB_SDK_RECOMMENDED_STRATEGY: UNComponentsWebVersioningStrategy = {
   type: UNVersioningStrategyType.upToNextMinor,
   major: 2,
-  minor: 2,
+  minor: 4,
 };
 
 const DEFAULT_SECURITY_SETTINGS: UNComponentsSecuritySettings = {

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

@@ -25,7 +25,7 @@ export class UnitComponentsSDK {
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '2.0.2';
+  protected static sdkVersion = '2.1.0';
 
   public static init = async (
     env: UNComponentsEnvironment,

package/src/webComponent/html.ts

@@ -12,7 +12,9 @@ import {
   DISPATCH_REQUEST_HIDE_SENSITIVE_DATA,
   SET_ITEM_IN_WINDOW_UNIT_STORE,
   DISPATCH_EVENT_TO_CONTINUE,
-  DISPATCH_CARD_STATUS_CHANGED
+  DISPATCH_CARD_STATUS_CHANGED,
+  DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT,
+  DISPATCH_CARD_CREATED_EVENT
 } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
@@ -74,6 +76,8 @@ const htmlText = `
 
       ${LISTENERS.cardStatusChange}
 
+      ${LISTENERS.cardCreated}
+
       ${LISTENERS.unitCounterpartyDeleted}
 
       ${LISTENERS.unitRequestExternalSdk}
@@ -84,6 +88,8 @@ const htmlText = `
 
       ${LISTENERS.unitActivityFiltersChanged}
 
+      ${LISTENERS.unitMultipleCardsFiltersChanged}
+
       ${LISTENERS.unitMultiFactorAuthFinished}
 
       ${LISTENERS.unitUnauthorizedToken}
@@ -104,6 +110,10 @@ const htmlText = `
 
       ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}
 
+      ${DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT}
+
+      ${DISPATCH_CARD_CREATED_EVENT}
+
       ${DISPATCH_REQUEST_ACCOUNT_ACTION}
 
       ${SET_ITEM_IN_WINDOW_UNIT_STORE}