Fix routing issues that occur when using setIframe.

.tool-versions

@@ -1 +1 @@
-nodejs 18.16.0
+nodejs 18.17.1

package.json

@@ -18,7 +18,7 @@
     "url": "https://github.com/prismatic-io/embedded.git"
   },
   "license": "MIT",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [

src/lib/configureInstance.ts

@@ -14,7 +14,7 @@ export const configureInstance = ({
 }: ConfigureInstanceProps) => {
   assertInit("configureInstance");
 
-  setIframe("find-integration-marketplace", options, {
+  setIframe("/find-integration-marketplace/", options, {
     integrationName,
     ...(skipRedirectOnRemove ? { skipRedirectOnRemove: "true" } : {}),
   });

src/lib/showComponent.ts

@@ -12,5 +12,5 @@ export const showComponent = ({
 }: ShowComponentProps) => {
   assertInit("showComponent");
 
-  setIframe(`components/${componentId}`, options, {});
+  setIframe(`/components/${componentId}/`, options, {});
 };

src/lib/showComponents.ts

@@ -7,5 +7,5 @@ export type ShowComponentsProps = Options & {};
 export const showComponents = (options: ShowComponentsProps) => {
   assertInit("showComponents");
 
-  setIframe("components", options, {});
+  setIframe("/components/", options, {});
 };

src/lib/showDashboard.ts

@@ -9,5 +9,5 @@ export const showDashboard = (
 ) => {
   assertInit("showDashboard");
 
-  setIframe("dashboard", options, {});
+  setIframe("/dashboard/", options, {});
 };

src/lib/showDesigner.ts

@@ -12,5 +12,5 @@ export const showDesigner = ({
 }: ShowDesignerProps) => {
   assertInit("showDesigner");
 
-  setIframe(`integrations/${integrationId}`, options, {});
+  setIframe(`/integrations/${integrationId}/`, options, {});
 };

src/lib/showIntegrations.ts

@@ -7,5 +7,5 @@ export type ShowIntegrationsProps = Options & {};
 export const showIntegrations = (options: ShowIntegrationsProps) => {
   assertInit("showIntegrations");
 
-  setIframe("integrations", options, {});
+  setIframe("/integrations/", options, {});
 };

src/lib/showLogs.ts

@@ -7,5 +7,5 @@ export type ShowLogsProps = Options & {};
 export const showLogs = (options: ShowLogsProps) => {
   assertInit("showLogs");
 
-  setIframe("logs", options, {});
+  setIframe("/logs/", options, {});
 };

src/lib/showMarketplace.ts

@@ -9,5 +9,5 @@ export const showMarketplace = (
 ) => {
   assertInit("showMarketplace");
 
-  setIframe("integration-marketplace", options, {});
+  setIframe("/integration-marketplace/", options, {});
 };

src/utils/iframe.ts

@@ -85,7 +85,7 @@ export const setIframe = (
     );
   }
 
-  const iframeSrc = urlJoin(state.prismaticUrl, route, `?${queryParams}`);
+  const iframeSrc = `${urlJoin(state.prismaticUrl, route)}?${queryParams}`;
 
   iframeContainerElement.innerHTML = /* html */ `
     <iframe