Merge pull request #16 from CyberSource/release-25.1.0

Flex microform v2 upgrade

Author: ohernandovisa

README.md

@@ -3,8 +3,8 @@
 
 * **Description:** Cybersource, a Visa solution, is the only global, modular payment management platform built on secure Visa infrastructure with the payment reach and fraud insights of a massive $500B+ global processing network. You can find out more about what Cybersource does [here](https://www.cybersource.com/en-gb.html)
 * **Categories:** Payment Processing, Fraud Detection, Address Validation, Tax Computation
-* **Version:** 24.4.0
-* **Last Certification Date:** September 2024
+* **Version:** 25.1.0
+* **Last Certification Date:** January 2025
 * **Supports SFRA v7.0**
 * **JavaScript Controllers Friendly:** **YES**
 

cartridges/int_cybs_sfra/cartridge/client/default/custom/flexMicroform.js

@@ -3,7 +3,7 @@
 'use strict';
 
 $(document).ready(function () {
-    var captureContext = JSON.parse($('#flexTokenResponse').val()).keyId;
+    var captureContext = $('#flexTokenResponse').val();
     var flex = new Flex(captureContext); // eslint-disable-line no-undef
     var customStyles = {
         input: {
@@ -25,7 +25,7 @@ $(document).ready(function () {
             color: '#a94442'
         }
     };
-    var microform = flex.microform({
+    var microform = flex.microform("card",{
         styles: customStyles
     });
     var number = microform.createField('number');
@@ -107,7 +107,7 @@ $(document).ready(function () {
             var decodedJwt = parseJwt(response);
             document.getElementById('cardNumber').valid = true;
             $('#flex-response').val(response);
-            $('#cardNumber').val(decodedJwt.data.number);
+            $('#cardNumber').val(decodedJwt.content.paymentInformation.card.number.maskedValue);
 
             if ($('.submit-payment').length === 1) {
                 $('.submit-payment').trigger('click');
@@ -137,7 +137,7 @@ $(document).ready(function () {
                 case 'discover':
                     correctCardType = 'Discover';
                     break;
-                case 'diners-club':
+                case 'dinersclub':
                     correctCardType = 'DinersClub';
                     break;
                 case 'maestro':

cartridges/int_cybs_sfra/cartridge/client/default/scss/components/_creditCardField.scss

@@ -10,7 +10,7 @@
         background-size: contain;
     }
 
-    &[data-type="diners-club"]::after {
+    &[data-type="dinersclub"]::after {
         background-image: url('../../images/payment-types.png');
         background-size: auto;
         background-position: -230px -205px;

cartridges/int_cybs_sfra/cartridge/templates/default/secureAcceptanceFlexMicroformContent.isml

@@ -7,32 +7,32 @@
                 <div id="cardNumber-container" class="form-control"></div>
                 <div class="invalid-feedback"></div>
             </div>
-           <isif condition="${pdict.flexTokenResult == null}"> 
-            	<div class="alert alert-danger">${flexError}</div>
-           </isif>
+            <isif condition="${pdict.flexTokenResult == null}"> 
+                <div class="alert alert-danger">${flexError}</div>
+            </isif>
         </div>
     </div>
 </div>
 
 <div class="row">
     <div class="col-12">
-       <div class="form-group securityCode" data-cardNumber="${Resource.msg('securityCode.placeholder','cybersource',null)}">
-             <label class="form-control-label" for="securityCode">${Resource.msg('field.credit.card.security.code','creditCard',null)}</label>
+        <div class="form-group securityCode"data-cardNumber="${Resource.msg('securityCode.placeholder', 'cybersource', null)}">
+            <label class="form-control-label"
+                for="securityCode">${Resource.msg('field.credit.card.security.code', 'creditCard', null)}</label>
             <div class="security-code-wrapper">
                 <div id="securityCode-container" class="form-control"></div>
                 <div class="invalid-feedback"></div>
             </div>
-           <isif condition="${pdict.flexTokenResult == null}"> 
-            	<div class="alert alert-danger">${flexError}</div>
-           </isif>
+            <isif condition="${pdict.flexTokenResult == null}"> 
+                <div class="alert alert-danger">${flexError}</div>
+            </isif>
         </div>
     </div>
 </div>
 
-<isif condition="${pdict.flexTokenResult != null}" > 
-	<isset name="flextoken" value="${pdict.flexTokenResult}" scope="page" />
-	<input type="hidden" value="${JSON.stringify(flextoken)}" name="flexTokenResponse" id="flexTokenResponse"/>
-	<input type="hidden" value="${JSON.stringify(flextoken.jwk)}" name="flextokenObj" id="flextokenObj"/>	
+<isif condition="${pdict.flexTokenResult != null}">
+    <isset name="flextoken" value="${pdict.flexTokenResult}" scope="page" />
+    <input type="hidden" value="${flextoken}" name="flexTokenResponse" id="flexTokenResponse" />
 </isif>
 
 <iscomment>Secure Acceptance Flex MicroForm </iscomment>
@@ -48,10 +48,5 @@
 </div>
 
 <iscomment>Secure Acceptance Flex Microform Scripts </iscomment>
-	
-<isif condition="${dw.system.System.getInstanceType()!= 2}">
-	<script src="https://testflex.cybersource.com/cybersource/assets/microform/0.11/flex-microform.min.js"></script>
-<iselse>
-	<script src="https://flex.cybersource.com/cybersource/assets/microform/0.11/flex-microform.min.js"></script>
-    </iselse>
-</isif>
+
+<script src = '${pdict.clientLibrary}' integrity = '${pdict.clientLibraryIntegrity}' crossorigin="anonymous"></script>

cartridges/int_cybs_sfra_base/cartridge/apiClient/ApiClient.js

@@ -193,6 +193,7 @@ _exports.prototype.callApi = function (path, httpMethod, pathParams, queryParams
     var merchantKeyId = this.merchantConfig.getMerchantKeyID();
     var merchantSecretKey = this.merchantConfig.getMerchantsecretKey();
     var payload = "";
+    var Constants = require('../apiClient/constants');
 
     var url = this.buildUrl(path, pathParams, queryParams);
 
@@ -210,7 +211,8 @@ _exports.prototype.callApi = function (path, httpMethod, pathParams, queryParams
         if (!bodyParam.clientReferenceInformation) {
             bodyParam.clientReferenceInformation = {};
         }
-
+        bodyParam.clientReferenceInformation.applicationName = Constants.APPLICATION_NAME;
+        bodyParam.clientReferenceInformation.applicationVersion = Constants.APPLICATION_VERSION;
         bodyParam.clientReferenceInformation.partner = {
             solutionId: this.merchantConfig.getSolutionId(),
             developerId: this.merchantConfig.getDeveloperId()
@@ -245,7 +247,11 @@ _exports.prototype.callApi = function (path, httpMethod, pathParams, queryParams
 
     if (response.ok) {
         var responseObj = response.object;
-        callback(JSON.parse(responseObj), false, response);
+        if(path === '/microform/v2/sessions'){
+            callback(responseObj, false, response);
+        }else{
+            callback(JSON.parse(responseObj), false, response);
+        }
     } else {
         callback(response.errorMessage, response.error, response);
     }

cartridges/int_cybs_sfra_base/cartridge/apiClient/api/AsymmetricKeyManagementApi.js

@@ -175,11 +175,11 @@
 
       var authNames = [];
       var contentTypes = ['application/json;charset=utf-8'];
-      var accepts = ['application/hal+json;charset=utf-8'];
+      var accepts = ['application/json'];
       var returnType = KmsV2KeysAsymGet200Response;
 
       return this.apiClient.callApi(
-        '/kms/v2/keys-asym/{keyId}', 'GET',
+        '/flex/v2/public-keys/{keyId}', 'GET',
         pathParams, queryParams, headerParams, formParams, postBody,
         authNames, contentTypes, accepts, returnType, callback
       );

cartridges/int_cybs_sfra_base/cartridge/apiClient/api/KeyGenerationApi.js

@@ -95,7 +95,7 @@
       var returnType = FlexV1KeysPost200Response;
 
       return this.apiClient.callApi(
-        '/flex/v1/keys', 'POST',
+        '/microform/v2/sessions', 'POST',
         pathParams, queryParams, headerParams, formParams, postBody,
         authNames, contentTypes, accepts, returnType, callback
       );

cartridges/int_cybs_sfra_base/cartridge/apiClient/constants.js

@@ -30,11 +30,19 @@ module.exports = {
   PRODUCTION_URL: "",
   SANDBOX_RUN_ENV: "cybersource.environment.sandbox",
   PRODUCTION_RUN_ENV: "cybersource.environment.production",
+  APPLICATION_NAME: "Salesforce B2C(REST)",
+  APPLICATION_VERSION: "25.1.0",
 
   /* Digest Constants*/
   SIGNATURE_ALGORITHAM: "SHA-256=",
   HmacSHA256: "HmacSHA256",
 
+  /* Flex microform constants */
+  ENCRYPTION_TYPE: "RsaOaep256",
+  CLIENT_VERSION : "v2",
+
+ 
+
   /* Logging Labels*/
   BEGIN_TRANSACTION: "START > =======================================",
   END_TRANSACTION: "END > =========================================",

cartridges/int_cybs_sfra_base/cartridge/configuration/index.js

@@ -23,7 +23,7 @@ var LogfileMaxSize = '5242880'; // 10 MB In Bytes
  * Send this value in all requests that are sent through the partner solution. CyberSource assigns the ID to the partner.
  * Note When you see a partner ID of 999 in reports, the partner ID that was submitted is incorrect.
  */
-var SolutionId = '6EIFFEUD';
+var SolutionId = 'FTN2UOLO';
 
 var CruiseDDCEndPoint = {
     Stage: 'https://centinelapistag.cardinalcommerce.com/V1/Cruise/Collect',

cartridges/int_cybs_sfra_base/cartridge/controllers/CheckoutServices.js

@@ -439,7 +439,7 @@ server.post('handlingConsumerAuthResponse', server.middleware.https, function (r
     }
 
     // eslint-disable-next-line
-    else if (authenticateResponse.errorInformation.reason === 'CUSTOMER_AUTHENTICATION_REQUIRED' && session.custom.Flag3ds === false) {
+    else if ((authenticateResponse.errorInformation ? authenticateResponse.errorInformation.reason === 'CUSTOMER_AUTHENTICATION_REQUIRED' : false)  && session.custom.Flag3ds === false) {
         session.custom.Flag3ds = true;
         // eslint-disable-next-line no-shadow
         res.render('payerAuthentication/scaRedirect', {