@fat-zebra/sdk 1.5.2 → 1.5.3-beta.1

package/README.dev.md

@@ -180,3 +180,8 @@ The release of the sdk follows a weekly schedule. In the beginning of a new rele
 11. Push git tag. `git push origin vX.X.X`.
 
 Upon successful CI , a new entry with title 'Merged in release/vX.X,X' will be visible in the master branch page. This provides us with a clear view of what gets released in the past. Moreoever, we can quickly find out the list of features/bug fixes in a release by referring to the PR of the release candidate.
+
+
+## Rollback management
+
+The CDN is now versioned across staging, sandbox and production environments. The pipeline will upload a version to override the existing deployment, but also a version of the build to a folder in s3. The folder will be a shortened version of the commit hash. This will allow us to advise merchants to rollback to a specific working commit hash, or for us to test different versions in gazelle to facilitate a rollback if necessary.

package/build-styles.js

@@ -3,7 +3,14 @@ const path = require('path');
 
 // Define the source file and the destination folder
 const sourceFile = path.join(__dirname, './src/styles.css');
-const destinationFolder = path.join(__dirname, 'dist/' + process.env.ENVIRONMENT);
+
+let destinationFolder;
+if (process.env.REACT) {
+  destinationFolder = path.join(__dirname, 'dist');
+} else {
+  destinationFolder = path.join(__dirname, 'dist/' + process.env.ENVIRONMENT);
+}
+
 const destinationFile = path.join(destinationFolder, 'fatzebra.css');
 
 // Copy the file

package/dist/index.js

@@ -1,9 +1,10 @@
 import "ts-polyfill";
 import "custom-event-polyfill";
-import { FatZebra } from "./main";
+const FatZebra = require("./main").FatZebra;
 import { PublicEvent } from "./shared/types";
 import { Environment } from "./shared/env";
 export { PublicEvent, Environment };
-if (typeof window !== "undefined") {
+// Assign window.FatZebra conditionally
+if (typeof window !== "undefined" && FatZebra) {
     window.FatZebra = FatZebra;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.2",
+  "version": "1.5.3-beta.1",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -9,7 +9,7 @@
     "build:staging": "cp .env.staging .env && export ENVIRONMENT=staging && npx webpack --config webpack.config.dev.js && node build-styles.js",
     "build:sandbox": "cp .env.sandbox .env && export ENVIRONMENT=sandbox && npx webpack --config webpack.config.prod.js && node build-styles.js",
     "build:production": "cp .env.production .env && export ENVIRONMENT=production && npx webpack --config webpack.config.prod.js && node build-styles.js",
-    "build:package": "tsc -p tsconfig.package.json && ENVIRONMENT=production node build-styles.js",
+    "build:package": "tsc -p tsconfig.package.json && REACT=true ENVIRONMENT=production node build-styles.js",
     "start:local:api": "export MERCHANT_MODE=api && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open 'Google Chrome'",
     "start:local:hpp": "export MERCHANT_MODE=hpp && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open 'Google Chrome'",
     "start:staging:api": "export MERCHANT_MODE=api && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open 'Google Chrome'",

package/tsconfig.package.json

@@ -3,6 +3,7 @@
     "declaration": true,
     "outDir": "./dist/",
     "jsx": "react",
+    "skipLibCheck": true,
     "esModuleInterop": true,
     "sourceMap": false,
     "noImplicitAny": true,
@@ -16,7 +17,7 @@
     "isolatedModules": true,
   },
   "include": [
-    "./src/**/*"
+    "./src/**/*",
   ],
   "exclude": [
     "node_modules",

package/dist/local/fatzebra.css

@@ -1,91 +0,0 @@
-.checkout-button-wrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 200px;
-}
-
-.iframe-checkout {
-    flex: 1;
-    border: none;
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-.iframe-foreground,
-.iframe-background {
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    flex-direction: column;
-}
-
-.iframe-foreground,
-.iframe-background {
-    position: fixed;
-}
-
-.iframe-foreground {
-    z-index: -1;
-}
-
-.iframe-background {
-    background: rgba(0, 0, 0, 0.5);
-}
-
-.iframe-foreground {
-    flex-grow: 1;
-    top: auto;
-    width: 100%;
-    max-width: 480px;
-    height: 80vh;
-    background-color: #ffffff;
-    border-radius: 25px 25px 0 0;
-}
-
-.slide-in .iframe-foreground {
-    transform: translateY(100vh);
-    transition: transform 0.4s ease, z-index 0.3s ease 0.4s;
-    z-index: -1;
-}
-
-.slide-in .iframe-background {
-    opacity: 0;
-    z-index: -1;
-    transition: opacity 0.3s ease, z-index 0.3s ease 0.3s;
-}
-
-.slide-in.show .iframe-foreground {
-    transform: none;
-    transition: transform 0.4s ease;
-    z-index: 100;
-}
-
-.slide-in.show .iframe-background {
-    opacity: 1;
-    z-index: 0;
-    transition: opacity 0.3s ease;
-}
-
-@media only screen and (min-width: 480px) {
-    .iframe-foreground {
-        margin: 0 auto;
-    }
-}
-
-@media only screen and (min-width: 768px) {
-    .iframe-foreground {
-        margin: 0;
-        width: 400px;
-        height: 100vh;
-        left: 0;
-    }
-
-    .slide-in .iframe-foreground {
-        transform: translateX(-400px);
-    }
-}