@notabene/javascript-sdk 1.18.0 → 1.20.0

package/README.md

@@ -20,7 +20,7 @@ This library is the JavaScript SDK for loading the widget on a frontend.
 There are two options for loading the Notabene SDK:
 
 ```bash
-<script id="notabene" async src="https://unpkg.com/@notabene/javascript-sdk@latest/dist/es/index.js"></script>
+<script id="notabene" async src="https://unpkg.com/@notabene/javascript-sdk@1.19.0/dist/es/index.js"></script>
 ```
 
 Or installing the library:
@@ -172,10 +172,15 @@ To replace `Loading...` with `Cargando...`
 
 **Fields Properties**
 
-Possible fields:
+Possible fields customization support:
 
-- `counterparty` - Counterparty VASP or Wallet (destination or originator)
-- `geographicAddress` - Recipient Address
+| field name               | `forceDisplay` | `optional` | description                                             |
+| ------------------------ | -------------- | ---------- | ------------------------------------------------------- |
+| `counterparty`           | --             | ☑️         | Counterparty VASP or Wallet (destination or originator) |
+| `dateAndPlaceOfBirth`    | ☑️             | --         | Recipient (or Sender) Date and Place of Birth           |
+| `geographicAddress`      | ☑️             | ☑️         | Recipient (or Sender) Address                           |
+| `name`                   | ☑️             | --         | Recipient (or Sender) Name                              |
+| `nationalIdentification` | ☑️             | --️        | Recipient (or Sender) National Identification           |
 
 **Field Options**
 
@@ -185,18 +190,18 @@ Possible fields:
 ```js
 {
   counterparty: {
-    optional: true; // Allow customer to skip this field even if the jurisdiction requires it
+    optional: true;
   },
   geographicAddress: {
-    forceDisplay: true, // Always display geographic address field even if the jurisdiction does not require it
-    optional: true; // Allow customer to skip this field even if the jurisdiction requires it
+    forceDisplay: true,
+    optional: true;
   },
 }
 ```
 
 ---
 
-**_Beneficiary Details_** [DEPRECATED]
+**_Beneficiary Details_ [DEPRECATED]**
 
 You can require specific beneficiary fields that are not required by your jurisdiction.
 

package/package.json

@@ -8,7 +8,7 @@
   },
   "author": "Notabene <developers@notabene.id>",
   "license": "MIT",
-  "version": "1.18.0",
+  "version": "1.20.0",
   "main": "dist/index.js",
   "packageManager": "yarn@3.2.2",
   "browserslist": "> 0.5%, last 2 versions, not dead",

package/public/index.html

@@ -31,13 +31,25 @@
           // backgroundColor: 'black',
           // mode: 'dark',
         },
-        // beneficiaryDetails: ['beneficiaryNationalIdentification'],
         // transactionTypeAllowed: 'VASP_2_VASP_ONLY',
         nonCustodialDeclarationType: 'DECLARATION',
+
+        // @deprecated
+        // beneficiaryDetails: ['beneficiaryNationalIdentification'],
+
         // fieldsProps: {
+        //   nationalIdentification: {
+        //     forceDisplay: true,
+        //   },
+        //   dateAndPlaceOfBirth: {
+        //     forceDisplay: true,
+        //   },
         //   geographicAddress: {
         //     forceDisplay: true,
-        //     optional: true,
+        //     optional: true
+        //   },
+        //   counterparty: {
+        //     optional: true
         //   }
         // }
       });

package/src/types.ts

@@ -81,7 +81,12 @@ export type FieldProps = {
   optional?: boolean; // bypass the jurisdiction rules validation - defaults to false
 };
 
-export type FieldName = 'geographicAddress' | 'counterparty';
+export type FieldName =
+  | 'counterparty'
+  | 'geographicAddress'
+  | 'name'
+  | 'nationalIdentification'
+  | 'dateAndPlaceOfBirth';
 
 export type FieldsProps = {
   [name in FieldName]?: FieldProps;