tek-wallet 0.0.239 → 0.0.241

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 (3) hide show
  1. package/dist/components/ui/Input/index.js +4 -44
  2. package/dist/components/ui/WithdrawFunction/index.js +9 -2
  3. package/package.json +1 -1
package/dist/components/ui/Input/index.js CHANGED
@@ -30,49 +30,9 @@ var Input = (0, react_1.forwardRef)(function (props, inputRef) {
30
30
  var theme = (0, material_1.useTheme)();
31
31
  return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, padding: 0, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, {
32
32
  // variant="outlined"
33
- sx: __assign({
34
- // backgroundColor: "transparent",
35
- // border: "none",
36
- // outline: "none",
37
- // flex: 1,
38
- // height: "fit-content",
39
- // minHeight: "unset",
40
- // "& .MuiInputBase-input": {
41
- // border: "none",
42
- // outline: "none",
43
- // color: theme.palette.text.white,
44
- // fontSize: theme.typography.fontSize16,
45
- // lineHeight: theme.typography.leading140,
46
- // fontWeight: theme.typography.fontWeight400,
47
- // padding: `${theme.mixins.customPadding.p8} ${theme.mixins.customPadding.p12}`,
48
- // height: "fit-content",
49
- // minHeight: "unset",
50
- // },
51
- // "& .Mui-focused": {
52
- // border: "none !important",
53
- // outline: "none !important",
54
- // },
55
- // "& .MuiInputBase-input::placeholder": {
56
- // color: theme.palette.text.white64,
57
- // fontSize: theme.typography.fontSize14,
58
- // },
59
- // ...inputSx,
60
- backgroundColor: "transparent", flex: 1, height: "fit-content", minHeight: "unset", "& .MuiOutlinedInput-root": {
61
- // Chỉnh sửa root của input (outlined)
62
- border: "none", // Xóa border
63
- outline: "none", // Xóa outline
64
- "&:hover": {
65
- // Xóa border khi hover
66
- border: "none !important",
67
- },
68
- "&.Mui-focused": {
69
- // Xóa border và outline khi focused
70
- border: "none !important",
71
- outline: "none !important",
72
- },
73
- }, "& .MuiInputBase-input": {
74
- border: "none", // Xóa border của input
75
- outline: "none", // Xóa outline của input
33
+ sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", minHeight: "unset", "& .MuiInputBase-input": {
34
+ border: "none",
35
+ outline: "none",
76
36
  color: theme.palette.text.white,
77
37
  fontSize: theme.typography.fontSize16,
78
38
  lineHeight: theme.typography.leading140,
@@ -80,7 +40,7 @@ var Input = (0, react_1.forwardRef)(function (props, inputRef) {
80
40
  padding: "".concat(theme.mixins.customPadding.p8, " ").concat(theme.mixins.customPadding.p12),
81
41
  height: "fit-content",
82
42
  minHeight: "unset",
83
- }, "& .MuiInputBase-input::placeholder": {
43
+ }, "& fieldset": { border: "none" }, "& .MuiInputBase-input::placeholder": {
84
44
  color: theme.palette.text.white64,
85
45
  fontSize: theme.typography.fontSize14,
86
46
  } }, inputSx) })), rightPart] })));
package/dist/components/ui/WithdrawFunction/index.js CHANGED
@@ -107,6 +107,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
107
107
  setCurrentStep(step);
108
108
  (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
109
109
  };
110
+ var handleReSelectNetwork = function () {
111
+ gotoStep(WithdrawStep.SELECT_NETWORK);
112
+ };
110
113
  var clearValues = function () {
111
114
  setSelectedToken(undefined);
112
115
  setSelectedNetwork(undefined);
@@ -182,11 +185,15 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
182
185
  if (!item)
183
186
  return null;
184
187
  return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id }, item.id));
185
- }) }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
188
+ }) }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
189
+ paddingRight: theme.mixins.customPadding.p12,
190
+ }, inputRest: {
186
191
  placeholder: "Enter recipient address",
187
192
  value: recipientAddress,
188
193
  onChange: handleChangeRecipientAddress,
189
- }, rightPart: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { sx: __assign({}, theme.mixins.smallButton), children: "Paste" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("qr_can"), width: 20 })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Select network" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Enter amount" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
194
+ }, rightPart: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { sx: __assign({}, theme.mixins.smallButton), children: "Paste" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: { height: "90%" } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("qr_can"), width: 20 })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, ml: "auto", cursor: "pointer" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 24, src: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), onClick: handleReSelectNetwork, children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow") })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Enter amount" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
195
+ paddingRight: theme.mixins.customPadding.p12,
196
+ }, inputRest: {
190
197
  placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, " ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name),
191
198
  value: amount,
192
199
  onChange: handleChangeAmount,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.239",
3
+ "version": "0.0.241",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",