@ape.swap/bonds-sdk 6.1.18 → 6.2.1

package/dist/views/ProjectView/components/ProjectInfo/index.js

@@ -2,14 +2,10 @@ import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import { styles } from './styles.js';
 import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
-import useBondsList from '../../../../state/bonds/useBondsList.js';
 
-const ProjectInfo = ({ selectedBond2 }) => {
-    const description = selectedBond2?.fullDescription ?? selectedBond2?.shortDescription;
-    const { data: bondList } = useBondsList();
-    const selectedBond = bondList?.find((billsConfig) => billsConfig?.contractAddress?.[billsConfig?.chainId]?.toLowerCase() ===
-        selectedBond2?.contractAddress?.[selectedBond2.chainId]?.toLowerCase());
-    return (jsxs(Flex, { sx: styles.projectInfoContainer, children: [jsxs(Flex, { sx: styles.tokenTitle, children: ["About ", selectedBond?.earnToken.symbol] }), jsx(Flex, { sx: styles.fullDescription, children: description && jsx(SafeHTMLComponent, { html: description }) }), jsxs(Flex, { sx: { flexDirection: 'column' }, children: [selectedBond?.featuredURLS && selectedBond?.featuredURLS?.length > 0 && (jsxs(Flex, { sx: { flexDirection: 'column', mt: '20px' }, children: [jsx(Flex, { sx: styles.tokenTitle, children: "Featured In" }), jsx(Flex, { sx: styles.imagesWrapper, children: selectedBond?.featuredURLS?.map((featuredURLS, index) => (jsx(Flex, { sx: styles.imageContainer, children: jsx("img", { src: featuredURLS, alt: "featured-img", style: { width: '100%', height: '100%', objectFit: 'contain' } }) }, `${featuredURLS}-${index}`))) })] })), selectedBond?.partnersURLS && selectedBond?.partnersURLS?.length > 0 && (jsxs(Flex, { sx: { flexDirection: 'column', mt: '20px' }, children: [jsx(Flex, { sx: styles.tokenTitle, children: "Partners" }), jsx(Flex, { sx: styles.imagesWrapper, children: selectedBond?.partnersURLS?.map((partnerURL, index) => (jsx(Flex, { sx: styles.imageContainer, children: jsx("img", { src: partnerURL, alt: "partner-img", style: { width: '100%', height: '100%', objectFit: 'contain' } }) }, `${partnerURL}-${index}`))) })] }))] })] }));
+const ProjectInfo = ({ selectedBond }) => {
+    const description = selectedBond?.fullDescription ?? selectedBond?.shortDescription;
+    return (jsxs(Flex, { sx: styles.projectInfoContainer, children: [jsxs(Flex, { sx: styles.tokenTitle, children: ["About ", selectedBond?.earnToken.symbol] }), jsx(Flex, { sx: styles.fullDescription, children: description && jsx(SafeHTMLComponent, { html: description }) }), jsx(Flex, { sx: { flexDirection: 'column' } })] }));
 };
 
 export { ProjectInfo as default };

package/dist/views/ProjectView/components/ProjectInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { BondsData } from '../../../../types/bonds'\nimport useBondsList from '../../../../state/bonds/useBondsList'\n\nconst ProjectInfo = ({ selectedBond2 }: { selectedBond2?: BondsData }) => {\n  const description: string | undefined = selectedBond2?.fullDescription ?? selectedBond2?.shortDescription\n  const { data: bondList } = useBondsList()\n\n  const selectedBond = bondList?.find(\n    (billsConfig) =>\n      billsConfig?.contractAddress?.[billsConfig?.chainId]?.toLowerCase() ===\n      selectedBond2?.contractAddress?.[selectedBond2.chainId]?.toLowerCase(),\n  )\n\n  return (\n    <Flex sx={styles.projectInfoContainer}>\n      <Flex sx={styles.tokenTitle}>About {selectedBond?.earnToken.symbol}</Flex>\n      <Flex sx={styles.fullDescription}>{description && <SafeHTMLComponent html={description} />}</Flex>\n      <Flex sx={{ flexDirection: 'column' }}>\n        {selectedBond?.featuredURLS && selectedBond?.featuredURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Featured In</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.featuredURLS?.map((featuredURLS, index) => (\n                <Flex key={`${featuredURLS}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={featuredURLS}\n                    alt=\"featured-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n        {selectedBond?.partnersURLS && selectedBond?.partnersURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Partners</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.partnersURLS?.map((partnerURL, index) => (\n                <Flex key={`${partnerURL}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={partnerURL}\n                    alt=\"partner-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ProjectInfo\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { BondsData } from '../../../../types/bonds'\n\nconst ProjectInfo = ({ selectedBond }: { selectedBond?: BondsData }) => {\n  const description: string | undefined = selectedBond?.fullDescription ?? selectedBond?.shortDescription\n\n  return (\n    <Flex sx={styles.projectInfoContainer}>\n      <Flex sx={styles.tokenTitle}>About {selectedBond?.earnToken.symbol}</Flex>\n      <Flex sx={styles.fullDescription}>{description && <SafeHTMLComponent html={description} />}</Flex>\n      <Flex sx={{ flexDirection: 'column' }}></Flex>\n    </Flex>\n  )\n}\n\nexport default ProjectInfo\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAMA,MAAM,WAAW,GAAG,CAAC,EAAE,YAAY,EAAgC,KAAI;IACrE,MAAM,WAAW,GAAuB,YAAY,EAAE,eAAe,IAAI,YAAY,EAAE,gBAAgB;IAEvG,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,oBAAoB,EAAA,QAAA,EAAA,CACnCA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAA,QAAA,EAAA,CAAA,QAAA,EAAS,YAAY,EAAE,SAAS,CAAC,MAAM,CAAA,EAAA,CAAQ,EAC1EC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAAG,WAAW,IAAIA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,EAAA,CAAQ,EAClGA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,CAAS,CAAA,EAAA,CACzC;AAEX;;;;"}

package/dist/views/ProjectView/components/ProjectInfo/styles.js

@@ -15,30 +15,7 @@ const styles = {
         fontWeight: 500,
         lineHeight: '21px',
         mt: '10px',
-    },
-    imagesWrapper: {
-        mt: '10px',
-        justifyContent: 'space-between',
-        flexWrap: ['wrap', 'wrap', 'wrap', 'nowrap'],
-        '& > div:last-child': {
-            marginRight: '0',
-        },
-        '& > div:nth-of-type(3)': {
-            marginRight: ['0px', '0px', '0px', '10px'],
-        },
-        '& > div:nth-of-type(n+4)': {
-            mt: ['15px', '15px', '15px', '0px'],
-        },
-    },
-    imageContainer: {
-        p: '10px',
-        background: 'white3',
-        borderRadius: 'normal',
-        mr: '10px',
-        width: ['30%', '30%', '30%', '100%'],
-        height: ['40px', '40px', '40px', '67px'],
-    },
-};
+    }};
 
 export { styles };
 //# sourceMappingURL=styles.js.map

package/dist/views/ProjectView/components/ProjectInfo/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'projectInfoContainer' | 'tokenTitle' | 'fullDescription' | 'imagesWrapper' | 'imageContainer',\n  ThemeUIStyleObject\n> = {\n  projectInfoContainer: {\n    width: '100%',\n    background: 'white2',\n    p: '20px',\n    borderRadius: 'normal',\n    flexDirection: 'column',\n  },\n  tokenTitle: {\n    width: '100%',\n    fontSize: ['22px'],\n  },\n  fullDescription: {\n    fontSize: '14px',\n    fontWeight: 500,\n    lineHeight: '21px',\n    mt: '10px',\n  },\n  imagesWrapper: {\n    mt: '10px',\n    justifyContent: 'space-between',\n    flexWrap: ['wrap', 'wrap', 'wrap', 'nowrap'],\n    '& > div:last-child': {\n      marginRight: '0',\n    },\n    '& > div:nth-of-type(3)': {\n      marginRight: ['0px', '0px', '0px', '10px'],\n    },\n    '& > div:nth-of-type(n+4)': {\n      mt: ['15px', '15px', '15px', '0px'],\n    },\n  },\n  imageContainer: {\n    p: '10px',\n    background: 'white3',\n    borderRadius: 'normal',\n    mr: '10px',\n    width: ['30%', '30%', '30%', '100%'],\n    height: ['40px', '40px', '40px', '67px'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AACnB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,cAAc,EAAE,eAAe;QAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC5C,QAAA,oBAAoB,EAAE;AACpB,YAAA,WAAW,EAAE,GAAG;AACjB,SAAA;AACD,QAAA,wBAAwB,EAAE;YACxB,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AAC3C,SAAA;AACD,QAAA,0BAA0B,EAAE;YAC1B,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACpC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AACzC,KAAA;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'projectInfoContainer' | 'tokenTitle' | 'fullDescription' | 'imagesWrapper' | 'imageContainer',\n  ThemeUIStyleObject\n> = {\n  projectInfoContainer: {\n    width: '100%',\n    background: 'white2',\n    p: '20px',\n    borderRadius: 'normal',\n    flexDirection: 'column',\n  },\n  tokenTitle: {\n    width: '100%',\n    fontSize: ['22px'],\n  },\n  fullDescription: {\n    fontSize: '14px',\n    fontWeight: 500,\n    lineHeight: '21px',\n    mt: '10px',\n  },\n  imagesWrapper: {\n    mt: '10px',\n    justifyContent: 'space-between',\n    flexWrap: ['wrap', 'wrap', 'wrap', 'nowrap'],\n    '& > div:last-child': {\n      marginRight: '0',\n    },\n    '& > div:nth-of-type(3)': {\n      marginRight: ['0px', '0px', '0px', '10px'],\n    },\n    '& > div:nth-of-type(n+4)': {\n      mt: ['15px', '15px', '15px', '0px'],\n    },\n  },\n  imageContainer: {\n    p: '10px',\n    background: 'white3',\n    borderRadius: 'normal',\n    mr: '10px',\n    width: ['30%', '30%', '30%', '100%'],\n    height: ['40px', '40px', '40px', '67px'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AACnB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,EAAE,EAAE,MAAM;AACX;;;;"}

package/dist/views/SingleBond/SingleBond.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
 import useBondsData from '../../state/bonds/useBondsData.js';
 import useBondsList from '../../state/bonds/useBondsList.js';
-import BuyComponent from '../BuyBond/BuyComponent.js';
+import BuyBond from '../BuyBond/BuyComponent.js';
 import TabNav from '../../components/uikit-sdk/TabNav/index.js';
 import YourBonds from '../YourBonds/YourBonds.js';
 import SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder.js';
@@ -16,10 +16,17 @@ const SingleBond = ({ tokenSymbol }) => {
     // State
     const [activeTab, setActiveTab] = useState('Buy Bond');
     // Data
-    const filteredBonds = bonds?.filter((bond) => tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()));
-    const soldOutBonds = allBonds?.filter((bond) => tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()));
-    const activeBond = filteredBonds?.[0];
-    const soldOutBond = soldOutBonds?.[0];
+    const activeBond = bonds?.find((bond) => tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()));
+    const soldOutBond = useMemo(() => {
+        if (!allBonds)
+            return undefined;
+        for (const bondsForChain of Object.values(allBonds)) {
+            const bond = bondsForChain.find((item) => tokenSymbol?.some((symbol) => item.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()));
+            if (bond)
+                return bond;
+        }
+        return undefined;
+    }, [allBonds, tokenSymbol]);
     const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId];
     const bondChain = activeBond?.chainId;
     return (jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: {
@@ -29,7 +36,7 @@ const SingleBond = ({ tokenSymbol }) => {
                         borderRadius: 'normal',
                         p: '0 20px 20px 20px',
                         mx: '10px',
-                    }, children: activeBond ? (jsx(BuyComponent, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(Spinner, { size: 100 }) })) })) : (jsx(YourBonds, { showOnly: tokenSymbol?.[0] }))] }) }));
+                    }, children: activeBond ? (jsx(BuyBond, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(Spinner, { size: 100 }) })) })) : (jsx(YourBonds, { showOnly: tokenSymbol?.[0] }))] }) }));
 };
 
 export { SingleBond as default };

package/dist/views/SingleBond/SingleBond.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport { Spinner } from 'theme-ui'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const filteredBonds = bonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBonds = allBonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const activeBond = filteredBonds?.[0]\n  const soldOutBond = soldOutBonds?.[0]\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex sx={{ flexDirection: 'column' }}>\n      <Flex\n        sx={{\n          flexDirection: 'column',\n        }}\n      >\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            sx={{\n              background: activeTab === 'Buy Bond' && 'white2',\n              borderRadius: 'normal',\n              p: '0 20px 20px 20px',\n              mx: '10px',\n            }}\n          >\n            {activeBond ? (\n              <BuyBond bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex sx={{ justifyContent: 'center', width: '100%', pt: '20px' }}>No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs","BuyBond"],"mappings":";;;;;;;;;;;AAcA,MAAM,UAAU,GAA8B,CAAC,EAAE,WAAW,EAAE,KAAI;;IAEhE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;;IAGzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC;;AAG9D,IAAA,MAAM,aAAa,GAAG,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,KACvC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AACD,IAAA,MAAM,YAAY,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,KACzC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AACD,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,UAAU,EAAE,eAAe,GAAG,UAAU,EAAE,OAAO,CAAC;AACtE,IAAA,MAAM,SAAS,GAAG,UAAU,EAAE,OAAO;AAErC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,aAAa,EAAE,QAAQ;aACxB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/DA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EACtC,iBAAiB,EAAE,CAAC,QAAgB,KAAK,YAAY,CAAC,QAAQ,CAAC,EAAA,CAC/D,EAAA,CACG,EACN,SAAS,KAAK,UAAU,IACvBA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,wBAAA,UAAU,EAAE,SAAS,KAAK,UAAU,IAAI,QAAQ;AAChD,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,CAAC,EAAE,kBAAkB;AACrB,wBAAA,EAAE,EAAE,MAAM;qBACX,EAAA,QAAA,EAEA,UAAU,IACTA,GAAA,CAACE,YAAO,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,IACzD,WAAW,IAAI,SAAS,IAC1BF,GAAA,CAAC,yBAAyB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,IAC9C,SAAS,IACXA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,SAAA,EAAA,CAAgB,KAEjFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,GAAG,EAAA,CAAI,EAAA,CACjB,CACR,EAAA,CACI,KAEPA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,GAAI,CAC1C,CAAA,EAAA,CACI,EAAA,CACF;AAEX;;;;"}
+{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport { Spinner } from 'theme-ui'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const activeBond = bonds?.find((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBond = useMemo(() => {\n    if (!allBonds) return undefined\n\n    for (const bondsForChain of Object.values(allBonds)) {\n      const bond = bondsForChain.find((item) =>\n        tokenSymbol?.some((symbol) => item.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n      )\n\n      if (bond) return bond\n    }\n\n    return undefined\n  }, [allBonds, tokenSymbol])\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex sx={{ flexDirection: 'column' }}>\n      <Flex\n        sx={{\n          flexDirection: 'column',\n        }}\n      >\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            sx={{\n              background: activeTab === 'Buy Bond' && 'white2',\n              borderRadius: 'normal',\n              p: '0 20px 20px 20px',\n              mx: '10px',\n            }}\n          >\n            {activeBond ? (\n              <BuyBond bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex sx={{ justifyContent: 'center', width: '100%', pt: '20px' }}>No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "6.1.18",
+  "version": "6.2.1",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -112,8 +112,8 @@
     "@solana/web3.js": "^1.98.4",
     "@tanstack/react-query": "^5.90.2",
     "axios": "^1.8.2",
-    "react": ">=17 <19",
-    "react-dom": ">=17 <19",
+    "react": ">=17",
+    "react-dom": ">=17",
     "wagmi": "^2.14.16"
   },
   "dependencies": {
@@ -132,6 +132,8 @@
     "theme-ui": "0.17.2"
   },
   "devDependencies": {
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
     "@eslint/js": "9.39.4",
     "@rainbow-me/rainbowkit": "2.2.10",
     "@rollup/plugin-commonjs": "25.0.8",

package/dist/state/tokenList/useTokenList.d.ts

@@ -1,5 +0,0 @@
-import { BillsConfig, ChainId, PreTGEConfig, Token } from '@ape.swap/apeswap-lists';
-import { UseQueryResult } from '@tanstack/react-query';
-export type TokenList = Record<ChainId, Record<string, Token>>;
-export default function useTokenList(): UseQueryResult<TokenList>;
-export declare const getTokenList: (chains: number[], apiUrl: string, bondList: BillsConfig[], preTGEList: PreTGEConfig[]) => TokenList;