@beterdichtbij/component-library 0.71.0-alpha.9 → 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 +2032 -1998
- package/dist/bd-component-lib.umd.js +42 -42
- package/dist/components/templates/BDVideoCallTemplate/BDVideoCallTemplate.vue.d.ts +2 -0
- package/dist/locales/en.json +39 -31
- package/dist/locales/nl.json +39 -31
- package/dist/scss/templates/_video-call-template.scss +8 -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,20 +9,26 @@
|
|
|
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
|
-
|
|
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
|
+
},
|
|
26
32
|
"statusTextMessage": {
|
|
27
33
|
"initializing": "Initializing...",
|
|
28
34
|
"dialing": "Calling...",
|
|
@@ -32,40 +38,42 @@
|
|
|
32
38
|
"videoCallDeclined": "The call could not be answered right now.",
|
|
33
39
|
"videoCallHangedUp": "Call has ended.",
|
|
34
40
|
"devicePermissionDenied": "A call cannot be started",
|
|
35
|
-
"callNotDelivered": "The video call does not arrive on the
|
|
36
|
-
"signalHold": "Video call connection with
|
|
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",
|
|
37
43
|
"connectionIssues": "Connection issues"
|
|
38
44
|
},
|
|
39
45
|
"statusDetailMessage": {
|
|
40
|
-
"notAnsweredDetail": "
|
|
46
|
+
"notAnsweredDetail": "{participantRole} does not appear to answer.",
|
|
41
47
|
"noVideoHint": "No video? Run the video call test.",
|
|
42
|
-
"callNotDeliveredDetail": "Asking
|
|
48
|
+
"callNotDeliveredDetail": "Asking {participantRole} to log in again in the BeterDichtbij app often resolves this.",
|
|
43
49
|
"connectionIssuesMedium": "The connection is unstable.",
|
|
44
50
|
"connectionIssuesStrong": "The connection seems lost. Check internet connection and try again.",
|
|
45
51
|
"signalHoldDetail": "Run the video call test."
|
|
46
52
|
},
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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.",
|
|
56
64
|
"4": "The app was closed.",
|
|
57
|
-
"5": "
|
|
65
|
+
"5": "{participantRole} ended the call.",
|
|
58
66
|
"6": "BeterDichtbij call screen was closed.",
|
|
59
|
-
"10": "
|
|
60
|
-
"12": "Network or camera issue on
|
|
61
|
-
"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.",
|
|
62
70
|
"21": "Call was hung up.",
|
|
63
|
-
"22": "
|
|
64
|
-
"23": "
|
|
65
|
-
"24": "
|
|
66
|
-
"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.",
|
|
67
75
|
"26": "The app moved to background on phone/tablet.",
|
|
68
|
-
"33": "Outdated app version. Ask
|
|
76
|
+
"33": "Outdated app version. Ask {participantRole} to update the BeterDichtbij app."
|
|
69
77
|
},
|
|
70
78
|
"unknown": "Unknown message"
|
|
71
79
|
}
|
package/dist/locales/nl.json
CHANGED
|
@@ -110,20 +110,26 @@
|
|
|
110
110
|
"helpMessage": "om te controleren of je camera en microfoon goed werken."
|
|
111
111
|
},
|
|
112
112
|
"videoCallTemplate": {
|
|
113
|
-
"fullScreen": "Volledig scherm",
|
|
114
|
-
"miniPlayer": "Mini player",
|
|
115
|
-
"shareScreen": "Scherm delen",
|
|
116
|
-
"stopSharingScreen": "Stop scherm delen",
|
|
117
113
|
"signalStrength": {
|
|
118
114
|
"weak": "Zwak signaal",
|
|
119
115
|
"steady": "Matig signaal",
|
|
120
116
|
"strong": "Sterk signaal"
|
|
121
117
|
},
|
|
122
|
-
"
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
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
|
+
},
|
|
127
133
|
"statusTextMessage": {
|
|
128
134
|
"initializing": "Bezig met opstarten...",
|
|
129
135
|
"dialing": "Bellen...",
|
|
@@ -133,40 +139,42 @@
|
|
|
133
139
|
"videoCallDeclined": "Er kon op dit moment niet worden opgenomen.",
|
|
134
140
|
"videoCallHangedUp": "Er is opgehangen.",
|
|
135
141
|
"devicePermissionDenied": "Er kan geen gesprek worden gestart",
|
|
136
|
-
"callNotDelivered": "Beeldbelgesprek komt niet aan op de mobiele telefoon of tablet van de
|
|
137
|
-
"signalHold": "Beeldbel verbinding met
|
|
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",
|
|
138
144
|
"connectionIssues": "Connectie problemen"
|
|
139
145
|
},
|
|
140
146
|
"statusDetailMessage": {
|
|
141
|
-
"notAnsweredDetail": "
|
|
147
|
+
"notAnsweredDetail": "{participantRole} lijkt niet op te nemen.",
|
|
142
148
|
"noVideoHint": "Geen beeld? Doe de beeldbel kwaliteit test.",
|
|
143
|
-
"callNotDeliveredDetail": "De
|
|
149
|
+
"callNotDeliveredDetail": "De {participantRole} opnieuw laten inloggen in de BeterDichtbij app lost het probleem vaak op.",
|
|
144
150
|
"connectionIssuesMedium": "De verbinding is instabiel.",
|
|
145
151
|
"connectionIssuesStrong": "De verbinding lijkt verbroken. Controleer internetverbinding en probeer opnieuw.",
|
|
146
152
|
"signalHoldDetail": "Doe de beeldbel kwaliteit test."
|
|
147
153
|
},
|
|
148
|
-
"
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
"
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
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.",
|
|
157
165
|
"4": "App is afgesloten.",
|
|
158
|
-
"5": "
|
|
166
|
+
"5": "{participantRole} heeft gesprek beëindigd.",
|
|
159
167
|
"6": "BeterDichtbij gespreksscherm is afgesloten.",
|
|
160
|
-
"10": "
|
|
161
|
-
"12": "Netwerk issue of camera issue bij de
|
|
162
|
-
"20": "
|
|
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.",
|
|
163
171
|
"21": "Gesprek opgehangen.",
|
|
164
|
-
"22": "
|
|
165
|
-
"23": "
|
|
166
|
-
"24": "
|
|
167
|
-
"25": "
|
|
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.",
|
|
168
176
|
"26": "App is naar de achtergrond gegaan op telefoon/tablet.",
|
|
169
|
-
"33": "Verouderde versie van de app. Vraag de
|
|
177
|
+
"33": "Verouderde versie van de app. Vraag de {participantRole} om de BeterDichtbij app te updaten."
|
|
170
178
|
},
|
|
171
179
|
"unknown": "Onbekende melding"
|
|
172
180
|
}
|
|
@@ -120,12 +120,12 @@
|
|
|
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
129
|
|
|
130
130
|
&:last-of-type {
|
|
131
131
|
margin-bottom: 0;
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
&__status {
|
|
136
|
-
border-bottom: 2px solid $
|
|
136
|
+
border-bottom: 2px solid $gray;
|
|
137
137
|
padding-bottom: 20px;
|
|
138
138
|
|
|
139
139
|
&-text {
|
|
@@ -152,24 +152,24 @@
|
|
|
152
152
|
align-items: center;
|
|
153
153
|
padding: 20px 0;
|
|
154
154
|
gap: 12px;
|
|
155
|
-
border-bottom:
|
|
155
|
+
border-bottom: 1px solid $gray;
|
|
156
156
|
|
|
157
157
|
&.weak {
|
|
158
158
|
.indicator li:nth-child(1) {
|
|
159
|
-
background-color: $
|
|
159
|
+
background-color: $danger;
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
&.steady {
|
|
164
164
|
.indicator li:nth-child(1),
|
|
165
165
|
.indicator li:nth-child(2) {
|
|
166
|
-
background-color: $
|
|
166
|
+
background-color: $warning;
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
&.strong {
|
|
171
171
|
.indicator li {
|
|
172
|
-
background-color: $
|
|
172
|
+
background-color: $success;
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
175
|
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
li {
|
|
185
185
|
width: 6px;
|
|
186
186
|
border-radius: 1.6px;
|
|
187
|
-
background-color: $
|
|
187
|
+
background-color: $gray;
|
|
188
188
|
|
|
189
189
|
&:nth-child(1) {
|
|
190
190
|
height: 7px;
|
package/package.json
CHANGED