ts migration

.eslintrc.js

@@ -1,7 +1,23 @@
-/* @flow */
-
 module.exports = {
-  extends: require.resolve(
-    "@krakenjs/grumbler-scripts/config/.eslintrc-browser"
-  ),
+  extends:
+    "./node_modules/@krakenjs/eslint-config-grumbler/eslintrc-typescript.js",
+
+  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"],
+};

dist/module/defaults.js

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

dist/module/env.js

@@ -1,5 +1,3 @@
-
-
 export var ENV = {
   LOCAL: "local",
   STAGE: "stage",

dist/module/error.js

@@ -1,5 +1,3 @@
-
-
 export var ERROR_CODE = {
   VALIDATION_ERROR: "validation_error"
 };

dist/module/fpti.js

@@ -1,5 +1,3 @@
-
-
 export var FPTI_KEY = {
   FEED: "feed_name",
   STATE: "state_name",
@@ -53,6 +51,8 @@ export var FPTI_KEY = {
   PAYMENT_FLOW: "payment_flow",
   BUTTON_VERSION: "button_version",
   FI_LIST: "fi_list",
+  FI_ID: "fi_id",
+  PRODUCT: "product",
   CHOSEN_FI_TYPE: "chosen_fi_type",
   SELECTED_FI: "merchant_selected_funding_source",
   POTENTIAL_PAYMENT_METHODS: "potential_payment_methods",

dist/module/funding.js

@@ -1,5 +1,3 @@
-
-
 export var FUNDING = {
   PAYPAL: "paypal",
   VENMO: "venmo",
@@ -28,7 +26,8 @@ export var FUNDING = {
   WECHATPAY: "wechatpay",
   MERCADOPAGO: "mercadopago",
   MULTIBANCO: "multibanco",
-  SATISPAY: "satispay"
+  SATISPAY: "satispay",
+  PAIDY: "paidy"
 };
 export var FUNDING_BRAND_LABEL = {
   PAYPAL: "PayPal",

dist/module/index.js

@@ -1,5 +1,3 @@
-
-
 export * from "./defaults";
 export * from "./env";
 export * from "./error";

dist/module/locale.js

@@ -1,6 +1,3 @@
-
-/* eslint max-lines: 0 */
-
 export var COUNTRY = {
   AD: "AD",
   AE: "AE",

dist/module/order.js

@@ -1,5 +1,3 @@
-
-
 export var INTENT = {
   CAPTURE: "capture",
   AUTHORIZE: "authorize",

dist/module/params.js

@@ -1,5 +1,3 @@
-
-
 export var SDK_PATH = "/sdk/js";
 export var SDK_SETTINGS = {
   NAMESPACE: "data-namespace",

dist/module/platform.js

@@ -1,5 +1,3 @@
-
-
 export var PLATFORM = {
   DESKTOP: "desktop",
   MOBILE: "mobile"

dist/module/types.js

@@ -1,3 +1 @@
-
-
 export var TYPES = true;

index.js → index.ts

@@ -1,4 +1 @@
-/* @flow */
-
-// $FlowFixMe
-module.exports = require("./dist/paypal-sdk-constants"); // eslint-disable-line import/no-commonjs
+module.exports = require("./dist/paypal-sdk-constants"); // eslint-disable-line import/no-commonjs

package.json

@@ -1,26 +1,31 @@
 {
   "name": "@paypal/sdk-constants",
-  "version": "1.0.127",
+  "version": "1.0.128",
   "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",
+    "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": "babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/webpack --progress",
+    "karma": "cross-env NODE_ENV=test babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/karma start",
+    "babel": "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 +50,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.5",
+    "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 = [
@@ -22,4 +20,5 @@ export const APM_LIST = [
   FUNDING.MERCADOPAGO,
   FUNDING.MULTIBANCO,
   FUNDING.SATISPAY,
+  FUNDING.PAIDY,
 ];

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;