@ape.swap/bonds-sdk 1.1.0-test.68 → 1.1.0-test.69

package/dist/components/BondMenu/useChainFilterOption.d.ts

@@ -0,0 +1,4 @@
+export default function useChainFilterOption(): {
+    data: string[];
+    setChainFilterOption: (newValue: string[]) => void;
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BondsData } from '../../types/bonds';
+import '../../scss/BondRow.scss';
+interface BondRowProps {
+    key: string;
+    bond: BondsData;
+    hotBonds?: string[];
+    modalVariant?: 'standard' | 'alt';
+}
+declare const BondRow: React.FC<BondRowProps>;
+export default BondRow;

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

@@ -0,0 +1,15 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+import '../../scss/BondRowHeader.scss';
+interface BondRowHeaderProps {
+    searchQuery: string;
+    setSearchQuery: (value: string) => void;
+    setChainFilterOption: (newValue: string[]) => void;
+    chainFilterOption: string[];
+    filterOptions: string[];
+    filterOption: string;
+    setFilterOption: (newOption: string) => void;
+    onSort: (key: 'discount' | 'arr' | 'terms' | 'tokensRemaining') => void;
+}
+declare const BondRowHeader: React.FC<BondRowHeaderProps>;
+export default BondRowHeader;

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

@@ -0,0 +1,11 @@
+import { BondsData } from '../../types/bonds';
+import '../../scss/BondRowsByChain.scss';
+export interface BondRowsByChainProps {
+    bonds: BondsData[];
+    hotBonds?: string[];
+    hideTitles: boolean;
+    chains?: number[];
+    modalVariant?: 'standard' | 'alt';
+}
+declare const BondRowsByChain: React.FC<BondRowsByChainProps>;
+export default BondRowsByChain;

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

@@ -0,0 +1,11 @@
+import { BondsData } from '../../types/bonds';
+import '../../scss/BondRowsWithTitle.scss';
+export interface BondRowsWithTitleProps {
+    chain: number;
+    bonds: BondsData[];
+    hotBonds?: string[];
+    hideTitles: boolean;
+    modalVariant?: 'standard' | 'alt';
+}
+declare const BondRowsWithTitle: React.FC<BondRowsWithTitleProps>;
+export default BondRowsWithTitle;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const ChainTitle: ({ chain, pt, hideTitles, isOpen, }: {
+    chain: number;
+    pt: string;
+    hideTitles?: boolean;
+    isOpen: boolean;
+}) => React.JSX.Element;
+export default ChainTitle;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DisconnectedPlaceholder: () => React.JSX.Element;
+export default DisconnectedPlaceholder;

package/dist/config/localization/languages.d.ts

@@ -0,0 +1,11 @@
+import { Language } from '../../contexts/Localization/types';
+export declare const EN: Language;
+export declare const ESES: Language;
+export declare const JA: Language;
+export declare const PTBR: Language;
+export declare const RU: Language;
+export declare const TR: Language;
+export declare const ZHCN: Language;
+export declare const ZHTW: Language;
+export declare const languages: Record<string, Language>;
+export declare const languageList: Language[];

package/dist/contexts/Localization/Provider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextApi } from './types';
+export declare const languageMap: Map<string, Record<string, string>>;
+export declare const LanguageContext: React.Context<ContextApi | undefined>;
+export declare const LanguageProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/contexts/Localization/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const LS_KEY = "apeswap_language";
+export declare const fetchLocale: (locale: string) => Promise<any>;
+export declare const getLanguageCodeFromLS: () => any;

package/dist/contexts/Localization/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Provider';
+export { default as useTranslation } from './useTranslation';
+export type { TranslateFunction } from './types';

package/dist/contexts/Localization/types.d.ts

@@ -0,0 +1,21 @@
+import translations from '../../config/localization/translations.json';
+export interface Language {
+    code: string;
+    language: string;
+    locale: string;
+}
+export type ContextData = {
+    [key: string]: string | number;
+};
+export interface ProviderState {
+    isFetching: boolean;
+    currentLanguage: Language;
+}
+export interface ContextApi extends ProviderState {
+    setLanguage: (language: Language) => void;
+    t: TranslateFunction;
+}
+type MaybeObject = Record<never, never>;
+export type TranslationKey = keyof typeof translations | (string & MaybeObject);
+export type TranslateFunction = (key: TranslationKey, data?: ContextData) => string;
+export {};

package/dist/contexts/Localization/useTranslation.d.ts

@@ -0,0 +1,2 @@
+declare const useTranslation: () => import("./types").ContextApi;
+export default useTranslation;

package/dist/hooks/useTopThreeTags.d.ts

@@ -0,0 +1,2 @@
+import { BondsData } from '../types/bonds';
+export declare const useTopTags: (initialBondList?: BondsData[]) => string[];

package/dist/main.js

@@ -79105,14 +79105,14 @@ const BuyAgainRow = () => {
                 position: 'relative',
                 overflow: 'hidden',
                 width: '100%',
-            }, children: jsxs(Flex, { sx: {
+            }, children: jsxs(Flex, { className: "buy-again-container", sx: {
                     p: '0 1px',
                     width: '100%',
                     mt: '10px',
                     background: 'linear-gradient(0deg, rgba(170, 128, 249, 0.20) 0%, rgba(170, 128, 249, 0.20) 100%), var(--Neutral-Elevation-2, #1F1D29)',
                     borderRadius: 'normal',
                     flexDirection: 'column',
-                }, children: [jsx$2(Flex, { sx: {
+                }, children: [jsx$2(Flex, { className: "buy-again-row", sx: {
                             width: '100%',
                             fontSize: '12px',
                             fontWeight: 500,
@@ -79161,7 +79161,7 @@ const styles$3 = {
 const SmallRecommendationCard = ({ recommendation }) => {
     var _a;
     const vestingTime = getTimePeriods((_a = recommendation.vestingTerm) !== null && _a !== void 0 ? _a : 0, true);
-    return (jsxs(Flex, { sx: styles$3.smallCardContainer, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: recommendation.payoutTokenName, size: 32, chain: recommendation.chainId }), jsxs(Flex, { sx: { mx: '10px', alignItems: 'center' }, children: [jsx$2(Flex, { sx: { fontSize: '14px', px: '6px' }, children: recommendation.payoutTokenName }), jsxs(Flex, { sx: styles$3.subTitle, children: [vestingTime.days, "D"] })] })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: styles$3.subTitle, children: "Discount" }), jsxs(Flex, { sx: { fontSize: '12px', color: recommendation.discount > 0 ? 'success' : 'error', ml: '6px' }, children: [recommendation.discount.toFixed(2), "%"] })] })] }));
+    return (jsxs(Flex, { className: "small-recommendation-card", sx: styles$3.smallCardContainer, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: recommendation.payoutTokenName, size: 32, chain: recommendation.chainId }), jsxs(Flex, { sx: { mx: '10px', alignItems: 'center' }, children: [jsx$2(Flex, { sx: { fontSize: '14px', px: '6px' }, children: recommendation.payoutTokenName }), jsxs(Flex, { sx: styles$3.subTitle, children: [vestingTime.days, "D"] })] })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: styles$3.subTitle, children: "Discount" }), jsxs(Flex, { sx: { fontSize: '12px', color: recommendation.discount > 0 ? 'success' : 'error', ml: '6px' }, children: [recommendation.discount.toFixed(2), "%"] })] })] }));
 };
 
 const RecommendationCards = () => {
@@ -79197,18 +79197,18 @@ const RecommendationCards = () => {
             setActiveOption('Hot');
         }
     }, [account]);
-    return (jsxs(Flex, { sx: { mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsxs(Flex, { children: [jsx$2(Flex, { sx: {
+    return (jsxs(Flex, { className: "recommendation-card-container", sx: { mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsxs(Flex, { className: "recommendation-selector", children: [jsx$2(Flex, { sx: {
                                     width: ['60px', '60px', '60px', 'unset'],
                                     mr: ['0px', '0px', '0px', '15px'],
                                     alignItems: 'center',
                                     color: 'grey',
                                     fontSize: ['11px'],
                                     fontWeight: 500,
-                                }, children: "BONDS MARKETS:" }), jsx$2(RecommendationSelector, { options: options, activeOption: activeOption, setActiveOption: setActiveOption })] }), jsx$2(Flex, { sx: { display: ['none', 'none', 'none', 'flex'] }, children: jsx$2(Image, { width: 190, height: 20, alt: "poweredBy", src: "/images/bills/powered.png", sx: {
+                                }, children: "BONDS MARKETS:" }), jsx$2(RecommendationSelector, { options: options, activeOption: activeOption, setActiveOption: setActiveOption })] }), jsx$2(Flex, { className: 'powered-by-container', sx: { display: ['none', 'none', 'none', 'flex'] }, children: jsx$2(Image, { width: 190, height: 20, alt: "poweredBy", src: "/images/bills/powered.png", sx: {
                                 width: '190px',
                                 height: '20px',
                                 cursor: 'pointer',
-                            } }) })] }), jsx$2(Flex, { sx: {
+                            } }) })] }), jsx$2(Flex, { className: "recommendation-card", sx: {
                     my: '10px',
                     minHeight: '47.45px',
                 }, children: parsedBondsToRender &&

package/dist/styles.css

@@ -59,6 +59,7 @@
   width: 100%;
   max-width: 700px;
   min-width: 700px;
+  padding: 20px;
 }
 
 .gpt {
@@ -79,6 +80,15 @@
   cursor: pointer;
 }
 
+.slippage-cog.alt {
+  padding-top: 10px;
+  position: relative;
+  align-items: center;
+  left: 1020px;
+  cursor: pointer;
+  padding-bottom: 20px;
+}
+
 .modaltable-container.title-container {
   font-weight: bold;
   font-size: 1.5rem;
@@ -405,6 +415,20 @@
   margin-left: 10px;
 }
 
+.button-container.buy.alt {
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.button-container.buy.alt .action-button {
+  width: 375px;
+  margin-left: 10px;
+}
+.button-container.buy.alt .switch-button {
+  width: 375px;
+  margin-left: 10px;
+}
+
 .modaltable-container.accordion-container {
   display: flex;
   width: 100%;
@@ -489,13 +513,15 @@ span.flex-inline {
 }
 
 .footer-details {
-  margin-left: -10px !important;
-  margin-right: -10px !important;
-  margin-bottom: -10px !important;
+  margin-left: -20px !important;
+  margin-right: -20px !important;
+  margin-bottom: -20px !important;
   margin-top: 20px !important;
   height: 50px;
   align-items: center;
   border-top: 1px solid #FFFFFF;
+  border-bottom-left-radius: 10px !important;
+  border-bottom-right-radius: 10px !important;
 }
 
 .expand-icon {
@@ -543,7 +569,7 @@ span.flex-inline {
 }
 
 .column.column-tokenicons {
-  width: 50px;
+  width: 20%;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
@@ -599,6 +625,13 @@ span.flex-inline {
   width: 30%;
 }
 
+.column.column-hotbond {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 10%;
+}
+
 .bondrow-header {
   display: flex;
   justify-content: space-around;
@@ -632,6 +665,10 @@ span.flex-inline {
   width: 40%;
 }
 
+.column.column-search {
+  padding-bottom: 15px;
+}
+
 .column.column-tokeninfoname {
   width: 100%;
   height: 100%;
@@ -650,7 +687,7 @@ span.flex-inline {
 }
 
 .column.column-tokenicons {
-  width: 20%;
+  width: 0px;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
@@ -659,7 +696,7 @@ span.flex-inline {
 .column.column-bondinfo {
   flex-direction: row;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: flex-start;
   width: 70%;
 }
 
@@ -701,6 +738,13 @@ span.flex-inline {
   width: 30%;
 }
 
+.column.column-hotbond {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 10%;
+}
+
 .column.tooltip {
   flex-direction: row;
   align-items: center;
@@ -730,7 +774,10 @@ span.flex-inline {
   width: 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 20px;
+  padding-top: 50px;
+  padding-left: 100px;
+  padding-right: 100px;
+  padding-bottom: 50px;
 }
 
 .bonds-spinner {
@@ -766,6 +813,24 @@ span.flex-inline {
   overflow: hidden;
   border-radius: 10px;
 }
+@media (min-width: 576px) {
+  .tokeninfoname.container {
+    justify-content: space-between;
+    margin-right: 10px;
+  }
+}
+@media (min-width: 768px) {
+  .tokeninfoname.container {
+    justify-content: space-between;
+    margin-right: 10px;
+  }
+}
+@media (min-width: 992px) {
+  .tokeninfoname.container {
+    justify-content: flex-start;
+    margin-right: 0px;
+  }
+}
 
 .tokeninfoname.gradient {
   position: absolute;
@@ -788,6 +853,7 @@ span.flex-inline {
 .tokeninfoname.tokencontainer {
   padding-left: 6px;
   width: 100%;
+  max-width: 170px;
   align-items: center;
 }
 
@@ -796,7 +862,6 @@ span.flex-inline {
   font-size: 16px;
   font-weight: 700;
   width: 100%;
-  max-width: 100px;
   flex-direction: column;
 }
 
@@ -815,7 +880,10 @@ span.flex-inline {
   width: 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 20px;
+  padding-top: 50px;
+  padding-left: 100px;
+  padding-right: 100px;
+  padding-bottom: 50px;
 }
 
 .yourbonds.header-container {
@@ -1021,10 +1089,14 @@ span.flex-inline {
   flex-direction: column;
   border-radius: 10px;
   background-color: var(--theme-ui-colors-white2);
+  padding: 10px;
   border-radius: 10px;
   z-index: 1001;
   max-width: 1200px;
   min-width: 1000px;
+  height: auto;
+  max-height: 60vh;
+  min-height: 400px;
   overflow: auto;
 }
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.1.0-test.68",
+  "version": "1.1.0-test.69",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -90,5 +90,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }