@beterdichtbij/component-library 0.71.0-alpha.8 → 0.71.0-beta.0
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/bd-component-lib.cjs.js +2 -2
- package/dist/bd-component-lib.es.js +2077 -2044
- package/dist/bd-component-lib.umd.js +2 -2
- package/dist/components/templates/BDVideoCallTemplate/BDVideoCallTemplate.vue.d.ts +2 -0
- package/dist/locales/en.json +56 -44
- package/dist/locales/nl.json +67 -55
- package/dist/scss/templates/_video-call-template.scss +13 -8
- package/package.json +1 -1
|
@@ -11,10 +11,12 @@ declare const _default: import('vue').DefineComponent<{}, {
|
|
|
11
11
|
$emit: (event: "ready" | "start-call" | "end-call", ...args: any[]) => void;
|
|
12
12
|
videoTestUrl: string;
|
|
13
13
|
participant: Record<string, any>;
|
|
14
|
+
participantRole: string;
|
|
14
15
|
isCallee: boolean;
|
|
15
16
|
$props: {
|
|
16
17
|
readonly videoTestUrl?: string | undefined;
|
|
17
18
|
readonly participant?: Record<string, any> | undefined;
|
|
19
|
+
readonly participantRole?: string | undefined;
|
|
18
20
|
readonly isCallee?: boolean | undefined;
|
|
19
21
|
};
|
|
20
22
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
package/dist/locales/en.json
CHANGED
|
@@ -9,59 +9,71 @@
|
|
|
9
9
|
"menuItemAcademy": "Academie"
|
|
10
10
|
},
|
|
11
11
|
"videoCallTemplate": {
|
|
12
|
-
"fullScreen": "Full screen",
|
|
13
|
-
"miniPlayer": "Mini player",
|
|
14
|
-
"shareScreen": "Share screen",
|
|
15
|
-
"stopSharingScreen": "Stop sharing screen",
|
|
16
12
|
"signalStrength": {
|
|
17
13
|
"weak": "Weak signal",
|
|
18
14
|
"steady": "Moderate signal",
|
|
19
15
|
"strong": "Strong signal"
|
|
20
16
|
},
|
|
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
|
-
"
|
|
17
|
+
"actions": {
|
|
18
|
+
"fullScreen": "Full screen",
|
|
19
|
+
"miniPlayer": "Mini player",
|
|
20
|
+
"shareScreen": "Share screen",
|
|
21
|
+
"stopSharingScreen": "Stop sharing screen",
|
|
22
|
+
"testCall": "Run the video call test",
|
|
23
|
+
"serviceDesk": "Service desk",
|
|
24
|
+
"endCall": "End call",
|
|
25
|
+
"closeWindow": "Close window",
|
|
26
|
+
"switchCamera": "Switch camera"
|
|
27
|
+
},
|
|
28
|
+
"help": {
|
|
29
|
+
"placeholderSettingsHelpTitle": "Connection issues?",
|
|
30
|
+
"placeholderSettingsHelpMessage": "End the call and try again."
|
|
31
|
+
},
|
|
32
|
+
"statusTextMessage": {
|
|
33
|
+
"initializing": "Initializing...",
|
|
34
|
+
"dialing": "Calling...",
|
|
35
|
+
"ringing": "Phone is ringing",
|
|
36
|
+
"answered": "Call answered",
|
|
37
|
+
"connected": "Connected",
|
|
38
|
+
"videoCallDeclined": "The call could not be answered right now.",
|
|
39
|
+
"videoCallHangedUp": "Call has ended.",
|
|
40
|
+
"devicePermissionDenied": "A call cannot be started",
|
|
41
|
+
"callNotDelivered": "The video call does not arrive on the {participantRole}'s mobile phone or tablet.",
|
|
42
|
+
"signalHold": "Video call connection with {participantRole}'s phone/tablet could not be established",
|
|
43
|
+
"connectionIssues": "Connection issues"
|
|
44
|
+
},
|
|
45
|
+
"statusDetailMessage": {
|
|
46
|
+
"notAnsweredDetail": "{participantRole} does not appear to answer.",
|
|
47
|
+
"noVideoHint": "No video? Run the video call test.",
|
|
48
|
+
"callNotDeliveredDetail": "Asking {participantRole} to log in again in the BeterDichtbij app often resolves this.",
|
|
49
|
+
"connectionIssuesMedium": "The connection is unstable.",
|
|
50
|
+
"connectionIssuesStrong": "The connection seems lost. Check internet connection and try again.",
|
|
51
|
+
"signalHoldDetail": "Run the video call test."
|
|
52
|
+
},
|
|
53
|
+
"permissions": {
|
|
54
|
+
"permissionDeniedForVideo": "No access to camera",
|
|
55
|
+
"permissionDeniedForAudio": "No access to microphone"
|
|
56
|
+
},
|
|
57
|
+
"cameraAvailability": {
|
|
58
|
+
"hasNoAvailableCamera": "No camera available.",
|
|
59
|
+
"hasOneAvailableCamera": "One camera is available.",
|
|
60
|
+
"hasMultipleAvailableCameras": "Multiple cameras are available."
|
|
61
|
+
},
|
|
62
|
+
"endReasons": {
|
|
63
|
+
"0": "{participantRole} ended the call.",
|
|
52
64
|
"4": "The app was closed.",
|
|
53
|
-
"5": "
|
|
65
|
+
"5": "{participantRole} ended the call.",
|
|
54
66
|
"6": "BeterDichtbij call screen was closed.",
|
|
55
|
-
"10": "
|
|
56
|
-
"12": "Network or camera issue on
|
|
57
|
-
"20": "
|
|
67
|
+
"10": "{participantRole} waited too long to answer.",
|
|
68
|
+
"12": "Network or camera issue on {participantRole} side. Check internet and camera permission.",
|
|
69
|
+
"20": "{participantRole} pressed Back while the phone was ringing.",
|
|
58
70
|
"21": "Call was hung up.",
|
|
59
|
-
"22": "
|
|
60
|
-
"23": "
|
|
61
|
-
"24": "
|
|
62
|
-
"25": "
|
|
71
|
+
"22": "{participantRole} pressed Home while the phone was ringing.",
|
|
72
|
+
"23": "{participantRole} waited too long to answer.",
|
|
73
|
+
"24": "{participantRole} clicked Yes in the popup.",
|
|
74
|
+
"25": "{participantRole} ended the call.",
|
|
63
75
|
"26": "The app moved to background on phone/tablet.",
|
|
64
|
-
"33": "Outdated app version. Ask
|
|
76
|
+
"33": "Outdated app version. Ask {participantRole} to update the BeterDichtbij app."
|
|
65
77
|
},
|
|
66
78
|
"unknown": "Unknown message"
|
|
67
79
|
}
|
package/dist/locales/nl.json
CHANGED
|
@@ -110,60 +110,72 @@
|
|
|
110
110
|
"helpMessage": "om te controleren of je camera en microfoon goed werken."
|
|
111
111
|
},
|
|
112
112
|
"videoCallTemplate": {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
"
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
"
|
|
151
|
-
"
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
},
|
|
167
|
-
"
|
|
113
|
+
"signalStrength": {
|
|
114
|
+
"weak": "Zwak signaal",
|
|
115
|
+
"steady": "Matig signaal",
|
|
116
|
+
"strong": "Sterk signaal"
|
|
117
|
+
},
|
|
118
|
+
"actions": {
|
|
119
|
+
"fullScreen": "Volledig scherm",
|
|
120
|
+
"miniPlayer": "Mini player",
|
|
121
|
+
"shareScreen": "Scherm delen",
|
|
122
|
+
"stopSharingScreen": "Stop scherm delen",
|
|
123
|
+
"testCall": "Doe de beeldbeltest",
|
|
124
|
+
"serviceDesk": "Servicedesk",
|
|
125
|
+
"endCall": "Gesprek beëindigen",
|
|
126
|
+
"closeWindow": "Venster sluiten",
|
|
127
|
+
"switchCamera": "Wissel camera"
|
|
128
|
+
},
|
|
129
|
+
"help": {
|
|
130
|
+
"placeholderSettingsHelpTitle": "Problemen met de verbinding?",
|
|
131
|
+
"placeholderSettingsHelpMessage": "Sluit het gesprek en probeer opnieuw te bellen."
|
|
132
|
+
},
|
|
133
|
+
"statusTextMessage": {
|
|
134
|
+
"initializing": "Bezig met opstarten...",
|
|
135
|
+
"dialing": "Bellen...",
|
|
136
|
+
"ringing": "Telefoon gaat over",
|
|
137
|
+
"answered": "Er is opgenomen",
|
|
138
|
+
"connected": "Verbonden",
|
|
139
|
+
"videoCallDeclined": "Er kon op dit moment niet worden opgenomen.",
|
|
140
|
+
"videoCallHangedUp": "Er is opgehangen.",
|
|
141
|
+
"devicePermissionDenied": "Er kan geen gesprek worden gestart",
|
|
142
|
+
"callNotDelivered": "Beeldbelgesprek komt niet aan op de mobiele telefoon of tablet van de {participantRole}.",
|
|
143
|
+
"signalHold": "Beeldbel verbinding met {participantRole} zijn telefoon/tablet komt niet tot stand",
|
|
144
|
+
"connectionIssues": "Connectie problemen"
|
|
145
|
+
},
|
|
146
|
+
"statusDetailMessage": {
|
|
147
|
+
"notAnsweredDetail": "{participantRole} lijkt niet op te nemen.",
|
|
148
|
+
"noVideoHint": "Geen beeld? Doe de beeldbel kwaliteit test.",
|
|
149
|
+
"callNotDeliveredDetail": "De {participantRole} opnieuw laten inloggen in de BeterDichtbij app lost het probleem vaak op.",
|
|
150
|
+
"connectionIssuesMedium": "De verbinding is instabiel.",
|
|
151
|
+
"connectionIssuesStrong": "De verbinding lijkt verbroken. Controleer internetverbinding en probeer opnieuw.",
|
|
152
|
+
"signalHoldDetail": "Doe de beeldbel kwaliteit test."
|
|
153
|
+
},
|
|
154
|
+
"permissions": {
|
|
155
|
+
"permissionDeniedForVideo": "Geen toegang beschikbaar tot de camera",
|
|
156
|
+
"permissionDeniedForAudio": "Er is geen toegang beschikbaar tot uw microfoon"
|
|
157
|
+
},
|
|
158
|
+
"cameraAvailability": {
|
|
159
|
+
"hasNoAvailableCamera": "Er is geen camera beschikbaar.",
|
|
160
|
+
"hasOneAvailableCamera": "Er is één camera beschikbaar.",
|
|
161
|
+
"hasMultipleAvailableCameras": "Er zijn meerdere camera's beschikbaar."
|
|
162
|
+
},
|
|
163
|
+
"endReasons": {
|
|
164
|
+
"0": "{participantRole} heeft gesprek beëindigd.",
|
|
165
|
+
"4": "App is afgesloten.",
|
|
166
|
+
"5": "{participantRole} heeft gesprek beëindigd.",
|
|
167
|
+
"6": "BeterDichtbij gespreksscherm is afgesloten.",
|
|
168
|
+
"10": "{participantRole} heeft te lang gewacht met opnemen.",
|
|
169
|
+
"12": "Netwerk issue of camera issue bij de {participantRole}. Controleer internet en camera-toestemming bij de {participantRole}.",
|
|
170
|
+
"20": "{participantRole} heeft de Terug-knop ingedrukt terwijl de telefoon overging.",
|
|
171
|
+
"21": "Gesprek opgehangen.",
|
|
172
|
+
"22": "{participantRole} heeft Home ingedrukt terwijl de telefoon overging.",
|
|
173
|
+
"23": "{participantRole} heeft te lang gewacht met opnemen.",
|
|
174
|
+
"24": "{participantRole} heeft Ja geklikt in de pop-up.",
|
|
175
|
+
"25": "{participantRole} heeft gesprek beëindigd.",
|
|
176
|
+
"26": "App is naar de achtergrond gegaan op telefoon/tablet.",
|
|
177
|
+
"33": "Verouderde versie van de app. Vraag de {participantRole} om de BeterDichtbij app te updaten."
|
|
178
|
+
},
|
|
179
|
+
"unknown": "Onbekende melding"
|
|
168
180
|
}
|
|
169
181
|
}
|
|
@@ -120,16 +120,21 @@
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.settings {
|
|
123
|
-
border: 1px solid $
|
|
123
|
+
border: 1px solid $gray;
|
|
124
124
|
padding: 20px;
|
|
125
125
|
border-radius: 8px;
|
|
126
126
|
|
|
127
127
|
p {
|
|
128
|
-
color:
|
|
128
|
+
color: hsla(221, 13%, 48%, 1);
|
|
129
|
+
|
|
130
|
+
&:last-of-type {
|
|
131
|
+
margin-bottom: 0;
|
|
132
|
+
}
|
|
129
133
|
}
|
|
130
134
|
|
|
131
135
|
&__status {
|
|
132
|
-
border-bottom: 2px solid $
|
|
136
|
+
border-bottom: 2px solid $gray;
|
|
137
|
+
padding-bottom: 20px;
|
|
133
138
|
|
|
134
139
|
&-text {
|
|
135
140
|
margin-bottom: 8px;
|
|
@@ -147,24 +152,24 @@
|
|
|
147
152
|
align-items: center;
|
|
148
153
|
padding: 20px 0;
|
|
149
154
|
gap: 12px;
|
|
150
|
-
border-bottom:
|
|
155
|
+
border-bottom: 1px solid $gray;
|
|
151
156
|
|
|
152
157
|
&.weak {
|
|
153
158
|
.indicator li:nth-child(1) {
|
|
154
|
-
background-color: $
|
|
159
|
+
background-color: $danger;
|
|
155
160
|
}
|
|
156
161
|
}
|
|
157
162
|
|
|
158
163
|
&.steady {
|
|
159
164
|
.indicator li:nth-child(1),
|
|
160
165
|
.indicator li:nth-child(2) {
|
|
161
|
-
background-color: $
|
|
166
|
+
background-color: $warning;
|
|
162
167
|
}
|
|
163
168
|
}
|
|
164
169
|
|
|
165
170
|
&.strong {
|
|
166
171
|
.indicator li {
|
|
167
|
-
background-color: $
|
|
172
|
+
background-color: $success;
|
|
168
173
|
}
|
|
169
174
|
}
|
|
170
175
|
|
|
@@ -179,7 +184,7 @@
|
|
|
179
184
|
li {
|
|
180
185
|
width: 6px;
|
|
181
186
|
border-radius: 1.6px;
|
|
182
|
-
background-color: $
|
|
187
|
+
background-color: $gray;
|
|
183
188
|
|
|
184
189
|
&:nth-child(1) {
|
|
185
190
|
height: 7px;
|
package/package.json
CHANGED