@rehers/rehers-roleplay-sdk 2.2.0 → 2.3.0

package/README.md

@@ -47,7 +47,10 @@ Or load via CDN:
     onError: function(data) { console.error('Error:', data.code, data.message); },
   });
 
-  // 2b. Or mount into a container (full-page embed)
+  // 2b. Or mount the full app into a container (full-page embed)
+  SeamlessRoleplay.mount(document.getElementById('roleplay-container'));
+
+  // 2c. Or mount a call for a specific contact into a container
   SeamlessRoleplay.mount(document.getElementById('roleplay-container'), {
     name: 'Jane Smith',
     domain: 'acme.com',
@@ -110,9 +113,12 @@ Opens the roleplay in a modal dialog overlay.
 | `onClose` | `function` | No | Called when dialog closes |
 | `onError` | `function` | No | `({ code, message })` |
 
-### `SeamlessRoleplay.mount(container, data)`
+### `SeamlessRoleplay.mount(container, data?)`
+
+Mounts into a DOM element. Two modes:
 
-Mounts the roleplay into a DOM element (full-page embed). Same `data` options as `open()`.
+- **`mount(container)`** — embeds the full Roleplay app (dashboard, scenarios, call logs)
+- **`mount(container, data)`** — embeds a roleplay call for a specific contact (same `data` options as `open()`)
 
 ### `SeamlessRoleplay.addToScenario(options)`
 

package/index.d.ts

@@ -78,8 +78,8 @@ export interface SeamlessRoleplaySDK {
   init(options: SeamlessRoleplayInitOptions): void;
   /** Open the roleplay modal for a contact (dialog mode). */
   open(data: SeamlessRoleplayOpenData): void;
-  /** Mount the roleplay into a container element (full-page embed). */
-  mount(container: HTMLElement, data: SeamlessRoleplayOpenData): void;
+  /** Mount the full Roleplay app into a container (no data), or a call embed for a specific contact (with data). */
+  mount(container: HTMLElement, data?: SeamlessRoleplayOpenData): void;
   /** Open the add-to-scenario dialog for bulk contact import. */
   addToScenario(options: AddToScenarioOptions): void;
   /** Close the roleplay dialog or unmount. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rehers/rehers-roleplay-sdk",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Seamless Roleplay SDK — embed roleplay call sessions via a modal + iframe",
   "main": "roleplay-sdk.js",
   "types": "index.d.ts",

package/roleplay-sdk.js

@@ -219,19 +219,20 @@
       };
       if (paymentLink) msg.paymentLink = paymentLink;
       sendToIframe(msg);
-    } else if (token && pendingContactData) {
-      sendToIframe({
+    } else if (token) {
+      var msg = {
         type: "seamless-session-init",
         sessionToken: token,
-        contact: {
+        contact: pendingContactData ? {
           name: pendingContactData.name,
           domain: pendingContactData.domain,
           company: pendingContactData.company,
           title: pendingContactData.title,
           companyDescription: pendingContactData.companyDescription || undefined,
           liUrl: pendingContactData.liUrl || undefined,
-        },
-      });
+        } : null,
+      };
+      sendToIframe(msg);
     } else if (paymentLink) {
       sendToIframe({
         type: "seamless-session-init",
@@ -336,9 +337,9 @@
 
   // ── Create iframe ───────────────────────────────────────────────────
 
-  function createIframe() {
+  function createIframe(path) {
     var iframeEl = document.createElement("iframe");
-    iframeEl.src = getOrigin() + "/embed/roleplay-call";
+    iframeEl.src = getOrigin() + (path || "/embed/roleplay-call");
     iframeEl.allow = "camera; microphone; display-capture; autoplay";
     iframeEl.style.width = "100%";
     iframeEl.style.height = "100%";
@@ -502,7 +503,11 @@
     },
 
     /**
-     * Mount the roleplay into a container element (full-page embed).
+     * Mount the roleplay into a container element.
+     *
+     * Two modes:
+     *   mount(container)             — full app embed (dashboard, scenarios, call logs, etc.)
+     *   mount(container, contactData) — roleplay call embed for a specific contact
      */
     mount: function (container, data) {
       try {
@@ -514,19 +519,22 @@
           logError("mount", "requires a DOM element as first argument");
           return;
         }
-        if (!data || !data.name || !data.domain || !data.company || !data.title) {
-          logError("mount", "requires { name, domain, company, title }");
+
+        // If contact data is provided, validate required fields
+        var hasContactData = data && data.name && data.domain && data.company && data.title;
+        if (data && !hasContactData && (data.name || data.domain || data.company || data.title)) {
+          logError("mount", "contact data requires { name, domain, company, title }");
           return;
         }
 
         // If already open, tear down first (also cancels any pending close timer)
         if (overlay || (iframe && mode)) teardown();
 
-        pendingContactData = data;
-        callbacks.onCallStarted = data.onCallStarted || null;
-        callbacks.onCallEnded = data.onCallEnded || null;
-        callbacks.onClose = data.onClose || null;
-        callbacks.onError = data.onError || null;
+        pendingContactData = hasContactData ? data : null;
+        callbacks.onCallStarted = (data && data.onCallStarted) || null;
+        callbacks.onCallEnded = (data && data.onCallEnded) || null;
+        callbacks.onClose = (data && data.onClose) || null;
+        callbacks.onError = (data && data.onError) || null;
         mode = "mount";
         mountContainer = container;
 
@@ -534,7 +542,8 @@
         listener = handleMessage;
         window.addEventListener("message", listener);
 
-        var iframeEl = createIframe();
+        // No contact data → full app embed at root; with contact → /embed/roleplay-call
+        var iframeEl = createIframe(hasContactData ? "/embed/roleplay-call" : "/");
         iframe = iframeEl;
         container.appendChild(iframeEl);
       } catch (e) {