Merge pull request #7 from wayfair-incubator/sdashner_add_events

Add new events

Author: sdashner

src/classes/ClientCommunicator.ts

@@ -1,8 +1,8 @@
 import {Communicator} from './Communicator';
 
 export enum ClientEvent {
-  Init = 'Init',
-  RefreshToken = 'RefreshToken',
+  LoginWithToken = 'LoginWithToken',
+  RefreshWithToken = 'RefreshToken',
 }
 
 interface InitPayload {
@@ -12,9 +12,9 @@ interface InitPayload {
 
 export class ClientCommunicator extends Communicator {
   init(payload: InitPayload) {
-    this.post({type: ClientEvent.Init, payload});
+    this.post({type: ClientEvent.LoginWithToken, payload});
   }
-  refreshToken(token: string) {
-    this.post({type: ClientEvent.RefreshToken, payload: token});
+  refreshWithToken(token: string) {
+    this.post({type: ClientEvent.RefreshWithToken, payload: token});
   }
 }

src/classes/Communicator.ts

@@ -5,7 +5,7 @@ type EventType = VendorEvent | ClientEvent | string;
 
 interface CommunicatorEvent {
   type: EventType;
-  payload: any;
+  payload?: any;
 }
 
 export class Communicator {
@@ -35,7 +35,7 @@ export class Communicator {
     window.removeEventListener('message', cb);
   }
 
-  post(payload: CommunicatorEvent) {
-    this.target.postMessage(payload, this.origin);
+  post({type, payload = ''}: CommunicatorEvent) {
+    this.target.postMessage({type, payload}, this.origin);
   }
 }

src/classes/VendorCommunicator.ts

@@ -2,30 +2,33 @@ import {Communicator} from './Communicator';
 
 export enum VendorEvent {
   AddToCart = 'AddToCart',
-  DesignerHandoff = 'DesignerHandoff',
-  RequestToken = 'RequestToken',
-  ProjectDirty = 'ProjectDirty',
+  AppInitialized = 'AppInitialized',
+  ContactDesigner = 'ContactDesigner',
+  DirtyStateChanged = 'DirtyStateChanged',
+  IframeLoaded = 'IframeLoaded',
   ProjectSaved = 'ProjectSaved',
   ProjectDeleted = 'ProjectDeleted',
+  TokenRefreshRequested = 'TokenRefreshRequested',
+  UnauthorizedToken = 'UnauthorizedToken',
 }
 
-interface ProjectDetails {
-  customerUid: number;
-  projectId: number;
-  projectVersion?: number;
+interface MetaData {
+  title: string;
   brand: string;
   style: string;
   color: string;
-  url: string;
+  thumbnailUri: string;
+  area?: number;
 }
 
-interface AtcPayload extends ProjectDetails {
-  //TODO: match this with correct formatting
-  bom: {};
-}
-
-interface DesignerHandoffPayload extends ProjectDetails {
-  area: number;
+interface EventPayload {
+  schema: string;
+  token: string;
+  customerId: string;
+  projectId: string;
+  versionId: number;
+  metadata: MetaData;
+  bom?: {};
 }
 
 export class VendorCommunicator extends Communicator {
@@ -35,27 +38,39 @@ export class VendorCommunicator extends Communicator {
     this.origin = origin;
   }
 
-  addToCart(payload: AtcPayload) {
+  addToCart(payload: EventPayload) {
     this.post({type: VendorEvent.AddToCart, payload});
   }
 
-  designerHandoff(payload: DesignerHandoffPayload) {
-    this.post({type: VendorEvent.DesignerHandoff, payload});
+  appInitialized() {
+    this.post({type: VendorEvent.AddToCart});
+  }
+
+  contactDesigner(payload: EventPayload) {
+    this.post({type: VendorEvent.ContactDesigner, payload});
   }
 
-  requestToken() {
-    this.post({type: VendorEvent.RequestToken, payload: ''});
+  dirtyStateChanged() {
+    this.post({type: VendorEvent.DirtyStateChanged});
   }
 
-  projectDirty() {
-    this.post({type: VendorEvent.ProjectDirty, payload: ''});
+  iframeLoaded() {
+    this.post({type: VendorEvent.IframeLoaded});
   }
 
   projectSaved() {
-    this.post({type: VendorEvent.ProjectSaved, payload: ''});
+    this.post({type: VendorEvent.ProjectSaved});
   }
 
   projectDeleted() {
-    this.post({type: VendorEvent.ProjectDeleted, payload: ''});
+    this.post({type: VendorEvent.ProjectDeleted});
+  }
+
+  tokenRefreshRequested() {
+    this.post({type: VendorEvent.TokenRefreshRequested});
+  }
+
+  unauthorizedToken(error: string) {
+    this.post({type: VendorEvent.UnauthorizedToken, payload: error});
   }
 }