feat(payment): PI-1564 Refactor the existing Moneris components in … (#2082)

* feat(payment): PI-1564 Refactor the existing `Moneris` components in Checkout JS to use the new checkout payment integration JS API

* feat(payment): PI-1564 Refactor the existing Moneris components in Checkout JS to use the new checkout payment integration JS API

* feat(payment): PI-1564 Refactor the existing Moneris components in Checkout JS to use the new checkout payment integration JS API

Author: bc-sebastianszafraniec

.github/CODEOWNERS

@@ -28,6 +28,7 @@ package-lock.json @bigcommerce/team-checkout @bigcommerce/team-integrations @big
 /packages/stripe-integration @bigcommerce/team-integrations
 /packages/klarna-integration @bigcommerce/team-integrations
 /packages/amazon-pay-v2-integration @bigcommerce/team-integrations
+/packages/moneris-integration @bigcommerce/team-integrations
 
 # Core
 /packages/core/payment/paymentMethod/AffirmPaymentMethod.tsx @bigcommerce/team-integrations

packages/core/src/app/payment/paymentMethod/MonerisPaymentMethod.spec.tsx

@@ -17,7 +17,6 @@ import CCAvenueMarsPaymentMethod from './CCAvenueMarsPaymentMethod';
 import HostedCreditCardPaymentMethod from './HostedCreditCardPaymentMethod';
 import HostedPaymentMethod from './HostedPaymentMethod';
 import MasterpassPaymentMethod from './MasterpassPaymentMethod';
-import MonerisPaymentMethod from './MonerisPaymentMethod';
 import OpyPaymentMethod from './OpyPaymentMethod';
 import PaymentMethodId from './PaymentMethodId';
 import PaymentMethodProviderType from './PaymentMethodProviderType';
@@ -99,10 +98,6 @@ const PaymentMethodComponent: FunctionComponent<
     ) {
         return <PaypalPaymentsProPaymentMethod {...props} />;
     }
-    
-    if (method.id === PaymentMethodId.Moneris) {
-        return <MonerisPaymentMethod {...props} />;
-    }
 
     if (method.id === PaymentMethodId.WorldpayAccess) {
         return <WorldpayCreditCardPaymentMethod {...props} />;

packages/core/src/app/payment/paymentMethod/MonerisPaymentMethod.tsx

@@ -0,0 +1,11 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "overrides": [
+    {
+      "files": ["*.tsx"],
+      "rules": {
+        "@typescript-eslint/no-unsafe-assignment": "off"
+      }
+    }
+]
+}

packages/core/src/app/payment/paymentMethod/PaymentMethod.tsx

@@ -0,0 +1,12 @@
+# moneris-integration
+
+This package contains the integration layer for the [Moneris](https://www.moneris.com/) provider.
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test moneris-integration` to execute the unit tests via [Jest](https://jestjs.io).
+
+## Running lint
+
+Run `nx lint moneris-integration` to execute the lint via [ESLint](https://eslint.org/).

packages/moneris-integration/.eslintrc.json

@@ -0,0 +1,12 @@
+module.exports = {
+    displayName: 'moneris-integration',
+    preset: '../../jest.preset.js',
+    globals: {
+        'ts-jest': {
+            tsconfig: '<rootDir>/tsconfig.spec.json',
+            diagnostics: false,
+        },
+    },
+    setupFilesAfterEnv: ['../../jest-setup.ts'],
+    coverageDirectory: '../../coverage/packages/moneris-integration',
+};

packages/moneris-integration/README.md

@@ -0,0 +1,23 @@
+{
+  "root": "packages/moneris-integration",
+  "sourceRoot": "packages/moneris-integration/src",
+  "projectType": "library",
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["packages/moneris-integration/**/*.ts"]
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/packages/moneris-integration"],
+      "options": {
+        "jestConfig": "packages/moneris-integration/jest.config.js",
+        "passWithNoTests": true
+      }
+    }
+  },
+  "tags": ["scope:integration"]
+}