Merge pull request #577 from commercelayer/fix/remove-axios

Remove `axios` dependency

package.json

@@ -27,7 +27,6 @@
  "overrides": {
  "postcss@<8.4.31": ">=8.4.31",
  "graphql@>=16.3.0 <16.8.1": ">=16.8.1",
- "axios@>=0.8.1 <1.6.0": ">=1.6.0",
  "vite@>=4.4.0 <4.4.12": ">=4.4.12",
  "@babel/traverse@<7.23.2": ">=7.23.2",
  "vite@>=4.0.0 <=4.5.1": ">=4.5.2",

packages/react-components/package.json

@@ -185,7 +185,6 @@
  "@stripe/stripe-js": "^4.3.0",
  "@tanstack/react-table": "^8.17.3",
  "@types/iframe-resizer": "^3.5.13",
- "axios": "^1.7.3",
  "braintree-web": "^3.106.0",
  "frames-react": "^1.1.2",
  "iframe-resizer": "^4.4.5",
@@ -225,4 +224,4 @@
  "peerDependencies": {
  "react": ">=18.0.0"
  }
-}
+}

packages/react-components/src/context/ExternalFunctionContext.ts

@@ -1,5 +1,4 @@
 import { createContext } from 'react'
-import axios from 'axios'
 
 interface Context {
  url: string | null
@@ -14,7 +13,21 @@ type CallExternalFunction = (params: {
 export const callExternalFunction: CallExternalFunction = async ({
  url,
  data
-}) => await axios.post(url, data)
+}) => {
+ const response = await fetch(url, {
+ method: 'POST',
+ body: JSON.stringify(data),
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+
+ if (!response.ok) {
+ throw new Error('Failed to call external function')
+ }
+
+ return await response.json()
+}
 
 const ExternalFunctionContext = createContext<Context>({
  url: null,