interview-widget 3.2.23 → 3.2.24-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/assets/index.d.ts +5 -1
- package/dist/assets/net-cross-icon.d.ts +1 -0
- package/dist/assets/wifi-icon.d.ts +1 -0
- package/dist/assets/wifi-low-icon.d.ts +1 -0
- package/dist/assets/wifi-off-icon.d.ts +1 -0
- package/dist/components/network/network-quality-bar.d.ts +6 -0
- package/dist/components/network/network-quality-config.d.ts +21 -0
- package/dist/components/network/network-warning-modal.d.ts +12 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-network-quality.d.ts +10 -0
- package/dist/{widget.3.2.23.css → widget.3.2.24-beta.0.css} +1 -1
- package/dist/{widget.es.3.2.23.js → widget.es.3.2.24-beta.0.js} +2414 -2112
- package/dist/widget.umd.3.2.24-beta.0.js +179 -0
- package/package.json +9 -9
- package/dist/widget.umd.3.2.23.js +0 -179
package/dist/assets/index.d.ts
CHANGED
|
@@ -17,11 +17,15 @@ export * from './mic-icon';
|
|
|
17
17
|
export * from './mic-off-icon';
|
|
18
18
|
export * from './monitor-icon';
|
|
19
19
|
export * from './mouse-pointer-click-icon';
|
|
20
|
+
export * from './net-cross-icon';
|
|
20
21
|
export * from './shield-icon';
|
|
21
22
|
export * from './speak-icon';
|
|
23
|
+
export * from './speech-icon';
|
|
22
24
|
export * from './target-icon';
|
|
23
25
|
export * from './users-icon';
|
|
24
26
|
export * from './video-icon';
|
|
25
27
|
export * from './video-off-icon';
|
|
26
28
|
export * from './volumn-icon';
|
|
27
|
-
export * from './
|
|
29
|
+
export * from './wifi-icon';
|
|
30
|
+
export * from './wifi-low-icon';
|
|
31
|
+
export * from './wifi-off-icon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const NetCrossIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WifiIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WifiLowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WifiOffIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { NetworkQualityLevel } from './network-quality-config';
|
|
2
|
+
interface NetworkQualityBarProps {
|
|
3
|
+
quality: NetworkQualityLevel;
|
|
4
|
+
}
|
|
5
|
+
export declare function NetworkQualityBar({ quality }: NetworkQualityBarProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type NetworkQualityLevel = "good" | "fair" | "poor" | "disconnected";
|
|
3
|
+
export interface NetworkQualityConfig {
|
|
4
|
+
/** Tailwind bar fill color class */
|
|
5
|
+
barColor: string;
|
|
6
|
+
/** Number of lit bars out of 3 */
|
|
7
|
+
activeBars: number;
|
|
8
|
+
/** Short label for tooltip */
|
|
9
|
+
label: string;
|
|
10
|
+
/** Whether to trigger the warning modal */
|
|
11
|
+
showModal: boolean;
|
|
12
|
+
/** Icon component for the warning modal */
|
|
13
|
+
modalIcon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
14
|
+
modalIconColor: string;
|
|
15
|
+
modalIconBg: string;
|
|
16
|
+
modalIconBorder: string;
|
|
17
|
+
modalTitle: string;
|
|
18
|
+
modalSubtitle: string;
|
|
19
|
+
modalDescription?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const networkQualityConfigs: Record<NetworkQualityLevel, NetworkQualityConfig>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NetworkQualityLevel } from './network-quality-config';
|
|
2
|
+
interface NetworkWarningModalProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
quality: NetworkQualityLevel;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Shown when network quality drops to "poor" or "disconnected".
|
|
9
|
+
* Styled identically to GazeWarningModal.
|
|
10
|
+
*/
|
|
11
|
+
export declare function NetworkWarningModal({ isOpen, quality, onClose, }: NetworkWarningModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export {};
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './use-dialog';
|
|
|
3
3
|
export * from './use-full-screen';
|
|
4
4
|
export * from './use-interview-api';
|
|
5
5
|
export * from './use-keyboard-prevention';
|
|
6
|
+
export * from './use-network-quality';
|
|
6
7
|
export * from './use-stt';
|
|
7
8
|
export * from './use-tab-switch';
|
|
8
9
|
export * from './use-text-selection-prevention';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type NetworkQualityLevel = "good" | "fair" | "poor" | "disconnected";
|
|
2
|
+
export interface NetworkQualityState {
|
|
3
|
+
quality: NetworkQualityLevel;
|
|
4
|
+
isOnline: boolean;
|
|
5
|
+
effectiveType?: string | undefined;
|
|
6
|
+
rtt?: number | undefined;
|
|
7
|
+
downlink?: number | undefined;
|
|
8
|
+
isInitialising: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function useNetworkQuality(): NetworkQualityState;
|