@ape.swap/bonds-sdk 2.2.8 → 2.2.10

package/dist/components/RestrictedRegionModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const RestrictedRegionModal: ({ onDismiss }: {
+    onDismiss?: () => void;
+}) => React.JSX.Element;
+export default RestrictedRegionModal;

package/dist/config/constants/queryKeys.d.ts

@@ -33,4 +33,5 @@ export declare const QUERY_KEYS: {
     CHAIN_FILTER_OPTION: string;
     FAVORITE_TOKENS: string;
     POP_UPS: string;
+    GEO_FENCING: string;
 };

package/dist/main.js

@@ -18326,6 +18326,7 @@ var types = {};
 	    (_c[LiquidityDex.PancakeSwapV2] = {
 	      factory: '0xcA143Ce32Fe78f1f7019d7d551a6402fC5350c73',
 	      protocol: Protocols.V2,
+	      router: '0x10ED43C718714eb63d5aA57B78B54704E256024E',
 	    }),
 	    (_c[LiquidityDex.ApeSwapV3] = {
 	      factory: '0x7Bc382DdC5928964D7af60e7e2f6299A1eA6F48d',
@@ -18841,6 +18842,7 @@ const QUERY_KEYS = {
     CHAIN_FILTER_OPTION: 'ApeBond-SDK-chainFilterOption',
     FAVORITE_TOKENS: 'ApeBond-SDK-favoriteTokens',
     POP_UPS: 'ApeBond-SDK-popUps',
+    GEO_FENCING: 'ApeBond-SDK-geoFencing',
 };
 
 function useCookie(key, defaultValue) {
@@ -49034,7 +49036,7 @@ const PRICE_GETTER_ADDRESSES = {
     [types.ChainId.LINEA]: '0x35b1eadAbaDD0Edd26076247f3dEdF9E15De8D5D',
     [types.ChainId.LIGHTLINK]: '0xC22Db8dDe3A3591fFB02be868Ce2901d30671FE4',
     [types.ChainId.IOTA]: '0xC22Db8dDe3A3591fFB02be868Ce2901d30671FE4',
-    [types.ChainId.BASE]: '0x2e6AB3cc819BE64886C1bB403813cCBec0407a5b',
+    [types.ChainId.BASE]: '0xE29C74B4DD05A268B5FFaadeF4fdbAa1de6FDe84',
     [types.ChainId.AVAX]: '0x70005Da62E17041977f7F99f91098b125CcDE1a7',
 };
 const MULTICALL_V2 = {
@@ -74111,7 +74113,6 @@ const ProjectDescription = ({ description }) => {
 };
 
 const BondModalHeaderAlt = ({ bondData, onDismiss, showProjectInfoButton, }) => {
-    var _a, _b, _c, _d, _e, _f;
     const [onOpenSlippageModal] = useModal(jsx$2(SlippageModal, {}));
     const handleClose = () => {
         if (typeof window !== 'undefined') {
@@ -74131,7 +74132,7 @@ const BondModalHeaderAlt = ({ bondData, onDismiss, showProjectInfoButton, }) =>
     //     },
     //   })
     // }
-    return (jsx$2(Flex, { className: "modaltable-container title-container", children: jsx$2(Flex, { className: "slipagge-close-icons", sx: { flexDirection: 'row' }, children: onDismiss ? (jsxs(Fragment$1, { children: [jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(BondInfoTooltip, { earnTokenContract: (_c = (_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.earnToken) === null || _a === void 0 ? void 0 : _a.address) === null || _b === void 0 ? void 0 : _b[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]) !== null && _c !== void 0 ? _c : '', earnTokenSymbol: (_e = (_d = bondData === null || bondData === void 0 ? void 0 : bondData.earnToken) === null || _d === void 0 ? void 0 : _d.symbol) !== null && _e !== void 0 ? _e : '', bondContract: (_f = bondData.billAddress) !== null && _f !== void 0 ? _f : '', projectLink: bondData === null || bondData === void 0 ? void 0 : bondData.projectLink, twitter: bondData === null || bondData === void 0 ? void 0 : bondData.twitter, audit: bondData === null || bondData === void 0 ? void 0 : bondData.audit, chain: bondData === null || bondData === void 0 ? void 0 : bondData.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(7%, -2%)", children: jsx$2(Flex, { className: "more-icon", sx: { opacity: 0.8 }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) }), jsx$2(Flex, { sx: { pr: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose })] })) : (jsx$2(Flex, { sx: {}, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) }) }));
+    return (jsx$2(Flex, { className: "modaltable-container title-container", children: jsx$2(Flex, { className: "slipagge-close-icons", sx: { flexDirection: 'row' }, children: onDismiss ? (jsxs(Fragment$1, { children: [jsx$2(Flex, { sx: { pr: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose })] })) : (jsx$2(Flex, { sx: {}, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) }) }));
 };
 
 const ImageAndShortDescription = ({ bondData, onDismiss }) => {
@@ -74172,9 +74173,32 @@ const ImageAndShortDescription = ({ bondData, onDismiss }) => {
                         }) })] }), jsxs(Flex, { sx: { alignItems: 'center', display: ['flex', 'flex', 'flex', 'none'], p: '10px', width: '100%' }, children: [jsxs(Flex, { sx: { width: ['50%', '50%', '50%', '100%'], alignItems: 'center' }, children: [jsx$2(Flex, { sx: { mr: '5px' }, children: jsx$2(TokenImage, { symbol: (_a = bondData.showcaseTokenName) !== null && _a !== void 0 ? _a : bondData.earnToken.symbol, size: 30, chain: bondData.chainId }) }), jsxs("h2", { className: "modal-tokenname-chainicon", sx: { margin: '0px' }, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, ' '] })] }), jsx$2(Flex, { className: "modal-marketprice-header", sx: { justifyContent: 'flex-end', alignItems: 'center' }, children: jsxs("span", { className: "modal-marketprice", children: ["Market Price: $", earnTokenPrice(bondData)] }) }), jsx$2(Flex, { className: "bondmodal-header-alt", sx: { mb: '10px' }, children: jsx$2(BondModalHeaderAlt, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }) })] }), jsx$2(Flex, { className: "description-container paragraph-spaced", sx: { px: '10px', opacity: 0.7, mt: ['0', '0', '0', '10px'] }, children: jsx$2(ProjectDescription, { description: bondData === null || bondData === void 0 ? void 0 : bondData.shortDescription }) })] }));
 };
 
+// Fetch country code to check if the region is allowed
+const fetchLocation = (apiv2URL) => __awaiter$9(void 0, void 0, void 0, function* () {
+    const resp = yield axios.get(`${apiv2URL}/check`);
+    const { isRestrictedRegion, countryCode } = resp === null || resp === void 0 ? void 0 : resp.data;
+    return { isRestrictedRegion, countryCode };
+});
+function useGeoFencing() {
+    const apiv2URL = useURLByEnvironment('apiV2');
+    return useQuery({
+        queryKey: [QUERY_KEYS.GEO_FENCING],
+        queryFn: () => fetchLocation(apiv2URL),
+        staleTime: Infinity,
+        refetchOnMount: false,
+        refetchOnWindowFocus: false,
+    });
+}
+
+const RestrictedRegionModal = ({ onDismiss }) => {
+    const { data: geoData } = useGeoFencing();
+    return (jsxs(Modal, { className: "modal", title: "Notice", sx: { maxWidth: '200px' }, children: [jsxs(Flex, { sx: { my: '20px' }, children: ["Unfortunately, this bond is restricted for your region: ", geoData === null || geoData === void 0 ? void 0 : geoData.countryCode, "."] }), jsx$2(Button, { fullWidth: true, onClick: onDismiss, children: "Close" })] }));
+};
+
 const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const SDKConfig = useSDKConfig();
+    const { data: geoData } = useGeoFencing();
     // State
     const [modalVariant, setModalVariant] = useState(SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.modalVariant);
     const [accordionVisible, setAccordionVisible] = useState(false);
@@ -74342,13 +74366,26 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
             }
         }
     });
+    const [openGeofencingModal] = useModal(jsx$2(RestrictedRegionModal, {}));
+    const blockedBondsForAE = [
+        '0x0719CCaF2f07f59b23DB7d80E3d2791A0836bdfD'.toLowerCase(),
+        '0xBc48794a04777E7170bD5633E8b728f8a0945971'.toLowerCase(),
+        '0x94A283756B70c2A77bc58Ae0E2615Caf14310186'.toLowerCase(),
+        '0x6639D4acAe77967c253C75cBfEd7C612682E2704'.toLowerCase(),
+    ];
     const handleBothPurchases = () => {
-        setLoadingTx(true);
-        if (isZap) {
-            handleZapCallback().finally(() => setLoadingTx(false));
+        var _a, _b;
+        if ((geoData === null || geoData === void 0 ? void 0 : geoData.countryCode) === 'AE' && blockedBondsForAE.includes((_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '')) {
+            openGeofencingModal();
         }
         else {
-            handleBuyCallback().finally(() => setLoadingTx(false));
+            setLoadingTx(true);
+            if (isZap) {
+                handleZapCallback().finally(() => setLoadingTx(false));
+            }
+            else {
+                handleBuyCallback().finally(() => setLoadingTx(false));
+            }
         }
     };
     const openExternal = () => {
@@ -74448,7 +74485,6 @@ const ModalHandler = ({ onDismiss, bondAddress, bondChain, }) => {
     const { data: userBonds, refetch } = useUserBonds();
     const userBill = userBonds === null || userBonds === void 0 ? void 0 : userBonds.find((bond) => bond.id === billId);
     useEffect(() => {
-        console.log(billId);
         if (billId) {
             console.log('BillId detected, Refetching user bonds');
             refetch();
@@ -74775,7 +74811,7 @@ const BondRowsByChain = ({ bonds, hideTitles }) => {
     const SDKConfig = useSDKConfig();
     const validatedChains = (_a = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.chains) === null || _a === void 0 ? void 0 : _a.filter((chain) => MAINNET_CHAINS.includes(chain));
     return (jsx$2(Flex$1, { className: "bondrowsbychain", children: validatedChains === null || validatedChains === void 0 ? void 0 : validatedChains.map((chain) => {
-            return (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hideTitles: hideTitles, showHotBonds: SDKConfig.useHotBonds ? chain === types.ChainId.BASE || chain === types.ChainId.MAINNET : false }, chain));
+            return (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hideTitles: hideTitles, showHotBonds: hideTitles ? false : SDKConfig.useHotBonds ? chain === types.ChainId.BASE || chain === types.ChainId.MAINNET : false }, chain));
         }) }));
 };
 
@@ -74949,6 +74985,7 @@ const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFil
 const Bonds = () => {
     // Fetch data
     useHotBonds();
+    useGeoFencing();
     const { favTokens } = useFavoriteTokens();
     const { data: bondData, refetch: refetchBondsData } = useBondsData();
     const { data: allBonds } = useBondsList();
@@ -90717,6 +90754,7 @@ const SalesTable = ({ allSales }) => {
                         const receivedUsdAmount = ((_a = sale === null || sale === void 0 ? void 0 : sale.payout) !== null && _a !== void 0 ? _a : 0) * (sale === null || sale === void 0 ? void 0 : sale.payoutTokenPrice);
                         const discount = 100 - (sale.dollarValue * 100) / receivedUsdAmount;
                         const isUserTheBuyer = (buyer === null || buyer === void 0 ? void 0 : buyer.toLowerCase()) === (account === null || account === void 0 ? void 0 : account.toLowerCase());
+                        const payoutToken = sale.payoutToken === 'LL.e' ? 'LL' : sale.payoutToken;
                         return (jsxs(Flex, { sx: {
                                 width: '100%',
                                 background: 'white3',
@@ -90727,7 +90765,7 @@ const SalesTable = ({ allSales }) => {
                                 alignItems: 'center',
                                 justifyContent: 'space-between',
                                 fontSize: '12px',
-                            }, children: [jsxs(Flex, { sx: { width: '170px', alignItems: 'center' }, children: [jsx$2(Flex, { sx: { width: '30px', justifyContent: 'center' }, children: index + 4 }), jsx$2(TokenImage, { symbol: sale.payoutToken, chain: sale.chainId, size: 28 }), jsx$2(Flex, { sx: { ml: '10px' }, children: sale.payoutToken })] }), jsx$2(Flex, { sx: { width: '120px', justifyContent: 'center' }, children: formatUTCDate(new Date(sale.createdAt * 1000)) }), jsx$2(Flex, { sx: { width: '160px', justifyContent: 'center', position: 'relative' }, children: jsxs(Flex, { sx: { position: 'relative' }, children: [buyer === null || buyer === void 0 ? void 0 : buyer.slice(0, 4), "...", buyer === null || buyer === void 0 ? void 0 : buyer.slice((buyer === null || buyer === void 0 ? void 0 : buyer.length) - 4, buyer === null || buyer === void 0 ? void 0 : buyer.length), isUserTheBuyer && jsx$2(Flex, { sx: styles$1.youCard, children: "You" })] }) }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", sale.dollarValue.toFixed(2)] }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", receivedUsdAmount === null || receivedUsdAmount === void 0 ? void 0 : receivedUsdAmount.toFixed(2)] }), jsxs(Flex, { sx: { width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }, children: [discount.toFixed(2), "%"] })] }, sale.transactionHash));
+                            }, children: [jsxs(Flex, { sx: { width: '170px', alignItems: 'center' }, children: [jsx$2(Flex, { sx: { width: '30px', justifyContent: 'center' }, children: index + 4 }), jsx$2(TokenImage, { symbol: payoutToken, chain: sale.chainId, size: 28 }), jsx$2(Flex, { sx: { ml: '10px' }, children: sale.payoutToken })] }), jsx$2(Flex, { sx: { width: '120px', justifyContent: 'center' }, children: formatUTCDate(new Date(sale.createdAt * 1000)) }), jsx$2(Flex, { sx: { width: '160px', justifyContent: 'center', position: 'relative' }, children: jsxs(Flex, { sx: { position: 'relative' }, children: [buyer === null || buyer === void 0 ? void 0 : buyer.slice(0, 4), "...", buyer === null || buyer === void 0 ? void 0 : buyer.slice((buyer === null || buyer === void 0 ? void 0 : buyer.length) - 4, buyer === null || buyer === void 0 ? void 0 : buyer.length), isUserTheBuyer && jsx$2(Flex, { sx: styles$1.youCard, children: "You" })] }) }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", sale.dollarValue.toFixed(2)] }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", receivedUsdAmount === null || receivedUsdAmount === void 0 ? void 0 : receivedUsdAmount.toFixed(2)] }), jsxs(Flex, { sx: { width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }, children: [discount.toFixed(2), "%"] })] }, sale.transactionHash));
                     }) })] }));
 };
 

package/dist/state/geoFencing/useGeoFencing.d.ts

@@ -0,0 +1,5 @@
+import { UseQueryResult } from '@tanstack/react-query';
+export default function useGeoFencing(): UseQueryResult<{
+    isRestrictedRegion: boolean;
+    countryCode: string;
+}>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",