tek-wallet 0.0.650 → 0.0.654

package/dist/components/TekWallet/components/ui/BackHeader/index.d.ts

@@ -2,6 +2,7 @@ import { GeneralProps } from "../../../types/ui";
 interface BackHeaderProps extends GeneralProps {
     overrideBack?: (e: React.MouseEvent<HTMLDivElement>) => void;
     center?: React.ReactNode;
+    right?: React.ReactNode;
     hideBack?: boolean;
 }
 declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/ui/BackHeader/index.js

@@ -24,7 +24,7 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
     var theme = (0, ThemeProvider_1.useTheme)();
-    var center = props.center, children = props.children, hideBack = props.hideBack;
+    var center = props.center, children = props.children, hideBack = props.hideBack, right = props.right;
     var back = function (e) {
         if (props.overrideBack) {
             props.overrideBack(e);
@@ -44,6 +44,6 @@ var BackHeader = function (props) {
                 }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                             color: theme.palette.text.white,
                             fontSize: theme.typography.fontSize12,
-                        }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children] }));
+                        }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children, right && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginLeft: "auto" }, children: right })] }));
 };
 exports.default = BackHeader;

package/dist/components/TekWallet/components/ui/CardFrom/index.js

@@ -14,6 +14,7 @@ var useBoolean_1 = require("../../../hooks/useBoolean");
 var Button_1 = __importDefault(require("../Button"));
 var Text_1 = __importDefault(require("../Text"));
 var getStandardNumber_1 = __importDefault(require("../../../utils/getStandardNumber"));
+var SvgPath_1 = require("../SvgPath");
 var CardForm = function (_a) {
     var _b, _c, _d, _e, _f, _g;
     var selectedToken = _a.selectedToken, onChange = _a.onChange, number = _a.number;
@@ -55,7 +56,7 @@ var CardForm = function (_a) {
                                 }, children: [(0, getStandardNumber_1.default)(Number(displayToken === null || displayToken === void 0 ? void 0 : displayToken.balance)), " ", displayToken === null || displayToken === void 0 ? void 0 : displayToken.full_name] })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex justify-between mt-5 mb-4", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1 cursor-pointer", onClick: function () { return selectTokenForm.setTrue(); }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: displayToken === null || displayToken === void 0 ? void 0 : displayToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "p", sx: {
                                     color: theme.palette.text.blackContrast,
                                     fontWeight: theme.typography.fontWeight600,
-                                }, children: (displayToken === null || displayToken === void 0 ? void 0 : displayToken.name) || (displayToken === null || displayToken === void 0 ? void 0 : displayToken.full_name) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_black_drop") })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { className: "w-full flex justify-end items-end", children: (0, jsx_runtime_1.jsx)(material_1.InputBase, { type: "number", value: number === undefined || number === null ? "" : (0, getStandardNumber_1.default)(number), onChange: onChange, classes: {
+                                }, children: (displayToken === null || displayToken === void 0 ? void 0 : displayToken.name) || (displayToken === null || displayToken === void 0 ? void 0 : displayToken.full_name) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10 }, children: SvgPath_1.IC_ARROW_BLACK_DROP })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { className: "w-full flex justify-end items-end", children: (0, jsx_runtime_1.jsx)(material_1.InputBase, { type: "number", value: number === undefined || number === null ? "" : (0, getStandardNumber_1.default)(number), onChange: onChange, classes: {
                                 input: "text-end text-contrast max-w-fit bg-transparent border-none outline-none text-16 leading-140 font-bold placeholder:text-accent-1",
                             }, sx: {
                                 "input::placeholder": {

package/dist/components/TekWallet/components/ui/CardTo/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Icon_1 = __importDefault(require("../Icon"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var providers_1 = require("../../../providers");
 var useBoolean_1 = require("../../../hooks/useBoolean");
 var Text_1 = __importDefault(require("../Text"));
 var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
+var SvgPath_1 = require("../SvgPath");
 var CardTo = function (_a) {
     var selectedOutputToken = _a.selectedOutputToken, token = _a.token, value = _a.value;
     var selectTokenTo = (0, useBoolean_1.useBoolean)("selectTokenTo");
@@ -28,7 +28,7 @@ var CardTo = function (_a) {
                     }, children: "To" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex justify-between mt-5 mb-4", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1 cursor-pointer", onClick: function () { return selectTokenTo.setTrue(); }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "p", sx: {
                                     color: theme.palette.text.blackContrast,
                                     fontWeight: theme.typography.fontWeight600,
-                                }, children: (selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.name) || (selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.full_name) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_black_drop") })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: (selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.name) || (selectedOutputToken === null || selectedOutputToken === void 0 ? void 0 : selectedOutputToken.full_name) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10 }, children: SvgPath_1.IC_ARROW_BLACK_DROP })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                             color: theme.palette.text.blackContrast,
                             fontWeight: theme.typography.fontWeight600,
                             fontSize: theme.typography.fontSize16,

package/dist/components/TekWallet/components/ui/Column/index.d.ts

@@ -0,0 +1,7 @@
+interface ColumnProps {
+    children: React.ReactNode;
+    onClick?: () => void | undefined;
+    sx?: React.CSSProperties;
+}
+export default function Column(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
+export type { ColumnProps };

package/dist/components/TekWallet/components/ui/Column/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Column;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+function Column(props) {
+    var children = props.children, onClick = props.onClick, sx = props.sx, rest = __rest(props, ["children", "onClick", "sx"]);
+    var theme = (0, ThemeProvider_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: __assign(__assign({}, theme.mixins.column), sx), onClick: onClick }, rest, { children: children })));
+}

package/dist/components/TekWallet/components/ui/ConfirmByPasscode/index.d.ts

@@ -5,6 +5,7 @@ interface ConfirmByPasscodeProps extends Omit<GeneralProps, "onclick" | "sx" | "
     onConfirmSuccess?: (passcode: string) => any;
     action?: TransactionSlug;
     customAction?: string;
+    backgroundColor?: string;
 }
 export interface ConfirmByPasscodeRef extends Omit<DrawerComponentRef, "trigger"> {
     clearData: () => void;

package/dist/components/TekWallet/components/ui/ConfirmByPasscode/index.js

@@ -94,6 +94,7 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));
 var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
+var xhub_keyboard_1 = require("xhub-keyboard");
 var handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, void 0, function () {
     var response, err_1;
     return __generator(this, function (_a) {
@@ -114,7 +115,7 @@ var handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, vo
 }); };
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
-    var action = props.action, onConfirmSuccess = props.onConfirmSuccess, customAction = props.customAction;
+    var onConfirmSuccess = props.onConfirmSuccess, backgroundColor = props.backgroundColor;
     var theme = (0, ThemeProvider_1.useTheme)();
     var _a = (0, react_1.useState)(""), otp = _a[0], setOtp = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
@@ -194,14 +195,19 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
             width: "100%",
             maxWidth: "calc(100dvw - 2rem)",
             display: "flex",
-        }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
-                backgroundColor: "transparent",
-                width: "100%",
-            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Enter Passcode", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize13,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.darkContrast,
-                            }, children: ["Enter your passcode to confirm", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: customAction || action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: "input-keyboard", keyboardType: xhub_keyboard_1.KeyboardType.Double, value: otp, onChange: function (value) { return handleOtpChange(value); }, classNames: {
+                container: "text-black",
+            }, openInit: true, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
+                    backgroundColor: "transparent",
+                    width: "100%",
+                }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Enter Passcode", onClose: handleClose, backgroundColor: backgroundColor, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "0.75rem", width: "100%" }), children: [(0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { className: "w-full", useBrowserInput: false, htmlFor: "input-keyboard", inputProps: {
+                                    onChange: function (e) { return handleOtpChange(e.target.value); },
+                                    value: otp,
+                                }, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.OTP }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        fontSize: theme.typography.fontSize12,
+                                        fontWeight: theme.typography.fontWeight500,
+                                        color: theme.palette.text.accent2,
+                                    }, children: "Forgot password?" }) }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

package/dist/components/TekWallet/components/ui/ConfirmLayout/index.d.ts

@@ -1,9 +1,9 @@
 import { DrawerComponentProps, DrawerComponentRef } from "../DrawerComponent";
-import { TransactionSlug } from "../../../services/axios/get-activities-service/type";
 export interface ConfirmLayoutProps extends DrawerComponentProps {
-    action: TransactionSlug;
+    action: string;
     header?: {
         rightAdornment?: React.ReactNode;
+        overrideHeader?: React.ReactNode;
     };
     confirmAction?: React.ReactNode;
 }

package/dist/components/TekWallet/components/ui/ConfirmLayout/index.js

@@ -67,6 +67,7 @@ var react_1 = require("react");
 var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../PageHeader"));
 var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
+    var _a;
     var children = props.children, action = props.action, header = props.header, confirmAction = props.confirmAction, rest = __rest(props, ["children", "action", "header", "confirmAction"]);
     var theme = (0, ThemeProvider_1.useTheme)();
     var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
@@ -92,7 +93,7 @@ var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
             (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.unlockStatus();
         },
     }); });
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: action, overrideBack: handleOnClose, rightAdornment: header === null || header === void 0 ? void 0 : header.rightAdornment }), footer: confirmAction, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: children }) }) })));
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (_a = header === null || header === void 0 ? void 0 : header.overrideHeader) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: action, overrideBack: handleOnClose, rightAdornment: header === null || header === void 0 ? void 0 : header.rightAdornment })), footer: confirmAction, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: children }) }) })));
 });
 ConfirmLayout.displayName = "ConfirmLayout";
 exports.default = ConfirmLayout;

package/dist/components/TekWallet/components/ui/DatePicker/components/actionBar.d.ts

@@ -0,0 +1,5 @@
+import { PickersActionBarProps } from "@mui/x-date-pickers/PickersActionBar";
+import dayjs from "dayjs";
+export default function CustomActionBar(props: PickersActionBarProps & {
+    currentValue?: dayjs.Dayjs | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TekWallet/components/ui/DatePicker/components/actionBar.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CustomActionBar;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var hooks_1 = require("@mui/x-date-pickers/hooks");
+var material_1 = require("@mui/material");
+function CustomActionBar(props) {
+    var actions = props.actions, className = props.className, currentValue = props.currentValue;
+    var _a = (0, hooks_1.usePickerActionsContext)(), acceptValueChanges = _a.acceptValueChanges, setValueToToday = _a.setValueToToday;
+    if (actions == null || actions.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { className: className, sx: {
+            width: "100%",
+            paddingY: "16px",
+            borderTop: "1px solid #E0E0E0",
+        }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { sx: {
+                width: "100%",
+                minHeight: "40px",
+                borderRadius: "12px",
+                fontSize: "16px",
+                fontWeight: 500,
+                lineHeight: "140%",
+                color: "primary",
+            }, onClick: function () {
+                if (currentValue) {
+                    acceptValueChanges();
+                }
+                else {
+                    setValueToToday();
+                }
+            }, children: "Confirm" }) }));
+}

package/dist/components/TekWallet/components/ui/DatePicker/components/calendarHeader.d.ts

@@ -0,0 +1,5 @@
+import { PickersCalendarHeaderProps } from "@mui/x-date-pickers/PickersCalendarHeader";
+import dayjs from "dayjs";
+export default function CustomCalendarHeader(props: PickersCalendarHeaderProps & {
+    currentValue?: dayjs.Dayjs;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/ui/DatePicker/components/calendarHeader.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CustomCalendarHeader;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("@mui/material/styles");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var closeCalendar_1 = __importDefault(require("./closeCalendar"));
+var hooks_1 = require("@mui/x-date-pickers/hooks");
+var SvgPath_1 = require("../../SvgPath");
+var material_1 = require("@mui/material");
+var CustomCalendarHeaderRoot = (0, styles_1.styled)("div")({
+    display: "flex",
+    justifyContent: "space-between",
+    padding: "8px 16px",
+    alignItems: "center",
+});
+function CustomCalendarHeader(props) {
+    var currentMonth = props.currentMonth, onMonthChange = props.onMonthChange;
+    var cancelValueChanges = (0, hooks_1.usePickerActionsContext)().cancelValueChanges;
+    var selectNextMonth = function () { return onMonthChange(currentMonth.add(1, "month")); };
+    var selectPreviousMonth = function () { return onMonthChange(currentMonth.subtract(1, "month")); };
+    return ((0, jsx_runtime_1.jsxs)(CustomCalendarHeaderRoot, { sx: {
+            position: "relative",
+            paddingX: "0px",
+        }, children: [(0, jsx_runtime_1.jsx)(Box_1.default, { onClick: selectPreviousMonth, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "24px", height: "24px" }, children: SvgPath_1.IC_CHEVRON_LEFT }) }), (0, jsx_runtime_1.jsx)(Typography_1.default, { sx: {
+                    fontSize: "14px",
+                    fontWeight: "700",
+                    lineHeight: "140%",
+                    color: "text.primary",
+                }, children: currentMonth.format("MMMM YYYY") }), (0, jsx_runtime_1.jsx)(Box_1.default, { onClick: selectNextMonth, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "24px", height: "24px" }, children: SvgPath_1.IC_CHEVRON_RIGHT }) }), (0, jsx_runtime_1.jsx)(closeCalendar_1.default, { sx: {
+                    position: "absolute",
+                    right: "-24px",
+                    top: "-12px",
+                }, closeCalendar: function () {
+                    cancelValueChanges();
+                } })] }));
+}

package/dist/components/TekWallet/components/ui/DatePicker/components/closeCalendar.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from "@mui/material";
+interface CloseCalendarProps {
+    sx?: SxProps;
+    closeCalendar: () => void;
+}
+export default function CloseCalendar(props: CloseCalendarProps): import("react/jsx-runtime").JSX.Element;
+export type { CloseCalendarProps };

package/dist/components/TekWallet/components/ui/DatePicker/components/closeCalendar.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CloseCalendar;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+function CloseCalendar(props) {
+    var closeCalendar = props.closeCalendar, sx = props.sx;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: closeCalendar, sx: sx, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                backgroundColor: "primary.main",
+                borderRadius: "100%",
+                width: "24px",
+                height: "24px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
+                        width: "10px",
+                        height: "10px",
+                    }, viewBox: "0 0 10 10", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 9L9 1M1 1L9 9", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }) }));
+}

package/dist/components/TekWallet/components/ui/DatePicker/components/customDay.d.ts

@@ -0,0 +1,2 @@
+import { PickersDayProps } from "@mui/x-date-pickers";
+export default function CustomDay(props: PickersDayProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/ui/DatePicker/components/customDay.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CustomDay;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var date_fns_1 = require("date-fns");
+var PickersDay_1 = require("@mui/x-date-pickers/PickersDay");
+function CustomDay(props) {
+    var day = props.day, outsideCurrentMonth = props.outsideCurrentMonth, other = __rest(props, ["day", "outsideCurrentMonth"]);
+    var isSatSun = (0, date_fns_1.isWeekend)(day.toDate());
+    return ((0, jsx_runtime_1.jsx)(PickersDay_1.PickersDay, __assign({}, other, { day: day, outsideCurrentMonth: outsideCurrentMonth, sx: {
+            borderRadius: "12px",
+            color: isSatSun ? "red" : "inherit",
+        } })));
+}

package/dist/components/TekWallet/components/ui/DatePicker/index.d.ts

@@ -0,0 +1,18 @@
+import dayjs from "dayjs";
+import { SxProps } from "@mui/material";
+export declare enum DatePickerFormat {
+    DD_MM_YYYY = "DD/MM/YYYY",
+    MM_DD_YYYY = "MM/DD/YYYY",
+    YYYY_MM_DD = "YYYY/MM/DD"
+}
+interface DatePickerProps {
+    onSelect: (date: dayjs.Dayjs | null) => void;
+    format?: DatePickerFormat;
+    value?: dayjs.Dayjs | null;
+    sx?: SxProps;
+    disablePastFrom?: dayjs.Dayjs | null;
+    disableFuture?: boolean;
+    onError?: (error: string) => void;
+}
+export default function CustomDatePicker(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TekWallet/components/ui/DatePicker/index.js

@@ -0,0 +1,130 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerFormat = void 0;
+exports.default = CustomDatePicker;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
+var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var calendarHeader_1 = __importDefault(require("./components/calendarHeader"));
+var actionBar_1 = __importDefault(require("./components/actionBar"));
+var customDay_1 = __importDefault(require("./components/customDay"));
+var dayjs_1 = __importDefault(require("dayjs"));
+var updateLocale_1 = __importDefault(require("dayjs/plugin/updateLocale"));
+var material_1 = require("@mui/material");
+var DatePickerFormat;
+(function (DatePickerFormat) {
+    DatePickerFormat["DD_MM_YYYY"] = "DD/MM/YYYY";
+    DatePickerFormat["MM_DD_YYYY"] = "MM/DD/YYYY";
+    DatePickerFormat["YYYY_MM_DD"] = "YYYY/MM/DD";
+})(DatePickerFormat || (exports.DatePickerFormat = DatePickerFormat = {}));
+function CustomDatePicker(props) {
+    var onSelect = props.onSelect, format = props.format, sx = props.sx, value = props.value, disablePastFrom = props.disablePastFrom, disableFuture = props.disableFuture, onError = props.onError;
+    dayjs_1.default.extend(updateLocale_1.default);
+    dayjs_1.default.updateLocale("en", {
+        weekStart: 1,
+    });
+    return ((0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { closeOnSelect: false, value: value, enableAccessibleFieldDOMStructure: false, shouldDisableDate: function (date) {
+                if (disablePastFrom) {
+                    return date.isBefore(disablePastFrom);
+                }
+                return false;
+            }, disableFuture: disableFuture, onError: function (error) {
+                onError === null || onError === void 0 ? void 0 : onError(error !== null && error !== void 0 ? error : "");
+            }, onChange: function (value) {
+                onSelect(value);
+            }, slots: {
+                calendarHeader: calendarHeader_1.default,
+                actionBar: function (params) { return (0, jsx_runtime_1.jsx)(actionBar_1.default, __assign({}, params, { currentValue: value })); },
+                day: customDay_1.default,
+                textField: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { sx: sx !== null && sx !== void 0 ? sx : {
+                        borderRadius: "12px",
+                        backgroundColor: "white",
+                        fontSize: "0.813rem",
+                        fontWeight: 400,
+                        lineHeight: "140%",
+                        width: "100%",
+                        "& .MuiInputBase-root": {
+                            maxHeight: "2.5rem",
+                            width: "100%",
+                        },
+                        "& .MuiOutlinedInput-root": {
+                            borderRadius: "12px",
+                            width: "100%",
+                            "& .MuiInputBase-input": {
+                                fontSize: "0.813rem",
+                                fontWeight: 500,
+                                lineHeight: "140%",
+                                color: "primary",
+                                width: "100%",
+                            },
+                            "& .MuiInputAdornment-root .MuiButtonBase-root .MuiSvgIcon-root": {
+                                width: "1.25rem",
+                                height: "1.25rem",
+                            },
+                        },
+                    }, onClick: function (e) {
+                        var _a, _b;
+                        (_b = (_a = params.inputProps) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    } }))); },
+            }, dayOfWeekFormatter: function (weekday) { return "".concat(weekday.format("ddd")); }, slotProps: {
+                toolbar: { hidden: true },
+                mobilePaper: {
+                    sx: {
+                        borderRadius: "16px",
+                        margin: "0",
+                        overflow: "visible",
+                        paddingX: "16px",
+                        "& .MuiDialogContent-root": {
+                            overflow: "visible",
+                            width: "100%",
+                            "& .MuiDayCalendar-root": {
+                                "& .MuiDayCalendar-header": {
+                                    "& .MuiDayCalendar-weekDayLabel": {
+                                        fontSize: "16px",
+                                        fontWeight: 400,
+                                        lineHeight: "140%",
+                                        color: "primary",
+                                    },
+                                },
+                                "& .MuiPickersDay-root": {
+                                    fontSize: "16px",
+                                    fontWeight: 400,
+                                    lineHeight: "140%",
+                                    color: "primary",
+                                    borderRadius: "100%",
+                                },
+                            },
+                        },
+                        "& .MuiPickersLayout-root": {
+                            overflow: "visible",
+                            width: "100%",
+                            "& .MuiDateCalendar-root": {
+                                width: "100%",
+                            },
+                        },
+                        "& .MuiPickersLayout-contentWrapper": {
+                            overflow: "visible",
+                        },
+                        "& .MuiDateCalendar-root": {
+                            overflow: "visible",
+                        },
+                    },
+                },
+                field: {},
+            }, format: format !== null && format !== void 0 ? format : DatePickerFormat.DD_MM_YYYY }) }));
+}

package/dist/components/TekWallet/components/ui/DetailSwap/index.js

@@ -17,8 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var providers_1 = require("../../../providers");
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var Icon_1 = __importDefault(require("../Icon"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Text_1 = __importDefault(require("../Text"));
 var DetailSwap = function (props) {
@@ -34,11 +32,11 @@ var DetailSwap = function (props) {
                         color: theme.palette.text.accent,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,
-                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ellipse"), width: 12, height: 12 }), (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "truncate", sx: {
-                                color: theme.palette.text.blackContrast,
-                                fontSize: theme.typography.fontSize12,
-                                fontWeight: theme.typography.fontWeight500,
-                            }, children: ["1 ", (_b = props.selectedToken) === null || _b === void 0 ? void 0 : _b.full_name, " ~ ", getOutputID === null || getOutputID === void 0 ? void 0 : getOutputID.swap_amount, " ", getOutputID && getOutputID.full_name] })] }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "truncate", sx: {
+                            color: theme.palette.text.blackContrast,
+                            fontSize: theme.typography.fontSize12,
+                            fontWeight: theme.typography.fontWeight500,
+                        }, children: ["1 ", (_b = props.selectedToken) === null || _b === void 0 ? void 0 : _b.full_name, " ~ ", getOutputID === null || getOutputID === void 0 ? void 0 : getOutputID.swap_amount, " ", getOutputID && getOutputID.full_name] }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                         color: theme.palette.text.accent,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,

package/dist/components/TekWallet/components/ui/Fees/index.d.ts

@@ -1,10 +1,17 @@
 import { AccordionProps } from "@mui/material";
+export declare enum FeesStyle {
+    DEFAULT = "default",
+    WITH_BACKGROUND = "withBackground"
+}
 export interface FeesProps extends Omit<AccordionProps, "children"> {
     feesData: string;
     amount: number;
     isFeePaidByAmount?: boolean;
     setIsEnoughBalanceToPayFee?: (isEnough: boolean) => void;
     tokenSlug: string;
+    haveBackground?: boolean;
+    feesStyle?: FeesStyle;
+    estimateReceive?: string | number;
 }
 declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
 export default Fees;