@ape.swap/bonds-sdk 1.1.0-test.43 → 1.1.0-test.44

package/dist/components/BondRows/BondRow.d.ts

@@ -5,6 +5,7 @@ interface BondRowProps {
     key: string;
     bond: BondsData;
     hotBonds?: string[];
+    modalVariant?: 'standard' | 'alt';
 }
 declare const BondRow: React.FC<BondRowProps>;
 export default BondRow;

package/dist/components/BondRows/BondRowsByChain.d.ts

@@ -1,9 +1,10 @@
 import { BondsData } from '../../types/bonds';
 import '../../scss/BondRowsByChain.scss';
-declare const BondRowsByChain: ({ bonds, hotBonds, hideTitles, chains, }: {
+declare const BondRowsByChain: ({ bonds, hotBonds, hideTitles, chains, modalVariant }: {
     bonds: BondsData[];
     hotBonds?: string[];
     hideTitles: boolean;
     chains?: number[];
+    modalVariant?: "standard" | "alt";
 }) => import("react").JSX.Element;
 export default BondRowsByChain;

package/dist/components/BondRows/BondRowsWithTitle.d.ts

@@ -1,9 +1,10 @@
 import { BondsData } from '../../types/bonds';
 import '../../scss/BondRowsWithTitle.scss';
-declare const BondRowsWithTitle: ({ chain, bonds, hotBonds, hideTitles, }: {
+declare const BondRowsWithTitle: ({ chain, bonds, hotBonds, hideTitles, modalVariant }: {
     chain: number;
     bonds: BondsData[];
     hotBonds?: string[];
     hideTitles: boolean;
+    modalVariant?: "standard" | "alt";
 }) => import("react").JSX.Element;
 export default BondRowsWithTitle;

package/dist/main.js

@@ -72359,10 +72359,10 @@ const BondModal = ({ bondAddress, bondChain, accordionTitle = 'What are Bonds?',
                 ) }))] }));
 };
 
-const BondRow = ({ bond, hotBonds }) => {
+const BondRow = ({ bond, hotBonds, modalVariant }) => {
     var _a, _b, _c;
     // Modal
-    const [openBuyModal] = useModal(jsx$2(BondModal, { bondAddress: bond.billAddress, bondChain: bond.chainId }), true, true, `buyBondModal-${bond.billAddress}-${bond.chainId}`);
+    const [openBuyModal] = useModal(jsx$2(BondModal, { bondAddress: bond.billAddress, bondChain: bond.chainId, variant: modalVariant }), true, true, `buyBondModal-${bond.billAddress}-${bond.chainId}`);
     const handleOpenModal = () => {
         openBuyModal();
         if (typeof window !== 'undefined') {
@@ -72415,7 +72415,7 @@ const BondRow = ({ bond, hotBonds }) => {
                             })})` }) }), jsx$2(Flex$1, { className: "column column-hotbond", children: jsx$2(Flex$1, { className: "column column-icon", children: (hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.includes(bond.billAddress.toLowerCase())) && ((_c = bond.discount) !== null && _c !== void 0 ? _c : 0) > 0 && (jsx$2(Svg, { icon: "hot", width: "20px" })) }) })] })] }, bond.billAddress));
 };
 
-const BondRowsWithTitle = ({ chain, bonds, hotBonds, hideTitles, }) => {
+const BondRowsWithTitle = ({ chain, bonds, hotBonds, hideTitles, modalVariant }) => {
     const billsFilteredByChain = bonds.filter((bill) => bill.chainId === chain);
     const key = chain;
     const [isOpen, setIsOpen] = useState(true);
@@ -72425,13 +72425,13 @@ const BondRowsWithTitle = ({ chain, bonds, hotBonds, hideTitles, }) => {
                         width: '100%',
                         marginTop: '0px',
                     }, children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map((bond) => {
-                        return jsx$2(BondRow, { bond: bond, hotBonds: hotBonds }, bond.billAddress);
+                        return jsx$2(BondRow, { bond: bond, hotBonds: hotBonds, modalVariant: modalVariant }, bond.billAddress);
                     }) }, key))] }) }, key));
 };
 
-const BondRowsByChain = ({ bonds, hotBonds, hideTitles, chains, }) => {
+const BondRowsByChain = ({ bonds, hotBonds, hideTitles, chains, modalVariant }) => {
     return (jsx$2(Flex$1, { className: "bondrowsbychain", children: MAINNET_CHAINS.map((chain, index) => {
-            return ((!chains || chains.length === 0 || chains.includes(chain)) && (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hotBonds: hotBonds, hideTitles: hideTitles }, chain)));
+            return ((!chains || chains.length === 0 || chains.includes(chain)) && (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hotBonds: hotBonds, hideTitles: hideTitles, modalVariant: modalVariant }, chain)));
         }) }));
 };
 
@@ -72584,7 +72584,7 @@ const CheckUrl = () => {
     return jsx$2(Fragment$1, {});
 };
 
-const Bonds = ({ chains = [] }) => {
+const Bonds = ({ chains = [], modalVariant = 'standard' }) => {
     // Fetch data
     const { data: bondData } = useBondsData();
     const { data: hotBonds } = useHotBonds();
@@ -72631,7 +72631,7 @@ const Bonds = ({ chains = [] }) => {
     const handleChangeFilterOption = useCallback((newOption) => {
         setFilterOption(newOption);
     }, []);
-    return (jsxs(Flex$1, { className: "bonds-container table-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondRowHeader, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { chains: chains, bonds: billsToRender, hotBonds: hotBonds, hideTitles: searchQuery !== '' })) : searchQuery ? (jsx$2(Fragment$1, { children: "No results" })) : (jsx$2(Flex$1, { className: "bonds-spinner", children: jsx$2(Spinner, { size: 100 }) }))] }));
+    return (jsxs(Flex$1, { className: "bonds-container table-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondRowHeader, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { chains: chains, bonds: billsToRender, hotBonds: hotBonds, hideTitles: searchQuery !== '', modalVariant: modalVariant })) : searchQuery ? (jsx$2(Fragment$1, { children: "No results" })) : (jsx$2(Flex$1, { className: "bonds-spinner", children: jsx$2(Spinner, { size: 100 }) }))] }));
 };
 
 var BondsViewOptions;

package/dist/views/Bonds/Bonds.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import '../../scss/Bonds.scss';
 export interface BondsProps {
     chains?: number[];
+    modalVariant?: 'standard' | 'alt';
 }
 type SortableKeys = 'discount' | 'arr' | 'terms' | 'tokensRemaining';
 type SortDirection = 'asc' | 'desc';

package/package.json

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