@fat-zebra/sdk 1.5.11-beta.0 → 1.5.11-beta.1

package/.github/workflows/ci.yml

@@ -8,7 +8,7 @@ env:
   PROD_CLOUDFRONT_ID: "E3348QX8Q2J4OV"
 on:
   push:
-    branches: ['main']    
+    branches: ['main']
     tags:
       - 'v*.*.*'           # prod tags e.g. v1.5.8
       - 'v*.*.*-beta.*'    # beta tags e.g. v1.5.8-beta.0
@@ -37,15 +37,11 @@ jobs:
     runs-on: ubuntu-latest
     env:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      NPM_CLOUDSMITH_REPO_PWD: ${{ secrets.CLOUDSMITH_API_KEY }}
     steps:
       - uses: actions/checkout@v4
       - uses: fatzebra/gh-workflows/build_npm@main
-        with:
-          credentials_json: |
-            {
-              "GITHUB_TOKEN": "${{ secrets.GITHUB_TOKEN }}",
-              "NPM_CLOUDSMITH_REPO_PWD": "${{ secrets.CLOUDSMITH_API_KEY }}"
-            }
       - name: Build (sandbox)
         run: npm run build:sandbox
       - uses: actions/upload-artifact@v4
@@ -62,15 +58,11 @@ jobs:
     runs-on: ubuntu-latest
     env:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      NPM_CLOUDSMITH_REPO_PWD: ${{ secrets.CLOUDSMITH_API_KEY }}
     steps:
       - uses: actions/checkout@v4
       - uses: fatzebra/gh-workflows/build_npm@main
-        with:
-          credentials_json: |
-            {
-              "GITHUB_TOKEN": "${{ secrets.GITHUB_TOKEN }}",
-              "NPM_CLOUDSMITH_REPO_PWD": "${{ secrets.CLOUDSMITH_API_KEY }}"
-            }
       - name: Build (production)
         run: npm run build:production
       - uses: actions/upload-artifact@v4
@@ -151,6 +143,15 @@ jobs:
             --id "${invalidation_id}"
           echo "Invalidation completed."
 
+  notify-sandbox-dispatch:
+    name: Notify (sandbox build)
+    needs: deploy-sandbox
+    if: github.ref_type == 'tag' && contains(github.ref_name, '-beta.')
+    uses: fatzebra/gh-workflows/.github/workflows/send_build_created.yml@main
+    with:
+      destination_repository: fatzebra/gazelle
+    secrets: inherit
+
   # Publish to npm for beta tags and production tags
   publish-npm-beta:
     runs-on: ubuntu-latest

package/.github/workflows/non-prod-ci.yml

@@ -35,15 +35,11 @@ jobs:
     runs-on: ubuntu-latest
     env:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      NPM_CLOUDSMITH_REPO_PWD: ${{ secrets.CLOUDSMITH_API_KEY }}
     steps:
       - uses: actions/checkout@v4
       - uses: fatzebra/gh-workflows/build_npm@main
-        with:
-          credentials_json: |
-            {
-              "GITHUB_TOKEN": "${{ secrets.GITHUB_TOKEN }}",
-              "NPM_CLOUDSMITH_REPO_PWD": "${{ secrets.CLOUDSMITH_API_KEY }}"
-            }
       - name: Build (staging)
         run: npm run build:staging
       - uses: actions/upload-artifact@v4

package/CODEOWNERS

@@ -0,0 +1 @@
+* @fatzebra/cx

package/README.dev.md

@@ -122,7 +122,7 @@ There are two npm build scripts in `package.json` for building javascript files.
 
 ## Deployment Pipeline
 
-The JS SDK gets built and delpoyed via buildkite https://buildkite.com/fat-zebra/fatzebra-js-sdk. The pipeline is defined in `.buildkite/pipeline.yml`
+The JS SDK gets built and delpoyed via github actions https://github.com/fatzebra/fatzebra-js/actions. The pipeline is defined in `.github/workflows/ci.yml`
 
 The deployed SDKs are available from the following URLs.
 
@@ -195,13 +195,16 @@ Staging is released automatically for each branch (on push)
 
 Sandbox deployment will trigger on the main branch and when pushing through a tag with beta in it.
 
-Running this on main will trigger sandbox deployment (as well as npm beta release): 
+Running this on main will trigger sandbox deployment (as well as npm beta release):
 
 ```shell
 git tag -a v1.5.10-beta.0 -m "Beta: 1.5.10-beta.0"
 git push origin v1.5.10-beta.0
 ```
 
+Additionally, the pipeline will trigger a cypress integration spec on sandbox which will run here: https://github.com/fatzebra/gazelle/actions
+Ensure this pipeline is green before deploying to production and then post a link of the outcome
+
 ## Production 
 
 Sandbox deployment will trigger on the main branch and when pushing through a tag WITHOUT beta in it.

package/dist/hpp/hpp.d.ts

@@ -42,6 +42,7 @@ declare class Hpp {
     private customer;
     private username;
     private sca;
+    private newSca;
     private cardToken;
     private postMessageClient;
     private test;

package/dist/hpp/hpp.js

@@ -12,6 +12,7 @@ import { BridgeEvent, PublicEvent, } from '../shared/types';
 import * as util from '../shared/util';
 import { logMethod } from "../decorators";
 import { setTransactionReference } from "../logger-context";
+import newSca from "../new_sca";
 const HPP_DEFAULT_OPTIONS = {
     enableSca: false,
     hideButton: false,
@@ -29,6 +30,7 @@ class Hpp {
         this.headlessLoaded = false;
         this.headlessPreviouslyLoaded = false;
         this.iframeLoaded = false;
+        this.newSca = new newSca({ username: config.username, environment: process.env.API_ENV });
         this.postMessageClient = new PostMessageClient({
             channel: 'sca',
             target: this.iframe
@@ -130,8 +132,11 @@ class Hpp {
                 return;
             if (this.hppOptions.enableSca) {
                 if (this.newThreedsFlow) {
-                    console.log("New threeds flow for setCrossFramesEventListeners"); // call the newSca class from here
-                    // I do not want to put a return statement here while this branch is not implemented yet.
+                    this.newSca.setup({ card_token: data.token, paymentIntent: this.paymentIntent }).then((data) => {
+                        console.log("result:", data);
+                        // continue with 3DS flow
+                    });
+                    return; // do not continue execution to old 3DS
                 }
                 this.sca.run({
                     cardToken: data.token,
@@ -208,11 +213,6 @@ class Hpp {
         on(PublicEvent.SCA_SUCCESS, handler);
     }
     createPurchase(extra = null) {
-        if (this.newThreedsFlow) {
-            // insert new functionality
-            console.log("New threeds flow for createPurchase");
-            // I do not want to put a return statement here while this branch is not implemented yet.
-        }
         const message = {
             channel: 'sca',
             subject: BridgeEvent.CREATE_PAYMENT_REQUEST,

package/dist/new_sca/index.d.ts

@@ -0,0 +1,11 @@
+import { Environment } from "../shared/env";
+import { setupProps, ThreeDSSetupResponse } from "../shared/new_gateway/types";
+declare class newSca {
+    private gatewayClient;
+    constructor({ username, environment }: {
+        username: string;
+        environment: Environment;
+    });
+    setup({ card_token, paymentIntent }: setupProps): Promise<ThreeDSSetupResponse>;
+}
+export default newSca;

package/dist/new_sca/index.js

@@ -0,0 +1,27 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import NewApiGatewayClient from "../shared/new_gateway/new-api-gateway-client";
+// The newSca class will handle the sca requests: setup, enrol, validate
+// The challenge flow will be handled in here
+class newSca {
+    constructor({ username, environment }) {
+        this.gatewayClient = new NewApiGatewayClient({
+            username,
+            environment
+        });
+    }
+    setup({ card_token, paymentIntent }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.gatewayClient.setup({ card_token, paymentIntent });
+            return result;
+        });
+    }
+}
+export default newSca;

package/dist/shared/new_gateway/new-api-gateway-client.d.ts

@@ -0,0 +1,16 @@
+import { AxiosResponse, AxiosInstance } from "axios";
+import { Environment } from "../env";
+import { setupProps } from "./types";
+export type GatewayClientProps = {
+    username: string;
+    environment?: Environment;
+};
+declare class NewGatewayClient {
+    username: string;
+    environment?: Environment;
+    client: AxiosInstance;
+    constructor({ username, environment }: GatewayClientProps);
+    /**************** SCA/3DS2 /****************/
+    setup({ card_token, paymentIntent }: setupProps): Promise<AxiosResponse<any, any, {}>>;
+}
+export default NewGatewayClient;

package/dist/shared/new_gateway/new-api-gateway-client.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { RequestHeaderSdkVersion, RequestHeaderMerchantUsername, RequestTimeout, } from "../constants";
+import axios from "axios";
+import { getSdkVersionNumber } from "../util";
+import env, { Environment } from "../env";
+class NewGatewayClient {
+    constructor({ username, environment }) {
+        this.username = username;
+        this.environment = environment || Environment.sandbox;
+        const headers = {};
+        headers[RequestHeaderSdkVersion] = getSdkVersionNumber();
+        headers[RequestHeaderMerchantUsername] = this.username;
+        const client = axios.create({
+            baseURL: env[this.environment].apiUrl,
+            timeout: RequestTimeout,
+            headers,
+            responseType: "json",
+            transformResponse: [
+                function (response) {
+                    return typeof response === "string" ? JSON.parse(response) : response;
+                },
+            ]
+        });
+        this.client = client;
+    }
+    /**************** SCA/3DS2 /****************/
+    //
+    setup({ card_token, paymentIntent }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.client.post("/three_d_secure/setup", Object.assign(Object.assign({ merchant_username: this.username, card_token }, paymentIntent.payment), { verification: paymentIntent.verification }));
+        });
+    }
+}
+export default NewGatewayClient;

package/dist/shared/new_gateway/types.d.ts

@@ -0,0 +1,27 @@
+import { PaymentIntent } from "../types";
+type ClientReferenceInformation = {
+    code: string;
+    partner?: {
+        developerId: string;
+    };
+};
+type ConsumerAuthenticationInformation = {
+    accessToken: string;
+    deviceDataCollectionUrl: string;
+    referenceId: string;
+    token: string;
+};
+interface ThreeDSSetupResponse {
+    data: {
+        clientReferenceInformation: ClientReferenceInformation;
+        consumerAuthenticationInformation: ConsumerAuthenticationInformation;
+        id: string;
+        status: "COMPLETED" | "PENDING" | "FAILED" | string;
+        submitTimeUtc: string;
+    };
+}
+type setupProps = {
+    card_token: string;
+    paymentIntent: PaymentIntent;
+};
+export type { ThreeDSSetupResponse, setupProps };

package/dist/shared/new_gateway/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.11-beta.0",
+  "version": "1.5.11-beta.1",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -70,7 +70,7 @@
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "ajv-keywords": "^5.1.0",
-    "axios": "^1.11.0",
+    "axios": "^1.12.0",
     "custom-event-polyfill": "^1.0.7",
     "ts-polyfill": "^3.8.2",
     "url-template": "^3.1.0"