CHECKOUT-9204: Hydrate initial state to reduce latency caused by request waterfalls

.circleci/config.yml

@@ -240,9 +240,9 @@ workflows:
       - e2e:
           filters:
             <<: *pull_request_filter
-      - sdk-on-cdn:
-          filters:
-            <<: *pull_request_filter
+      # - sdk-on-cdn:
+      #   filters:
+      #     <<: *pull_request_filter
       - security/scan:
           name: "Gitleaks secrets scan"
           filters:

.eslintrc.json

@@ -50,6 +50,9 @@
                 "sourceTag": "scope:integration",
                 "onlyDependOnLibsWithTags": ["scope:shared"]
               }
+            ],
+            "checkDynamicDependenciesExceptions": [
+              "@bigcommerce/checkout/ui"
             ]
           }
         ],

package.json

@@ -48,14 +48,13 @@
   "prettier": "@bigcommerce/eslint-config/prettier",
   "homepage": "https://github.com/bigcommerce/checkout-js#readme",
   "dependencies": {
-    "@bigcommerce/checkout-sdk": "^1.778.0",
+    "@bigcommerce/checkout-sdk": "github:bigcommerce/checkout-sdk-js#c09e68fc4fb03617a2dcba721efa5fb9c7b6ed81",
     "@bigcommerce/citadel": "^2.15.1",
     "@bigcommerce/form-poster": "^1.2.2",
     "@bigcommerce/memoize": "^1.0.0",
     "@bigcommerce/request-sender": "^1.2.4",
     "@bigcommerce/script-loader": "^2.2.2",
-    "@sentry/browser": "^7.11.1",
-    "@sentry/integrations": "^7.54.0",
+    "@sentry/browser": "^9.40.0",
     "@types/card-validator": "^4.1.0",
     "@types/classnames": "^2.2.6",
     "@types/credit-card-type": "^7.0.0",
@@ -102,7 +101,7 @@
     "@babel/preset-env": "^7.9.0",
     "@bigcommerce/eslint-config": "^2.6.1",
     "@bigcommerce/eslint-plugin": "^1.4.0",
-    "@faker-js/faker": "^6.3.1",
+    "@faker-js/faker": "^7.6.0",
     "@nx/devkit": "19.8.9",
     "@nx/eslint": "19.8.9",
     "@nx/eslint-plugin": "19.8.9",

packages/adyen-integration/src/adyenv2/AdyenV2PaymentMethod.test.tsx

@@ -6,6 +6,7 @@ import {
     PaymentInitializeOptions,
     PaymentMethod,
 } from '@bigcommerce/checkout-sdk';
+import { createAdyenV2PaymentStrategy } from '@bigcommerce/checkout-sdk/integrations';
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import { Formik } from 'formik';
 import { noop } from 'lodash';
@@ -98,6 +99,7 @@ describe('when using Adyen V2 payment', () => {
 
         expect(initializePayment).toHaveBeenCalledWith(
             expect.objectContaining({
+                integrations: [createAdyenV2PaymentStrategy],
                 adyenv2: {
                     additionalActionOptions: {
                         containerId: 'adyen-scheme-additional-action-component-field',

packages/adyen-integration/src/adyenv2/AdyenV2PaymentMethod.tsx

@@ -5,6 +5,7 @@ import {
     CardInstrument,
     PaymentInitializeOptions,
 } from '@bigcommerce/checkout-sdk';
+import { createAdyenV2PaymentStrategy } from '@bigcommerce/checkout-sdk/integrations';
 import React, { FunctionComponent, useCallback, useRef, useState } from 'react';
 
 import { HostedWidgetComponentProps } from '@bigcommerce/checkout/hosted-widget-integration';
@@ -107,6 +108,7 @@ const AdyenV2PaymentMethod: FunctionComponent<PaymentMethodProps> = ({
 
             return checkoutService.initializePayment({
                 ...options,
+                integrations: [createAdyenV2PaymentStrategy],
                 adyenv2: {
                     cardVerificationContainerId:
                         selectedInstrumentId && cardVerificationContainerId,

packages/adyen-integration/src/adyenv3/AdyenV3PaymentMethod.test.tsx

@@ -6,6 +6,7 @@ import {
     PaymentInitializeOptions,
     PaymentMethod,
 } from '@bigcommerce/checkout-sdk';
+import { createAdyenV3PaymentStrategy } from '@bigcommerce/checkout-sdk/integrations';
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import { Formik } from 'formik';
 import { noop } from 'lodash';
@@ -95,6 +96,7 @@ describe('when using AdyenV3 payment', () => {
 
         expect(initializePayment).toHaveBeenCalledWith(
             expect.objectContaining({
+                integrations: [createAdyenV3PaymentStrategy],
                 adyenv3: {
                     cardVerificationContainerId: undefined,
                     containerId: 'adyen-scheme-component-field',