@myinterview/widget-react 1.1.24-development-9fb08e2 → 1.1.24-export-ref-actions-02

package/dist/cjs/interfaces/configInterface.d.ts

@@ -66,4 +66,8 @@ export interface IWidgetConfigRequest {
     candidate?: ICandidate;
     job?: IJob;
 }
+export interface IWidgetRef {
+    open: () => void;
+    close: () => void;
+}
 export {};

package/dist/esm/components/Widget.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-import { IClientWidgetConfig } from '../interfaces/configInterface';
-export declare const Widget: React.FC<IClientWidgetConfig>;
+import { IWidgetRef } from '../interfaces/configInterface';
+export declare const Widget: React.ForwardRefExoticComponent<Omit<import("../interfaces/configInterface").IWidgetConfig, "config" | "event_id" | "job"> & {
+    job: import("../interfaces/jobInterface").IClientJob;
+    config: import("../interfaces/configInterface").IClientConfig;
+} & React.RefAttributes<IWidgetRef>>;

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
 import { Widget } from './components/Widget';
-import { IWidgetConfig, IClientWidgetConfig } from './interfaces/configInterface';
+import { IWidgetConfig, IClientWidgetConfig, IWidgetRef } from './interfaces/configInterface';
 export { Widget };
-export type { IWidgetConfig, IClientWidgetConfig };
+export type { IWidgetConfig, IClientWidgetConfig, IWidgetRef };

package/dist/esm/index.js

@@ -30232,7 +30232,7 @@ const configGenerator = () => {
     let release;
     try {
         environment !== null && environment !== void 0 ? environment : (environment = "staging");
-        release !== null && release !== void 0 ? release : (release = "1.1.24");
+        release !== null && release !== void 0 ? release : (release = "1.1.24-export-ref-actions-02");
     }
     catch (_a) {
         console.error('sentry configGenerator error');
@@ -48529,7 +48529,7 @@ const useAccessibility = () => {
     return { setSitekey, shutdown };
 };
 
-const Widget = ({ candidate, job, video, config, disabled = false, buttonText = 'START INTERVIEW', buttonStyle = {}, children, styleUrls = [], fontsUrls = [], }) => {
+const Widget = forwardRef(({ candidate, job, video, config, disabled = false, buttonText = 'START INTERVIEW', buttonStyle = {}, children, styleUrls = [], fontsUrls = [], }, clientRef) => {
     const [isWidgetOpen, setIsWidgetOpen] = useState(false);
     const [isWidgetMinimized, setIsWidgetMinimized] = useState(false);
     const [isIncognitoMode, setIsIncognitoMode] = useState(false);
@@ -48539,6 +48539,8 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
     const [shouldShowWaterMark, setShouldShowWaterMark] = useState(false);
     const [isCustomStyleProvided, setIsCustomStyleProvided] = useState(false);
     const { setSitekey, shutdown } = useAccessibility();
+    if (!candidate || !config)
+        return null;
     useEffect(() => {
         if (isAndroid) {
             detectIncognito().then((res) => {
@@ -48625,6 +48627,10 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
         emitTrackEvent({ eventType: EVENT_TYPES.WIDGET_MINIMIZED });
         shutdown();
     };
+    useImperativeHandle(clientRef, () => ({
+        open: () => { var _a; return (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.click(); },
+        close: onMinimize,
+    }), []);
     const layoutClassNames = classNames({
         'myinterview-widget__layout': true,
         'myinterview-widget-no-select': true,
@@ -48657,7 +48663,7 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
                                     video: Object.assign(Object.assign({}, video), { referrer: (video === null || video === void 0 ? void 0 : video.referrer) || window.location.href }),
                                     candidate,
                                 }, setShouldShowWaterMark: setShouldShowWaterMark, isWidgetMinimized: isWidgetMinimized, onMinimize: onMinimize }))))))))));
-};
+});
 
 export { Widget };
 //# sourceMappingURL=index.js.map