fix: remove gift card from order summary when is used

Author: malessani

components/data/AppProvider/reducer.ts

@@ -4,8 +4,6 @@ import { AppStateData } from "components/data/AppProvider"
 import {
   prepareShipments,
   checkPaymentMethod,
-  calculateAddresses,
-  calculateSelectedShipments,
   creditCardPayment,
   hasShippingMethodSet,
 } from "components/data/AppProvider/utils"

package.json

@@ -68,7 +68,7 @@
     "commercelayer"
   ],
   "dependencies": {
-    "@commercelayer/react-components": "^3.12.3",
+    "@commercelayer/react-components": "^3.13.0-beta.1",
     "@headlessui/react": "^1.6.1",
     "@rollbar/react": "^0.11.0",
     "async-retry": "^1.3.3",
@@ -90,24 +90,24 @@
     "@faker-js/faker": "^6.3.1",
     "@next/bundle-analyzer": "^12.1.6",
     "@next/eslint-plugin-next": "^12.1.6",
-    "@playwright/test": "^1.21.1",
+    "@playwright/test": "^1.22.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.4",
     "@semantic-release/npm": "^9.0.1",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@tailwindcss/forms": "^0.5.1",
+    "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/line-clamp": "^0.4.0",
     "@types/async-retry": "1.4.3",
-    "@types/node": "^17.0.31",
+    "@types/node": "^17.0.34",
     "@types/react": "^17.0.45",
     "@types/react-gtm-module": "^2.0.1",
     "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^5.23.0",
-    "@typescript-eslint/parser": "^5.23.0",
+    "@typescript-eslint/eslint-plugin": "^5.25.0",
+    "@typescript-eslint/parser": "^5.25.0",
     "autoprefixer": "^10.4.7",
-    "dotenv": "^16.0.0",
+    "dotenv": "^16.0.1",
     "eslint": "^8.15.0",
     "eslint-config-next": "^12.1.6",
     "eslint-config-prettier": "^8.5.0",
@@ -116,9 +116,9 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-tailwind": "^0.2.1",
-    "postcss": "^8.4.13",
+    "postcss": "^8.4.14",
     "prettier": "^2.6.1",
     "stylelint": "^14.8.2",
     "stylelint-config-standard": "^25.0.0",

specs/e2e/order-summary.spec.ts

@@ -226,8 +226,7 @@ test.describe("using gift card", () => {
     let element = checkoutPage.page.locator(
       "[data-test-id=line-items-gift_cards]"
     )
-    const text = await element.innerText()
-    await expect(text).toBe("")
+    await expect(element).toHaveCount(0)
 
     element = checkoutPage.page.locator(
       "[data-test-id=items-count] >> text=Your shopping cart contains 3 items"

specs/fixtures/CheckoutPage.ts

@@ -561,8 +561,8 @@ export class CheckoutPage {
     } else {
       paymentMethod = `${type}_payments`
     }
-
     await this.page.click(`[data-test-id=${paymentMethod}]`, { force: true })
+    await this.page.mouse.wheel(0, 30)
   }
 
   async setPayment(