@myinterview/widget-react 1.0.0-test7
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/README.md +58 -0
- package/package.json +205 -0
package/README.md
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
# React-Widget
|
|
2
|
+
|
|
3
|
+
The myInterview widget for [React](https://reactjs.com).
|
|
4
|
+
|
|
5
|
+
See [myinterview.com](https://www.myinterview.com) for an examples and comprehensive docs.
|
|
6
|
+
|
|
7
|
+
# Installation and usage
|
|
8
|
+
|
|
9
|
+
The easiest way to use react-widget is to install it from npm and build it into your app with Webpack / rollup / parcel.
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
>react-widget compatible with react version `react@16.x.x`, `react@17.x.x`, `react@18.x.x`!
|
|
13
|
+
|
|
14
|
+
```bash
|
|
15
|
+
yarn add @myinterview/widget-react
|
|
16
|
+
|
|
17
|
+
# or use npm
|
|
18
|
+
|
|
19
|
+
npm install @myinterview/widget-react
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Then use it in your app:
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
```jsx
|
|
26
|
+
import React from 'react';
|
|
27
|
+
import { Widget } from '@myinterview/widget-react';
|
|
28
|
+
|
|
29
|
+
const App = () => {
|
|
30
|
+
const onFinish = () => {
|
|
31
|
+
//...
|
|
32
|
+
}
|
|
33
|
+
const onError = () => {
|
|
34
|
+
// ...
|
|
35
|
+
}
|
|
36
|
+
return (
|
|
37
|
+
// ...
|
|
38
|
+
<Widget
|
|
39
|
+
job={{ job_id: "xxxxxxxxxxxxxxxxxx" }}
|
|
40
|
+
candidate={{ email: "test@mail.com", username: "Max" }}
|
|
41
|
+
config={{ onFinish, onError,
|
|
42
|
+
auth: "apikey xxxxxxxxxxxxxxxxx sig=xxxxxxxxxxxxxxxxxxxxxxxxxx" }}
|
|
43
|
+
/>
|
|
44
|
+
)
|
|
45
|
+
}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
# Documentation
|
|
49
|
+
|
|
50
|
+
> **For more detailed documentation with all explanation about possible (Props, Methods and Customisation ) please visit your website [myinterview.com](https://www.myinterview.com)**
|
|
51
|
+
|
|
52
|
+
# Thanks
|
|
53
|
+
|
|
54
|
+
Just want to say thank you to everyone who has made it happen.
|
|
55
|
+
|
|
56
|
+
## License
|
|
57
|
+
|
|
58
|
+
MIT Licensed.
|
package/package.json
ADDED
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@myinterview/widget-react",
|
|
3
|
+
"version": "1.0.0-test7",
|
|
4
|
+
"description": "myInterview widget v3",
|
|
5
|
+
"module": "dist/esm/index.js",
|
|
6
|
+
"main": "dist/cjs/index.js",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
10
|
+
"types": "dist/index.d.ts",
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"@cloudflare/stream-react": "^1.8.0",
|
|
13
|
+
"@myinterview/component-library": "^1.0.43",
|
|
14
|
+
"@sentry/react": "^7.7.0",
|
|
15
|
+
"@sentry/tracing": "^7.7.0",
|
|
16
|
+
"@xstate/react": "^3.0.1",
|
|
17
|
+
"axios": "^0.27.2",
|
|
18
|
+
"babel-plugin-named-asset-import": "^0.3.8",
|
|
19
|
+
"bfj": "^7.0.2",
|
|
20
|
+
"browserslist": "^4.18.1",
|
|
21
|
+
"camelcase": "^6.2.1",
|
|
22
|
+
"crypto-js": "^4.1.1",
|
|
23
|
+
"css-minimizer-webpack-plugin": "^3.2.0",
|
|
24
|
+
"detect-incognito": "^1.0.0",
|
|
25
|
+
"dotenv": "^10.0.0",
|
|
26
|
+
"dotenv-expand": "^5.1.0",
|
|
27
|
+
"fix-webm-duration": "^1.0.5",
|
|
28
|
+
"fs-extra": "^10.0.0",
|
|
29
|
+
"i18next": "^21.8.16",
|
|
30
|
+
"identity-obj-proxy": "^3.0.0",
|
|
31
|
+
"platform": "^1.3.6",
|
|
32
|
+
"postcss": "^8.4.4",
|
|
33
|
+
"postcss-flexbugs-fixes": "^5.0.2",
|
|
34
|
+
"postcss-loader": "^6.2.1",
|
|
35
|
+
"postcss-normalize": "^10.0.1",
|
|
36
|
+
"postcss-preset-env": "^7.0.1",
|
|
37
|
+
"prompts": "^2.4.2",
|
|
38
|
+
"react-app-polyfill": "^3.0.0",
|
|
39
|
+
"react-dev-utils": "^12.0.0",
|
|
40
|
+
"react-i18next": "^11.18.5",
|
|
41
|
+
"react-player": "^2.10.1",
|
|
42
|
+
"react-refresh": "^0.11.0",
|
|
43
|
+
"react-shadow": "^20.0.0",
|
|
44
|
+
"react-use-intercom": "^2.0.0",
|
|
45
|
+
"resolve": "^1.20.0",
|
|
46
|
+
"resolve-url-loader": "^4.0.0",
|
|
47
|
+
"rxjs": "^7.5.7",
|
|
48
|
+
"semver": "^7.3.5",
|
|
49
|
+
"web-vitals": "^2.1.4",
|
|
50
|
+
"workbox-webpack-plugin": "^6.4.1",
|
|
51
|
+
"xstate": "^4.33.2"
|
|
52
|
+
},
|
|
53
|
+
"scripts": {
|
|
54
|
+
"start": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=local HTTPS=true node scripts/start.js",
|
|
55
|
+
"start-prod": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=prod HTTPS=true node scripts/start.js",
|
|
56
|
+
"start-staging": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=staging HTTPS=true node scripts/start.js",
|
|
57
|
+
"build": "node scripts/build.js",
|
|
58
|
+
"publish-prod": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=prod rollup -c && npm publish",
|
|
59
|
+
"publish-staging": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=staging rollup -c && npm publish --tag beta",
|
|
60
|
+
"publish-experimental": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=staging rollup -c && npm publish --tag experimental",
|
|
61
|
+
"build-experimental": "REACT_APP_RELEASE=$npm_package_version REACT_APP_ENV=staging rollup -c ",
|
|
62
|
+
"test": "node scripts/test.js"
|
|
63
|
+
},
|
|
64
|
+
"eslintConfig": {
|
|
65
|
+
"extends": [
|
|
66
|
+
"react-app",
|
|
67
|
+
"react-app/jest"
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
"browserslist": {
|
|
71
|
+
"production": [
|
|
72
|
+
">0.2%",
|
|
73
|
+
"not dead",
|
|
74
|
+
"not op_mini all"
|
|
75
|
+
],
|
|
76
|
+
"development": [
|
|
77
|
+
"last 3 chrome version",
|
|
78
|
+
"last 3 firefox version",
|
|
79
|
+
"last 3 safari version"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
"devDependencies": {
|
|
83
|
+
"@babel/core": "^7.16.0",
|
|
84
|
+
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
|
|
85
|
+
"@rollup/plugin-babel": "^6.0.2",
|
|
86
|
+
"@rollup/plugin-commonjs": "^22.0.1",
|
|
87
|
+
"@rollup/plugin-json": "^4.1.0",
|
|
88
|
+
"@rollup/plugin-node-resolve": "^13.3.0",
|
|
89
|
+
"@rollup/plugin-typescript": "^8.3.3",
|
|
90
|
+
"@svgr/webpack": "^5.5.0",
|
|
91
|
+
"@testing-library/jest-dom": "^5.16.4",
|
|
92
|
+
"@testing-library/react": "^12.1.5 || ^13.4.0",
|
|
93
|
+
"@testing-library/user-event": "^13.5.0",
|
|
94
|
+
"@types/crypto-js": "^4.1.1",
|
|
95
|
+
"@types/jest": "^27.4.1",
|
|
96
|
+
"@types/node": "^16.11.26",
|
|
97
|
+
"@types/platform": "^1.3.4",
|
|
98
|
+
"@types/react": "^17.0.44",
|
|
99
|
+
"@types/react-dom": "^18.0.0",
|
|
100
|
+
"@types/styled-components": "^5.1.25",
|
|
101
|
+
"@typescript-eslint/eslint-plugin": "^5.19.0",
|
|
102
|
+
"@typescript-eslint/parser": "^5.30.0",
|
|
103
|
+
"babel-jest": "^27.4.2",
|
|
104
|
+
"babel-loader": "^8.3.0",
|
|
105
|
+
"babel-preset-react-app": "^10.0.1",
|
|
106
|
+
"case-sensitive-paths-webpack-plugin": "^2.4.0",
|
|
107
|
+
"classnames": "^2.3.1",
|
|
108
|
+
"css-loader": "^6.5.1",
|
|
109
|
+
"eslint": "^8.13.0",
|
|
110
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
111
|
+
"eslint-config-airbnb-typescript": "^17.0.0",
|
|
112
|
+
"eslint-config-react-app": "^7.0.0",
|
|
113
|
+
"eslint-plugin-import": "^2.26.0",
|
|
114
|
+
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
115
|
+
"eslint-plugin-react": "^7.29.4",
|
|
116
|
+
"eslint-plugin-react-hooks": "^4.4.0",
|
|
117
|
+
"eslint-webpack-plugin": "^3.1.1",
|
|
118
|
+
"file-loader": "^6.2.0",
|
|
119
|
+
"html-webpack-plugin": "^5.5.0",
|
|
120
|
+
"jest": "^27.4.3",
|
|
121
|
+
"jest-resolve": "^27.4.2",
|
|
122
|
+
"jest-watch-typeahead": "^1.0.0",
|
|
123
|
+
"mini-css-extract-plugin": "^2.4.5",
|
|
124
|
+
"raw-loader": "^4.0.2",
|
|
125
|
+
"react": "^18.0.0",
|
|
126
|
+
"react-dom": "^18.0.0",
|
|
127
|
+
"rollup": "^2.75.7",
|
|
128
|
+
"rollup-plugin-delete": "^2.0.0",
|
|
129
|
+
"rollup-plugin-dts": "^4.2.2",
|
|
130
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
131
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
132
|
+
"sass": "^1.50.0",
|
|
133
|
+
"sass-loader": "^12.3.0",
|
|
134
|
+
"sass-to-string": "^1.6.3",
|
|
135
|
+
"source-map-loader": "^3.0.0",
|
|
136
|
+
"style-loader": "^3.3.1",
|
|
137
|
+
"terser-webpack-plugin": "^5.2.5",
|
|
138
|
+
"typescript": "^4.7.4",
|
|
139
|
+
"webpack": "^5.73.0",
|
|
140
|
+
"webpack-cli": "^4.10.0",
|
|
141
|
+
"webpack-dev-server": "^4.6.0",
|
|
142
|
+
"webpack-manifest-plugin": "^4.0.2"
|
|
143
|
+
},
|
|
144
|
+
"peerDependencies": {
|
|
145
|
+
"babel-loader": "> =8.0.0",
|
|
146
|
+
"react": ">= 16.8.0",
|
|
147
|
+
"react-dom": ">= 16.8.0"
|
|
148
|
+
},
|
|
149
|
+
"jest": {
|
|
150
|
+
"roots": [
|
|
151
|
+
"<rootDir>/src"
|
|
152
|
+
],
|
|
153
|
+
"collectCoverageFrom": [
|
|
154
|
+
"src/**/*.{js,jsx,ts,tsx}",
|
|
155
|
+
"!src/**/*.d.ts"
|
|
156
|
+
],
|
|
157
|
+
"setupFiles": [
|
|
158
|
+
"react-app-polyfill/jsdom"
|
|
159
|
+
],
|
|
160
|
+
"setupFilesAfterEnv": [
|
|
161
|
+
"<rootDir>/src/setupTests.ts"
|
|
162
|
+
],
|
|
163
|
+
"testMatch": [
|
|
164
|
+
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
|
|
165
|
+
"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
|
|
166
|
+
],
|
|
167
|
+
"testEnvironment": "jsdom",
|
|
168
|
+
"transform": {
|
|
169
|
+
"^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
|
|
170
|
+
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
|
|
171
|
+
"^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
|
|
172
|
+
},
|
|
173
|
+
"transformIgnorePatterns": [
|
|
174
|
+
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
|
|
175
|
+
"^.+\\.module\\.(css|sass|scss)$"
|
|
176
|
+
],
|
|
177
|
+
"modulePaths": [],
|
|
178
|
+
"moduleNameMapper": {
|
|
179
|
+
"^react-native$": "react-native-web",
|
|
180
|
+
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
|
|
181
|
+
},
|
|
182
|
+
"moduleFileExtensions": [
|
|
183
|
+
"web.js",
|
|
184
|
+
"js",
|
|
185
|
+
"web.ts",
|
|
186
|
+
"ts",
|
|
187
|
+
"web.tsx",
|
|
188
|
+
"tsx",
|
|
189
|
+
"json",
|
|
190
|
+
"web.jsx",
|
|
191
|
+
"jsx",
|
|
192
|
+
"node"
|
|
193
|
+
],
|
|
194
|
+
"watchPlugins": [
|
|
195
|
+
"jest-watch-typeahead/filename",
|
|
196
|
+
"jest-watch-typeahead/testname"
|
|
197
|
+
],
|
|
198
|
+
"resetMocks": true
|
|
199
|
+
},
|
|
200
|
+
"babel": {
|
|
201
|
+
"presets": [
|
|
202
|
+
"react-app"
|
|
203
|
+
]
|
|
204
|
+
}
|
|
205
|
+
}
|