nftychat-universe 0.1.0 → 0.1.1
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.
- package/dist/index.cjs.js +16 -16
- package/dist/index.esm.js +16 -16
- package/package.json +15 -15
- package/postcss.config.js +0 -6
- package/yarn-error.log +0 -11868
package/dist/index.cjs.js
CHANGED
@@ -8,9 +8,9 @@ require('@rainbow-me/rainbowkit/styles.css');
|
|
8
8
|
var toast = require('react-hot-toast');
|
9
9
|
var wagmi = require('wagmi');
|
10
10
|
var _public = require('wagmi/providers/public');
|
11
|
+
var css = require('@emotion/css');
|
11
12
|
var react = require('@iconify/react');
|
12
13
|
var Popover = require('@mui/material/Popover');
|
13
|
-
var css = require('@emotion/css');
|
14
14
|
var jsxRuntime = require('react/jsx-runtime');
|
15
15
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
@@ -729,13 +729,13 @@ function DmButton(props) {
|
|
729
729
|
children: function children(_ref) {
|
730
730
|
var openConnectModal = _ref.openConnectModal;
|
731
731
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
732
|
-
className: css.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
732
|
+
className: css.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n "]))),
|
733
733
|
children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
|
734
|
-
className: css.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n
|
734
|
+
className: css.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: white;\n border-radius: 9999px;\n border: none;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n color: #467ee5;\n cursor: pointer;\n display: flex;\n font-family: Inter, sans-serif;\n gap: 8px;\n justify-content: center;\n padding: 8px 16px;\n transition: color 200ms, background-color 200ms;\n &:hover {\n background-color: #f9fafb;\n }\n "]))),
|
735
735
|
type: "button",
|
736
736
|
onClick: function onClick(event) {
|
737
737
|
if (wagmiAddress === props.address) {
|
738
|
-
window.open(
|
738
|
+
window.open("https://nftychat.xyz/dms", "_blank");
|
739
739
|
} else {
|
740
740
|
if (!wagmiAddress) {
|
741
741
|
openConnectModal();
|
@@ -745,16 +745,16 @@ function DmButton(props) {
|
|
745
745
|
}
|
746
746
|
},
|
747
747
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
748
|
-
className: css.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
748
|
+
className: css.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: 24px;\n justify-content: center;\n position: relative;\n width: 24px;\n "]))),
|
749
749
|
children: [numberOfNotifications > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
750
|
-
className: css.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n
|
750
|
+
className: css.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: #fa2449;\n border-radius: 9999px;\n color: white;\n display: flex;\n font-size: 10px;\n height: 14px;\n justify-content: center;\n position: absolute;\n right: -4px;\n top: -4px;\n width: 14px;\n "]))),
|
751
751
|
children: numberOfNotifications
|
752
752
|
}), /*#__PURE__*/jsxRuntime.jsx(react.Icon, {
|
753
|
-
className: css.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n
|
753
|
+
className: css.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n "]))),
|
754
754
|
icon: "ant-design:message-outlined"
|
755
755
|
})]
|
756
756
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
757
|
-
className: css.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["
|
757
|
+
className: css.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 400;\n "]))),
|
758
758
|
children: wagmiAddress === props.address ? "Check Messages" : "DM ".concat(props.displayName)
|
759
759
|
})]
|
760
760
|
}), /*#__PURE__*/jsxRuntime.jsx(Popover__default["default"], {
|
@@ -763,7 +763,7 @@ function DmButton(props) {
|
|
763
763
|
vertical: "bottom",
|
764
764
|
horizontal: "center"
|
765
765
|
},
|
766
|
-
className: css.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n
|
766
|
+
className: css.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n border-radius: 6px;\n margin-top: 8px;\n "]))),
|
767
767
|
onClose: function onClose() {
|
768
768
|
return setPopoverAnchor(null);
|
769
769
|
},
|
@@ -773,27 +773,27 @@ function DmButton(props) {
|
|
773
773
|
horizontal: "center"
|
774
774
|
},
|
775
775
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
776
|
-
className: css.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["
|
776
|
+
className: css.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: white;\n display: flex;\n flex-direction: column;\n padding: 16px 16px 8px 16px;\n width: 384px;\n "]))),
|
777
777
|
children: [/*#__PURE__*/jsxRuntime.jsx("textarea", {
|
778
|
-
className: css.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n
|
778
|
+
className: css.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-radius: 6px;\n border: solid #e2e8f0 1px;\n color: #467ee5;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n margin-bottom: 6px;\n min-height: 66px;\n outline: none;\n padding: 8px;\n resize: none;\n transition: color 200ms, background-color 200ms;\n &:focus {\n border-color: #cbd5e1;\n }\n "]))),
|
779
779
|
spellCheck: false,
|
780
780
|
value: messageText,
|
781
781
|
onChange: function onChange(e) {
|
782
782
|
return setMessageText(e.target.value);
|
783
783
|
}
|
784
784
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
785
|
-
className: css.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n
|
785
|
+
className: css.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n "]))),
|
786
786
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
787
|
-
className: css.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n
|
787
|
+
className: css.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n gap: 8px;\n "]))),
|
788
788
|
children: [/*#__PURE__*/jsxRuntime.jsx(SvgBestagonCircle, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
789
|
-
className: css.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["color: #
|
789
|
+
className: css.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n color: #b58fd9;\n font-family: Inter, sans-serif;\n font-size: 16px;\n "]))),
|
790
790
|
children: "Sent via nfty chat"
|
791
791
|
})]
|
792
792
|
}), /*#__PURE__*/jsxRuntime.jsx("button", {
|
793
|
-
className: css.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n
|
793
|
+
className: css.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: transparent;\n border-radius: 9999px;\n border: none;\n color: #b58fd9;\n cursor: pointer;\n display: flex;\n height: 32px;\n justify-content: center;\n padding: 6px;\n transition: color 200ms, background-color 200ms;\n width: 32px;\n &:hover {\n background-color: #f9fafb;\n }\n "]))),
|
794
794
|
onClick: sendClick,
|
795
795
|
children: /*#__PURE__*/jsxRuntime.jsx(react.Icon, {
|
796
|
-
className: css.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n
|
796
|
+
className: css.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n "]))),
|
797
797
|
icon: "ant-design:send-outlined"
|
798
798
|
})
|
799
799
|
})]
|
package/dist/index.esm.js
CHANGED
@@ -5,9 +5,9 @@ import '@rainbow-me/rainbowkit/styles.css';
|
|
5
5
|
import toast, { Toaster } from 'react-hot-toast';
|
6
6
|
import { useAccount, useSignMessage, configureChains, chain, createClient, WagmiConfig } from 'wagmi';
|
7
7
|
import { publicProvider } from 'wagmi/providers/public';
|
8
|
+
import { css } from '@emotion/css';
|
8
9
|
import { Icon } from '@iconify/react';
|
9
10
|
import Popover from '@mui/material/Popover';
|
10
|
-
import { css } from '@emotion/css';
|
11
11
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
12
12
|
|
13
13
|
function _regeneratorRuntime() {
|
@@ -702,13 +702,13 @@ function DmButton(props) {
|
|
702
702
|
children: function children(_ref) {
|
703
703
|
var openConnectModal = _ref.openConnectModal;
|
704
704
|
return /*#__PURE__*/jsxs("div", {
|
705
|
-
className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
705
|
+
className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n "]))),
|
706
706
|
children: [/*#__PURE__*/jsxs("button", {
|
707
|
-
className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n
|
707
|
+
className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: white;\n border-radius: 9999px;\n border: none;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n color: #467ee5;\n cursor: pointer;\n display: flex;\n font-family: Inter, sans-serif;\n gap: 8px;\n justify-content: center;\n padding: 8px 16px;\n transition: color 200ms, background-color 200ms;\n &:hover {\n background-color: #f9fafb;\n }\n "]))),
|
708
708
|
type: "button",
|
709
709
|
onClick: function onClick(event) {
|
710
710
|
if (wagmiAddress === props.address) {
|
711
|
-
window.open(
|
711
|
+
window.open("https://nftychat.xyz/dms", "_blank");
|
712
712
|
} else {
|
713
713
|
if (!wagmiAddress) {
|
714
714
|
openConnectModal();
|
@@ -718,16 +718,16 @@ function DmButton(props) {
|
|
718
718
|
}
|
719
719
|
},
|
720
720
|
children: [/*#__PURE__*/jsxs("div", {
|
721
|
-
className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
721
|
+
className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: 24px;\n justify-content: center;\n position: relative;\n width: 24px;\n "]))),
|
722
722
|
children: [numberOfNotifications > 0 && /*#__PURE__*/jsx("div", {
|
723
|
-
className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n
|
723
|
+
className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: #fa2449;\n border-radius: 9999px;\n color: white;\n display: flex;\n font-size: 10px;\n height: 14px;\n justify-content: center;\n position: absolute;\n right: -4px;\n top: -4px;\n width: 14px;\n "]))),
|
724
724
|
children: numberOfNotifications
|
725
725
|
}), /*#__PURE__*/jsx(Icon, {
|
726
|
-
className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n
|
726
|
+
className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n "]))),
|
727
727
|
icon: "ant-design:message-outlined"
|
728
728
|
})]
|
729
729
|
}), /*#__PURE__*/jsx("span", {
|
730
|
-
className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["
|
730
|
+
className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 400;\n "]))),
|
731
731
|
children: wagmiAddress === props.address ? "Check Messages" : "DM ".concat(props.displayName)
|
732
732
|
})]
|
733
733
|
}), /*#__PURE__*/jsx(Popover, {
|
@@ -736,7 +736,7 @@ function DmButton(props) {
|
|
736
736
|
vertical: "bottom",
|
737
737
|
horizontal: "center"
|
738
738
|
},
|
739
|
-
className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n
|
739
|
+
className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n border-radius: 6px;\n margin-top: 8px;\n "]))),
|
740
740
|
onClose: function onClose() {
|
741
741
|
return setPopoverAnchor(null);
|
742
742
|
},
|
@@ -746,27 +746,27 @@ function DmButton(props) {
|
|
746
746
|
horizontal: "center"
|
747
747
|
},
|
748
748
|
children: /*#__PURE__*/jsxs("div", {
|
749
|
-
className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["
|
749
|
+
className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: white;\n display: flex;\n flex-direction: column;\n padding: 16px 16px 8px 16px;\n width: 384px;\n "]))),
|
750
750
|
children: [/*#__PURE__*/jsx("textarea", {
|
751
|
-
className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n
|
751
|
+
className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-radius: 6px;\n border: solid #e2e8f0 1px;\n color: #467ee5;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n margin-bottom: 6px;\n min-height: 66px;\n outline: none;\n padding: 8px;\n resize: none;\n transition: color 200ms, background-color 200ms;\n &:focus {\n border-color: #cbd5e1;\n }\n "]))),
|
752
752
|
spellCheck: false,
|
753
753
|
value: messageText,
|
754
754
|
onChange: function onChange(e) {
|
755
755
|
return setMessageText(e.target.value);
|
756
756
|
}
|
757
757
|
}), /*#__PURE__*/jsxs("div", {
|
758
|
-
className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n
|
758
|
+
className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n "]))),
|
759
759
|
children: [/*#__PURE__*/jsxs("div", {
|
760
|
-
className: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n
|
760
|
+
className: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n gap: 8px;\n "]))),
|
761
761
|
children: [/*#__PURE__*/jsx(SvgBestagonCircle, {}), /*#__PURE__*/jsx("span", {
|
762
|
-
className: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["color: #
|
762
|
+
className: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n color: #b58fd9;\n font-family: Inter, sans-serif;\n font-size: 16px;\n "]))),
|
763
763
|
children: "Sent via nfty chat"
|
764
764
|
})]
|
765
765
|
}), /*#__PURE__*/jsx("button", {
|
766
|
-
className: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n
|
766
|
+
className: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: transparent;\n border-radius: 9999px;\n border: none;\n color: #b58fd9;\n cursor: pointer;\n display: flex;\n height: 32px;\n justify-content: center;\n padding: 6px;\n transition: color 200ms, background-color 200ms;\n width: 32px;\n &:hover {\n background-color: #f9fafb;\n }\n "]))),
|
767
767
|
onClick: sendClick,
|
768
768
|
children: /*#__PURE__*/jsx(Icon, {
|
769
|
-
className: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n
|
769
|
+
className: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n "]))),
|
770
770
|
icon: "ant-design:send-outlined"
|
771
771
|
})
|
772
772
|
})]
|
package/package.json
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
"type": "git",
|
5
5
|
"url": "https://github.com/nftychat/nftychat-universe"
|
6
6
|
},
|
7
|
-
"version": "0.1.
|
7
|
+
"version": "0.1.1",
|
8
8
|
"license": "MIT",
|
9
9
|
"description": "nftychat plugins for your website",
|
10
10
|
"author": "nftychat",
|
@@ -14,7 +14,8 @@
|
|
14
14
|
"scripts": {
|
15
15
|
"build": "rollup -c",
|
16
16
|
"build-watch": "rollup -c -w",
|
17
|
-
"start": "react-scripts start"
|
17
|
+
"start": "react-scripts start",
|
18
|
+
"test": "echo \"No test specified\""
|
18
19
|
},
|
19
20
|
"alias": {
|
20
21
|
"@rainbow-me/rainbowkit/styles.css": "@rainbow-me/rainbowkit/dist/index.css"
|
@@ -37,34 +38,32 @@
|
|
37
38
|
"react-app/jest"
|
38
39
|
]
|
39
40
|
},
|
40
|
-
"dependencies": {
|
41
|
-
},
|
41
|
+
"dependencies": {},
|
42
42
|
"devDependencies": {
|
43
|
-
"
|
44
|
-
"react
|
43
|
+
"@babel/preset-env": "^7.19.1",
|
44
|
+
"@babel/preset-react": "^7.18.6",
|
45
45
|
"@emotion/css": "^11.10.0",
|
46
46
|
"@emotion/react": "^11.10.4",
|
47
47
|
"@emotion/styled": "^11.10.4",
|
48
48
|
"@iconify/react": "^3.2.2",
|
49
49
|
"@mui/material": "^5.10.5",
|
50
|
-
"@rainbow-me/rainbowkit": "^0.6.1",
|
51
|
-
"ethers": "^5.7.0",
|
52
|
-
"react-hot-toast": "^2.3.0",
|
53
|
-
"react-scripts": "^5.0.1",
|
54
|
-
"wagmi": "^0.6.4",
|
55
|
-
"@babel/preset-env": "^7.19.1",
|
56
|
-
"@babel/preset-react": "^7.18.6",
|
57
50
|
"@parcel/transformer-sass": "^2.7.0",
|
51
|
+
"@rainbow-me/rainbowkit": "^0.6.1",
|
58
52
|
"@rollup/plugin-node-resolve": "^14.1.0",
|
59
53
|
"@rollup/plugin-url": "^7.0.0",
|
60
54
|
"@svgr/rollup": "^6.3.1",
|
61
55
|
"autoprefixer": "^10.4.8",
|
62
56
|
"clsx": "^1.2.1",
|
63
57
|
"cross-env": "^7.0.3",
|
58
|
+
"ethers": "^5.7.0",
|
64
59
|
"postcss": "^8.4.16",
|
65
60
|
"prettier": "^2.7.1",
|
66
61
|
"prettier-plugin-tailwindcss": "^0.1.13",
|
67
62
|
"process": "^0.11.10",
|
63
|
+
"react": "^18.2.0",
|
64
|
+
"react-dom": "^18.2.0",
|
65
|
+
"react-hot-toast": "^2.3.0",
|
66
|
+
"react-scripts": "^5.0.1",
|
68
67
|
"rollup-plugin-delete": "^2.0.0",
|
69
68
|
"rollup-plugin-esformatter": "^2.0.1",
|
70
69
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
@@ -73,12 +72,11 @@
|
|
73
72
|
"sass-loader": "^13.0.2",
|
74
73
|
"tailwindcss": "^3.1.8",
|
75
74
|
"url-loader": "^4.1.1",
|
75
|
+
"wagmi": "^0.6.4",
|
76
76
|
"webpack": "^5.74.0",
|
77
77
|
"webpack-cli": "^4.10.0"
|
78
78
|
},
|
79
79
|
"peerDependencies": {
|
80
|
-
"react": "^18.2.0",
|
81
|
-
"react-dom": "^18.2.0",
|
82
80
|
"@emotion/css": "^11.10.0",
|
83
81
|
"@emotion/react": "^11.10.4",
|
84
82
|
"@emotion/styled": "^11.10.4",
|
@@ -86,6 +84,8 @@
|
|
86
84
|
"@mui/material": "^5.10.5",
|
87
85
|
"@rainbow-me/rainbowkit": "^0.6.1",
|
88
86
|
"ethers": "^5.7.0",
|
87
|
+
"react": "^18.2.0",
|
88
|
+
"react-dom": "^18.2.0",
|
89
89
|
"react-hot-toast": "^2.3.0",
|
90
90
|
"react-scripts": "^5.0.1",
|
91
91
|
"wagmi": "^0.6.4"
|