ts migration

.eslintrc.js

@@ -1,7 +1,22 @@
-/* @flow */
-
 module.exports = {
-  extends: require.resolve(
-    "@krakenjs/grumbler-scripts/config/.eslintrc-browser"
-  ),
+  extends: "@krakenjs/eslint-config-grumbler/eslintrc-browser",
+
+  globals: {
+    __TEST__: true,
+  },
+
+  rules: {
+    "no-mixed-operators": "off",
+    // off for initial ts conversion
+    "@typescript-eslint/no-implicit-any-catch": "off",
+    "@typescript-eslint/no-unsafe-call": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-unsafe-return": "off",
+    "@typescript-eslint/no-base-to-string": "off",
+    "@typescript-eslint/no-unsafe-argument": "off",
+    "@typescript-eslint/no-unsafe-member-access": "off",
+    "@typescript-eslint/no-unsafe-assignment": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/prefer-for-of": "off",
+  },
 };

.github/workflows/main.yml

@@ -23,8 +23,5 @@ jobs:
         with:
           useLockFile: false
 
-      - name: ▶️ Run flow-typed script
-        run: npm run flow-typed
-
       - name: ▶️ Run build script
         run: npm run build

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: "@krakenjs/babel-config-grumbler/babelrc-browser",
+  presets: ["@krakenjs/babel-config-grumbler/flow-ts-babel-preset"],
+};

package.json

@@ -3,24 +3,28 @@
   "version": "1.0.127",
   "description": "Utilities.",
   "main": "index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": [
+    "./src/styles/*.scss"
+  ],
   "scripts": {
-    "setup": "npm install && npm run flow-typed",
-    "lint": "eslint src/ *.js",
-    "flow-typed": "rm -rf ./flow-typed && flow-typed install",
-    "flow": "flow",
-    "karma": "cross-env NODE_ENV=test babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/karma start",
-    "babel": "babel src/ --out-dir dist/module",
-    "webpack": "babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/webpack --progress",
+    "build": "npm run babel && npm run webpack && npm run build:types",
+    "build:tsc": "tsc src/*.ts --outDir ./dist/esm --declaration --emitDeclarationOnly",
+    "build:types": "npm run build:tsc",
+    "webpack": "cross-env NODE_ENV=production babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/webpack --progress --output-path dist",
+    "babel": "cross-env NODE_ENV=production babel src/ --out-dir ./dist/esm/ --extensions .ts,.tsx",
+    "tsc": "tsc",
     "format": "prettier --write --ignore-unknown .",
     "format:check": "prettier --check .",
-    "test": "npm run format:check && npm run lint && npm run flow-typed && npm run flow",
-    "build": "npm run test && npm run babel && npm run webpack",
     "release": "./publish.sh",
     "release:patch": "./publish.sh patch",
     "release:minor": "./publish.sh minor",
     "release:major": "./publish.sh major",
+    "lint": "eslint --ext ts,tsx,js,jsx src/",
     "clean": "rimraf dist coverage",
-    "reinstall": "rimraf flow-typed && rimraf node_modules && npm install && flow-typed install",
+    "prerelease": "npm run clean && npm run build && git add dist && git commit -m 'ci: check in dist folder' || echo 'Nothing to distribute'",
+    "postrelease": "git push && git push --follow-tags && npm publish",
     "debug": "cross-env NODE_ENV=debug",
     "prepare": "husky install"
   },
@@ -45,11 +49,21 @@
   "license": "Apache-2.0",
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@krakenjs/grumbler-scripts": "^7.0.0",
-    "flow-bin": "0.129.0",
+    "@krakenjs/grumbler-scripts": "^8.0.3",
+    "cross-env": "^7.0.3",
+    "@commitlint/cli": "^16.2.1",
+    "@commitlint/config-conventional": "^16.2.1",
+    "@types/webpack": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
+    "c8": "^7.11.0",
+    "happy-dom": "^2.55.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
-    "prettier": "2.7.1"
+    "prettier": "2.7.1",
+    "standard-version": "^9.3.2",
+    "ts-node": "^10.5.0",
+    "typescript": "4.8.4"
   },
   "dependencies": {
     "hi-base32": "^0.5.0"

src/apm.js → src/apm.ts

@@ -1,5 +1,3 @@
-/* @flow */
-
 import { FUNDING } from "./funding";
 
 export const APM_LIST = [

src/defaults.js → src/defaults.ts

@@ -1,5 +1,3 @@
-/* @flow */
-
 import { COUNTRY } from "./locale";
 import { CURRENCY, INTENT, COMMIT, VAULT } from "./order";
 import { COMPONENTS, DEBUG } from "./params";

src/env.ts

@@ -0,0 +1,11 @@
+export const ENV = {
+  LOCAL: "local",
+  STAGE: "stage",
+  SANDBOX: "sandbox",
+  PRODUCTION: "production",
+  TEST: "test",
+} as const;
+export const MOBILE_ENV = {
+  ANDROID: "android",
+  IOS: "iOS",
+} as const;

src/error.ts

@@ -0,0 +1,3 @@
+export const ERROR_CODE = {
+  VALIDATION_ERROR: "validation_error",
+} as const;

src/fpti.ts

@@ -0,0 +1,79 @@
+export const FPTI_KEY = {
+  FEED: "feed_name",
+  STATE: "state_name",
+  EVENT_NAME: "event_name",
+  TRANSITION: "transition_name",
+  PAGE: "page_name",
+  BUTTON_TYPE: "button_type",
+  SESSION_UID: "page_session_id",
+  BUTTON_SESSION_UID: "button_session_id",
+  TOKEN: "token",
+  CONTEXT_ID: "context_id",
+  CONTEXT_TYPE: "context_type",
+  REFERER: "referer_url",
+  MERCHANT_DOMAIN: "merchant_domain",
+  PAY_ID: "pay_id",
+  SELLER_ID: "seller_id",
+  CLIENT_ID: "client_id",
+  DATA_SOURCE: "serverside_data_source",
+  BUTTON_SOURCE: "button_source",
+  ERROR_CODE: "ext_error_code",
+  ERROR_DESC: "ext_error_desc",
+  PAGE_LOAD_TIME: "page_load_time",
+  EXPERIMENT_NAME: "pxp_exp_id",
+  TREATMENT_NAME: "pxp_trtmnt_id",
+  TRANSITION_TIME: "transition_time",
+  FUNDING_LIST: "eligible_payment_methods",
+  FUNDING_COUNT: "eligible_payment_count",
+  CHOSEN_FUNDING: "selected_payment_method",
+  BUTTON_LAYOUT: "button_layout",
+  VERSION: "checkoutjs_version",
+  LOCALE: "locale",
+  BUYER_COUNTRY: "buyer_cntry",
+  INTEGRATION_IDENTIFIER: "integration_identifier",
+  PARTNER_ATTRIBUTION_ID: "bn_code",
+  PAGE_TYPE: "pp_placement",
+  SDK_NAME: "sdk_name",
+  SDK_VERSION: "sdk_version",
+  SDK_ENVIRONMENT: "sdk_environment",
+  MOBILE_APP_VERSION: "mobile_app_version",
+  MOBILE_BUNDLE_IDENTIFIER: "mapv",
+  USER_AGENT: "user_agent",
+  USER_ACTION: "user_action",
+  CONTEXT_CORRID: "context_correlation_id",
+  SDK_CACHE: "sdk_cache",
+  SDK_LOAD_TIME: "sdk_load_time",
+  IS_VAULT: "is_vault",
+  DISABLE_FUNDING: "disable_funding",
+  DISABLE_CARD: "disable_card",
+  RESPONSE_DURATION: "response_duration",
+  SDK_INTEGRATION_SOURCE: "sdk_integration_source",
+  PAYMENT_FLOW: "payment_flow",
+  BUTTON_VERSION: "button_version",
+  FI_LIST: "fi_list",
+  CHOSEN_FI_TYPE: "chosen_fi_type",
+  SELECTED_FI: "merchant_selected_funding_source",
+  POTENTIAL_PAYMENT_METHODS: "potential_payment_methods",
+  PAY_NOW: "pay_now",
+  STICKINESS_ID: "stickiness_id",
+  TIMESTAMP: "t",
+  OPTION_SELECTED: "optsel",
+  USER_IDENTITY_METHOD: "user_identity_method",
+  FIELDS_COMPONENT_SESSION_ID: "fields_component_session_id",
+  CPL_COMP_METRICS: "cpl_comp_metrics",
+  CPL_CHUNK_METRICS: "cpl_chunk_metrics",
+  CPL_QUERY_METRICS: "cpl_query_metrics",
+} as const;
+export const FPTI_USER_ACTION = {
+  COMMIT: "commit",
+  CONTINUE: "continue",
+} as const;
+export const FPTI_DATA_SOURCE = {
+  PAYMENTS_SDK: "checkout",
+} as const;
+export const FPTI_FEED = {
+  PAYMENTS_SDK: "payments_sdk",
+} as const;
+export const FPTI_SDK_NAME = {
+  PAYMENTS_SDK: "payments_sdk",
+} as const;