feat(theme): Set theme config from embedded sdk (#32)

Author: msyavuz

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@preset-sdk/embedded",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "Frontend SDK for embedding Preset data analytics into your own application",
   "access": "public",
   "keywords": [

package.json

@@ -69,6 +69,7 @@ export type EmbeddedDashboard = {
     callbackFn: ObserveDataMaskCallbackFn
   ) => void
   getDataMask: () => Record<string, any>
+  setThemeConfig: (themeConfig: Record<string, any>) => void
 }
 
 /**
@@ -196,13 +197,25 @@ export async function embedDashboard({
     ourPort.start()
     ourPort.defineMethod('observeDataMask', callbackFn)
   }
+  const setThemeConfig = async (themeConfig: Record<string, any>): Promise<void> => {
+    try {
+      ourPort.emit('setThemeConfig', { themeConfig });
+      log('Theme config sent successfully (or at least message dispatched)');
+    } catch (error) {
+      log(
+        'Error sending theme config. Ensure the iframe side implements the "setThemeConfig" method.',
+      );
+      throw error;
+    }
+  };
   return {
     getScrollSize,
     unmount,
     getDashboardPermalink,
     getActiveTabs,
     observeDataMask,
-    getDataMask
+    getDataMask,
+    setThemeConfig
   }
 }