@notabene/javascript-sdk 2.0.0-next.7 → 2.0.0-next.9

package/dist/notabene.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var u=(s,e,t)=>e in s?d(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>u(s,typeof e!="symbol"?e+"":e,t);var h=(s=>(s.COMPLETE="complete",s.RESIZE="resize",s.RESULT="result",s.READY="ready",s.INVALID="invalid",s.MODAL="openModal",s.ERROR="error",s.CLOSE="closeModal",s.CANCEL="cancel",s))(h||{}),c=(s=>(s.UPDATE="update",s.REQUEST_RESPONSE="requestResponse",s))(c||{});class m{constructor(){o(this,"listeners",new Map);o(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,t){this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t)}off(e,t){const r=this.listeners.get(e);r&&(r.delete(t),r.size===0&&this.listeners.delete(e))}handleMessage(e){console.log("received message",e.data);const t=e.data;if(typeof t=="object"&&t!==null&&"type"in t){const r=t.type,n=this.listeners.get(r);n&&n.forEach(i=>i(t))}}send(e){this.port&&this.port.postMessage(e)}}class f{constructor(e,t){o(this,"_url");o(this,"_value");o(this,"_errors",[]);o(this,"iframe");o(this,"eventManager");o(this,"ready",!1);this._url=e,this._value=t,this.eventManager=new m,this.on(h.INVALID,r=>{r.type===h.INVALID&&(this._errors=r.errors,this._value=r.value)}),this.on(h.RESIZE,r=>{r.type===h.RESIZE&&this.iframe&&(this.iframe.style.height=`${r.height}px`)})}get url(){return this._url}get value(){return this._value}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){var r,n;this.iframe=document.createElement("iframe"),this.iframe.src=this.url,this.iframe.style.width="100%",this.iframe.style.height="100px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",window.addEventListener("message",i=>{var a,l;i.source===((a=this.iframe)==null?void 0:a.contentWindow)&&(console.log("received message from iframe",i.data),(l=this.eventManager)==null||l.setPort(i.ports[0]),this.ready=!0)});const t=document.querySelector(e);if(!t)throw new Error(`parentID ${e} not found`);t.appendChild(this.iframe),(n=(r=this.iframe)==null?void 0:r.contentWindow)==null||n.focus()}send(e){this.eventManager.send(e)}on(e,t){this.eventManager.on(e,t)}off(e,t){this.eventManager.off(e,t)}update(e){this._value=e,this.send({type:c.UPDATE,value:e})}completion(){return new Promise((e,t)=>{this.on(h.COMPLETE,r=>{e(r.response)}),this.on("error",r=>{t(new Error(r.message))})})}}function p(s){return Object.entries(s).map(([e,t])=>{if(!(e&&t))return;const r=encodeURIComponent(e),n=encodeURIComponent(typeof t=="object"?JSON.stringify(t):t);return`${r}=${n}`}).filter(e=>!!e).join("&")}class E{constructor(e){o(this,"nodeUrl");o(this,"authToken");o(this,"uxUrl");o(this,"theme");o(this,"locale");this.uxUrl=e.uxUrl||"https://connect.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.locale=e.locale}componentUrl(e,t,r,n){const i=new URL(this.uxUrl);i.pathname=e;const a=p({authToken:this.authToken,value:t,configuration:r});return i.hash=a,this.nodeUrl&&i.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&i.searchParams.set("theme",JSON.stringify(this.theme)),this.locale&&i.searchParams.set("locale",this.locale),n&&(n.callback&&i.searchParams.set("callback_url",n.callback),n.redirectUri&&i.searchParams.set("redirect_uri",n.redirectUri)),i.toString()}createComponent(e,t,r,n){return new f(this.componentUrl(e,t,r,n),t)}createWithdrawalAssist(e,t,r){return this.createComponent("withdrawal-assist",e,t,r)}decodeFragmentToObject(e){return e.slice(1).split("&").reduce((r,n)=>{const[i,a]=n.split("=");return r[decodeURIComponent(i)]=decodeURIComponent(a),r},{})}}module.exports=E;
+"use strict";var d=Object.defineProperty;var c=(r,e,t)=>e in r?d(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var n=(r,e,t)=>c(r,typeof e!="symbol"?e+"":e,t);var h=(r=>(r.COMPLETE="complete",r.RESIZE="resize",r.RESULT="result",r.READY="ready",r.INVALID="invalid",r.MODAL="openModal",r.ERROR="error",r.CLOSE="closeModal",r.CANCEL="cancel",r))(h||{}),l=(r=>(r.UPDATE="update",r.REQUEST_RESPONSE="requestResponse",r))(l||{});class m{constructor(){n(this,"listeners",new Map);n(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,t){this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t)}off(e,t){const s=this.listeners.get(e);s&&(s.delete(t),s.size===0&&this.listeners.delete(e))}handleMessage(e){console.log("received message",e.data);const t=e.data;if(typeof t=="object"&&t!==null&&"type"in t){const s=t.type,o=this.listeners.get(s);o&&o.forEach(i=>i(t))}}send(e){this.port&&this.port.postMessage(e)}}class u{constructor(e,t){n(this,"_url");n(this,"_value");n(this,"_errors",[]);n(this,"iframe");n(this,"eventManager");n(this,"ready",!1);n(this,"modal");this._url=e,this._value=t,this.eventManager=new m,this.on(h.INVALID,s=>{s.type===h.INVALID&&(this._errors=s.errors,this._value=s.value)}),this.on(h.RESIZE,s=>{s.type===h.RESIZE&&this.iframe&&(this.iframe.style.height=`${s.height}px`)})}get url(){return this._url}get value(){return this._value}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){const t=document.querySelector(e);if(!t)throw new Error(`parentID ${e} not found`);this.embed(t)}embed(e){var t,s;this.iframe=document.createElement("iframe"),this.iframe.src=this.url,this.iframe.style.width="100%",this.iframe.style.height="100px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",this.iframe.setAttribute("allowtransparency","true"),this.iframe.style.backgroundColor="transparent",e.appendChild(this.iframe),window.addEventListener("message",o=>{var i,a;o.source===((i=this.iframe)==null?void 0:i.contentWindow)&&(console.log("received message from iframe",o.data),(a=this.eventManager)==null||a.setPort(o.ports[0]),this.ready=!0)}),(s=(t=this.iframe)==null?void 0:t.contentWindow)==null||s.focus()}send(e){this.eventManager.send(e)}on(e,t){this.eventManager.on(e,t)}off(e,t){this.eventManager.off(e,t)}update(e){this._value=e,this.send({type:l.UPDATE,value:e})}completion(){return new Promise((e,t)=>{this.closeModal(),this.on(h.COMPLETE,s=>{e(s.response)}),this.on("error",s=>{t(new Error(s.message))})})}openModal(){this.modal&&this.closeModal(),this.modal=document.createElement("dialog"),document.body.appendChild(this.modal),this.embed(this.modal),this.modal.showModal(),this.modal.addEventListener("click",()=>{this.closeModal()})}closeModal(){var e;this.modal&&(console.log("closeModal"),(e=this.modal)==null||e.close(),this.modal.remove(),this.modal=void 0)}}function f(r){return Object.entries(r).map(([e,t])=>{if(!(e&&t))return;const s=encodeURIComponent(e),o=encodeURIComponent(typeof t=="object"?JSON.stringify(t):t);return`${s}=${o}`}).filter(e=>!!e).join("&")}class p{constructor(e){n(this,"nodeUrl");n(this,"authToken");n(this,"uxUrl");n(this,"theme");n(this,"locale");this.uxUrl=e.uxUrl||"https://connect.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.locale=e.locale}componentUrl(e,t,s,o){const i=new URL(this.uxUrl);i.pathname=e;const a=f({authToken:this.authToken,value:t,configuration:s});return i.hash=a,this.nodeUrl&&i.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&i.searchParams.set("theme",JSON.stringify(this.theme)),this.locale&&i.searchParams.set("locale",this.locale),o&&(o.callback&&i.searchParams.set("callback_url",o.callback),o.redirectUri&&i.searchParams.set("redirect_uri",o.redirectUri)),i.toString()}createComponent(e,t,s,o){return new u(this.componentUrl(e,t,s,o),t)}createWithdrawalAssist(e,t,s){return this.createComponent("withdrawal-assist",e,t,s)}createDepositAssist(e,t,s){return this.createComponent("deposit-assist",e,t,s)}createConnect(e,t,s){return this.createComponent("connect",e,t,s)}createDepositRequest(e,t,s){return this.createComponent("deposit-request",e,t,s)}decodeFragmentToObject(e){return e.slice(1).split("&").reduce((s,o)=>{const[i,a]=o.split("=");return s[decodeURIComponent(i)]=decodeURIComponent(a),s},{})}}module.exports=p;

package/dist/notabene.d.ts

@@ -152,6 +152,8 @@ export declare interface Counterparty {
     verified?: boolean;
 }
 
+declare type CryptoCredential = `${string}.${string}.mastercard`;
+
 /**
  * 5.2.7
  * DateAndPlaceOfBirth
@@ -171,11 +173,29 @@ export declare interface DeclarationProof extends OwnershipProof {
     confirmed: boolean;
 }
 
+/**
+ * An object representing a deposit transaction
+ * @public
+ */
+export declare interface Deposit extends OriginatorFields, Transaction {
+}
+
+/**
+ * An object representing a request for a deposit
+ * @public
+ */
+export declare interface DepositRequest extends DepositRequestFields, Transaction {
+}
+
+declare type DepositRequestFields = {
+    destinations: destination[];
+};
+
 /**
  * The destination of a transaction either a blockchain address, a CAIP-19 address, or a travel address.
  * @public
  */
-export declare type destination = BlockchainAddress | CAIP10 | TravelAddress;
+export declare type destination = BlockchainAddress | CAIP10 | CryptoCredential | TravelAddress;
 
 declare type DID = `did:${string}:${string}`;
 
@@ -192,17 +212,21 @@ export declare class EmbeddedComponent {
     private iframe?;
     private eventManager;
     private ready;
+    private modal?;
     constructor(url: string, value: Partial<Transaction>);
     get url(): string;
     get value(): Partial<Transaction>;
     get errors(): ValidationError[];
     open(): void;
     mount(parentId: string): void;
+    embed(parent: Element): void;
     send(message: HostMessage): void;
     on(messageType: string, callback: MessageCallback): void;
     off(messageType: string, callback: MessageCallback): void;
     update(value: Partial<Transaction>): void;
     completion(): Promise<TransactionResponse>;
+    openModal(): void;
+    private closeModal;
 }
 
 declare type Error_2 = {
@@ -431,9 +455,12 @@ declare class Notabene {
     private theme?;
     private locale?;
     constructor(config: NotabeneConfig);
-    componentUrl(path: string, value: Partial<Transaction>, configuration?: any, callbacks?: CallbackOptions): string;
-    createComponent(path: string, value: Partial<Transaction>, options?: any, callbacks?: CallbackOptions): EmbeddedComponent;
-    createWithdrawalAssist(value: Partial<Withdrawal>, options?: any, callbacks?: CallbackOptions): EmbeddedComponent;
+    componentUrl(path: string, value: Partial<Transaction>, configuration?: TransactionOptions, callbacks?: CallbackOptions): string;
+    createComponent(path: string, value: Partial<Transaction>, options?: TransactionOptions, callbacks?: CallbackOptions): EmbeddedComponent;
+    createWithdrawalAssist(value: Partial<Withdrawal>, options?: TransactionOptions, callbacks?: CallbackOptions): EmbeddedComponent;
+    createDepositAssist(value: Partial<Deposit>, options?: any, callbacks?: CallbackOptions): EmbeddedComponent;
+    createConnect(value: Partial<Withdrawal>, options?: TransactionOptions, callbacks?: CallbackOptions): EmbeddedComponent;
+    createDepositRequest(value: Partial<DepositRequest>, options?: TransactionOptions, callbacks?: CallbackOptions): EmbeddedComponent;
     decodeFragmentToObject(fragment: string): Record<string, string>;
 }
 export { Notabene }
@@ -471,6 +498,10 @@ declare type Originator = {
     accountNumber?: string[];
 };
 
+declare type OriginatorFields = {
+    source?: Source;
+};
+
 /**
  * Ownership Proof
  * @public
@@ -589,6 +620,8 @@ export declare interface SignatureProof extends OwnershipProof {
     wallet_provider: string;
 }
 
+declare type Source = BlockchainAddress | CAIP10;
+
 /**
  * The verification status of a transaction
  * @public
@@ -635,6 +668,15 @@ export declare interface Transaction {
  */
 export declare type TransactionAsset = NotabeneAsset | CAIP19 | DTI;
 
+/**
+ * Configuration options for Transaction components
+ * @public
+ */
+export declare interface TransactionOptions {
+    microTransactionAddress?: BlockchainAddress;
+    proofFallbacks?: ProofTypes[];
+}
+
 /**
  * The response of a transaction
  * @public
@@ -646,6 +688,7 @@ export declare type TransactionResponse = {
     valid: boolean;
     status: Status;
     errors: ValidationError[];
+    txCreate?: V1Transaction;
 };
 
 /**
@@ -676,7 +719,7 @@ declare type TransferPath = {
  */
 declare type TransliterationMethodCode = 'arab' | 'aran' | 'armn' | 'cyrl' | 'deva' | 'geor' | 'grek' | 'hani' | 'hebr' | 'kana' | 'kore' | 'thai' | 'othr';
 
-declare type TravelAddress = string;
+declare type TravelAddress = `ta${string}`;
 
 declare type UpdateValue = {
     type: HMType.UPDATE;
@@ -685,6 +728,25 @@ declare type UpdateValue = {
 
 declare type URI = string;
 
+declare type V1Asset = {
+    caip19: CAIP19;
+} | string;
+
+/**
+ * Transaction payload suitable for calling Notabene v1 tx/create
+ * @public
+ */
+declare type V1Transaction = {
+    transactionAsset: V1Asset;
+    transactionAmount: string;
+    originatorEqualsBeneficiary?: boolean;
+    originatorVASPdid: DID;
+    beneficiaryVASPdid: DID;
+    beneficiaryProof: OwnershipProof;
+    originator: Originator;
+    beneficiary: Beneficiary;
+};
+
 declare type ValidationError = {
     attribute: string;
     message: string;

package/dist/notabene.js

@@ -1,11 +1,11 @@
 var d = Object.defineProperty;
-var u = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
-var h = /* @__PURE__ */ ((s) => (s.COMPLETE = "complete", s.RESIZE = "resize", s.RESULT = "result", s.READY = "ready", s.INVALID = "invalid", s.MODAL = "openModal", s.ERROR = "error", s.CLOSE = "closeModal", s.CANCEL = "cancel", s))(h || {}), c = /* @__PURE__ */ ((s) => (s.UPDATE = "update", s.REQUEST_RESPONSE = "requestResponse", s))(c || {});
+var c = (r, e, t) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => c(r, typeof e != "symbol" ? e + "" : e, t);
+var h = /* @__PURE__ */ ((r) => (r.COMPLETE = "complete", r.RESIZE = "resize", r.RESULT = "result", r.READY = "ready", r.INVALID = "invalid", r.MODAL = "openModal", r.ERROR = "error", r.CLOSE = "closeModal", r.CANCEL = "cancel", r))(h || {}), l = /* @__PURE__ */ ((r) => (r.UPDATE = "update", r.REQUEST_RESPONSE = "requestResponse", r))(l || {});
 class m {
   constructor() {
-    o(this, "listeners", /* @__PURE__ */ new Map());
-    o(this, "port");
+    n(this, "listeners", /* @__PURE__ */ new Map());
+    n(this, "port");
     this.handleMessage = this.handleMessage.bind(this);
   }
   setPort(e) {
@@ -15,15 +15,15 @@ class m {
     this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t);
   }
   off(e, t) {
-    const r = this.listeners.get(e);
-    r && (r.delete(t), r.size === 0 && this.listeners.delete(e));
+    const s = this.listeners.get(e);
+    s && (s.delete(t), s.size === 0 && this.listeners.delete(e));
   }
   handleMessage(e) {
     console.log("received message", e.data);
     const t = e.data;
     if (typeof t == "object" && t !== null && "type" in t) {
-      const r = t.type, n = this.listeners.get(r);
-      n && n.forEach((i) => i(t));
+      const s = t.type, o = this.listeners.get(s);
+      o && o.forEach((i) => i(t));
     }
   }
   // Method to send messages through the port
@@ -31,18 +31,20 @@ class m {
     this.port && this.port.postMessage(e);
   }
 }
-class f {
+class u {
+  // private popup?: HTMLElement;
   constructor(e, t) {
-    o(this, "_url");
-    o(this, "_value");
-    o(this, "_errors", []);
-    o(this, "iframe");
-    o(this, "eventManager");
-    o(this, "ready", !1);
-    this._url = e, this._value = t, this.eventManager = new m(), this.on(h.INVALID, (r) => {
-      r.type === h.INVALID && (this._errors = r.errors, this._value = r.value);
-    }), this.on(h.RESIZE, (r) => {
-      r.type === h.RESIZE && this.iframe && (this.iframe.style.height = `${r.height}px`);
+    n(this, "_url");
+    n(this, "_value");
+    n(this, "_errors", []);
+    n(this, "iframe");
+    n(this, "eventManager");
+    n(this, "ready", !1);
+    n(this, "modal");
+    this._url = e, this._value = t, this.eventManager = new m(), this.on(h.INVALID, (s) => {
+      s.type === h.INVALID && (this._errors = s.errors, this._value = s.value);
+    }), this.on(h.RESIZE, (s) => {
+      s.type === h.RESIZE && this.iframe && (this.iframe.style.height = `${s.height}px`);
     });
   }
   get url() {
@@ -58,14 +60,16 @@ class f {
     document.location.href = this.url;
   }
   mount(e) {
-    var r, n;
-    this.iframe = document.createElement("iframe"), this.iframe.src = this.url, this.iframe.style.width = "100%", this.iframe.style.height = "100px", this.iframe.style.border = "none", this.iframe.style.overflow = "hidden", window.addEventListener("message", (i) => {
-      var a, l;
-      i.source === ((a = this.iframe) == null ? void 0 : a.contentWindow) && (console.log("received message from iframe", i.data), (l = this.eventManager) == null || l.setPort(i.ports[0]), this.ready = !0);
-    });
     const t = document.querySelector(e);
     if (!t) throw new Error(`parentID ${e} not found`);
-    t.appendChild(this.iframe), (n = (r = this.iframe) == null ? void 0 : r.contentWindow) == null || n.focus();
+    this.embed(t);
+  }
+  embed(e) {
+    var t, s;
+    this.iframe = document.createElement("iframe"), this.iframe.src = this.url, this.iframe.style.width = "100%", this.iframe.style.height = "100px", this.iframe.style.border = "none", this.iframe.style.overflow = "hidden", this.iframe.setAttribute("allowtransparency", "true"), this.iframe.style.backgroundColor = "transparent", e.appendChild(this.iframe), window.addEventListener("message", (o) => {
+      var i, a;
+      o.source === ((i = this.iframe) == null ? void 0 : i.contentWindow) && (console.log("received message from iframe", o.data), (a = this.eventManager) == null || a.setPort(o.ports[0]), this.ready = !0);
+    }), (s = (t = this.iframe) == null ? void 0 : t.contentWindow) == null || s.focus();
   }
   send(e) {
     this.eventManager.send(e);
@@ -77,109 +81,87 @@ class f {
     this.eventManager.off(e, t);
   }
   update(e) {
-    this._value = e, this.send({ type: c.UPDATE, value: e });
+    this._value = e, this.send({ type: l.UPDATE, value: e });
   }
   completion() {
     return new Promise((e, t) => {
-      this.on(h.COMPLETE, (r) => {
-        e(r.response);
-      }), this.on("error", (r) => {
-        t(new Error(r.message));
+      this.closeModal(), this.on(h.COMPLETE, (s) => {
+        e(s.response);
+      }), this.on("error", (s) => {
+        t(new Error(s.message));
       });
     });
   }
+  // popup(): void {
+  //   this.popup = document.createElement('div');
+  //   this.popup.style;
+  // }
+  openModal() {
+    this.modal && this.closeModal(), this.modal = document.createElement("dialog"), document.body.appendChild(this.modal), this.embed(this.modal), this.modal.showModal(), this.modal.addEventListener("click", () => {
+      this.closeModal();
+    });
+  }
+  closeModal() {
+    var e;
+    this.modal && (console.log("closeModal"), (e = this.modal) == null || e.close(), this.modal.remove(), this.modal = void 0);
+  }
 }
-function p(s) {
-  return Object.entries(s).map(([e, t]) => {
+function f(r) {
+  return Object.entries(r).map(([e, t]) => {
     if (!(e && t)) return;
-    const r = encodeURIComponent(e), n = encodeURIComponent(
+    const s = encodeURIComponent(e), o = encodeURIComponent(
       typeof t == "object" ? JSON.stringify(t) : t
     );
-    return `${r}=${n}`;
+    return `${s}=${o}`;
   }).filter((e) => !!e).join("&");
 }
-class g {
+class E {
   constructor(e) {
-    o(this, "nodeUrl");
-    o(this, "authToken");
-    o(this, "uxUrl");
-    o(this, "theme");
-    o(this, "locale");
+    n(this, "nodeUrl");
+    n(this, "authToken");
+    n(this, "uxUrl");
+    n(this, "theme");
+    n(this, "locale");
     this.uxUrl = e.uxUrl || "https://connect.notabene.id", this.nodeUrl = e.nodeUrl, this.authToken = e.authToken, this.theme = e.theme, this.locale = e.locale;
   }
-  componentUrl(e, t, r, n) {
+  componentUrl(e, t, s, o) {
     const i = new URL(this.uxUrl);
     i.pathname = e;
-    const a = p({
+    const a = f({
       authToken: this.authToken,
       value: t,
-      configuration: r
+      configuration: s
     });
-    return i.hash = a, this.nodeUrl && i.searchParams.set("nodeUrl", this.nodeUrl), this.theme && i.searchParams.set("theme", JSON.stringify(this.theme)), this.locale && i.searchParams.set("locale", this.locale), n && (n.callback && i.searchParams.set("callback_url", n.callback), n.redirectUri && i.searchParams.set("redirect_uri", n.redirectUri)), i.toString();
+    return i.hash = a, this.nodeUrl && i.searchParams.set("nodeUrl", this.nodeUrl), this.theme && i.searchParams.set("theme", JSON.stringify(this.theme)), this.locale && i.searchParams.set("locale", this.locale), o && (o.callback && i.searchParams.set("callback_url", o.callback), o.redirectUri && i.searchParams.set("redirect_uri", o.redirectUri)), i.toString();
   }
-  createComponent(e, t, r, n) {
-    return new f(
-      this.componentUrl(e, t, r, n),
+  createComponent(e, t, s, o) {
+    return new u(
+      this.componentUrl(e, t, s, o),
       t
     );
   }
-  createWithdrawalAssist(e, t, r) {
-    return this.createComponent("withdrawal-assist", e, t, r);
+  createWithdrawalAssist(e, t, s) {
+    return this.createComponent("withdrawal-assist", e, t, s);
+  }
+  createDepositAssist(e, t, s) {
+    return this.createComponent("deposit-assist", e, t, s);
+  }
+  createConnect(e, t, s) {
+    return this.createComponent("connect", e, t, s);
+  }
+  createDepositRequest(e, t, s) {
+    return this.createComponent("deposit-request", e, t, s);
   }
   decodeFragmentToObject(e) {
     return e.slice(1).split("&").reduce(
-      (r, n) => {
-        const [i, a] = n.split("=");
-        return r[decodeURIComponent(i)] = decodeURIComponent(a), r;
+      (s, o) => {
+        const [i, a] = o.split("=");
+        return s[decodeURIComponent(i)] = decodeURIComponent(a), s;
       },
       {}
     );
   }
-  // private openModal(url: string): void {
-  //   if (this.modal) {
-  //     this.closeModal();
-  //   }
-  //   this.modal = document.createElement('div');
-  //   this.modal.style.position = 'fixed';
-  //   this.modal.style.top = '0';
-  //   this.modal.style.left = '0';
-  //   this.modal.style.width = '100%';
-  //   this.modal.style.height = '100%';
-  //   this.modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
-  //   this.modal.style.display = 'flex';
-  //   this.modal.style.justifyContent = 'center';
-  //   this.modal.style.alignItems = 'center';
-  //   const iframe = document.createElement('iframe');
-  //   iframe.src = url;
-  //   iframe.setAttribute('allowtransparency', 'true');
-  //   // iframe.allowtransparency = true;
-  //   iframe.style.backgroundColor = 'transparent';
-  //   iframe.style.width = '90%';
-  //   iframe.style.height = '90%';
-  //   iframe.style.border = 'none';
-  //   iframe.style.overflow = 'hidden';
-  //   this.modal.appendChild(iframe);
-  //   document.body.appendChild(this.modal);
-  //   this.modal.addEventListener('click', () => {
-  //     console.log('click');
-  //     this.closeModal();
-  //   });
-  //   document.addEventListener('keydown', ({ key }) => {
-  //     console.log(`key: ${key}`);
-  //     if (key === 'Escape') {
-  //       console.log('esc');
-  //       this.closeModal();
-  //     }
-  //   });
-  // }
-  // private closeModal(): void {
-  //   if (this.modal) {
-  //     console.log('this.closeModal');
-  //     this.modal.remove();
-  //     this.modal = undefined;
-  //   }
-  // }
 }
 export {
-  g as default
+  E as default
 };

package/package.json

@@ -9,7 +9,7 @@
   },
   "author": "Notabene <developers@notabene.id>",
   "license": "MIT",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-next.9",
   "source": "src/notabene.ts",
   "main": "dist/notabene.js",
   "types": "dist/notabene.d.ts",

package/src/components/EmbeddedComponent.ts

@@ -23,6 +23,8 @@ export default class EmbeddedComponent {
   private iframe?: HTMLIFrameElement;
   private eventManager: MessageEventManager;
   private ready = false;
+  private modal?: HTMLDialogElement;
+  // private popup?: HTMLElement;
 
   constructor(url: string, value: Partial<Transaction>) {
     this._url = url;
@@ -58,14 +60,23 @@ export default class EmbeddedComponent {
   }
 
   mount(parentId: string) {
+    const parent = document.querySelector(parentId);
+    if (!parent) throw new Error(`parentID ${parentId} not found`);
+    this.embed(parent);
+  }
+
+  embed(parent: Element) {
     this.iframe = document.createElement('iframe');
     this.iframe.src = this.url;
     this.iframe.style.width = '100%';
     this.iframe.style.height = '100px';
     this.iframe.style.border = 'none';
     this.iframe.style.overflow = 'hidden';
+    this.iframe.setAttribute('allowtransparency', 'true');
+    this.iframe.style.backgroundColor = 'transparent';
+    parent.appendChild(this.iframe);
 
-    window.addEventListener('message', (event) => {
+    window.addEventListener('message', (event: MessageEvent) => {
       if (event.source !== this.iframe?.contentWindow) {
         return;
       }
@@ -74,9 +85,6 @@ export default class EmbeddedComponent {
       this.ready = true;
     });
 
-    const parent = document.querySelector(parentId);
-    if (!parent) throw new Error(`parentID ${parentId} not found`);
-    parent.appendChild(this.iframe);
     this.iframe?.contentWindow?.focus();
   }
 
@@ -99,6 +107,7 @@ export default class EmbeddedComponent {
 
   completion(): Promise<TransactionResponse> {
     return new Promise((resolve, reject) => {
+      this.closeModal();
       this.on(CMType.COMPLETE, (message) => {
         resolve((message as any).response);
       });
@@ -107,4 +116,60 @@ export default class EmbeddedComponent {
       });
     });
   }
+
+  // popup(): void {
+  //   this.popup = document.createElement('div');
+  //   this.popup.style;
+  // }
+
+  openModal(): void {
+    if (this.modal) {
+      this.closeModal();
+    }
+    this.modal = document.createElement('dialog');
+    // this.modal.style.maxWidth = '600px';
+    // this.modal.style.border = 'none !important';
+    // this.modal.style.background = 'transparent';
+    // this.modal.style.flexDirection = 'column';
+    // this.modal.style.alignItems = 'end';
+    // const close = document.createElement('button');
+    // close.innerText = 'X';
+    // close.style.fontSize = '1rem';
+    // close.style.padding = '0.25rem 0.5rem';
+    // close.style.display = 'block';
+    // close.style.background = 'white';
+    // close.style.color = '#aaa';
+    // close.style.border = '#aaa';
+    // close.addEventListener('click', () => this.closeModal());
+    // this.modal.appendChild(close);
+    // this.modal.css;
+    // this.modal.style.position = 'fixed';
+    // this.modal.style.bottom = '0';
+    // this.modal.style.left = '0';
+    // this.modal.style.right = '0';
+    // this.modal.style.top = '0';
+    // this.modal.style.left = '0';
+    // this.modal.style.width = '100%';
+    // this.modal.style.height = '100%';
+    // this.modal.style.backgroundColor = 'transparent';
+    // this.modal.style.display = 'flex';
+    // this.modal.style.justifyContent = 'center';
+    // this.modal.style.alignItems = 'center';
+    document.body.appendChild(this.modal);
+    this.embed(this.modal);
+    this.modal.showModal();
+    this.modal.addEventListener('click', () => {
+      // console.log('click');
+      this.closeModal();
+    });
+  }
+
+  private closeModal(): void {
+    if (this.modal) {
+      console.log('closeModal');
+      this.modal?.close();
+      this.modal.remove();
+      this.modal = undefined;
+    }
+  }
 }

package/src/notabene.ts

@@ -6,6 +6,8 @@ import type {
   ComponentMessage,
   Counterparty,
   DeclarationProof,
+  Deposit,
+  DepositRequest,
   Destination,
   HostMessage,
   IVMS101,
@@ -20,6 +22,7 @@ import type {
   Theme,
   Transaction,
   TransactionAsset,
+  TransactionOptions,
   VASP,
   Wallet,
   Withdrawal,
@@ -35,7 +38,9 @@ export type {
   Theme,
   Counterparty,
   Withdrawal,
+  Deposit,
   Transaction,
+  DepositRequest,
   TransactionResponse,
   Destination as destination,
   TransactionAsset,
@@ -54,6 +59,7 @@ export type {
   Agent,
   AgentType,
   OwnershipProof,
+  TransactionOptions,
 };
 
 /**
@@ -93,7 +99,7 @@ export default class Notabene {
   public componentUrl(
     path: string,
     value: Partial<Transaction>,
-    configuration?: any,
+    configuration?: TransactionOptions,
     callbacks?: CallbackOptions,
   ): string {
     const url = new URL(this.uxUrl);
@@ -125,7 +131,7 @@ export default class Notabene {
   public createComponent(
     path: string,
     value: Partial<Transaction>,
-    options?: any,
+    options?: TransactionOptions,
     callbacks?: CallbackOptions,
   ) {
     return new EmbeddedComponent(
@@ -136,12 +142,36 @@ export default class Notabene {
 
   public createWithdrawalAssist(
     value: Partial<Withdrawal>,
-    options?: any,
+    options?: TransactionOptions,
     callbacks?: CallbackOptions,
   ) {
     return this.createComponent('withdrawal-assist', value, options, callbacks);
   }
 
+  public createDepositAssist(
+    value: Partial<Deposit>,
+    options?: any,
+    callbacks?: CallbackOptions,
+  ) {
+    return this.createComponent('deposit-assist', value, options, callbacks);
+  }
+
+  public createConnect(
+    value: Partial<Withdrawal>,
+    options?: TransactionOptions,
+    callbacks?: CallbackOptions,
+  ) {
+    return this.createComponent('connect', value, options, callbacks);
+  }
+
+  public createDepositRequest(
+    value: Partial<DepositRequest>,
+    options?: TransactionOptions,
+    callbacks?: CallbackOptions,
+  ) {
+    return this.createComponent('deposit-request', value, options, callbacks);
+  }
+
   public decodeFragmentToObject(fragment: string): Record<string, string> {
     const pairs = fragment.slice(1).split('&');
     return pairs.reduce(
@@ -153,50 +183,4 @@ export default class Notabene {
       {} as Record<string, string>,
     );
   }
-
-  // private openModal(url: string): void {
-  //   if (this.modal) {
-  //     this.closeModal();
-  //   }
-  //   this.modal = document.createElement('div');
-  //   this.modal.style.position = 'fixed';
-  //   this.modal.style.top = '0';
-  //   this.modal.style.left = '0';
-  //   this.modal.style.width = '100%';
-  //   this.modal.style.height = '100%';
-  //   this.modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
-  //   this.modal.style.display = 'flex';
-  //   this.modal.style.justifyContent = 'center';
-  //   this.modal.style.alignItems = 'center';
-  //   const iframe = document.createElement('iframe');
-  //   iframe.src = url;
-  //   iframe.setAttribute('allowtransparency', 'true');
-  //   // iframe.allowtransparency = true;
-  //   iframe.style.backgroundColor = 'transparent';
-  //   iframe.style.width = '90%';
-  //   iframe.style.height = '90%';
-  //   iframe.style.border = 'none';
-  //   iframe.style.overflow = 'hidden';
-  //   this.modal.appendChild(iframe);
-  //   document.body.appendChild(this.modal);
-  //   this.modal.addEventListener('click', () => {
-  //     console.log('click');
-  //     this.closeModal();
-  //   });
-  //   document.addEventListener('keydown', ({ key }) => {
-  //     console.log(`key: ${key}`);
-  //     if (key === 'Escape') {
-  //       console.log('esc');
-  //       this.closeModal();
-  //     }
-  //   });
-  // }
-
-  // private closeModal(): void {
-  //   if (this.modal) {
-  //     console.log('this.closeModal');
-  //     this.modal.remove();
-  //     this.modal = undefined;
-  //   }
-  // }
 }

package/src/types.ts

@@ -1,7 +1,9 @@
 import {
+  Beneficiary,
   DateAndPlaceOfBirth,
   IVMS101,
   NationalIdentification,
+  Originator,
 } from './ivms/types';
 
 export type { IVMS101 };
@@ -23,13 +25,18 @@ export type NotabeneAsset = string;
 export type TransactionAsset = NotabeneAsset | CAIP19 | DTI;
 
 export type BlockchainAddress = string;
-export type TravelAddress = string;
+export type TravelAddress = `ta${string}`;
+export type CryptoCredential = `${string}.${string}.mastercard`;
 
 /**
  * The destination of a transaction either a blockchain address, a CAIP-19 address, or a travel address.
  * @public
  */
-export type Destination = BlockchainAddress | CAIP10 | TravelAddress;
+export type Destination =
+  | BlockchainAddress
+  | CAIP10
+  | CryptoCredential
+  | TravelAddress;
 export type Source = BlockchainAddress | CAIP10;
 export type URI = string;
 export type DID = `did:${string}:${string}`;
@@ -45,10 +52,6 @@ export type Theme = {
   logo: string;
 };
 
-export enum ComponentTypes {
-  WITHDRAW_ASSIST = 'WITHDRAW_ASSIST',
-}
-
 // export type TransactionType = 'VASP_2_VASP' | 'SELF_HOSTED';
 
 // export type TransactionTypeAllowed =
@@ -160,14 +163,18 @@ export interface LegalPerson extends Counterparty {
   logo?: string;
 }
 
-export type OriginatorFields = {
+type OriginatorFields = {
   source?: Source;
 };
 
-export type BeneficiaryFields = {
+type BeneficiaryFields = {
   destination?: Destination;
 };
 
+type DepositRequestFields = {
+  destinations: Destination[];
+};
+
 /**
  * An abstract transaction object
  * @public
@@ -190,12 +197,29 @@ export interface Transaction {
  * @public
  */
 export interface Withdrawal extends BeneficiaryFields, Transaction {}
+
 /**
  * An object representing a deposit transaction
  * @public
  */
 export interface Deposit extends OriginatorFields, Transaction {}
 
+/**
+ * An object representing a request for a deposit
+ * @public
+ */
+export interface DepositRequest extends DepositRequestFields, Transaction {}
+
+/**
+ * Configuration options for Transaction components
+ * @public
+ */
+
+export interface TransactionOptions {
+  microTransactionAddress?: BlockchainAddress;
+  proofFallbacks?: ProofTypes[];
+}
+
 /**
  * The verification status of a transaction
  * @public
@@ -208,6 +232,27 @@ export enum Status {
   BANNED = 'banned',
 }
 
+type V1Asset =
+  | {
+      caip19: CAIP19;
+    }
+  | string;
+
+/**
+ * Transaction payload suitable for calling Notabene v1 tx/create
+ * @public
+ */
+
+export type V1Transaction = {
+  transactionAsset: V1Asset;
+  transactionAmount: string;
+  originatorEqualsBeneficiary?: boolean;
+  originatorVASPdid: DID;
+  beneficiaryVASPdid: DID;
+  beneficiaryProof: OwnershipProof;
+  originator: Originator;
+  beneficiary: Beneficiary;
+};
 /**
  * The response of a transaction
  * @public
@@ -220,6 +265,7 @@ export type TransactionResponse = {
   valid: boolean;
   status: Status;
   errors: ValidationError[];
+  txCreate?: V1Transaction;
 };
 
 export type ValidationError = {
@@ -244,16 +290,6 @@ export type FieldsProps = {
   [name in FieldName]?: FieldProps;
 };
 
-export type WalletNotSupportedFlow = {
-  flow: 'WALLET_NOT_SUPPORTED';
-  action: 'DECLARATION' | 'REJECT';
-};
-
-// This is going to be union type
-export type Fallback = WalletNotSupportedFlow;
-
-export type OptInFeature = 'REUSE_ADDRESS_OWNERSHIP_PROOF';
-
 /**
  * Component Message Types
  * @internal