@cromix-dev/payment-component 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/{src/components → components}/CryptoPayment.d.ts +6 -1
  2. package/dist/components/CryptoPayment.d.ts.map +1 -0
  3. package/dist/components/CryptoPayment.js +753 -0
  4. package/dist/components/CryptoPayment.js.map +1 -0
  5. package/dist/components/PaymentProvider.d.ts.map +1 -0
  6. package/dist/components/PaymentProvider.js +69 -0
  7. package/dist/components/PaymentProvider.js.map +1 -0
  8. package/dist/index.d.ts +3 -1
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.js +2 -1
  11. package/dist/index.js.map +1 -1
  12. package/dist/styles/Crypto.css.d.ts +37 -0
  13. package/dist/styles/Crypto.css.d.ts.map +1 -0
  14. package/dist/styles/Crypto.css.js +339 -0
  15. package/dist/styles/Crypto.css.js.map +1 -0
  16. package/dist/types/index.d.ts.map +1 -0
  17. package/dist/types/index.js.map +1 -0
  18. package/package.json +13 -4
  19. package/dist/src/components/CryptoPayment.d.ts.map +0 -1
  20. package/dist/src/components/CryptoPayment.js +0 -260
  21. package/dist/src/components/CryptoPayment.js.map +0 -1
  22. package/dist/src/components/PaymentProvider.d.ts.map +0 -1
  23. package/dist/src/components/PaymentProvider.js +0 -62
  24. package/dist/src/components/PaymentProvider.js.map +0 -1
  25. package/dist/src/index.d.ts +0 -4
  26. package/dist/src/index.d.ts.map +0 -1
  27. package/dist/src/index.js +0 -3
  28. package/dist/src/index.js.map +0 -1
  29. package/dist/src/types/index.d.ts.map +0 -1
  30. package/dist/src/types/index.js.map +0 -1
  31. /package/dist/{src/components → components}/PaymentProvider.d.ts +0 -0
  32. /package/dist/{src/types → types}/index.d.ts +0 -0
  33. /package/dist/{src/types → types}/index.js +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Crypto.css.js","names":["globalStyle","style","backgroundColor","border","fontFamily","fontSize","fontWeight","padding","minHeight","borderColor","walletConnectSuccess","color","balanceEmpty","overlay","position","inset","display","alignItems","justifyContent","zIndex","wrapper","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","width","maxWidth","wallet","height","gap","marginBottom","walletInput","boxShadow","walletLink","walletAddress","switchBtn","cursor","marginLeft","closeBtn","flexShrink","flexGrow","transition","paymentWrapper","flexDirection","paymentTitle","lineHeight","textAlign","paymentTokenNetworkWrapper","paymentTokenNetwork","icon24","dropdownItem","dropdownItemMiddle","dropdownItemText","letterSpacing","dropdownItemBalance","chevronDown","dropdownWrapper","top","left","right","dropdownSearch","marginRight","marginTop","dropdownInput","outlineStyle","selectors","dropdownItemWrapper","overflowY","paymentAmountWrapper","paymentAmount","paymentAmountTotal","chevronDownLarge","summaryWrapper","summaryItemWrapper","summaryItemTitle","summaryItemValue","summaryTotal","connectWallet","opacity","switchNetworkButton","payButton","__vanilla_filescope__","endFileScope"],"sources":["../../src/styles/Crypto.css.ts"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\";\n\nglobalStyle(\"#payment-component .Toastify__toast\", {\n backgroundColor: \"#3D3D3D !important\",\n border: \"1px solid transparent !important\",\n fontFamily: '\"Inter\", sans-serif !important',\n fontSize: \"13px !important\",\n fontWeight: \"500 !important\",\n padding: \"8px 16px !important\",\n minHeight: \"32px !important\",\n});\n\nglobalStyle(\"#payment-component .Toastify__toast--success\", {\n borderColor: \"#0FAA36 !important\",\n});\n\nglobalStyle(\"#payment-component .Toastify__toast--warning\", {\n borderColor: \"#7A80E9 !important\",\n});\n\nglobalStyle(\n \"#payment-component .Toastify__toast--warning .Toastify__toast-icon\",\n {\n [\"--toastify-icon-color-warning\" as any]: \"#7A80E9 !important\",\n },\n);\n\nglobalStyle(\n \"#payment-component .Toastify__toast--success .Toastify__toast-icon\",\n {\n [\"--toastify-icon-color-success\" as any]: \"#0FAA36 !important\",\n },\n);\n\nexport const walletConnectSuccess = style({\n color: \"#0FAA36\",\n});\n\nexport const balanceEmpty = style({\n color: \"#7A80E9\",\n});\n\nexport const overlay = style({\n position: \"fixed\",\n inset: 0,\n backgroundColor: \"rgba(0, 0, 0, 0.3)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 9999,\n});\n\nexport const wrapper = style({\n fontFamily: '\"Pretendard\", sans-serif',\n backgroundColor: \"#202020\",\n border: \"1px solid rgba(255, 255, 255, 0.08)\",\n borderRadius: \"30px\",\n paddingLeft: \"24px\",\n paddingRight: \"23px\",\n paddingTop: \"28px\",\n paddingBottom: \"37px\",\n width: \"100%\",\n maxWidth: \"370px\",\n});\n\nexport const wallet = style({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n height: \"50px\",\n gap: \"10px\",\n marginBottom: \"34px\",\n});\n\nexport const walletInput = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n backgroundColor: \"#000000\",\n borderRadius: \"100px\",\n paddingLeft: \"20px\",\n paddingRight: \"20px\",\n boxShadow: \"0px 0px 8px 0px #00000040\",\n height: \"100%\",\n width: \"100%\",\n gap: \"8px\",\n});\n\nexport const walletLink = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"24px\",\n width: \"24px\",\n});\n\nexport const walletAddress = style({\n color: \"#969696\",\n fontSize: \"16px\",\n});\n\nexport const switchBtn = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"#FFEF46\",\n borderRadius: \"1000px\",\n color: \"#161616\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n marginLeft: \"auto\",\n height: \"24px\",\n width: \"56px\",\n});\n\nexport const closeBtn = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n flexGrow: 0,\n backgroundColor: \"black\",\n borderRadius: \"100px\",\n height: \"50px\",\n width: \"50px\",\n cursor: \"pointer\",\n transition: \"background-color 150ms ease-in-out\",\n});\n\nexport const paymentWrapper = style({\n display: \"flex\",\n flexDirection: \"column\",\n});\n\nexport const paymentTitle = style({\n color: \"#969696\",\n fontSize: \"16px\",\n fontWeight: 500,\n lineHeight: \"25px\",\n textAlign: \"center\",\n marginBottom: \"10px\",\n});\n\nexport const paymentTokenNetworkWrapper = style({\n position: \"relative\",\n});\n\nexport const paymentTokenNetwork = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n backgroundColor: \"#171717\",\n borderRadius: \"6px\",\n height: \"45px\",\n cursor: \"pointer\",\n paddingLeft: \"15px\",\n paddingRight: \"5px\",\n marginBottom: \"10px\",\n transition: \"color 0.3s ease\",\n});\n\nexport const icon24 = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n flexGrow: 0,\n height: \"24px\",\n width: \"24px\",\n});\n\nexport const dropdownItem = style({\n display: \"flex\",\n alignItems: \"center\",\n flexGrow: 0,\n flexShrink: 0,\n height: \"35px\",\n cursor: \"pointer\",\n paddingLeft: \"20px\",\n paddingRight: \"20px\",\n gap: \"10px\",\n width: \"100%\",\n});\n\nexport const dropdownItemMiddle = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n width: \"100%\",\n});\n\nexport const dropdownItemText = style({\n fontSize: \"15px\",\n letterSpacing: \"0.2px\",\n color: \"#FFFFFF\",\n});\n\nexport const dropdownItemBalance = style({\n fontSize: \"15px\",\n letterSpacing: \"0.2px\",\n color: \"#FFFFFF\",\n marginLeft: \"auto\",\n});\n\nexport const chevronDown = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"24px\",\n width: \"24px\",\n transition: \"transform 0.3s ease\",\n});\n\nexport const dropdownWrapper = style({\n flexDirection: \"column\",\n backgroundColor: \"#121212\",\n borderRadius: \"7px\",\n paddingTop: \"12px\",\n paddingBottom: \"12px\",\n position: \"absolute\",\n top: \"calc(100% - 5px)\",\n left: \"0\",\n right: \"0\",\n zIndex: \"10\",\n gap: \"5px\",\n});\n\nexport const dropdownSearch = style({\n display: \"flex\",\n alignItems: \"center\",\n flexGrow: 0,\n flexShrink: 0,\n backgroundColor: \"#1D1D1D\",\n borderRadius: \"10px\",\n paddingLeft: \"10px\",\n paddingRight: \"10px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n marginTop: \"5px\",\n marginBottom: \"5px\",\n height: \"40px\",\n});\n\nexport const dropdownInput = style({\n backgroundColor: \"transparent\",\n border: \"none\",\n color: \"#FFFFFF\",\n outlineStyle: \"none\",\n height: \"100%\",\n width: \"100%\",\n selectors: {\n \"&::placeholder\": {\n fontSize: \"15px\",\n letterSpacing: \"0.2px\",\n color: \"#525050\",\n },\n },\n});\n\nexport const dropdownItemWrapper = style({\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"5px\",\n overflowY: \"scroll\",\n});\n\nexport const paymentAmountWrapper = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n backgroundColor: \"#323232\",\n borderRadius: \"6px\",\n color: \"#8D8D8D\",\n height: \"48px\",\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n marginBottom: \"5px\",\n});\n\nexport const paymentAmount = style({\n fontWeight: 500,\n fontSize: \"14px\",\n color: \"#888888\",\n letterSpacing: \"-0.2px\",\n});\n\nexport const paymentAmountTotal = style({\n fontWeight: 700,\n fontSize: \"16px\",\n color: \"#FFFFFF\",\n letterSpacing: \"-0.2px\",\n});\n\nexport const chevronDownLarge = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n marginBottom: \"5px\",\n});\n\nexport const summaryWrapper = style({\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: \"#2C2C2C\",\n borderRadius: \"6px\",\n color: \"#8D8D8D\",\n padding: \"12px\",\n marginBottom: \"34px\",\n});\n\nexport const summaryItemWrapper = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n});\n\nexport const summaryItemTitle = style({\n fontSize: \"14px\",\n lineHeight: \"20px\",\n color: \"#888888\",\n letterSpacing: \"-0.2px\",\n});\n\nexport const summaryItemValue = style({\n fontSize: \"13px\",\n fontWeight: 500,\n lineHeight: \"20px\",\n color: \"#888888\",\n letterSpacing: \"-0.2px\",\n});\n\nexport const summaryTotal = style({\n fontSize: \"18px\",\n fontWeight: 700,\n lineHeight: \"24px\",\n color: \"#888888\",\n letterSpacing: \"-0.2px\",\n});\n\nexport const connectWallet = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"#FFED2B\",\n borderRadius: \"100px\",\n fontFamily: '\"IBM Plex Mono\", monospace',\n fontWeight: 600,\n fontSize: \"16px\",\n color: \"#000000\",\n cursor: \"pointer\",\n height: \"56px\",\n width: \"100%\",\n selectors: {\n \"&:hover\": {\n opacity: 0.9,\n },\n },\n});\n\nexport const switchNetworkButton = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"#FF2A2D\",\n borderRadius: \"100px\",\n color: \"#FFFFFF\",\n cursor: \"pointer\",\n fontFamily: '\"Inter\", sans-serif !important',\n fontSize: \"16px\",\n height: \"56px\",\n width: \"100%\",\n});\n\nexport const payButton = style({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: \"100px\",\n fontSize: \"16px\",\n height: \"56px\",\n width: \"100%\",\n});\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["export interface PaymentRouter {\n id: string;\n chainId: string;\n address: string;\n}\n\nexport interface PaymentSetting {\n id: string;\n chainId: string;\n chainIcon?: string;\n tokenAddress: string;\n tokenName: string;\n tokenSymbol: string;\n tokenDecimals: number;\n tokenIcon?: string;\n receiver: string;\n isActive: boolean;\n}\n\nexport interface PaymentConfig {\n paymentRouters: PaymentRouter[];\n paymentSettings: PaymentSetting[];\n}\n\nexport interface CreatePaymentRequest {\n chainId: string;\n tokenAddress: string;\n sender: string;\n usdAmount: string;\n}\n\nexport interface CreatePaymentResponse {\n id: string;\n}\n\nexport interface GetSignatureResponse {\n paymentData: {\n id: string;\n erc20: string;\n sender: string;\n receiver: string;\n amount: string;\n feeRate: string;\n expirationTimestamp: string;\n };\n signature: string;\n}\n"],"mappings":"","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cromix-dev/payment-component",
3
- "version": "0.0.11",
3
+ "version": "0.0.13",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -11,6 +11,9 @@
11
11
  "default": "./dist/index.js"
12
12
  }
13
13
  },
14
+ "sideEffects": [
15
+ "*.css"
16
+ ],
14
17
  "files": [
15
18
  "dist"
16
19
  ],
@@ -21,23 +24,29 @@
21
24
  "@reown/appkit": "^1.8.6",
22
25
  "@reown/appkit-adapter-wagmi": "^1.8.6",
23
26
  "@tanstack/react-query": "^5.89.0",
27
+ "@vanilla-extract/css": "^1.18.0",
24
28
  "decimal.js": "^10.6.0",
29
+ "react-toastify": "^11.0.5",
25
30
  "viem": "^2.38.5",
26
31
  "wagmi": "^2.17.0",
27
32
  "@cromix-dev/evm": "0.0.4"
28
33
  },
29
34
  "devDependencies": {
35
+ "@babel/cli": "^7.28.6",
36
+ "@babel/preset-react": "^7.28.5",
37
+ "@babel/preset-typescript": "^7.28.5",
30
38
  "@eslint/eslintrc": "^3",
31
39
  "@tailwindcss/postcss": "^4",
32
40
  "@types/node": "^20",
33
41
  "@types/react": "^19",
34
42
  "@types/react-dom": "^19",
43
+ "@vanilla-extract/babel-plugin": "^1.2.0",
35
44
  "eslint": "^9",
36
45
  "eslint-config-next": "^15.5.3",
37
- "tailwindcss": "^4",
38
- "tsx": "^4.20.5",
39
46
  "prettier": "^3.6.2",
40
47
  "rimraf": "^6.0.1",
48
+ "tailwindcss": "^4",
49
+ "tsx": "^4.20.5",
41
50
  "typescript": "^5.9.2"
42
51
  },
43
52
  "peerDependencies": {
@@ -49,6 +58,6 @@
49
58
  },
50
59
  "scripts": {
51
60
  "format": "prettier --write '**/*.{js,ts,jsx,tsx,json}'",
52
- "build": "rimraf dist && tsc"
61
+ "build": "rimraf dist && tsc --emitDeclarationOnly && babel src --out-dir dist --extensions \".ts,.tsx\" --source-maps"
53
62
  }
54
63
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"CryptoPayment.d.ts","sourceRoot":"","sources":["../../../src/components/CryptoPayment.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrC,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EAC1B,MAAM,mBAAmB,CAAC;AAW3B,UAAU,kBAAkB;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC;IACzB,eAAe,EAAE,CACf,OAAO,EAAE,oBAAoB,KAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACpC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC9D,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,SAAS,EACT,eAAe,EACf,cAAc,EACd,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CA2dpB"}
@@ -1,260 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState, useEffect, useCallback } from "react";
3
- import { useAccount, useWalletClient, usePublicClient, useSwitchChain, useDisconnect, } from "wagmi";
4
- import { useAppKit } from "@reown/appkit/react";
5
- import { mainnet } from "@reown/appkit/networks";
6
- import { erc20Abi, maxUint256 } from "viem";
7
- import { PaymentRouterAbi, ETH, mainnetUSDTAbi, USDT_ADDRESSES, } from "@cromix-dev/evm";
8
- // checkers for native coins
9
- const isNativeCoin = (tokenAddress) => tokenAddress.toLowerCase() === ETH.toLowerCase();
10
- // checkers for non-standard ERC20 tokens
11
- const isMainnetUSDT = (chainId, tokenAddress) => chainId === mainnet.id &&
12
- tokenAddress.toLowerCase() === USDT_ADDRESSES[mainnet.id].toLowerCase();
13
- export default function CryptoPayment({ paymentConfig, usdAmount, onCreatePayment, onGetSignature, onSuccess, onCancel, }) {
14
- const { address, chain, isConnected } = useAccount();
15
- const publicClient = usePublicClient();
16
- const { data: walletClient } = useWalletClient();
17
- const { switchChain } = useSwitchChain();
18
- const { disconnect } = useDisconnect();
19
- const { open } = useAppKit();
20
- const [status, setStatus] = useState("idle");
21
- const [selectedPaymentRouter, setSelectedPaymentRouter] = useState(null);
22
- const [selectedPaymentSetting, setSelectedPaymentSetting] = useState(null);
23
- const [needsApproval, setNeedsApproval] = useState(null);
24
- const [currentAllowance, setCurrentAllowance] = useState(0n);
25
- const [error, setError] = useState(null);
26
- const checkAllowance = useCallback(async () => {
27
- if (!isConnected ||
28
- !address ||
29
- !chain ||
30
- !publicClient ||
31
- !selectedPaymentRouter ||
32
- !selectedPaymentSetting ||
33
- chain.id !== parseInt(selectedPaymentSetting.chainId)) {
34
- setNeedsApproval(null);
35
- setCurrentAllowance(0n);
36
- return;
37
- }
38
- if (isNativeCoin(selectedPaymentSetting.tokenAddress)) {
39
- setNeedsApproval(false);
40
- setCurrentAllowance(0n);
41
- return;
42
- }
43
- try {
44
- setStatus("checking_allowance");
45
- const allowance = await publicClient.readContract({
46
- address: selectedPaymentSetting.tokenAddress,
47
- abi: erc20Abi,
48
- functionName: "allowance",
49
- args: [address, selectedPaymentRouter.address],
50
- });
51
- setNeedsApproval(allowance === 0n);
52
- setCurrentAllowance(allowance);
53
- setStatus("idle");
54
- }
55
- catch (err) {
56
- console.error("Failed to check allowance:", err);
57
- setNeedsApproval(true);
58
- setCurrentAllowance(0n);
59
- setStatus("idle");
60
- }
61
- }, [
62
- isConnected,
63
- address,
64
- chain,
65
- publicClient,
66
- selectedPaymentRouter,
67
- selectedPaymentSetting,
68
- ]);
69
- useEffect(() => {
70
- checkAllowance();
71
- }, [checkAllowance]);
72
- const handleSwitchNetwork = () => {
73
- if (!isConnected)
74
- return;
75
- if (!selectedPaymentRouter)
76
- return;
77
- setError(null);
78
- try {
79
- setStatus("switching");
80
- switchChain({ chainId: parseInt(selectedPaymentRouter.chainId) });
81
- setStatus("idle");
82
- }
83
- catch (err) {
84
- console.error("Failed to switch network:", err);
85
- setError(err instanceof Error ? err.message : "Failed to switch network");
86
- setStatus("idle");
87
- }
88
- };
89
- const handleApprove = async () => {
90
- if (!isConnected)
91
- return;
92
- if (!address)
93
- return;
94
- if (!chain)
95
- return;
96
- if (!publicClient)
97
- return;
98
- if (!walletClient)
99
- return;
100
- if (!selectedPaymentRouter)
101
- return;
102
- if (!selectedPaymentSetting)
103
- return;
104
- if (chain.id !== parseInt(selectedPaymentRouter.chainId)) {
105
- setError(`Please switch to Chain ID ${selectedPaymentRouter.chainId}`);
106
- return;
107
- }
108
- setError(null);
109
- try {
110
- setStatus("approving");
111
- // if the token is ethereum USDT, then revoke existing allowance first
112
- if (isMainnetUSDT(chain.id, selectedPaymentSetting.tokenAddress) &&
113
- currentAllowance > 0n) {
114
- const { request: revokeRequest } = await publicClient.simulateContract({
115
- account: address,
116
- address: selectedPaymentSetting.tokenAddress,
117
- abi: mainnetUSDTAbi,
118
- functionName: "approve",
119
- args: [selectedPaymentRouter.address, 0n],
120
- });
121
- const revokeHash = await walletClient.writeContract(revokeRequest);
122
- await publicClient.waitForTransactionReceipt({ hash: revokeHash });
123
- }
124
- // approve infinite
125
- const { request: approveRequest } = await publicClient.simulateContract({
126
- account: address,
127
- address: selectedPaymentSetting.tokenAddress,
128
- abi: isMainnetUSDT(chain.id, selectedPaymentSetting.tokenAddress)
129
- ? mainnetUSDTAbi
130
- : erc20Abi,
131
- functionName: "approve",
132
- args: [selectedPaymentRouter.address, maxUint256],
133
- });
134
- const approveHash = await walletClient.writeContract(approveRequest);
135
- await publicClient.waitForTransactionReceipt({ hash: approveHash });
136
- // re-check allowance after approval
137
- await checkAllowance();
138
- setStatus("idle");
139
- }
140
- catch (err) {
141
- console.error("Failed to approve token:", err);
142
- setError(err instanceof Error ? err.message : "Approval failed");
143
- setStatus("idle");
144
- }
145
- };
146
- const handlePay = async () => {
147
- if (!isConnected)
148
- return;
149
- if (!address)
150
- return;
151
- if (!chain)
152
- return;
153
- if (!publicClient)
154
- return;
155
- if (!walletClient)
156
- return;
157
- if (!selectedPaymentRouter)
158
- return;
159
- if (!selectedPaymentSetting)
160
- return;
161
- if (chain.id !== parseInt(selectedPaymentRouter.chainId)) {
162
- setError(`Please switch to Chain ID ${selectedPaymentRouter.chainId}`);
163
- return;
164
- }
165
- setError(null);
166
- try {
167
- setStatus("creating");
168
- // Create payment via merchant's API
169
- const { id: createdPaymentId } = await onCreatePayment({
170
- usdAmount: usdAmount.toString(),
171
- chainId: selectedPaymentSetting.chainId,
172
- tokenAddress: selectedPaymentSetting.tokenAddress,
173
- sender: address,
174
- });
175
- setStatus("signing");
176
- // Get signature from merchant's API
177
- const { paymentData, signature } = await onGetSignature(createdPaymentId);
178
- setStatus("sending");
179
- // Send transaction to PaymentRouter contract
180
- let hash;
181
- if (isNativeCoin(paymentData.erc20)) {
182
- const { request } = await publicClient.simulateContract({
183
- account: address,
184
- address: selectedPaymentRouter.address,
185
- abi: PaymentRouterAbi,
186
- functionName: "payETH",
187
- args: [
188
- BigInt(paymentData.id),
189
- paymentData.receiver,
190
- BigInt(paymentData.feeRate),
191
- BigInt(paymentData.expirationTimestamp),
192
- signature,
193
- ],
194
- value: BigInt(paymentData.amount),
195
- });
196
- hash = await walletClient.writeContract(request);
197
- }
198
- else {
199
- const { request } = await publicClient.simulateContract({
200
- account: address,
201
- address: selectedPaymentRouter.address,
202
- abi: PaymentRouterAbi,
203
- functionName: "payERC20",
204
- args: [
205
- BigInt(paymentData.id),
206
- paymentData.erc20,
207
- paymentData.receiver,
208
- BigInt(paymentData.amount),
209
- BigInt(paymentData.feeRate),
210
- BigInt(paymentData.expirationTimestamp),
211
- signature,
212
- ],
213
- });
214
- hash = await walletClient.writeContract(request);
215
- }
216
- console.debug("Payment transaction sent:", hash);
217
- setStatus("confirming");
218
- // Confirm payment transaction
219
- const receipt = await publicClient.waitForTransactionReceipt({ hash });
220
- if (!receipt) {
221
- throw new Error("Transaction receipt not found");
222
- }
223
- console.debug("Payment transaction confirmed:", receipt);
224
- setStatus("success");
225
- // Call onSuccess callback
226
- onSuccess(createdPaymentId);
227
- }
228
- catch (err) {
229
- console.error("Failed to process payment:", err);
230
- setError(err instanceof Error ? err.message : "Payment failed");
231
- setStatus("idle");
232
- }
233
- };
234
- return (_jsxs("div", { className: "space-y-6", children: [!isConnected && (_jsxs("div", { className: "text-center py-8", children: [_jsx("h5", { className: "text-lg mb-2 text-white", children: "Connect Your Wallet" }), _jsx("p", { className: "text-gray-400 mb-6", children: "Connect your wallet to proceed with crypto payment" }), _jsx("button", { onClick: () => open(), className: "bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700 font-semibold transition", children: "Connect Wallet" })] })), isConnected && (_jsxs("div", { className: "bg-green-900 bg-opacity-30 border border-green-700 p-3 rounded flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm text-green-400", children: "Wallet Connected" }), _jsx("div", { className: "text-white font-mono text-sm", children: address ? `${address.slice(0, 6)}...${address.slice(-4)}` : "" })] }), _jsx("button", { onClick: () => disconnect(), className: "bg-red-600 text-white px-3 py-1 text-sm rounded hover:bg-red-700 transition", children: "Disconnect" })] })), isConnected && !selectedPaymentRouter && (_jsxs("div", { children: [_jsx("h5", { className: "font-semibold mb-3 text-white", children: "Select Network" }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: paymentConfig.paymentRouters.map((paymentRouter) => {
235
- const eligiblePaymentSettings = paymentConfig.paymentSettings.filter((paymentSetting) => paymentSetting.chainId === paymentRouter.chainId &&
236
- paymentSetting.isActive);
237
- return (_jsxs("button", { onClick: () => setSelectedPaymentRouter(paymentRouter), className: "p-4 border-2 border-gray-600 rounded-lg hover:border-blue-500 hover:bg-gray-700 text-left transition", children: [_jsxs("div", { className: "font-semibold text-white", children: ["Chain ID: ", paymentRouter.chainId] }), _jsxs("div", { className: "text-sm text-gray-400", children: [eligiblePaymentSettings.length, " token(s)"] })] }, paymentRouter.chainId));
238
- }) })] })), isConnected && selectedPaymentRouter && !selectedPaymentSetting && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center mb-3", children: [_jsx("button", { onClick: () => {
239
- setSelectedPaymentRouter(null);
240
- setSelectedPaymentSetting(null);
241
- }, className: "text-blue-400 hover:text-blue-300 mr-3", children: "\u2190 Back" }), _jsxs("h5", { className: "font-semibold text-white", children: ["Select Token (Chain ID ", selectedPaymentRouter.chainId, ")"] })] }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: paymentConfig.paymentSettings
242
- .filter((paymentSetting) => paymentSetting.chainId === selectedPaymentRouter.chainId &&
243
- paymentSetting.isActive)
244
- .map((paymentSetting) => (_jsxs("button", { onClick: () => setSelectedPaymentSetting(paymentSetting), className: "p-4 border-2 border-gray-600 rounded-lg hover:border-blue-500 hover:bg-gray-700 text-left transition", children: [_jsx("div", { className: "font-semibold text-white", children: paymentSetting.tokenSymbol }), _jsx("div", { className: "text-sm text-gray-400", children: paymentSetting.tokenName })] }, paymentSetting.id))) })] })), isConnected && selectedPaymentRouter && selectedPaymentSetting && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "bg-gray-700 p-4 rounded-lg border border-gray-600", children: [_jsx("h4", { className: "font-semibold mb-2 text-white", children: "Payment Details" }), _jsxs("div", { className: "space-y-1 text-sm text-gray-300", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Amount:" }), _jsxs("span", { className: "text-white", children: [usdAmount.toString(), " USD"] })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Chain ID:" }), _jsx("span", { className: "text-white", children: selectedPaymentSetting.chainId })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Token:" }), _jsx("span", { className: "text-white", children: selectedPaymentSetting.tokenSymbol })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Receiver:" }), _jsxs("span", { className: "font-mono text-xs text-white", children: [selectedPaymentSetting.receiver.slice(0, 10), "..."] })] })] })] }), chain && chain.id !== parseInt(selectedPaymentRouter.chainId) && (_jsxs("div", { className: "bg-yellow-900 bg-opacity-30 border border-yellow-700 p-3 rounded", children: [_jsx("div", { className: "text-sm mb-2 text-yellow-300 font-semibold", children: "\u26A0\uFE0F Wrong Network" }), _jsxs("div", { className: "text-sm mb-3 text-yellow-200", children: ["Current: Chain ID ", chain.id, _jsx("br", {}), "Required: Chain ID ", selectedPaymentRouter.chainId] }), _jsx("button", { onClick: handleSwitchNetwork, disabled: status === "switching", className: "w-full bg-yellow-600 text-white py-2 rounded hover:bg-yellow-700 disabled:opacity-50 transition", children: status === "switching" ? "Switching..." : "Switch Network" })] })), chain && chain.id === parseInt(selectedPaymentRouter.chainId) && (_jsxs("div", { className: "bg-green-900 bg-opacity-30 border border-green-700 p-2 rounded text-sm text-green-300", children: ["\u2713 Connected to Chain ID ", selectedPaymentRouter.chainId] })), error && (_jsx("div", { className: "bg-red-900 bg-opacity-30 border border-red-700 p-3 rounded text-red-300 text-sm", children: error })), status !== "idle" && (_jsxs("div", { className: "bg-blue-900 bg-opacity-30 border border-blue-700 p-3 rounded text-sm text-blue-300", children: [status === "switching" && "Switching network...", status === "checking_allowance" && "Checking allowance...", status === "approving" && "Approving token...", status === "creating" && "Creating payment...", status === "signing" && "Getting signature...", status === "sending" && "Sending transaction...", status === "confirming" && "Confirming...", status === "success" && "✓ Payment successful!"] })), _jsxs("div", { className: "flex gap-3", children: [_jsx("button", { onClick: () => {
245
- setSelectedPaymentRouter(null);
246
- setSelectedPaymentSetting(null);
247
- }, disabled: status !== "idle", className: "flex-1 bg-gray-600 text-white py-3 rounded hover:bg-gray-700 disabled:opacity-50 transition", children: "Back" }), needsApproval ? (_jsx("button", { onClick: handleApprove, disabled: status !== "idle" ||
248
- !address ||
249
- !chain ||
250
- chain.id !== parseInt(selectedPaymentRouter.chainId), className: "flex-1 bg-orange-600 text-white py-3 rounded hover:bg-orange-700 disabled:opacity-50 font-semibold transition", children: status === "idle"
251
- ? `Approve ${selectedPaymentSetting.tokenSymbol}`
252
- : "Processing..." })) : (_jsx("button", { onClick: handlePay, disabled: status !== "idle" ||
253
- !address ||
254
- !chain ||
255
- chain.id !== parseInt(selectedPaymentRouter.chainId) ||
256
- needsApproval === null, className: "flex-1 bg-blue-600 text-white py-3 rounded hover:bg-blue-700 disabled:opacity-50 font-semibold transition", children: status === "idle"
257
- ? `Pay ${selectedPaymentSetting.tokenSymbol}`
258
- : "Processing..." }))] })] })), _jsx("div", { className: "border-t border-gray-600 pt-4", children: _jsx("button", { onClick: onCancel, disabled: status !== "idle", className: "w-full bg-gray-600 text-white py-2 rounded hover:bg-gray-700 disabled:opacity-50 transition", children: "Cancel Payment" }) })] }));
259
- }
260
- //# sourceMappingURL=CryptoPayment.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CryptoPayment.js","sourceRoot":"","sources":["../../../src/components/CryptoPayment.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaymentProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,qBAAqB,CAAC;AAqB7B,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,eAAuB,EACvB,QAAQ,GACT,EAAE,oBAAoB,2CAwDtB"}
@@ -1,62 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useRef, useEffect } from "react";
3
- import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
4
- import { WagmiProvider } from "wagmi";
5
- import { createAppKit, } from "@reown/appkit/react";
6
- import { anvil, arbitrum, arbitrumSepolia, base, baseSepolia, bsc, bscTestnet, kaia, kairos, mainnet, polygon, polygonAmoy, sepolia, } from "@reown/appkit/networks";
7
- import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
8
- const queryClient = new QueryClient();
9
- export default function PaymentProvider({ projectId, metadata, includeTestnets = false, children, }) {
10
- const networksRef = useRef(null);
11
- const wagmiAdapterRef = useRef(null);
12
- const appKitRef = useRef(null);
13
- networksRef.current ??= [
14
- mainnet,
15
- arbitrum,
16
- base,
17
- bsc,
18
- polygon,
19
- kaia,
20
- ...(includeTestnets
21
- ? [
22
- anvil,
23
- sepolia,
24
- arbitrumSepolia,
25
- baseSepolia,
26
- bscTestnet,
27
- polygonAmoy,
28
- kairos,
29
- ]
30
- : []),
31
- ];
32
- wagmiAdapterRef.current ??= new WagmiAdapter({
33
- networks: networksRef.current,
34
- projectId,
35
- ssr: true,
36
- });
37
- useEffect(() => {
38
- if (!networksRef.current)
39
- return;
40
- if (!wagmiAdapterRef.current)
41
- return;
42
- appKitRef.current ??= createAppKit({
43
- adapters: [wagmiAdapterRef.current],
44
- networks: networksRef.current,
45
- projectId,
46
- metadata,
47
- featuredWalletIds: [
48
- "c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96", // metamask
49
- "18388be9ac2d02726dbac9777c96efaac06d744b2f6d580fccdd4127a6d01fd1", // rabby
50
- "8a0ee50d1f22f6651afcae7eb4253e52a3310b90af5daef78a8c4929a9bb99d4", // binance
51
- "971e689d0a5be527bac79629b4ee9b925e82208e5168b733496a09c0faed0709", // okx
52
- "fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa", // coinbase
53
- ],
54
- features: {
55
- email: false,
56
- socials: false,
57
- },
58
- });
59
- }, []);
60
- return (_jsx(WagmiProvider, { config: wagmiAdapterRef.current.wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
61
- }
62
- //# sourceMappingURL=PaymentProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaymentProvider.js","sourceRoot":"","sources":["../../../src/components/PaymentProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAGL,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,WAAW,EACX,GAAG,EACH,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,OAAO,GACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAStC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GACa;IACrB,MAAM,WAAW,GAAG,MAAM,CAA6C,IAAI,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE9C,WAAW,CAAC,OAAO,KAAK;QACtB,OAAO;QACP,QAAQ;QACR,IAAI;QACJ,GAAG;QACH,OAAO;QACP,IAAI;QACJ,GAAG,CAAC,eAAe;YACjB,CAAC,CAAC;gBACE,KAAK;gBACL,OAAO;gBACP,eAAe;gBACf,WAAW;gBACX,UAAU;gBACV,WAAW;gBACX,MAAM;aACP;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IACF,eAAe,CAAC,OAAO,KAAK,IAAI,YAAY,CAAC;QAC3C,QAAQ,EAAE,WAAW,CAAC,OAAO;QAC7B,SAAS;QACT,GAAG,EAAE,IAAI;KACV,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QACjC,IAAI,CAAC,eAAe,CAAC,OAAO;YAAE,OAAO;QACrC,SAAS,CAAC,OAAO,KAAK,YAAY,CAAC;YACjC,QAAQ,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC;YACnC,QAAQ,EAAE,WAAW,CAAC,OAAO;YAC7B,SAAS;YACT,QAAQ;YACR,iBAAiB,EAAE;gBACjB,kEAAkE,EAAE,WAAW;gBAC/E,kEAAkE,EAAE,QAAQ;gBAC5E,kEAAkE,EAAE,UAAU;gBAC9E,kEAAkE,EAAE,MAAM;gBAC1E,kEAAkE,EAAE,WAAW;aAChF;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,KAAK;aACf;SACF,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,WAAW,YACxD,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YAAG,QAAQ,GAAuB,GAC5D,CACjB,CAAC;AACJ,CAAC"}
@@ -1,4 +0,0 @@
1
- export type * from "./types/index.js";
2
- export { default as PaymentProvider } from "./components/PaymentProvider.js";
3
- export { default as CryptoPayment } from "./components/CryptoPayment.js";
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
package/dist/src/index.js DELETED
@@ -1,3 +0,0 @@
1
- export { default as PaymentProvider } from "./components/PaymentProvider.js";
2
- export { default as CryptoPayment } from "./components/CryptoPayment.js";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":""}
File without changes
File without changes