beem-component 1.7.7 → 1.7.8
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.
|
@@ -25,7 +25,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
25
25
|
|
|
26
26
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
27
|
|
|
28
|
-
var SessionTimelineWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n"])));
|
|
28
|
+
var SessionTimelineWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n margin-bottom: 0.5rem;\n margin-top: 0.5rem;\n"])));
|
|
29
29
|
|
|
30
30
|
var container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border-radius: 0.714rem 0.714rem 0.714rem 0.714rem;\n border: 0.071rem solid ", ";\n padding: 0.5rem;\n background-color: ", ";\n"])), _colors.BmBgGreyBlue, _colors.BmSecondaryBlue12);
|
|
31
31
|
|
package/package.json
CHANGED
|
@@ -1,95 +1,95 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
2
|
+
"name": "beem-component",
|
|
3
|
+
"version": "1.7.8",
|
|
4
|
+
"private": false,
|
|
5
|
+
"main": "dist/components/index.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "react-scripts build",
|
|
8
|
+
"build-storybook": "build-storybook",
|
|
9
|
+
"clean": "rimraf dist",
|
|
10
|
+
"compile": "npm run clean && cross-env NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__",
|
|
11
|
+
"eject": "react-scripts eject",
|
|
12
|
+
"start": "PORT=3002 react-scripts start",
|
|
13
|
+
"storybook": "start-storybook -p 6006",
|
|
14
|
+
"test": "react-scripts test"
|
|
15
|
+
},
|
|
16
|
+
"browserslist": {
|
|
17
|
+
"production": [
|
|
18
|
+
">0.2%",
|
|
19
|
+
"not dead",
|
|
20
|
+
"not op_mini all"
|
|
21
|
+
],
|
|
22
|
+
"development": [
|
|
23
|
+
"last 1 chrome version",
|
|
24
|
+
"last 1 firefox version",
|
|
25
|
+
"last 1 safari version"
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
"eslintConfig": {
|
|
29
|
+
"extends": [
|
|
30
|
+
"react-app",
|
|
31
|
+
"react-app/jest"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@emotion/react": "^11.7.1",
|
|
36
|
+
"@emotion/styled": "^11.6.0",
|
|
37
|
+
"@material-ui/core": "^4.11.4",
|
|
38
|
+
"@material-ui/icons": "^4.11.2",
|
|
39
|
+
"@mui/icons-material": "^5.2.1",
|
|
40
|
+
"@mui/material": "^5.2.3",
|
|
41
|
+
"js-file-download": "^0.4.12",
|
|
42
|
+
"node-sass": "^6.0.1",
|
|
43
|
+
"polished": "^4.1.3",
|
|
44
|
+
"prop-types": "^15.8.1",
|
|
45
|
+
"react": "^17.0.2",
|
|
46
|
+
"react-dom": "^17.0.2",
|
|
47
|
+
"react-router-dom": "^5.3.0",
|
|
48
|
+
"react-scripts": "^5.0.1",
|
|
49
|
+
"save": "^2.4.0",
|
|
50
|
+
"styled-components": "^5.3.0",
|
|
51
|
+
"web-vitals": "^1.1.2"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"@babel/cli": "^7.16.0",
|
|
55
|
+
"@babel/core": "^7.17.8",
|
|
56
|
+
"@babel/eslint-parser": "^7.18.2",
|
|
57
|
+
"@babel/preset-env": "^7.14.8",
|
|
58
|
+
"@babel/preset-react": "^7.18.6",
|
|
59
|
+
"@commitlint/cli": "^14.1.0",
|
|
60
|
+
"@commitlint/config-conventional": "^14.1.0",
|
|
61
|
+
"@commitlint/travis-cli": "^14.1.0",
|
|
62
|
+
"@storybook/addon-actions": "^6.3.2",
|
|
63
|
+
"@storybook/addon-controls": "^6.3.12",
|
|
64
|
+
"@storybook/addon-docs": "^6.3.12",
|
|
65
|
+
"@storybook/addon-essentials": "^6.3.12",
|
|
66
|
+
"@storybook/addon-knobs": "^6.3.1",
|
|
67
|
+
"@storybook/addon-links": "^6.3.2",
|
|
68
|
+
"@storybook/addons": "^6.4.9",
|
|
69
|
+
"@storybook/node-logger": "^6.3.2",
|
|
70
|
+
"@storybook/preset-create-react-app": "^3.2.0",
|
|
71
|
+
"@storybook/react": "^6.3.2",
|
|
72
|
+
"@storybook/theming": "^6.4.9",
|
|
73
|
+
"babel-eslint": "^10.1.0",
|
|
74
|
+
"babel-loader": "^8.2.3",
|
|
75
|
+
"babel-plugin-react-intl": "^5.1.18",
|
|
76
|
+
"babel-plugin-styled-components": "^1.13.3",
|
|
77
|
+
"babel-preset-react-app": "^10.0.0",
|
|
78
|
+
"commitizen": "^4.2.4",
|
|
79
|
+
"cross-env": "^7.0.3",
|
|
80
|
+
"cz-conventional-changelog": "^3.3.0",
|
|
81
|
+
"eslint-config-airbnb": "^18.2.1",
|
|
82
|
+
"eslint-config-prettier": "^8.3.0",
|
|
83
|
+
"eslint-plugin-import": "^2.25.2",
|
|
84
|
+
"eslint-plugin-jest": "^25.2.4",
|
|
85
|
+
"eslint-plugin-jsdoc": "^32.2.0",
|
|
86
|
+
"eslint-plugin-jsx-a11y": "^6.4.1",
|
|
87
|
+
"eslint-plugin-prettier": "^4.2.1",
|
|
88
|
+
"eslint-plugin-react": "^7.29.4",
|
|
89
|
+
"generate-changelog": "^1.8.0",
|
|
90
|
+
"husky": "^7.0.4",
|
|
91
|
+
"lint-staged": "^11.2.6",
|
|
92
|
+
"prettier": "^2.7.1",
|
|
93
|
+
"storybook-addon-jsx": "^7.3.14"
|
|
94
|
+
}
|
|
95
|
+
}
|
package/src/App.js
CHANGED
|
@@ -10,6 +10,11 @@ import {
|
|
|
10
10
|
BmIcons,
|
|
11
11
|
GlobalStyle,
|
|
12
12
|
BmProfileIcon,
|
|
13
|
+
BmContactCard,
|
|
14
|
+
BmTag,
|
|
15
|
+
BmCounter,
|
|
16
|
+
BmAvatar,
|
|
17
|
+
|
|
13
18
|
// BmCheckboxToggle,
|
|
14
19
|
} from './lib/components';
|
|
15
20
|
|
|
@@ -46,6 +51,15 @@ const Chat = () => {
|
|
|
46
51
|
status: 'comment',
|
|
47
52
|
}}
|
|
48
53
|
/>
|
|
54
|
+
<BmChat.Details
|
|
55
|
+
state="inbound"
|
|
56
|
+
session="live"
|
|
57
|
+
displayTime={<p>10:00am</p>}
|
|
58
|
+
sessionTimeline={{ message: <p>12:00pm</p> }}
|
|
59
|
+
status="failed"
|
|
60
|
+
fileName={<p>file.csv</p>}
|
|
61
|
+
file={image}
|
|
62
|
+
/>
|
|
49
63
|
{/* <BmChat.Details
|
|
50
64
|
state="inbound"
|
|
51
65
|
session="sms"
|
|
@@ -190,7 +204,31 @@ const Chat = () => {
|
|
|
190
204
|
console.log(check);
|
|
191
205
|
setTest(check);
|
|
192
206
|
}}
|
|
207
|
+
|
|
208
|
+
|
|
193
209
|
/> */}
|
|
210
|
+
|
|
211
|
+
<BmContactCard>
|
|
212
|
+
<BmContactCard.Profile>
|
|
213
|
+
<BmAvatar user="chatbot" size="medium" />
|
|
214
|
+
</BmContactCard.Profile>
|
|
215
|
+
<BmContactCard.Details>
|
|
216
|
+
<BmContactCard.SubDetails>
|
|
217
|
+
<h3>Contact Names</h3>
|
|
218
|
+
</BmContactCard.SubDetails>
|
|
219
|
+
<BmContactCard.SubDetails>
|
|
220
|
+
<p>
|
|
221
|
+
Message ijofdsg fogijfdogi odfigj ofdigj fdoigj odfigj ofdigj
|
|
222
|
+
odfigj ofdigj ofdijg dofigj dfoig jodfigj text
|
|
223
|
+
</p>
|
|
224
|
+
<BmCounter>10</BmCounter>
|
|
225
|
+
</BmContactCard.SubDetails>
|
|
226
|
+
<BmContactCard.SubDetails>
|
|
227
|
+
<BmTag variant="success">label</BmTag>
|
|
228
|
+
<p>10:00 am</p>
|
|
229
|
+
</BmContactCard.SubDetails>
|
|
230
|
+
</BmContactCard.Details>
|
|
231
|
+
</BmContactCard>
|
|
194
232
|
</>
|
|
195
233
|
);
|
|
196
234
|
};
|