@synchat/webchat 0.0.3 → 0.0.4
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.css +23 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +1 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* src/lib/components/webchat/styles.css */
|
|
2
|
+
.floating-chat-button {
|
|
3
|
+
position: fixed;
|
|
4
|
+
bottom: 20px;
|
|
5
|
+
right: 20px;
|
|
6
|
+
background-color: #007bff;
|
|
7
|
+
color: white;
|
|
8
|
+
border: none;
|
|
9
|
+
border-radius: 50%;
|
|
10
|
+
width: 60px;
|
|
11
|
+
height: 60px;
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
display: flex;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
align-items: center;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
|
18
|
+
z-index: 1000;
|
|
19
|
+
}
|
|
20
|
+
.floating-chat-button:hover {
|
|
21
|
+
background-color: #0056b3;
|
|
22
|
+
}
|
|
23
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/components/webchat/styles.css"],"sourcesContent":[".floating-chat-button {\n position: fixed; /* Fixes the button relative to the viewport */\n bottom: 20px; /* Distance from the bottom of the viewport */\n right: 20px; /* Distance from the right of the viewport */\n background-color: #007bff; /* Example background color */\n color: white;\n border: none;\n border-radius: 50%; /* Makes it circular */\n width: 60px;\n height: 60px;\n font-size: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */\n z-index: 1000; /* Ensures it stays on top of other content */\n}\n\n.floating-chat-button:hover {\n background-color: #0056b3; /* Darker color on hover */\n}"],"mappings":";AAAA,CAAC;AACG,YAAU;AACV,UAAQ;AACR,SAAO;AACP,oBAAkB;AAClB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,SAAO;AACP,UAAQ;AACR,aAAW;AACX,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,WAAS;AACb;AAEA,CAnBC,oBAmBoB;AACjB,oBAAkB;AACtB;","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var material = require('@mui/material');
|
|
5
|
-
var iconsMaterial = require('@mui/icons-material');
|
|
6
4
|
|
|
7
5
|
// src/lib/components/button/index.tsx
|
|
8
6
|
var MyButton = ({ children = "Clique", onClick, className, disabled }) => {
|
|
@@ -25,7 +23,7 @@ var MyButton = ({ children = "Clique", onClick, className, disabled }) => {
|
|
|
25
23
|
);
|
|
26
24
|
};
|
|
27
25
|
var WebChat = () => {
|
|
28
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", { className: "floating-chat-button", children: "CHAT" });
|
|
29
27
|
};
|
|
30
28
|
|
|
31
29
|
exports.MyButton = MyButton;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["jsx"
|
|
1
|
+
{"version":3,"sources":["../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["jsx"],"mappings":";;;;;AAcO,IAAM,QAAA,GAAoC,CAAC,EAAE,QAAA,GAAW,UAAU,OAAA,EAAS,SAAA,EAAW,UAAS,KAAM;AAC1G,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,YAAA,EAAc,CAAA;AAAA,QACd,MAAA,EAAQ,gBAAA;AAAA,QACR,MAAA,EAAQ,WAAW,aAAA,GAAgB,SAAA;AAAA,QACnC,UAAA,EAAY,WAAW,SAAA,GAAY,MAAA;AAAA,QACnC,UAAA,EAAY;AAAA,OACd;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC9BO,IAAM,UAAU,MAAM;AACzB,EAAA,uBACIA,cAAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,wBAAuB,QAAA,EAAA,MAAA,EAEzC,CAAA;AAER","file":"index.js","sourcesContent":["import * as React from 'react'\n\nexport type MyButtonProps = {\n children?: React.ReactNode\n onClick?: () => void\n className?: string\n /** Desabilita o botão */\n disabled?: boolean\n}\n\n/**\n * Um botão básico para exemplo da lib.\n * Renderiza um <button> com estilos básicos inline (você pode trocar para CSS Modules/Tailwind/etc).\n */\nexport const MyButton: React.FC<MyButtonProps> = ({ children = 'Clique', onClick, className, disabled }) => {\n return (\n <button\n onClick={onClick}\n disabled={disabled}\n className={className}\n style={{\n padding: '8px 14px',\n borderRadius: 8,\n border: '1px solid #ddd',\n cursor: disabled ? 'not-allowed' : 'pointer',\n background: disabled ? '#f2f2f2' : '#fff',\n fontWeight: 600\n }}\n >\n {children}\n </button>\n )\n}\n","import './styles.css';\n\nexport const WebChat = () => {\n return (\n <button className=\"floating-chat-button\">\n CHAT\n </button>\n )\n}"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { Fab } from '@mui/material';
|
|
3
|
-
import { AddBusiness } from '@mui/icons-material';
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
2
|
|
|
5
3
|
// src/lib/components/button/index.tsx
|
|
6
4
|
var MyButton = ({ children = "Clique", onClick, className, disabled }) => {
|
|
@@ -23,7 +21,7 @@ var MyButton = ({ children = "Clique", onClick, className, disabled }) => {
|
|
|
23
21
|
);
|
|
24
22
|
};
|
|
25
23
|
var WebChat = () => {
|
|
26
|
-
return /* @__PURE__ */ jsx(
|
|
24
|
+
return /* @__PURE__ */ jsx("button", { className: "floating-chat-button", children: "CHAT" });
|
|
27
25
|
};
|
|
28
26
|
|
|
29
27
|
export { MyButton, WebChat };
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["jsx"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["jsx"],"mappings":";;;AAcO,IAAM,QAAA,GAAoC,CAAC,EAAE,QAAA,GAAW,UAAU,OAAA,EAAS,SAAA,EAAW,UAAS,KAAM;AAC1G,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,YAAA,EAAc,CAAA;AAAA,QACd,MAAA,EAAQ,gBAAA;AAAA,QACR,MAAA,EAAQ,WAAW,aAAA,GAAgB,SAAA;AAAA,QACnC,UAAA,EAAY,WAAW,SAAA,GAAY,MAAA;AAAA,QACnC,UAAA,EAAY;AAAA,OACd;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC9BO,IAAM,UAAU,MAAM;AACzB,EAAA,uBACIA,GAAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,wBAAuB,QAAA,EAAA,MAAA,EAEzC,CAAA;AAER","file":"index.mjs","sourcesContent":["import * as React from 'react'\n\nexport type MyButtonProps = {\n children?: React.ReactNode\n onClick?: () => void\n className?: string\n /** Desabilita o botão */\n disabled?: boolean\n}\n\n/**\n * Um botão básico para exemplo da lib.\n * Renderiza um <button> com estilos básicos inline (você pode trocar para CSS Modules/Tailwind/etc).\n */\nexport const MyButton: React.FC<MyButtonProps> = ({ children = 'Clique', onClick, className, disabled }) => {\n return (\n <button\n onClick={onClick}\n disabled={disabled}\n className={className}\n style={{\n padding: '8px 14px',\n borderRadius: 8,\n border: '1px solid #ddd',\n cursor: disabled ? 'not-allowed' : 'pointer',\n background: disabled ? '#f2f2f2' : '#fff',\n fontWeight: 600\n }}\n >\n {children}\n </button>\n )\n}\n","import './styles.css';\n\nexport const WebChat = () => {\n return (\n <button className=\"floating-chat-button\">\n CHAT\n </button>\n )\n}"]}
|