feat: add optional billing info

Author: malessani

components/composite/StepCustomer/BillingAddressFormNew/index.tsx

@@ -29,6 +29,7 @@ export const BillingAddressFormNew: React.FC<Props> = ({
   const countries = settings?.config?.checkout?.billing_countries
   const states = settings?.config?.checkout?.billing_states
   const defaultCountry = settings?.config?.checkout?.default_country
+  const optionalBillingInfo = settings?.config?.checkout?.optional_billing_info
 
   return (
     <Wrapper>
@@ -97,10 +98,11 @@ export const BillingAddressFormNew: React.FC<Props> = ({
         type="tel"
         value={billingAddress?.phone || ""}
       />
-      {requiresBillingInfo && (
+      {(requiresBillingInfo || optionalBillingInfo) && (
         <AddressInputGroup
           fieldName="billing_address_billing_info"
           resource="billing_address"
+          required={!!requiresBillingInfo}
           type="text"
           value={billingAddress?.billing_info || ""}
         />

package.json

@@ -10,14 +10,15 @@
     "dev": "NODE_OPTIONS='--inspect' next dev",
     "build": "next build",
     "start": "next start -p $PORT",
-    "lint": "pnpm biome check @typings components pages",
-    "lint:fix": "pnpm biome check @typings components pages --write",
+    "lint": "pnpm biome check components pages",
+    "lint:fix": "pnpm biome check components pages --write",
     "test": "playwright test",
     "test:debug": "PWDEBUG=1 playwright test",
     "test:ui": "NEXT_PUBLIC_BASE_PATH=http://localhost:3000 playwright test --ui",
     "serve": "serve -l tcp://localhost:$PORT/ -n -s out/dist",
     "dep:upgrade:major": "pnpm exec npm-check-updates -u",
-    "dep:upgrade:minor": "pnpm dep:upgrade:major -t minor"
+    "dep:upgrade:minor": "pnpm dep:upgrade:major -t minor",
+    "browserslist:update": "pnpm dlx update-browserslist-db@latest"
   },
   "repository": {
     "type": "git",
@@ -73,9 +74,9 @@
   ],
   "dependencies": {
     "@commercelayer/js-auth": "^6.7.1",
-    "@commercelayer/organization-config": "^2.1.0",
-    "@commercelayer/react-components": "4.19.0",
-    "@commercelayer/sdk": "^6.32.0",
+    "@commercelayer/organization-config": "^2.2.0",
+    "@commercelayer/react-components": "^4.19.0",
+    "@commercelayer/sdk": "^6.33.0",
     "@faker-js/faker": "^9.5.0",
     "@headlessui/react": "^2.2.0",
     "@next/bundle-analyzer": "^15.1.7",
@@ -99,11 +100,11 @@
     "next": "^15.1.7",
     "next-build-id": "^3.0.0",
     "next-i18next": "^15.4.2",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-gtm-module": "^2.0.11",
-    "react-i18next": "^15.4.0",
+    "react-i18next": "^15.4.1",
     "react-router-dom": "^6.28.0",
     "styled-components": "^6.1.15",
     "tailwindcss": "^3.4.14",
@@ -118,22 +119,8 @@
     "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.1",
     "@semantic-release/release-notes-generator": "^14.0.3",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^15.1.7",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-n": "^17.15.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-tailwind": "^0.2.1",
     "npm-check-updates": "^17.1.14",
-    "prettier": "^3.4.2",
-    "semantic-release": "^24.2.1",
+    "semantic-release": "^24.2.3",
     "serve": "^14.2.4",
     "stylelint": "^16.14.1",
     "stylelint-config-standard": "^36.0.1"
@@ -162,4 +149,4 @@
       "path-to-regexp@>=2.0.0 <3.3.0": "=3.3.0"
     }
   }
-}
+}