tek-wallet 0.0.138 → 0.0.139

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 (2) hide show
  1. package/dist/components/ui/DepositFunction/index.js +92 -94
  2. package/package.json +1 -1
package/dist/components/ui/DepositFunction/index.js CHANGED
@@ -68,107 +68,105 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
68
68
  position: "absolute",
69
69
  right: "1rem",
70
70
  zIndex: 10,
71
- } }), (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef,
72
- // initialActiveTab={currentStep}
73
- swiperProps: { autoHeight: true }, children: [(0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, hideBack: true, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Select token" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
74
- display: "flex",
75
- flexDirection: "column",
76
- gap: theme.mixins.gaps.g16,
77
- }, children: tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item, index) {
78
- var stringifiedTokenData = JSON.stringify(__assign(__assign({}, item), { name: "Fake", fullname: "Fake fullname" }));
79
- return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { tokenData: stringifiedTokenData, active: index === 1 }, item.id));
80
- }) })] }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, overrideBack: prevStep, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Select network" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
81
- display: "flex",
82
- alignItems: "center",
83
- gap: theme.mixins.gaps.g12,
84
- }, children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (item) {
85
- return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { networkData: JSON.stringify({
86
- name: "network ".concat(item),
87
- icon: "https://via.placeholder.com/150",
88
- }) }, item));
89
- }) })] }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, overrideBack: prevStep, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Scan QR code" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
90
- display: "flex",
91
- flexDirection: "column",
92
- gap: theme.mixins.gaps.g16,
93
- }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
94
- width: "100%",
95
- display: "flex",
96
- flexDirection: "column",
97
- gap: "0.75rem",
98
- backgroundColor: "ui-background-222",
99
- borderRadius: "0.75rem",
100
- padding: "1.5rem",
101
- alignItems: "flex-start",
102
- }, id: "share-deposit-info", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
103
- display: "flex",
104
- flexDirection: "column",
105
- gap: "0.125rem",
106
- color: "text.white",
107
- alignSelf: "center",
108
- }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
109
- fontSize: theme.typography.fontSize12,
110
- fontWeight: theme.typography.fontWeight500,
111
- leading: "typography.leading150",
112
- }, children: "Harry Andrew" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
113
- fontSize: theme.typography.fontSize12,
114
- fontWeight: theme.typography.fontWeight400,
115
- leading: "typography.leading150",
116
- }, children: "@user1234we" })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
117
- alignSelf: "center",
118
- padding: "0.75rem",
119
- backgroundColor: "ui-background-white",
120
- }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, {}) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
121
- display: "flex",
122
- flexDirection: "column",
123
- gap: "0.125rem",
124
- color: "text.white",
125
- }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
126
- fontSize: theme.typography.fontSize10,
127
- leading: "typography.leading150",
128
- }, children: "Network" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
129
- fontSize: theme.typography.fontSize13,
130
- fontWeight: theme.typography.fontWeight500,
131
- leading: "typography.leading150",
132
- }, children: "Ethereum (ERC20)" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
133
- display: "flex",
134
- flexDirection: "column",
135
- gap: "0.125rem",
136
- color: "text.white",
137
- }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
138
- fontSize: theme.typography.fontSize10,
139
- leading: "typography.leading150",
140
- }, children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
141
- fontSize: theme.typography.fontSize13,
142
- fontWeight: theme.typography.fontWeight500,
143
- leading: "typography.leading150",
144
- wordBreak: "break-all",
145
- }, children: "tebfwe78w237dbyuc78wb4b3y8cbwebd8732w9bcubf638uegyg7dt63ged87dxi8w3gdyhf73" })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
146
- display: "flex",
147
- alignItems: "center",
148
- gap: "8px",
149
- backgroundColor: "ui-background-white-16",
150
- borderRadius: "12px",
151
- padding: "8px 12px",
152
- }, children: (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "text-11 text-ui-text-white leading-140", children: ["Deposit min ", (0, jsx_runtime_1.jsx)("strong", { children: "0.001" }), " ETH and select the correct network, ", "or you'll lose your assets."] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
153
- display: "flex",
154
- alignItems: "center",
155
- gap: "0.75rem",
156
- justifyContent: "center",
157
- }, children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: "https://reactjs.org/", 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: {
71
+ } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "50dvh" }, children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, children: [(0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, hideBack: true, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Select token" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { color: "red" }, onClick: function () { return console.warn(tokens); }, children: "Click" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
72
+ display: "flex",
73
+ flexDirection: "column",
74
+ gap: theme.mixins.gaps.g16,
75
+ }, children: tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item, index) {
76
+ var stringifiedTokenData = JSON.stringify(__assign(__assign({}, item), { name: "Fake", fullname: "Fake fullname" }));
77
+ return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { tokenData: stringifiedTokenData, active: index === 1 }, item.id));
78
+ }) })] }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, overrideBack: prevStep, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Select network" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
79
+ display: "flex",
80
+ alignItems: "center",
81
+ gap: theme.mixins.gaps.g12,
82
+ }, children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (item) {
83
+ return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { networkData: JSON.stringify({
84
+ name: "network ".concat(item),
85
+ icon: "https://via.placeholder.com/150",
86
+ }) }, item));
87
+ }) })] }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: { paddingBottom: "1rem" }, overrideBack: prevStep, children: (0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: "Scan QR code" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
88
+ display: "flex",
89
+ flexDirection: "column",
90
+ gap: theme.mixins.gaps.g16,
91
+ }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
92
+ width: "100%",
93
+ display: "flex",
94
+ flexDirection: "column",
95
+ gap: "0.75rem",
96
+ backgroundColor: "ui-background-222",
97
+ borderRadius: "0.75rem",
98
+ padding: "1.5rem",
99
+ alignItems: "flex-start",
100
+ }, id: "share-deposit-info", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
101
+ display: "flex",
102
+ flexDirection: "column",
103
+ gap: "0.125rem",
104
+ color: "text.white",
105
+ alignSelf: "center",
106
+ }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
107
+ fontSize: theme.typography.fontSize12,
108
+ fontWeight: theme.typography.fontWeight500,
109
+ leading: "typography.leading150",
110
+ }, children: "Harry Andrew" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
158
111
  fontSize: theme.typography.fontSize12,
159
112
  fontWeight: theme.typography.fontWeight400,
160
113
  leading: "typography.leading150",
161
- textTransform: "capitalize",
162
- }, children: "Copy" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copy"), width: 20 })] }) }), (0, jsx_runtime_1.jsx)(Share_1.default, { elementId: "share-deposit-info", children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { sx: {
114
+ }, children: "@user1234we" })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
115
+ alignSelf: "center",
116
+ padding: "0.75rem",
117
+ backgroundColor: "ui-background-white",
118
+ }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, {}) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
119
+ display: "flex",
120
+ flexDirection: "column",
163
121
  gap: "0.125rem",
122
+ color: "text.white",
123
+ }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
124
+ fontSize: theme.typography.fontSize10,
125
+ leading: "typography.leading150",
126
+ }, children: "Network" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
127
+ fontSize: theme.typography.fontSize13,
128
+ fontWeight: theme.typography.fontWeight500,
129
+ leading: "typography.leading150",
130
+ }, children: "Ethereum (ERC20)" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
164
131
  display: "flex",
165
- alignItems: "center",
132
+ flexDirection: "column",
133
+ gap: "0.125rem",
134
+ color: "text.white",
166
135
  }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
167
- fontSize: theme.typography.fontSize12,
168
- fontWeight: theme.typography.fontWeight400,
136
+ fontSize: theme.typography.fontSize10,
137
+ leading: "typography.leading150",
138
+ }, children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
139
+ fontSize: theme.typography.fontSize13,
140
+ fontWeight: theme.typography.fontWeight500,
169
141
  leading: "typography.leading150",
170
- textTransform: "capitalize",
171
- }, children: "Share" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copy"), width: 20 })] }) })] })] })] }, DepositStep.SHOW_QR_CODE)] })] }) }));
142
+ wordBreak: "break-all",
143
+ }, children: "tebfwe78w237dbyuc78wb4b3y8cbwebd8732w9bcubf638uegyg7dt63ged87dxi8w3gdyhf73" })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
144
+ display: "flex",
145
+ alignItems: "center",
146
+ gap: "8px",
147
+ backgroundColor: "ui-background-white-16",
148
+ borderRadius: "12px",
149
+ padding: "8px 12px",
150
+ }, children: (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "text-11 text-ui-text-white leading-140", children: ["Deposit min ", (0, jsx_runtime_1.jsx)("strong", { children: "0.001" }), " ETH and select the correct network, ", "or you'll lose your assets."] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
151
+ display: "flex",
152
+ alignItems: "center",
153
+ gap: "0.75rem",
154
+ justifyContent: "center",
155
+ }, children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: "https://reactjs.org/", 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: {
156
+ fontSize: theme.typography.fontSize12,
157
+ fontWeight: theme.typography.fontWeight400,
158
+ leading: "typography.leading150",
159
+ textTransform: "capitalize",
160
+ }, children: "Copy" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copy"), width: 20 })] }) }), (0, jsx_runtime_1.jsx)(Share_1.default, { elementId: "share-deposit-info", children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { sx: {
161
+ gap: "0.125rem",
162
+ display: "flex",
163
+ alignItems: "center",
164
+ }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
165
+ fontSize: theme.typography.fontSize12,
166
+ fontWeight: theme.typography.fontWeight400,
167
+ leading: "typography.leading150",
168
+ textTransform: "capitalize",
169
+ }, children: "Share" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copy"), width: 20 })] }) })] })] })] }, DepositStep.SHOW_QR_CODE)] }) })] }) }));
172
170
  });
173
171
  DepositFunction.displayName = "DepositFunction";
174
172
  exports.default = DepositFunction;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.138",
3
+ "version": "0.0.139",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",