@notabene/javascript-sdk 2.0.0 → 2.0.1

package/README.md

@@ -81,14 +81,14 @@ import Notabene from '@notabene/javascript-sdk';
 // 1. Create Notabene instance
 const notabene = new Notabene({
   nodeUrl: 'https://api.notabene.id',
-  authToken: 'YOUR_CUSTOMER_TOKEN'
+  authToken: 'YOUR_CUSTOMER_TOKEN',
 });
 
 // 2. Create and mount withdrawal component
 const withdrawal = notabene.createWithdrawalAssist({
   asset: 'ETH',
   destination: '0x1234...',
-  amountDecimal: 1.0
+  amountDecimal: 1.0,
 });
 withdrawal.mount('#nb-withdrawal');
 
@@ -207,7 +207,6 @@ try {
 }
 ```
 
-
 ### Linked Component
 
 In some cases, in particular institutional or mobile apps you may prefer to link your customers to the component through an email or redirect the user to it in a mobile app.
@@ -231,7 +230,6 @@ The two parameters that should be configured are:
 
 **Note** for data privacy reasons the callback will be coming from your users web browser and not from our infrastructure, so no static IP is currently possible. Instead please check the `authToken` provided with the request.
 
-
 ## Components
 
 ## Assisted Withdrawal
@@ -246,7 +244,7 @@ const withdrawal = notabene.createWithdrawalAssist({
   assetPrice: {
     currency: 'USD', // ISO currency code
     price: 1700.12, // Asset price
-  }
+  },
 });
 ```
 
@@ -264,23 +262,26 @@ If any of the required parameters are missing the component will just show the N
 Include configuration Options as a second optional parameter:
 
 ```js
-const withdrawal = notabene.createWithdrawalAssist({
-  asset: 'ETH',
-  destination: '0x...',
-  amountDecimal: 1.23,
-  assetPrice: {
-    currency: 'USD', // ISO currency code
-    price: 1700.12, // Asset price
-  }
-}, {
-  proofs: {
-    microTransfer: {
-      destination: '0x...',
-      amountSubunits: '12344',
-      timeout: 86440,
-    }
-  }
-});
+const withdrawal = notabene.createWithdrawalAssist(
+  {
+    asset: 'ETH',
+    destination: '0x...',
+    amountDecimal: 1.23,
+    assetPrice: {
+      currency: 'USD', // ISO currency code
+      price: 1700.12, // Asset price
+    },
+  },
+  {
+    proofs: {
+      microTransfer: {
+        destination: '0x...',
+        amountSubunits: '12344',
+        timeout: 86440,
+      },
+    },
+  },
+);
 ```
 
 See [Transaction Options](#transaction-options)
@@ -291,10 +292,10 @@ The Connect Wallet component helps you collect and verify the address of your us
 
 ```js
 const connect = notabene.createConnectWallet({
-  asset: 'ETH'
+  asset: 'ETH',
 });
 
-const { proof, txCreate } = await connect.openModal()
+const { proof, txCreate } = await connect.openModal();
 ```
 
 ### Parameters
@@ -306,17 +307,20 @@ const { proof, txCreate } = await connect.openModal()
 Include configuration Options as a second optional parameter:
 
 ```js
-const connect = notabene.createConnectWallet({
+const connect = notabene.createConnectWallet(
+  {
     asset: 'ETH',
-  }, {
-  proofs: {
-    microTransfer: {
-      destination: '0x...',
-      amountSubunits: '12344',
-      timeout: 86440,
-    }
-  }
-});
+  },
+  {
+    proofs: {
+      microTransfer: {
+        destination: '0x...',
+        amountSubunits: '12344',
+        timeout: 86440,
+      },
+    },
+  },
+);
 ```
 
 ## Deposit Request
@@ -329,8 +333,8 @@ const withdrawal = notabene.createDepositRequest({
   destination: '0x...',
   amountDecimal: 1.23,
   customer: {
-    name: "John Smith"
-  }
+    name: 'John Smith',
+  },
 });
 ```
 
@@ -389,7 +393,6 @@ assetPrice: {
 };
 ```
 
-
 ## Configuration
 
 ### Transaction Options
@@ -416,8 +419,8 @@ const options: TransactionOptions = {
     deminimis: {
       threshold: 1000,
       currency: 'EUR',
-      proofTypes: [ProofTypes.SelfDeclaration]
-    }
+      proofTypes: [ProofTypes.SelfDeclaration],
+    },
   },
   allowedAgentTypes: [AgentType.PRIVATE, AgentType.VASP], // js ['WALLET','VASP']
   allowedCounterpartyTypes: [
@@ -451,7 +454,7 @@ const options: TransactionOptions = {
       addUnknown: true, // Allow users to add a missing VASP - Defaults to false
       onlyActive: true, // Only list active VASPs - Default false
     },
-    hide: [ValidationSections.ASSET, ValidationSections.DESTINATION] // Don't show specific sections of component
+    hide: [ValidationSections.ASSET, ValidationSections.DESTINATION], // Don't show specific sections of component
   },
 };
 const withdrawal = notabene.createWithdrawalAssist(tx, options);
@@ -460,19 +463,22 @@ const withdrawal = notabene.createWithdrawalAssist(tx, options);
 The options can additionally be updated dynamically with the `update()` function.
 
 ```js
-withdrawal.update({
-  asset: 'ETH',
-  destination: '0x8d12a197cb00d4747a1fe03395095ce2a5cc6819',
-  amountDecimal: 1.12,
-}, {
-  proofs: {
-    microTransfer: {
-      destination: '0x...',
-      amountSubunits: '12344',
-      timeout: 86440,
-    }
-  }
-});
+withdrawal.update(
+  {
+    asset: 'ETH',
+    destination: '0x8d12a197cb00d4747a1fe03395095ce2a5cc6819',
+    amountDecimal: 1.12,
+  },
+  {
+    proofs: {
+      microTransfer: {
+        destination: '0x...',
+        amountSubunits: '12344',
+        timeout: 86440,
+      },
+    },
+  },
+);
 ```
 
 ### Common use cases
@@ -623,12 +629,12 @@ const options: TransactionOptions = {
 
 #### Field reference
 
-| Field name               | Natural | Legal | IVMS101 |  description                                   |
-| ------------------------ | ------- | ----- | ------- |  --------------------------------------------- |
+| Field name               | Natural | Legal | IVMS101 | description                                   |
+| ------------------------ | ------- | ----- | ------- | --------------------------------------------- |
 | `name`                   | ✅      | ✅    | 🟩      | Full name                                     |
-| `email`                  | 🟩      | 🟩    | --      |  Email (for your internal purposes)            |
-| `website`                | --      | ✅    | --      |  Business Website (for your internal purposes) |
-| `phone`                  | 🟩      | 🟩    | --      |  Mobile Phone (for your internal purposes)     |
+| `email`                  | 🟩      | 🟩    | --      | Email (for your internal purposes)            |
+| `website`                | --      | ✅    | --      | Business Website (for your internal purposes) |
+| `phone`                  | 🟩      | 🟩    | --      | Mobile Phone (for your internal purposes)     |
 | `geographicAddress`      | 🟩      | 🟩    | 🟩      | Residencial or business address               |
 | `nationalIdentification` | 🟩      | 🟩    | 🟩      | National Identification number                |
 | `dateOfBirth`            | 🟩      | --    | 🟩      | Date of birth                                 |

package/package.json

@@ -10,7 +10,7 @@
   "author": "Notabene <developers@notabene.id>",
   "license": "MIT",
   "packageManager": "yarn@3.2.2",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "source": "src/notabene.ts",
   "main": "dist/notabene.js",
   "types": "dist/notabene.d.ts",
@@ -23,16 +23,17 @@
   ],
   "scripts": {
     "docs": "typedoc --options typedoc.json",
-    "prepare": "husky install",
+    "prepare": "husky",
     "dev": "vite",
     "preview": "vite preview",
     "watch": "parcel watch",
     "build:dev": "yarn build && yarn dev",
-    "build:clean": "rimraf dist/ ts-out",
-    "build": "yarn lint && vite build && tsc && api-extractor run && yarn docs ",
+    "build:clean": "rimraf dist/ ts-out coverage temp etc",
+    "build": "yarn lint && vite build && yarn typecheck && yarn docs",
     "lint": "eslint .",
     "format": "prettier --write .",
     "test": "vitest",
+    "typecheck": "tsc --noEmit",
     "coverage": "vitest run --coverage --coverage.extension=.ts",
     "release": "semantic-release",
     "publish": "yarn build && npm publish"

package/src/components/EmbeddedComponent.ts

@@ -102,11 +102,11 @@ export default class EmbeddedComponent<V, O> {
     this.removeEmbed();
     this.iframe = document.createElement('iframe');
     this.iframe.src = this.url + (!modal ? '&embedded=true' : '');
-    this.iframe.allow = 'web-share';
+    this.iframe.allow = 'web-share; clipboard-write';
     this.iframe.style.width = '100%';
-    this.iframe.style.height = '100px';
     this.iframe.style.border = 'none';
     this.iframe.style.overflow = 'hidden';
+    this.iframe.scrolling = 'no';
     // this.iframe.setAttribute('allowtransparency', 'true');
     // this.iframe.style.backgroundColor = 'transparent';
     parent.appendChild(this.iframe);

package/src/locales.ts

@@ -43,5 +43,6 @@ export const languages = {
   tr: 'Türkçe (Turkish)',
   uk: 'Українська (Ukrainian)',
   vi: 'Tiếng Việt (Vietnamese)',
-  zh: '中文 (Chinese)',
+  'zh-CN': '中文 (Chinese)',
+  'zh-TW': '中文 (Chinese)',
 };