@mxenabled/web-connect-widget-sdk 0.0.3 → 0.0.4

package/README.md

@@ -0,0 +1,25 @@
+# MX Web Connect Widget SDK
+
+## Purpose
+
+The purpose of this project is to be able to easily integrate the MX connect widget into a web app.
+
+## Implementation guide
+
+The implementation guide lives in the MX docs [here](Add something here when it exists).
+
+## How it works
+
+This package mounts an connect widget iframe to the DOM, listens for post messages, and provides callbacks for handling MX events.
+
+## API Documentation
+
+The api documentation is [here](./API.md)
+
+## Contributing
+
+Read the [contributing guide](./CONTRIBUTING.md) to learn about the development process.
+
+## License
+
+This project is lincensed under the terms of the [MIT license](LICENSE).

package/dist/ConnectWidget.d.ts

@@ -2,7 +2,7 @@ import { Event } from './consts';
 interface ConnectWidgetProps {
     containerSelector: string;
     iframeProps?: Record<string, unknown>;
-    onEvent?: (event: Event) => void;
+    onEvent: (event: Event) => void;
     url: string;
 }
 export declare const ConnectWidget: ({ containerSelector, iframeProps, onEvent, url, }: ConnectWidgetProps) => {

package/dist/index.js

@@ -4,11 +4,7 @@ const g = ({
   onEvent: a,
   url: o
 }) => {
-  const t = document.createElement("iframe"), { style: c, ...d } = i || {}, m = {
-    height: "100%",
-    width: "100%",
-    ...c ?? {}
-  };
+  const t = document.createElement("iframe"), { style: c, ...d } = i || {}, m = c || { height: "100%", width: "100%" };
   Object.assign(t.style, m);
   for (const [e, n] of Object.entries(d))
     e.startsWith("data-") ? t.setAttribute(e, String(n)) : Object.assign(t, { [e]: n });
@@ -17,7 +13,7 @@ const g = ({
     if (e.origin !== new URL(o).origin)
       return;
     const { data: n } = e, { metadata: f, type: u } = n;
-    a?.({
+    a({
       metadata: f,
       type: u
     });

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t.index={}))})(this,(function(t){"use strict";const o=({containerSelector:s,iframeProps:a,onEvent:c,url:r})=>{const n=document.createElement("iframe"),{style:f,...u}=a||{},m={height:"100%",width:"100%",...f??{}};Object.assign(n.style,m);for(const[e,i]of Object.entries(u))e.startsWith("data-")?n.setAttribute(e,String(i)):Object.assign(n,{[e]:i});n.src=r;const d=e=>{if(e.origin!==new URL(r).origin)return;const{data:i}=e,{metadata:l,type:g}=i;c?.({metadata:l,type:g})};return{mount:()=>{const e=document.querySelector(s);if(!e)throw new Error(`Container with selector "${s}" not found.`);e.appendChild(n),window.addEventListener("message",d)},unmount:()=>{n.remove(),window.removeEventListener("message",d)}}};t.ConnectWidget=o,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t.index={}))})(this,(function(t){"use strict";const o=({containerSelector:s,iframeProps:a,onEvent:c,url:r})=>{const n=document.createElement("iframe"),{style:f,...u}=a||{},m=f||{height:"100%",width:"100%"};Object.assign(n.style,m);for(const[e,i]of Object.entries(u))e.startsWith("data-")?n.setAttribute(e,String(i)):Object.assign(n,{[e]:i});n.src=r;const d=e=>{if(e.origin!==new URL(r).origin)return;const{data:i}=e,{metadata:l,type:g}=i;c({metadata:l,type:g})};return{mount:()=>{const e=document.querySelector(s);if(!e)throw new Error(`Container with selector "${s}" not found.`);e.appendChild(n),window.addEventListener("message",d)},unmount:()=>{n.remove(),window.removeEventListener("message",d)}}};t.ConnectWidget=o,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxenabled/web-connect-widget-sdk",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "MX Connect Web Widget SDK",
   "files": [
     "dist"