skyflow-js 1.9.1 → 1.12.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.12.0] - 2022-02-24
+
+Added
+- `requestId` in error logs and error responses
+- add autocomplete for collect elements
+## [1.11.0] - 2022-02-08
+
+### Added
+- `replaceText` option for `RevealElement`
+
+## [1.10.0] - 2022-01-25
+
+### Added
+- `formatRegex` option for `RevealElement`
 
 ## [1.9.1] - 2022-01-11
 

package/README.md

@@ -871,6 +871,7 @@ const revealElement = {
   label: "string",                    //optional, label for the form element
   altText: "string"                   //optional, string that is shown before reveal, will show token if altText is not provided
 }
+
 ```
 `Note`: 
 - `token` is optional only if it is being used in invokeConnection()
@@ -1242,6 +1243,8 @@ Please ensure that the paths configured in the responseXML are present in the ac
 
 // step 1
 const skyflowClient = skyflow.init({
+   vaultID: '<vault_ID>',   // optional
+   vaultURL: '<vault_URL>', // optional
 	 getBearerToken: '<helperFunc>'
 });
 
@@ -1256,10 +1259,16 @@ const cardNumberElement = collectContainer.create({
 })
 cardNumberElement.mount("#cardNumber")
 
-const expiryDateElement = collectContainer.create({
-    type: skyflow.ElementType.EXPIRATION_DATE
+const expiryMonthElement = revealContainer.create({
+    token: "<expiry_month_token>"
 })
-expiryDateElement.mount("#expirationDate")
+expiryMonthElement.mount("#expirationMonth")
+
+const expiryYearElement = revealContainer.create({
+    token: "<expiry_year_token>"
+})
+expiryYearElement.mount("#expirationYear")
+
 
 const cvvElement = revealContainer.create({
     altText: "###",
@@ -1268,7 +1277,8 @@ cvvElement.mount("#cvv")
 
 //step 4
 const cardNumberID = cardNumberElement.getID()  // to get element ID
-const expiryDateID = expiryDateElement.getID()
+const expiryMonthID = expiryDateElement.getID()
+const expiryYearID = expiryYearElement.getID()
 const cvvElementID = cvvElement.getID()
 
 // step 5
@@ -1281,9 +1291,12 @@ const requestXML = `<soapenv:Envelope>
         <CardNumber>
           <Skyflow>${cardNumberID}</Skyflow>
         </CardNumber>
-        <ExpiryDate>
-          <Skyflow>${expiryDateID}</Skyflow>
-        </ExpiryDate>
+        <ExpiryMonth>
+          <Skyflow>${expiryMonthID}</Skyflow>
+        </ExpiryMonth>
+        <ExpiryYear>
+          <Skyflow>${expiryYearID}</Skyflow>
+        </ExpiryYear>
       </GenerateCVV>
     </soapenv:Body>
 </soapenv:Envelope>`
@@ -1363,8 +1376,9 @@ Sample Response on failure:
 }
 ```
 
-`Note`: In responseXML we provide the tags that needs to be rendered in UI and stripped out from the actual response. 
-1. For uniquely identifiable tag, we can give the elementID within a skyflow tag directly corresponding to the actual value.
-Please refer to the CVV tag in the above example. Here, we wish to strip the actual value present within the CVV tag.
-2. For arrays, since we have multiple tags with the same name, we will need to provide identifiers to uniquely identify the required tag.
-Please refer to HeaderItem tag. Here, we have provided NodeId within the Name tag which acts as an identifier and we wish to strip the actual value present in the Value tag.
+`Note`: 
+- In responseXML we provide the tags that needs to be rendered in UI and stripped out from the actual response. 
+    1. For uniquely identifiable tag, we can give the elementID within a skyflow tag directly corresponding to the actual value.
+    Please refer to the CVV tag in the above example. Here, we wish to strip the actual value present within the CVV tag.
+    2. For arrays, since we have multiple tags with the same name, we will need to provide identifiers to uniquely identify the required tag.
+    Please refer to HeaderItem tag. Here, we have provided NodeId within the Name tag which acts as an identifier and we wish to strip the actual value present in the Value tag.