Merge pull request #19 from prismatic-io/tr/inherit-screenconfigurati…

…on-options

screenConfiguration options set at .showMarketplace should inherit from .init options

package.json

@@ -37,5 +37,8 @@
     "typescript": "4.9.4",
     "webpack": "5.75.0",
     "webpack-cli": "5.0.1"
+  },
+  "dependencies": {
+    "lodash.merge": "4.6.2"
   }
 }

src/index.ts

@@ -1,3 +1,4 @@
+import merge from "lodash.merge";
 import init from "./init";
 import authenticate from "./authenticate";
 import { modalSelector, iframeContainerSelector } from "./selectors";
@@ -30,7 +31,9 @@ interface MarketplaceConfiguration {
 }
 
 interface InitializingConfiguration {
+  /** The background color of the loading screen */
   background: string;
+  /** The font color of the loading screen text and loading icon */
   color: string;
 }
 
@@ -153,7 +156,11 @@ const setIframe = (
   if (options) {
     Object.entries(options).forEach(([key, value]) => {
       if (key in state) {
-        state[key] = value;
+        if (state[key] instanceof Object) {
+          state[key] = merge(state[key], value);
+        } else {
+          state[key] = value;
+        }
       }
     });
   }