chore(common): CHECKOUT-6440 Add hosted widget component package (#1087)

Author: animesh1987

jest.config.js

@@ -1,5 +1,5 @@
 const { getJestProjects } = require('@nrwl/jest');
 
 module.exports = {
-projects: getJestProjects()
-};
+    projects: getJestProjects(),
+};

packages/core/src/app/payment/createPaymentFormService.ts

@@ -4,8 +4,7 @@ import {
     PaymentFormService,
     PaymentFormValues,
 } from '@bigcommerce/checkout/payment-integration-api';
-
-import { FormContextType } from '../ui/form';
+import { FormContextType } from '@bigcommerce/checkout/ui';
 
 import { PaymentContextProps } from './PaymentContext';
 
@@ -14,15 +13,18 @@ export default function createPaymentFormService(
     formContext: FormContextType,
     paymentContext: PaymentContextProps,
 ): PaymentFormService {
-    const { setFieldTouched, setFieldValue, submitForm, validateForm } = formikContext;
+    const { setFieldTouched, setFieldValue, submitForm, validateForm, values } = formikContext;
 
     const { isSubmitted, setSubmitted } = formContext;
 
     const { disableSubmit, setSubmit, setValidationSchema, hidePaymentSubmitButton } =
         paymentContext;
 
+    const getFieldValue = <T>(key: string): T | unknown => values[key];
+
     return {
         disableSubmit,
+        getFieldValue,
         hidePaymentSubmitButton,
         isSubmitted: () => isSubmitted,
         setFieldTouched,

packages/hosted-widget-integration/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["../../.eslintrc.json"]
+}

packages/hosted-widget-integration/README.md

@@ -0,0 +1,11 @@
+# hosted-widget-integration
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test hosted-widget-integration` to execute the unit tests via [Jest](https://jestjs.io).
+
+## Running lint
+
+Run `nx lint hosted-widget-integration` to execute the lint via [ESLint](https://eslint.org/).

packages/hosted-widget-integration/jest.config.js

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

packages/hosted-widget-integration/project.json

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