tek-wallet 0.0.736 → 0.0.738

package/dist/components/TekWallet/components/ui/ReceiveFunction/components/HelpView.js

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
+var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
+var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
+var material_1 = require("@mui/material");
+var Text_1 = __importDefault(require("../../Text"));
+var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../PageHeader"));
+var DefaultPageLayout_1 = __importDefault(require("../../../layouts/DefaultPageLayout"));
+var ThemeProvider_1 = require("../../../../providers/ThemeProvider");
+var accordionData = [
+    {
+        id: "panel1",
+        title: "Things to know before swapping",
+    },
+    {
+        id: "panel2",
+        title: "Ready to dive in?",
+    },
+    {
+        id: "panel3",
+        title: "Preparing your Swap",
+    },
+];
+var HelpView = function (_a) {
+    var onBack = _a.onBack;
+    var _b = (0, react_1.useState)("panel1"), expanded = _b[0], setExpanded = _b[1];
+    var handleChange = function (panel) { return function (_, isExpanded) {
+        setExpanded(isExpanded ? panel : false);
+    }; };
+    var handleBack = function () {
+        onBack === null || onBack === void 0 ? void 0 : onBack();
+        handleChange("panel1");
+    };
+    var theme = (0, ThemeProvider_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Help", overrideBack: handleBack }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: { paddingTop: "0px" }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { children: accordionData.map(function (_a, index) {
+                    var id = _a.id, title = _a.title;
+                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}, "divider-".concat(id)), (0, jsx_runtime_1.jsxs)(Accordion_1.default, { expanded: expanded === id, onChange: handleChange(id), sx: {
+                                    backgroundColor: "#fff",
+                                    boxShadow: "none",
+                                    "&::before": { display: "none" },
+                                    margin: "0px 0px",
+                                    transition: "none",
+                                    transitionDuration: 0,
+                                    "&.Mui-expanded": {
+                                        margin: "0 !important",
+                                        marginBottom: "1rem !important",
+                                    },
+                                }, children: [(0, jsx_runtime_1.jsx)(AccordionSummary_1.default, { sx: {
+                                            padding: "0px",
+                                            py: theme.mixins.customPadding.p16,
+                                            minHeight: "0 !important",
+                                            "&.Mui-expanded": {
+                                                minHeight: "0 !important",
+                                            },
+                                            "& .MuiAccordionSummary-content": {
+                                                my: "0 !important",
+                                            },
+                                        }, expandIcon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: "auto" }, children: (0, jsx_runtime_1.jsx)("svg", { width: "6", height: "4", viewBox: "0 0 6 4", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 3.85039L0 0.850391L0.7 0.150391L3 2.45039L5.3 0.150391L6 0.850391L3 3.85039Z", fill: "#121212" }) }) }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { component: "p", color: "contrast", children: title }) }), (0, jsx_runtime_1.jsx)(AccordionDetails_1.default, { sx: { padding: "0px", my: "0px" }, children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet consectetur. Vitae faucibus ornare lectus arcu sit sed et. Eu integer pharetra posuere lobortis varius dapibus risus. Eget viverra quis facilisis velit mattis. Risus sed egestas vitae ridiculus odio sit eu adipiscing." }), (0, jsx_runtime_1.jsx)("p", { children: "Id pulvinar aliquam quam ut sed ut pharetra turpis ipsum. Condimentum eget a interdum neque sagittis lobortis proin nisi." })] }) })] }, id)] }));
+                }) }) }) }));
+};
+exports.default = HelpView;

package/dist/components/TekWallet/components/ui/ReceiveFunction/components/SortGroup.d.ts

@@ -0,0 +1,10 @@
+import { SortOrder } from "./SortTool";
+export declare enum SortByType {
+    Name = "Name",
+    Balance = "Balance"
+}
+interface SortGroupProps {
+    onChange: (sortBy: SortByType, sortOrder: SortOrder) => void;
+}
+declare function SortGroup(props: SortGroupProps): import("react/jsx-runtime").JSX.Element;
+export default SortGroup;

package/dist/components/TekWallet/components/ui/ReceiveFunction/components/SortGroup.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortByType = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var SortTool_1 = __importStar(require("./SortTool"));
+var providers_1 = require("../../../../providers");
+var react_1 = require("react");
+var SortByType;
+(function (SortByType) {
+    SortByType["Name"] = "Name";
+    SortByType["Balance"] = "Balance";
+})(SortByType || (exports.SortByType = SortByType = {}));
+function SortGroup(props) {
+    var onChange = props.onChange;
+    var theme = (0, providers_1.useTheme)();
+    var _a = (0, react_1.useState)(SortByType.Name), sortBy = _a[0], setSortBy = _a[1];
+    var _b = (0, react_1.useState)(SortTool_1.SortOrder.ASC), sortOrder = _b[0], setSortOrder = _b[1];
+    var handleChangeSortBy = function (sortBy, sortOrder) {
+        var sortByValue = sortBy;
+        setSortBy(sortByValue);
+        setSortOrder(sortOrder);
+        onChange === null || onChange === void 0 ? void 0 : onChange(sortByValue, sortOrder);
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            display: theme.mixins.row,
+            justifyContent: "space-between",
+            mt: theme.mixins.customMargin.m16,
+        }, children: Object.values(SortByType).map(function (type) { return ((0, jsx_runtime_1.jsx)(SortTool_1.default, { name: type, onChange: handleChangeSortBy, value: sortBy === type ? sortOrder : undefined }, type)); }) }));
+}
+exports.default = SortGroup;

package/dist/components/TekWallet/components/ui/ReceiveFunction/components/SortTool.d.ts

@@ -0,0 +1,11 @@
+export declare enum SortOrder {
+    ASC = "asc",
+    DESC = "desc"
+}
+interface SortToolProps {
+    value?: SortOrder;
+    onChange?: (name: string, sortOrder: SortOrder) => void;
+    name: string;
+}
+export default function SortTool(props: SortToolProps): import("react/jsx-runtime").JSX.Element;
+export type { SortToolProps };

package/dist/components/TekWallet/components/ui/ReceiveFunction/components/{sortByBalance.js → SortTool.js}

@@ -14,37 +14,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SortBalance = void 0;
-exports.default = SortByBalance;
+exports.SortOrder = void 0;
+exports.default = SortTool;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Text_1 = __importDefault(require("../../Text"));
 var SvgPath_1 = require("../../SvgPath");
 var ThemeProvider_1 = require("../../../../providers/ThemeProvider");
-var SortBalance;
-(function (SortBalance) {
-    SortBalance["ASC"] = "asc";
-    SortBalance["DESC"] = "desc";
-})(SortBalance || (exports.SortBalance = SortBalance = {}));
-function SortByBalance(props) {
-    var sortBalance = props.sortBalance, setSortBalance = props.setSortBalance, name = props.name;
+var SortOrder;
+(function (SortOrder) {
+    SortOrder["ASC"] = "asc";
+    SortOrder["DESC"] = "desc";
+})(SortOrder || (exports.SortOrder = SortOrder = {}));
+function SortTool(props) {
+    var value = props.value, onChange = props.onChange, name = props.name;
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.5, onClick: function () {
-            if (sortBalance === SortBalance.ASC && setSortBalance) {
-                setSortBalance(SortBalance.DESC);
-            }
-            else if (sortBalance === SortBalance.DESC && setSortBalance) {
-                setSortBalance(SortBalance.ASC);
-            }
-        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { color: theme.palette.text.accent, fontWeight: theme.typography.fontWeight600 }), children: name }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-col gap-[0.8px]", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { inheritViewBox: true, sx: {
+    var handleChangeSortOrder = function () {
+        if (value === SortOrder.ASC) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(name, SortOrder.DESC);
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(name, SortOrder.ASC);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.5, onClick: handleChangeSortOrder, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { color: theme.palette.text.accent, fontWeight: theme.typography.fontWeight600 }), children: name }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-col gap-[0.8px]", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { inheritViewBox: true, sx: {
                             width: 8,
                             height: 5,
                             transition: "opacity 0.2s ease-in-out",
-                            opacity: sortBalance === SortBalance.ASC ? 0.8 : 0.5,
+                            opacity: value === SortOrder.ASC ? 0.8 : 0.5,
                         }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { inheritViewBox: true, sx: {
                             width: 8,
                             height: 5,
                             transition: "opacity 0.2s ease-in-out",
-                            opacity: sortBalance === SortBalance.DESC ? 0.8 : 0.5,
+                            opacity: value === SortOrder.DESC ? 0.8 : 0.5,
                         }, children: SvgPath_1.ARROW_DROP_DOWN })] })] }));
 }

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

@@ -6,6 +6,13 @@ export interface ReceiveInternalParams extends TonTransferUrlParams {
 interface ReceiveFunctionProps extends GeneralProps {
     onClose?: UnknownFunction;
     onOpen?: UnknownFunction;
+    functionsList?: ReceiveMethods[];
+    gotoHistory?: (method?: ReceiveMethods) => void;
+    userInfo?: {
+        nickname?: string;
+        username?: string;
+        avatar?: string;
+    };
 }
 export type ReceiveFunctionRef = {
     open: () => void;
@@ -13,7 +20,8 @@ export type ReceiveFunctionRef = {
 };
 export declare enum ReceiveMethods {
     RECEIVE_INTERNAL = "Receive internally",
-    RECEIVE_EXTERNAL = "Receive externally"
+    RECEIVE_EXTERNAL = "Receive externally",
+    RECEIVE_FIAT = "Receive fiat"
 }
 export declare const ReceiveFunction: import("react").ForwardRefExoticComponent<ReceiveFunctionProps & import("react").RefAttributes<ReceiveFunctionRef>>;
 export default ReceiveFunction;