tek-wallet 0.0.213 → 0.0.214

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/ui/AmountGroupAndChart/index.js +1 -1
  2. package/dist/components/ui/DepositFunction/index.js +2 -3
  3. package/dist/components/ui/FunctionItem/index.d.ts +2 -1
  4. package/dist/components/ui/FunctionItem/index.js +1 -1
  5. package/dist/components/views/AssetView/index.js +5 -1
  6. package/package.json +1 -1
package/dist/components/ui/AmountGroupAndChart/index.js CHANGED
@@ -105,7 +105,7 @@ var AmountGroupAndChart = function (props) {
105
105
  width: "100%",
106
106
  height: "fit-content",
107
107
  duration: "500ms",
108
- transform: !expandAreaChart ? "-translate-y-[100%]" : "none",
108
+ transform: !expandAreaChart ? "translateY(100%)" : "none",
109
109
  my: theme.mixins.customMargin.m3,
110
110
  } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", bottom: 0 }, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: "hidden", animate: expandAreaChart ? "visible" : "hidden", variants: variants, transition: {
111
111
  opacity: {
package/dist/components/ui/DepositFunction/index.js CHANGED
@@ -39,7 +39,6 @@ var useDepositData_1 = __importDefault(require("../../../hooks/useDepositData"))
39
39
  var RequireConnect_1 = __importDefault(require("../RequireConnect"));
40
40
  var WaitingData_1 = __importDefault(require("../WaitingData"));
41
41
  var EmptyData_1 = __importDefault(require("../EmptyData"));
42
- var SafeSvgRenderer_1 = __importDefault(require("../SafeSvgRenderer"));
43
42
  var DepositStep;
44
43
  (function (DepositStep) {
45
44
  DepositStep[DepositStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
@@ -150,7 +149,7 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
150
149
  display: "flex",
151
150
  flexDirection: "column",
152
151
  gap: theme.mixins.gaps.g16,
153
- }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-deposit-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white", alignSelf: "center" }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["Deposit ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
152
+ }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-deposit-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white", alignSelf: "center" }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { textAlign: "center" }), children: ["Deposit ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
154
153
  position: "relative",
155
154
  width: "fit-content",
156
155
  height: "fit-content",
@@ -159,7 +158,7 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
159
158
  overflow: "hidden",
160
159
  backgroundColor: theme.palette.background.white,
161
160
  backdropFilter: "blur(10px)",
162
- }, children: [(0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }), (0, jsx_runtime_1.jsx)(SafeSvgRenderer_1.default, { svgString: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.icon_svg) || "", width: 100, height: 100, sx: __assign({}, theme.mixins.center) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
161
+ }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
163
162
  transform: "translateX(0.5rem)",
164
163
  } }), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: addressByNetwork || "", children: addressByNetwork }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { children: "Set amount" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: qrCodeValue, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
165
164
  fontSize: theme.typography.fontSize12,
package/dist/components/ui/FunctionItem/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- interface FunctionItemProps {
1
+ import { GeneralProps } from "../../../types/ui";
2
+ interface FunctionItemProps extends GeneralProps {
2
3
  className?: string;
3
4
  icon?: string;
4
5
  label?: string;
package/dist/components/ui/FunctionItem/index.js CHANGED
@@ -20,7 +20,7 @@ var Icon_1 = __importDefault(require("../Icon"));
20
20
  var Text_1 = __importDefault(require("../Text"));
21
21
  var FunctionItem = function (props) {
22
22
  var theme = (0, material_1.useTheme)();
23
- return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
23
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
24
24
  borderRadius: theme.mixins.theBorderRadius.full,
25
25
  }, width: 44 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
26
26
  color: "text.white",
package/dist/components/views/AssetView/index.js CHANGED
@@ -30,6 +30,10 @@ var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChar
30
30
  var AssetView = function () {
31
31
  var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
32
32
  var theme = (0, material_2.useTheme)();
33
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isAuthenticated && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isAuthenticated && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-4", children: [(0, jsx_runtime_1.jsx)(DepositFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("deposit"), label: "Deposit", className: "w-full" }) }) }), (0, jsx_runtime_1.jsx)(WithdrawFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("withdraw"), label: "Withdraw", className: "w-full" }) }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("fortune", "gif"), label: "Fortune", className: "w-full" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("p2p", "gif"), label: "P2P", className: "w-full" }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] }))] }));
33
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isAuthenticated && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isAuthenticated && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
34
+ display: "grid",
35
+ gridTemplateColumns: "repeat(4, 1fr)",
36
+ gap: theme.mixins.gaps.g12,
37
+ }, children: [(0, jsx_runtime_1.jsx)(DepositFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("deposit"), label: "Deposit", sx: { width: "100%" } }) }) }), (0, jsx_runtime_1.jsx)(WithdrawFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("withdraw"), label: "Withdraw", sx: { width: "100%" } }) }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("fortune", "gif"), label: "Fortune", sx: { width: "100%" } }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("p2p", "gif"), label: "P2P", sx: { width: "100%" } }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] }))] }));
34
38
  };
35
39
  exports.default = AssetView;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.213",
3
+ "version": "0.0.214",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",