@embeddable.com/sdk-core 3.9.10 → 3.9.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-core",
-  "version": "3.9.10",
+  "version": "3.9.12",
   "description": "Core Embeddable SDK module responsible for web-components bundling and publishing.",
   "keywords": [
     "embeddable",

package/templates/component.tsx.template

@@ -9,7 +9,7 @@ import { Component, Watch, Host, Prop, Event, EventEmitter, h, Listen } from '@s
 export class EmbeddableComponent {
 
   private rootElement?: HTMLDivElement;
-  private updatePropsEventDispatched?: boolean;
+  private updateEventDispatched?: boolean;
 
   @Prop() componentName: string;
   @Prop() props: string = '{}';
@@ -22,7 +22,6 @@ export class EmbeddableComponent {
     bubbles: true,
   }) componentDidLoadEvent: EventEmitter<any>;
 
-  @Watch('clientContext')
   @Watch('componentName')
   watchComponentName() {
     this.handlePops();
@@ -45,12 +44,19 @@ export class EmbeddableComponent {
   }
 
   componentWillUpdate() {
-    const event = new CustomEvent('embeddable-event:update-props', {
+    const eventProps = new CustomEvent('embeddable-event:update-props', {
       bubbles: false,
       detail: JSON.parse(this.props),
     });
-    this.rootElement.dispatchEvent(event);
-    this.updatePropsEventDispatched = true;
+
+    const eventClientContext = new CustomEvent('embeddable-event:update-client-context', {
+      bubbles: false,
+      detail: JSON.parse(this.clientContext),
+    });
+
+    this.rootElement.dispatchEvent(eventProps);
+    this.rootElement.dispatchEvent(eventClientContext);
+    this.updateEventDispatched = true;
   }
 
   @Listen('embeddable-event:update-props-listen', {target: 'window'})
@@ -58,7 +64,7 @@ export class EmbeddableComponent {
     const componentId = e.detail.componentId;
     const props = JSON.parse(this.props);
 
-    if(this.updatePropsEventDispatched && componentId === props.componentId) {
+    if(this.updateEventDispatched && componentId === props.componentId) {
       const event = new CustomEvent('embeddable-event:update-props', {
         bubbles: false,
         detail: props,
@@ -67,6 +73,20 @@ export class EmbeddableComponent {
    } 
   }
 
+  @Listen('embeddable-event:update-client-context-listen', {target: 'window'})
+  handleUpdateClientContextListen(e) {
+    const componentId = e.detail.componentId;
+    const props = JSON.parse(this.props);
+    if(this.updateEventDispatched && componentId === props.componentId) {
+      const clientContext = JSON.parse(this.clientContext);
+      const event = new CustomEvent('embeddable-event:update-client-context', {
+        bubbles: false,
+        detail: clientContext,
+      });
+      this.rootElement.dispatchEvent(event);
+   } 
+  }
+
   render() {
     return (
       <Host>