aiware-js 1.37.0 → 1.38.0

package/js-core.esm.js

@@ -31182,6 +31182,10 @@ function takeEvery$1(patternOrChannel, worker) {
 var _a$1, _b$1;
 
 var PANELS_FEATURE_KEY = 'panels';
+
+var panelsSelector = function panelsSelector(state) {
+  return state[name];
+};
 /**
  * Panels Slice
  */
@@ -69352,9 +69356,9 @@ EventEmitter.prefixed=prefix;//
 EventEmitter.EventEmitter=EventEmitter;//
 // Expose the module.
 //
-{module.exports=EventEmitter;}});var isString_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isString(value){return typeof value==='string';}exports["default"]=isString;});unwrapExports$3(isString_1$1);var isObject_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isObject(value){return value!==null&&typeof value==='object';}exports["default"]=isObject;});unwrapExports$3(isObject_1$1);var protocol$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.GRAPHQL_SUBSCRIPTIONS=exports.GRAPHQL_WS=void 0;var GRAPHQL_WS='graphql-ws';exports.GRAPHQL_WS=GRAPHQL_WS;var GRAPHQL_SUBSCRIPTIONS='graphql-subscriptions';exports.GRAPHQL_SUBSCRIPTIONS=GRAPHQL_SUBSCRIPTIONS;});unwrapExports$3(protocol$1);var protocol_1$1=protocol$1.GRAPHQL_SUBSCRIPTIONS;var protocol_2$1=protocol$1.GRAPHQL_WS;var defaults$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.WS_TIMEOUT=exports.MIN_WS_TIMEOUT=void 0;var MIN_WS_TIMEOUT=1000;exports.MIN_WS_TIMEOUT=MIN_WS_TIMEOUT;var WS_TIMEOUT=30000;exports.WS_TIMEOUT=WS_TIMEOUT;});unwrapExports$3(defaults$1);var defaults_1$1=defaults$1.WS_TIMEOUT;var defaults_2$1=defaults$1.MIN_WS_TIMEOUT;var messageTypes$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var MessageTypes=function(){function MessageTypes(){throw new Error('Static Class');}MessageTypes.GQL_CONNECTION_INIT='connection_init';MessageTypes.GQL_CONNECTION_ACK='connection_ack';MessageTypes.GQL_CONNECTION_ERROR='connection_error';MessageTypes.GQL_CONNECTION_KEEP_ALIVE='ka';MessageTypes.GQL_CONNECTION_TERMINATE='connection_terminate';MessageTypes.GQL_START='start';MessageTypes.GQL_DATA='data';MessageTypes.GQL_ERROR='error';MessageTypes.GQL_COMPLETE='complete';MessageTypes.GQL_STOP='stop';MessageTypes.SUBSCRIPTION_START='subscription_start';MessageTypes.SUBSCRIPTION_DATA='subscription_data';MessageTypes.SUBSCRIPTION_SUCCESS='subscription_success';MessageTypes.SUBSCRIPTION_FAIL='subscription_fail';MessageTypes.SUBSCRIPTION_END='subscription_end';MessageTypes.INIT='init';MessageTypes.INIT_SUCCESS='init_success';MessageTypes.INIT_FAIL='init_fail';MessageTypes.KEEP_ALIVE='keepalive';return MessageTypes;}();exports["default"]=MessageTypes;});unwrapExports$3(messageTypes$1);var printer_1$1=getCjsExportFromNamespace$3(printer$1);var getOperationAST_1$1=getCjsExportFromNamespace$3(getOperationAST$1$1);var symbol_observable_1$1=getCjsExportFromNamespace$3(es$3);var client$1=createCommonjsModule$5(function(module,exports){var __assign=commonjsGlobal$2&&commonjsGlobal$2.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}}return t;};return __assign.apply(this,arguments);};var __awaiter=commonjsGlobal$2&&commonjsGlobal$2.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal$2&&commonjsGlobal$2.__generator||function(thisArg,body){var _={label:0,sent:function sent(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_){try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal$2&&commonjsGlobal$2.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++){s+=arguments[i].length;}for(var r=Array(s),k=0,i=0;i<il;i++){for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++){r[k]=a[j];}}return r;};Object.defineProperty(exports,"__esModule",{value:true});exports.SubscriptionClient=void 0;var _global=typeof commonjsGlobal$2!=='undefined'?commonjsGlobal$2:typeof window!=='undefined'?window:{};var NativeWebSocket=_global.WebSocket||_global.MozWebSocket;var SubscriptionClient=function(){function SubscriptionClient(url,options,webSocketImpl,webSocketProtocols){var _a=options||{},_b=_a.connectionCallback,connectionCallback=_b===void 0?undefined:_b,_c=_a.connectionParams,connectionParams=_c===void 0?{}:_c,_d=_a.minTimeout,minTimeout=_d===void 0?defaults$1.MIN_WS_TIMEOUT:_d,_e=_a.timeout,timeout=_e===void 0?defaults$1.WS_TIMEOUT:_e,_f=_a.reconnect,reconnect=_f===void 0?false:_f,_g=_a.reconnectionAttempts,reconnectionAttempts=_g===void 0?Infinity:_g,_h=_a.lazy,lazy=_h===void 0?false:_h,_j=_a.inactivityTimeout,inactivityTimeout=_j===void 0?0:_j,_k=_a.wsOptionArguments,wsOptionArguments=_k===void 0?[]:_k;this.wsImpl=webSocketImpl||NativeWebSocket;if(!this.wsImpl){throw new Error('Unable to find native implementation, or alternative implementation for WebSocket!');}this.wsProtocols=webSocketProtocols||protocol$1.GRAPHQL_WS;this.connectionCallback=connectionCallback;this.url=url;this.operations={};this.nextOperationId=0;this.minWsTimeout=minTimeout;this.wsTimeout=timeout;this.unsentMessagesQueue=[];this.reconnect=reconnect;this.reconnecting=false;this.reconnectionAttempts=reconnectionAttempts;this.lazy=!!lazy;this.inactivityTimeout=inactivityTimeout;this.closedByUser=false;this.backoff=new backo2$1({jitter:0.5});this.eventEmitter=new eventemitter3$1.EventEmitter();this.middlewares=[];this.client=null;this.maxConnectTimeGenerator=this.createMaxConnectTimeGenerator();this.connectionParams=this.getConnectionParams(connectionParams);this.wsOptionArguments=wsOptionArguments;if(!this.lazy){this.connect();}}Object.defineProperty(SubscriptionClient.prototype,"status",{get:function get(){if(this.client===null){return this.wsImpl.CLOSED;}return this.client.readyState;},enumerable:false,configurable:true});SubscriptionClient.prototype.close=function(isForced,closedByUser){if(isForced===void 0){isForced=true;}if(closedByUser===void 0){closedByUser=true;}this.clearInactivityTimeout();if(this.client!==null){this.closedByUser=closedByUser;if(isForced){this.clearCheckConnectionInterval();this.clearMaxConnectTimeout();this.clearTryReconnectTimeout();this.unsubscribeAll();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_TERMINATE,null);}this.client.close();this.client.onopen=null;this.client.onclose=null;this.client.onerror=null;this.client.onmessage=null;this.client=null;this.eventEmitter.emit('disconnected');if(!isForced){this.tryReconnect();}}};SubscriptionClient.prototype.request=function(request){var _a;var getObserver=this.getObserver.bind(this);var executeOperation=this.executeOperation.bind(this);var _unsubscribe=this.unsubscribe.bind(this);var opId;this.clearInactivityTimeout();return _a={},_a[symbol_observable_1$1["default"]]=function(){return this;},_a.subscribe=function(observerOrNext,onError,onComplete){var observer=getObserver(observerOrNext,onError,onComplete);opId=executeOperation(request,function(error,result){if(error===null&&result===null){if(observer.complete){observer.complete();}}else if(error){if(observer.error){observer.error(error[0]);}}else{if(observer.next){observer.next(result);}}});return {unsubscribe:function unsubscribe(){if(opId){_unsubscribe(opId);opId=null;}}};},_a;};SubscriptionClient.prototype.on=function(eventName,callback,context){var handler=this.eventEmitter.on(eventName,callback,context);return function(){handler.off(eventName,callback,context);};};SubscriptionClient.prototype.onConnected=function(callback,context){return this.on('connected',callback,context);};SubscriptionClient.prototype.onConnecting=function(callback,context){return this.on('connecting',callback,context);};SubscriptionClient.prototype.onDisconnected=function(callback,context){return this.on('disconnected',callback,context);};SubscriptionClient.prototype.onReconnected=function(callback,context){return this.on('reconnected',callback,context);};SubscriptionClient.prototype.onReconnecting=function(callback,context){return this.on('reconnecting',callback,context);};SubscriptionClient.prototype.onError=function(callback,context){return this.on('error',callback,context);};SubscriptionClient.prototype.unsubscribeAll=function(){var _this=this;Object.keys(this.operations).forEach(function(subId){_this.unsubscribe(subId);});};SubscriptionClient.prototype.applyMiddlewares=function(options){var _this=this;return new Promise(function(resolve,reject){var queue=function queue(funcs,scope){var next=function next(error){if(error){reject(error);}else{if(funcs.length>0){var f=funcs.shift();if(f){f.applyMiddleware.apply(scope,[options,next]);}}else{resolve(options);}}};next();};queue(__spreadArrays(_this.middlewares),_this);});};SubscriptionClient.prototype.use=function(middlewares){var _this=this;middlewares.filter(Boolean).map(function(middleware){if(typeof middleware.applyMiddleware==='function'){_this.middlewares.push(middleware);}else{throw new Error('Middleware must implement the applyMiddleware function.');}});return this;};SubscriptionClient.prototype.getConnectionParams=function(connectionParams){return function(){return new Promise(function(resolve,reject){if(typeof connectionParams==='function'){try{return resolve(connectionParams.call(null));}catch(error){return reject(error);}}resolve(connectionParams);});};};SubscriptionClient.prototype.executeOperation=function(options,handler){var _this=this;if(this.client===null){this.connect();}var opId=this.generateOperationId();this.operations[opId]={options:options,handler:handler};this.applyMiddlewares(options).then(function(processedOptions){_this.checkOperationOptions(processedOptions,handler);if(_this.operations[opId]){_this.operations[opId]={options:processedOptions,handler:handler};_this.sendMessage(opId,messageTypes$1["default"].GQL_START,processedOptions);}})["catch"](function(error){_this.unsubscribe(opId);handler(_this.formatErrors(error));});return opId;};SubscriptionClient.prototype.getObserver=function(observerOrNext,_error3,_complete2){if(typeof observerOrNext==='function'){return {next:function next(v){return observerOrNext(v);},error:function error(e){return _error3&&_error3(e);},complete:function complete(){return _complete2&&_complete2();}};}return observerOrNext;};SubscriptionClient.prototype.createMaxConnectTimeGenerator=function(){var minValue=this.minWsTimeout;var maxValue=this.wsTimeout;return new backo2$1({min:minValue,max:maxValue,factor:1.2});};SubscriptionClient.prototype.clearCheckConnectionInterval=function(){if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnectionIntervalId=null;}};SubscriptionClient.prototype.clearMaxConnectTimeout=function(){if(this.maxConnectTimeoutId){clearTimeout(this.maxConnectTimeoutId);this.maxConnectTimeoutId=null;}};SubscriptionClient.prototype.clearTryReconnectTimeout=function(){if(this.tryReconnectTimeoutId){clearTimeout(this.tryReconnectTimeoutId);this.tryReconnectTimeoutId=null;}};SubscriptionClient.prototype.clearInactivityTimeout=function(){if(this.inactivityTimeoutId){clearTimeout(this.inactivityTimeoutId);this.inactivityTimeoutId=null;}};SubscriptionClient.prototype.setInactivityTimeout=function(){var _this=this;if(this.inactivityTimeout>0&&Object.keys(this.operations).length===0){this.inactivityTimeoutId=setTimeout(function(){if(Object.keys(_this.operations).length===0){_this.close();}},this.inactivityTimeout);}};SubscriptionClient.prototype.checkOperationOptions=function(options,handler){var query=options.query,variables=options.variables,operationName=options.operationName;if(!query){throw new Error('Must provide a query.');}if(!handler){throw new Error('Must provide an handler.');}if(!isString_1$1["default"](query)&&!getOperationAST_1$1.getOperationAST(query,operationName)||operationName&&!isString_1$1["default"](operationName)||variables&&!isObject_1$1["default"](variables)){throw new Error('Incorrect option types. query must be a string or a document,'+'`operationName` must be a string, and `variables` must be an object.');}};SubscriptionClient.prototype.buildMessage=function(id,type,payload){var payloadToReturn=payload&&payload.query?__assign(__assign({},payload),{query:typeof payload.query==='string'?payload.query:printer_1$1.print(payload.query)}):payload;return {id:id,type:type,payload:payloadToReturn};};SubscriptionClient.prototype.formatErrors=function(errors){if(Array.isArray(errors)){return errors;}if(errors&&errors.errors){return this.formatErrors(errors.errors);}if(errors&&errors.message){return [errors];}return [{name:'FormatedError',message:'Unknown error',originalError:errors}];};SubscriptionClient.prototype.sendMessage=function(id,type,payload){this.sendMessageRaw(this.buildMessage(id,type,payload));};SubscriptionClient.prototype.sendMessageRaw=function(message){switch(this.status){case this.wsImpl.OPEN:var serializedMessage=JSON.stringify(message);try{JSON.parse(serializedMessage);}catch(e){this.eventEmitter.emit('error',new Error("Message must be JSON-serializable. Got: "+message));}this.client.send(serializedMessage);break;case this.wsImpl.CONNECTING:this.unsentMessagesQueue.push(message);break;default:if(!this.reconnecting){this.eventEmitter.emit('error',new Error('A message was not sent because socket is not connected, is closing or '+'is already closed. Message was: '+JSON.stringify(message)));}}};SubscriptionClient.prototype.generateOperationId=function(){return String(++this.nextOperationId);};SubscriptionClient.prototype.tryReconnect=function(){var _this=this;if(!this.reconnect||this.backoff.attempts>=this.reconnectionAttempts){return;}if(!this.reconnecting){Object.keys(this.operations).forEach(function(key){_this.unsentMessagesQueue.push(_this.buildMessage(key,messageTypes$1["default"].GQL_START,_this.operations[key].options));});this.reconnecting=true;}this.clearTryReconnectTimeout();var delay=this.backoff.duration();this.tryReconnectTimeoutId=setTimeout(function(){_this.connect();},delay);};SubscriptionClient.prototype.flushUnsentMessagesQueue=function(){var _this=this;this.unsentMessagesQueue.forEach(function(message){_this.sendMessageRaw(message);});this.unsentMessagesQueue=[];};SubscriptionClient.prototype.checkConnection=function(){if(this.wasKeepAliveReceived){this.wasKeepAliveReceived=false;return;}if(!this.reconnecting){this.close(false,true);}};SubscriptionClient.prototype.checkMaxConnectTimeout=function(){var _this=this;this.clearMaxConnectTimeout();this.maxConnectTimeoutId=setTimeout(function(){if(_this.status!==_this.wsImpl.OPEN){_this.reconnecting=true;_this.close(false,true);}},this.maxConnectTimeGenerator.duration());};SubscriptionClient.prototype.connect=function(){var _a;var _this=this;this.client=new((_a=this.wsImpl).bind.apply(_a,__spreadArrays([void 0,this.url,this.wsProtocols],this.wsOptionArguments)))();this.checkMaxConnectTimeout();this.client.onopen=function(){return __awaiter(_this,void 0,void 0,function(){var connectionParams,error_1;return __generator(this,function(_a){switch(_a.label){case 0:if(!(this.status===this.wsImpl.OPEN))return [3,4];this.clearMaxConnectTimeout();this.closedByUser=false;this.eventEmitter.emit(this.reconnecting?'reconnecting':'connecting');_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4,this.connectionParams()];case 2:connectionParams=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_INIT,connectionParams);this.flushUnsentMessagesQueue();return [3,4];case 3:error_1=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_ERROR,error_1);this.flushUnsentMessagesQueue();return [3,4];case 4:return [2];}});});};this.client.onclose=function(){if(!_this.closedByUser){_this.close(false,false);}};this.client.onerror=function(err){_this.eventEmitter.emit('error',err);};this.client.onmessage=function(_a){var data=_a.data;_this.processReceivedData(data);};};SubscriptionClient.prototype.processReceivedData=function(receivedData){var parsedMessage;var opId;try{parsedMessage=JSON.parse(receivedData);opId=parsedMessage.id;}catch(e){throw new Error("Message must be JSON-parseable. Got: "+receivedData);}if([messageTypes$1["default"].GQL_DATA,messageTypes$1["default"].GQL_COMPLETE,messageTypes$1["default"].GQL_ERROR].indexOf(parsedMessage.type)!==-1&&!this.operations[opId]){this.unsubscribe(opId);return;}switch(parsedMessage.type){case messageTypes$1["default"].GQL_CONNECTION_ERROR:if(this.connectionCallback){this.connectionCallback(parsedMessage.payload);}break;case messageTypes$1["default"].GQL_CONNECTION_ACK:this.eventEmitter.emit(this.reconnecting?'reconnected':'connected',parsedMessage.payload);this.reconnecting=false;this.backoff.reset();this.maxConnectTimeGenerator.reset();if(this.connectionCallback){this.connectionCallback();}break;case messageTypes$1["default"].GQL_COMPLETE:var handler=this.operations[opId].handler;delete this.operations[opId];handler.call(this,null,null);break;case messageTypes$1["default"].GQL_ERROR:this.operations[opId].handler(this.formatErrors(parsedMessage.payload),null);delete this.operations[opId];break;case messageTypes$1["default"].GQL_DATA:var parsedPayload=!parsedMessage.payload.errors?parsedMessage.payload:__assign(__assign({},parsedMessage.payload),{errors:this.formatErrors(parsedMessage.payload.errors)});this.operations[opId].handler(null,parsedPayload);break;case messageTypes$1["default"].GQL_CONNECTION_KEEP_ALIVE:var firstKA=typeof this.wasKeepAliveReceived==='undefined';this.wasKeepAliveReceived=true;if(firstKA){this.checkConnection();}if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnection();}this.checkConnectionIntervalId=setInterval(this.checkConnection.bind(this),this.wsTimeout);break;default:throw new Error('Invalid message type!');}};SubscriptionClient.prototype.unsubscribe=function(opId){if(this.operations[opId]){delete this.operations[opId];this.setInactivityTimeout();this.sendMessage(opId,messageTypes$1["default"].GQL_STOP,undefined);}};return SubscriptionClient;}();exports.SubscriptionClient=SubscriptionClient;});unwrapExports$3(client$1);var client_1$1=client$1.SubscriptionClient;var WebSocketLink$1=function(_super){__extends$1$2(WebSocketLink,_super);function WebSocketLink(paramsOrClient){var _this=_super.call(this)||this;if(paramsOrClient instanceof client_1$1){_this.subscriptionClient=paramsOrClient;}else{_this.subscriptionClient=new client_1$1(paramsOrClient.uri,paramsOrClient.options,paramsOrClient.webSocketImpl);}return _this;}WebSocketLink.prototype.request=function(operation){return this.subscriptionClient.request(operation);};return WebSocketLink;}(ApolloLink$1);var createApolloClient$1=function createApolloClient(link){return new ApolloClient$1({link:link,cache:new InMemoryCache$1()});};var createApolloWs$1=function createApolloWs(baseGraphqlUrl,authToken,mailboxId){var link=new WebSocketLink$1({uri:baseGraphqlUrl,options:{reconnect:true,connectionParams:{authorization:"Bearer "+authToken,mailboxId:mailboxId}}});return link;};var notificationCommands={setIsIdle:'set_is_idle',setCallLogout:'set_call_logout',setClickedLogout:'set_clicked_logout',setCallResetIdleTimer:'set_call_reset_idle_timer',goToLoginPage:'go_to_login_page'};var postNotificationApi=function postNotificationApi(graphEndpoint,userId,command,ephemeral,contentType,eventType,token){if(command===void 0){command={};}if(ephemeral===void 0){ephemeral=false;}if(contentType===void 0){contentType='text';}return __awaiter$2(void 0,void 0,void 0,function(){var query,variables,error_1;return __generator$2(this,function(_a){switch(_a.label){case 0:query="\n  mutation ($body: String!, $userId: ID!, $ephemeral: Boolean!, $contentType: String!, $eventType: String){\n    notificationPost(\n      input: {\n        mailboxIds: [$userId],\n        title:\"System Notification\",\n        body: $body\n        contentType: $contentType\n        flags: [unread, unseen]\n        ephemeral: $ephemeral\n        eventType: $eventType\n      }\n      ) {\n        id\n        body\n        contentType\n        createdDateTime\n      }\n    }";variables={body:JSON.stringify(command),userId:userId,ephemeral:ephemeral,contentType:contentType,eventType:eventType};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,baseGraphQLApi$1({query:query,variables:variables,graphEndpoint:graphEndpoint,token:token})];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();return [2/*return*/,{success:false}];case 4:return [2/*return*/];}});});};var aiwareEvent='AIWARE_JS_SYSTEM_EVENT';function goToPage(page){window.location.href=page;}var subscriptionTask$1;function websocketInitChannel$1(){var user,userId,sessionToken,graphEndpointWS,loginUrl;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,select$2(authSelector)];case 1:user=_a.sent();userId=user===null||user===void 0?void 0:user.userId;return [4/*yield*/,select$2(sessionTokenSelector$1)];case 2:sessionToken=_a.sent();return [4/*yield*/,select$2(configSelector$1)];case 3:graphEndpointWS=_a.sent().graphEndpointWS;return [4/*yield*/,select$2(loginUrlSelector)];case 4:loginUrl=_a.sent();// open saga channel to get the notification from socket
+{module.exports=EventEmitter;}});var isString_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isString(value){return typeof value==='string';}exports["default"]=isString;});unwrapExports$3(isString_1$1);var isObject_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isObject(value){return value!==null&&typeof value==='object';}exports["default"]=isObject;});unwrapExports$3(isObject_1$1);var protocol$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.GRAPHQL_SUBSCRIPTIONS=exports.GRAPHQL_WS=void 0;var GRAPHQL_WS='graphql-ws';exports.GRAPHQL_WS=GRAPHQL_WS;var GRAPHQL_SUBSCRIPTIONS='graphql-subscriptions';exports.GRAPHQL_SUBSCRIPTIONS=GRAPHQL_SUBSCRIPTIONS;});unwrapExports$3(protocol$1);var protocol_1$1=protocol$1.GRAPHQL_SUBSCRIPTIONS;var protocol_2$1=protocol$1.GRAPHQL_WS;var defaults$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.WS_TIMEOUT=exports.MIN_WS_TIMEOUT=void 0;var MIN_WS_TIMEOUT=1000;exports.MIN_WS_TIMEOUT=MIN_WS_TIMEOUT;var WS_TIMEOUT=30000;exports.WS_TIMEOUT=WS_TIMEOUT;});unwrapExports$3(defaults$1);var defaults_1$1=defaults$1.WS_TIMEOUT;var defaults_2$1=defaults$1.MIN_WS_TIMEOUT;var messageTypes$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var MessageTypes=function(){function MessageTypes(){throw new Error('Static Class');}MessageTypes.GQL_CONNECTION_INIT='connection_init';MessageTypes.GQL_CONNECTION_ACK='connection_ack';MessageTypes.GQL_CONNECTION_ERROR='connection_error';MessageTypes.GQL_CONNECTION_KEEP_ALIVE='ka';MessageTypes.GQL_CONNECTION_TERMINATE='connection_terminate';MessageTypes.GQL_START='start';MessageTypes.GQL_DATA='data';MessageTypes.GQL_ERROR='error';MessageTypes.GQL_COMPLETE='complete';MessageTypes.GQL_STOP='stop';MessageTypes.SUBSCRIPTION_START='subscription_start';MessageTypes.SUBSCRIPTION_DATA='subscription_data';MessageTypes.SUBSCRIPTION_SUCCESS='subscription_success';MessageTypes.SUBSCRIPTION_FAIL='subscription_fail';MessageTypes.SUBSCRIPTION_END='subscription_end';MessageTypes.INIT='init';MessageTypes.INIT_SUCCESS='init_success';MessageTypes.INIT_FAIL='init_fail';MessageTypes.KEEP_ALIVE='keepalive';return MessageTypes;}();exports["default"]=MessageTypes;});unwrapExports$3(messageTypes$1);var printer_1$1=getCjsExportFromNamespace$3(printer$1);var getOperationAST_1$1=getCjsExportFromNamespace$3(getOperationAST$1$1);var symbol_observable_1$1=getCjsExportFromNamespace$3(es$3);var client$1=createCommonjsModule$5(function(module,exports){var __assign=commonjsGlobal$2&&commonjsGlobal$2.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}}return t;};return __assign.apply(this,arguments);};var __awaiter=commonjsGlobal$2&&commonjsGlobal$2.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal$2&&commonjsGlobal$2.__generator||function(thisArg,body){var _={label:0,sent:function sent(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_){try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal$2&&commonjsGlobal$2.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++){s+=arguments[i].length;}for(var r=Array(s),k=0,i=0;i<il;i++){for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++){r[k]=a[j];}}return r;};Object.defineProperty(exports,"__esModule",{value:true});exports.SubscriptionClient=void 0;var _global=typeof commonjsGlobal$2!=='undefined'?commonjsGlobal$2:typeof window!=='undefined'?window:{};var NativeWebSocket=_global.WebSocket||_global.MozWebSocket;var SubscriptionClient=function(){function SubscriptionClient(url,options,webSocketImpl,webSocketProtocols){var _a=options||{},_b=_a.connectionCallback,connectionCallback=_b===void 0?undefined:_b,_c=_a.connectionParams,connectionParams=_c===void 0?{}:_c,_d=_a.minTimeout,minTimeout=_d===void 0?defaults$1.MIN_WS_TIMEOUT:_d,_e=_a.timeout,timeout=_e===void 0?defaults$1.WS_TIMEOUT:_e,_f=_a.reconnect,reconnect=_f===void 0?false:_f,_g=_a.reconnectionAttempts,reconnectionAttempts=_g===void 0?Infinity:_g,_h=_a.lazy,lazy=_h===void 0?false:_h,_j=_a.inactivityTimeout,inactivityTimeout=_j===void 0?0:_j,_k=_a.wsOptionArguments,wsOptionArguments=_k===void 0?[]:_k;this.wsImpl=webSocketImpl||NativeWebSocket;if(!this.wsImpl){throw new Error('Unable to find native implementation, or alternative implementation for WebSocket!');}this.wsProtocols=webSocketProtocols||protocol$1.GRAPHQL_WS;this.connectionCallback=connectionCallback;this.url=url;this.operations={};this.nextOperationId=0;this.minWsTimeout=minTimeout;this.wsTimeout=timeout;this.unsentMessagesQueue=[];this.reconnect=reconnect;this.reconnecting=false;this.reconnectionAttempts=reconnectionAttempts;this.lazy=!!lazy;this.inactivityTimeout=inactivityTimeout;this.closedByUser=false;this.backoff=new backo2$1({jitter:0.5});this.eventEmitter=new eventemitter3$1.EventEmitter();this.middlewares=[];this.client=null;this.maxConnectTimeGenerator=this.createMaxConnectTimeGenerator();this.connectionParams=this.getConnectionParams(connectionParams);this.wsOptionArguments=wsOptionArguments;if(!this.lazy){this.connect();}}Object.defineProperty(SubscriptionClient.prototype,"status",{get:function get(){if(this.client===null){return this.wsImpl.CLOSED;}return this.client.readyState;},enumerable:false,configurable:true});SubscriptionClient.prototype.close=function(isForced,closedByUser){if(isForced===void 0){isForced=true;}if(closedByUser===void 0){closedByUser=true;}this.clearInactivityTimeout();if(this.client!==null){this.closedByUser=closedByUser;if(isForced){this.clearCheckConnectionInterval();this.clearMaxConnectTimeout();this.clearTryReconnectTimeout();this.unsubscribeAll();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_TERMINATE,null);}this.client.close();this.client.onopen=null;this.client.onclose=null;this.client.onerror=null;this.client.onmessage=null;this.client=null;this.eventEmitter.emit('disconnected');if(!isForced){this.tryReconnect();}}};SubscriptionClient.prototype.request=function(request){var _a;var getObserver=this.getObserver.bind(this);var executeOperation=this.executeOperation.bind(this);var _unsubscribe=this.unsubscribe.bind(this);var opId;this.clearInactivityTimeout();return _a={},_a[symbol_observable_1$1["default"]]=function(){return this;},_a.subscribe=function(observerOrNext,onError,onComplete){var observer=getObserver(observerOrNext,onError,onComplete);opId=executeOperation(request,function(error,result){if(error===null&&result===null){if(observer.complete){observer.complete();}}else if(error){if(observer.error){observer.error(error[0]);}}else{if(observer.next){observer.next(result);}}});return {unsubscribe:function unsubscribe(){if(opId){_unsubscribe(opId);opId=null;}}};},_a;};SubscriptionClient.prototype.on=function(eventName,callback,context){var handler=this.eventEmitter.on(eventName,callback,context);return function(){handler.off(eventName,callback,context);};};SubscriptionClient.prototype.onConnected=function(callback,context){return this.on('connected',callback,context);};SubscriptionClient.prototype.onConnecting=function(callback,context){return this.on('connecting',callback,context);};SubscriptionClient.prototype.onDisconnected=function(callback,context){return this.on('disconnected',callback,context);};SubscriptionClient.prototype.onReconnected=function(callback,context){return this.on('reconnected',callback,context);};SubscriptionClient.prototype.onReconnecting=function(callback,context){return this.on('reconnecting',callback,context);};SubscriptionClient.prototype.onError=function(callback,context){return this.on('error',callback,context);};SubscriptionClient.prototype.unsubscribeAll=function(){var _this=this;Object.keys(this.operations).forEach(function(subId){_this.unsubscribe(subId);});};SubscriptionClient.prototype.applyMiddlewares=function(options){var _this=this;return new Promise(function(resolve,reject){var queue=function queue(funcs,scope){var next=function next(error){if(error){reject(error);}else{if(funcs.length>0){var f=funcs.shift();if(f){f.applyMiddleware.apply(scope,[options,next]);}}else{resolve(options);}}};next();};queue(__spreadArrays(_this.middlewares),_this);});};SubscriptionClient.prototype.use=function(middlewares){var _this=this;middlewares.filter(Boolean).map(function(middleware){if(typeof middleware.applyMiddleware==='function'){_this.middlewares.push(middleware);}else{throw new Error('Middleware must implement the applyMiddleware function.');}});return this;};SubscriptionClient.prototype.getConnectionParams=function(connectionParams){return function(){return new Promise(function(resolve,reject){if(typeof connectionParams==='function'){try{return resolve(connectionParams.call(null));}catch(error){return reject(error);}}resolve(connectionParams);});};};SubscriptionClient.prototype.executeOperation=function(options,handler){var _this=this;if(this.client===null){this.connect();}var opId=this.generateOperationId();this.operations[opId]={options:options,handler:handler};this.applyMiddlewares(options).then(function(processedOptions){_this.checkOperationOptions(processedOptions,handler);if(_this.operations[opId]){_this.operations[opId]={options:processedOptions,handler:handler};_this.sendMessage(opId,messageTypes$1["default"].GQL_START,processedOptions);}})["catch"](function(error){_this.unsubscribe(opId);handler(_this.formatErrors(error));});return opId;};SubscriptionClient.prototype.getObserver=function(observerOrNext,_error3,_complete2){if(typeof observerOrNext==='function'){return {next:function next(v){return observerOrNext(v);},error:function error(e){return _error3&&_error3(e);},complete:function complete(){return _complete2&&_complete2();}};}return observerOrNext;};SubscriptionClient.prototype.createMaxConnectTimeGenerator=function(){var minValue=this.minWsTimeout;var maxValue=this.wsTimeout;return new backo2$1({min:minValue,max:maxValue,factor:1.2});};SubscriptionClient.prototype.clearCheckConnectionInterval=function(){if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnectionIntervalId=null;}};SubscriptionClient.prototype.clearMaxConnectTimeout=function(){if(this.maxConnectTimeoutId){clearTimeout(this.maxConnectTimeoutId);this.maxConnectTimeoutId=null;}};SubscriptionClient.prototype.clearTryReconnectTimeout=function(){if(this.tryReconnectTimeoutId){clearTimeout(this.tryReconnectTimeoutId);this.tryReconnectTimeoutId=null;}};SubscriptionClient.prototype.clearInactivityTimeout=function(){if(this.inactivityTimeoutId){clearTimeout(this.inactivityTimeoutId);this.inactivityTimeoutId=null;}};SubscriptionClient.prototype.setInactivityTimeout=function(){var _this=this;if(this.inactivityTimeout>0&&Object.keys(this.operations).length===0){this.inactivityTimeoutId=setTimeout(function(){if(Object.keys(_this.operations).length===0){_this.close();}},this.inactivityTimeout);}};SubscriptionClient.prototype.checkOperationOptions=function(options,handler){var query=options.query,variables=options.variables,operationName=options.operationName;if(!query){throw new Error('Must provide a query.');}if(!handler){throw new Error('Must provide an handler.');}if(!isString_1$1["default"](query)&&!getOperationAST_1$1.getOperationAST(query,operationName)||operationName&&!isString_1$1["default"](operationName)||variables&&!isObject_1$1["default"](variables)){throw new Error('Incorrect option types. query must be a string or a document,'+'`operationName` must be a string, and `variables` must be an object.');}};SubscriptionClient.prototype.buildMessage=function(id,type,payload){var payloadToReturn=payload&&payload.query?__assign(__assign({},payload),{query:typeof payload.query==='string'?payload.query:printer_1$1.print(payload.query)}):payload;return {id:id,type:type,payload:payloadToReturn};};SubscriptionClient.prototype.formatErrors=function(errors){if(Array.isArray(errors)){return errors;}if(errors&&errors.errors){return this.formatErrors(errors.errors);}if(errors&&errors.message){return [errors];}return [{name:'FormatedError',message:'Unknown error',originalError:errors}];};SubscriptionClient.prototype.sendMessage=function(id,type,payload){this.sendMessageRaw(this.buildMessage(id,type,payload));};SubscriptionClient.prototype.sendMessageRaw=function(message){switch(this.status){case this.wsImpl.OPEN:var serializedMessage=JSON.stringify(message);try{JSON.parse(serializedMessage);}catch(e){this.eventEmitter.emit('error',new Error("Message must be JSON-serializable. Got: "+message));}this.client.send(serializedMessage);break;case this.wsImpl.CONNECTING:this.unsentMessagesQueue.push(message);break;default:if(!this.reconnecting){this.eventEmitter.emit('error',new Error('A message was not sent because socket is not connected, is closing or '+'is already closed. Message was: '+JSON.stringify(message)));}}};SubscriptionClient.prototype.generateOperationId=function(){return String(++this.nextOperationId);};SubscriptionClient.prototype.tryReconnect=function(){var _this=this;if(!this.reconnect||this.backoff.attempts>=this.reconnectionAttempts){return;}if(!this.reconnecting){Object.keys(this.operations).forEach(function(key){_this.unsentMessagesQueue.push(_this.buildMessage(key,messageTypes$1["default"].GQL_START,_this.operations[key].options));});this.reconnecting=true;}this.clearTryReconnectTimeout();var delay=this.backoff.duration();this.tryReconnectTimeoutId=setTimeout(function(){_this.connect();},delay);};SubscriptionClient.prototype.flushUnsentMessagesQueue=function(){var _this=this;this.unsentMessagesQueue.forEach(function(message){_this.sendMessageRaw(message);});this.unsentMessagesQueue=[];};SubscriptionClient.prototype.checkConnection=function(){if(this.wasKeepAliveReceived){this.wasKeepAliveReceived=false;return;}if(!this.reconnecting){this.close(false,true);}};SubscriptionClient.prototype.checkMaxConnectTimeout=function(){var _this=this;this.clearMaxConnectTimeout();this.maxConnectTimeoutId=setTimeout(function(){if(_this.status!==_this.wsImpl.OPEN){_this.reconnecting=true;_this.close(false,true);}},this.maxConnectTimeGenerator.duration());};SubscriptionClient.prototype.connect=function(){var _a;var _this=this;this.client=new((_a=this.wsImpl).bind.apply(_a,__spreadArrays([void 0,this.url,this.wsProtocols],this.wsOptionArguments)))();this.checkMaxConnectTimeout();this.client.onopen=function(){return __awaiter(_this,void 0,void 0,function(){var connectionParams,error_1;return __generator(this,function(_a){switch(_a.label){case 0:if(!(this.status===this.wsImpl.OPEN))return [3,4];this.clearMaxConnectTimeout();this.closedByUser=false;this.eventEmitter.emit(this.reconnecting?'reconnecting':'connecting');_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4,this.connectionParams()];case 2:connectionParams=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_INIT,connectionParams);this.flushUnsentMessagesQueue();return [3,4];case 3:error_1=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_ERROR,error_1);this.flushUnsentMessagesQueue();return [3,4];case 4:return [2];}});});};this.client.onclose=function(){if(!_this.closedByUser){_this.close(false,false);}};this.client.onerror=function(err){_this.eventEmitter.emit('error',err);};this.client.onmessage=function(_a){var data=_a.data;_this.processReceivedData(data);};};SubscriptionClient.prototype.processReceivedData=function(receivedData){var parsedMessage;var opId;try{parsedMessage=JSON.parse(receivedData);opId=parsedMessage.id;}catch(e){throw new Error("Message must be JSON-parseable. Got: "+receivedData);}if([messageTypes$1["default"].GQL_DATA,messageTypes$1["default"].GQL_COMPLETE,messageTypes$1["default"].GQL_ERROR].indexOf(parsedMessage.type)!==-1&&!this.operations[opId]){this.unsubscribe(opId);return;}switch(parsedMessage.type){case messageTypes$1["default"].GQL_CONNECTION_ERROR:if(this.connectionCallback){this.connectionCallback(parsedMessage.payload);}break;case messageTypes$1["default"].GQL_CONNECTION_ACK:this.eventEmitter.emit(this.reconnecting?'reconnected':'connected',parsedMessage.payload);this.reconnecting=false;this.backoff.reset();this.maxConnectTimeGenerator.reset();if(this.connectionCallback){this.connectionCallback();}break;case messageTypes$1["default"].GQL_COMPLETE:var handler=this.operations[opId].handler;delete this.operations[opId];handler.call(this,null,null);break;case messageTypes$1["default"].GQL_ERROR:this.operations[opId].handler(this.formatErrors(parsedMessage.payload),null);delete this.operations[opId];break;case messageTypes$1["default"].GQL_DATA:var parsedPayload=!parsedMessage.payload.errors?parsedMessage.payload:__assign(__assign({},parsedMessage.payload),{errors:this.formatErrors(parsedMessage.payload.errors)});this.operations[opId].handler(null,parsedPayload);break;case messageTypes$1["default"].GQL_CONNECTION_KEEP_ALIVE:var firstKA=typeof this.wasKeepAliveReceived==='undefined';this.wasKeepAliveReceived=true;if(firstKA){this.checkConnection();}if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnection();}this.checkConnectionIntervalId=setInterval(this.checkConnection.bind(this),this.wsTimeout);break;default:throw new Error('Invalid message type!');}};SubscriptionClient.prototype.unsubscribe=function(opId){if(this.operations[opId]){delete this.operations[opId];this.setInactivityTimeout();this.sendMessage(opId,messageTypes$1["default"].GQL_STOP,undefined);}};return SubscriptionClient;}();exports.SubscriptionClient=SubscriptionClient;});unwrapExports$3(client$1);var client_1$1=client$1.SubscriptionClient;var WebSocketLink$1=function(_super){__extends$1$2(WebSocketLink,_super);function WebSocketLink(paramsOrClient){var _this=_super.call(this)||this;if(paramsOrClient instanceof client_1$1){_this.subscriptionClient=paramsOrClient;}else{_this.subscriptionClient=new client_1$1(paramsOrClient.uri,paramsOrClient.options,paramsOrClient.webSocketImpl);}return _this;}WebSocketLink.prototype.request=function(operation){return this.subscriptionClient.request(operation);};return WebSocketLink;}(ApolloLink$1);var createApolloClient$1=function createApolloClient(link){return new ApolloClient$1({link:link,cache:new InMemoryCache$1()});};var createApolloWs$1=function createApolloWs(baseGraphqlUrl,authToken,mailboxId){var link=new WebSocketLink$1({uri:baseGraphqlUrl,options:{reconnect:true,connectionParams:{authorization:"Bearer "+authToken,mailboxId:mailboxId}}});return link;};var notificationCommands={setIsIdle:'set_is_idle',setCallLogout:'set_call_logout',setClickedLogout:'set_clicked_logout',setCallResetIdleTimer:'set_call_reset_idle_timer',goToLoginPage:'go_to_login_page'};var postNotificationApi=function postNotificationApi(graphEndpoint,userId,command,ephemeral,contentType,eventType,token){if(command===void 0){command={};}if(ephemeral===void 0){ephemeral=false;}if(contentType===void 0){contentType='text';}return __awaiter$2(void 0,void 0,void 0,function(){var query,variables,error_1;return __generator$2(this,function(_a){switch(_a.label){case 0:query="\n  mutation ($body: String!, $userId: ID!, $ephemeral: Boolean!, $contentType: String!, $eventType: String){\n    notificationPost(\n      input: {\n        mailboxIds: [$userId],\n        title:\"System Notification\",\n        body: $body\n        contentType: $contentType\n        flags: [unread, unseen]\n        ephemeral: $ephemeral\n        eventType: $eventType\n      }\n      ) {\n        id\n        body\n        contentType\n        createdDateTime\n      }\n    }";variables={body:JSON.stringify(command),userId:userId,ephemeral:ephemeral,contentType:contentType,eventType:eventType};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,baseGraphQLApi$1({query:query,variables:variables,graphEndpoint:graphEndpoint,token:token})];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();return [2/*return*/,{success:false}];case 4:return [2/*return*/];}});});};var aiwareEvent='AIWARE_JS_SYSTEM_EVENT';function goToPage(page){window.location.href=page;}var subscriptionTask$1;function websocketInitChannel$1(){var user,userId,sessionToken,graphEndpointWS,loginUrl,logoutRedirectUrl;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,select$2(authSelector)];case 1:user=_a.sent();userId=user===null||user===void 0?void 0:user.userId;return [4/*yield*/,select$2(sessionTokenSelector$1)];case 2:sessionToken=_a.sent();return [4/*yield*/,select$2(configSelector$1)];case 3:graphEndpointWS=_a.sent().graphEndpointWS;return [4/*yield*/,select$2(loginUrlSelector)];case 4:loginUrl=_a.sent();return [4/*yield*/,select$2(logoutRedirectUrlSelector)];case 5:logoutRedirectUrl=_a.sent();// open saga channel to get the notification from socket
 return [2/*return*/,eventChannel$2(function(emitter){// init the connection here
-var clients=[];var subscriptions=[];var query=gql$2(templateObject_1$1||(templateObject_1$1=__makeTemplateObject$1(["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"],["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"])),userId);var link=createApolloWs$1(graphEndpointWS,sessionToken,userId);var client=createApolloClient$1(link);var subscription=client.subscribe({query:query}).subscribe({next:function next(data){var _a,_b,_c,_d;var eventMessage=((_b=(_a=data===null||data===void 0?void 0:data.data)===null||_a===void 0?void 0:_a.notificationPosted)===null||_b===void 0?void 0:_b.body)||'{}';if(((_d=(_c=data===null||data===void 0?void 0:data.data)===null||_c===void 0?void 0:_c.notificationPosted)===null||_d===void 0?void 0:_d.contentType)==='json'){try{var parsedMessage=JSON.parse(eventMessage);if((parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.eventType)&&parsedMessage.eventType===aiwareEvent){var command=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.command;var messageValue=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.value;switch(command){case notificationCommands.setIsIdle:emitter(setIsIdle$1(messageValue));break;case notificationCommands.setCallLogout:emitter(setCallLogout$1(messageValue));break;case notificationCommands.setClickedLogout:emitter(setClickedLogout$1(messageValue));break;case notificationCommands.setCallResetIdleTimer:emitter(setCallResetIdleTimer$1(messageValue));break;case notificationCommands.goToLoginPage:if(!window['__logout_requested']&&messageValue===window.navigator.userAgent){goToPage(loginUrl);}break;}}}catch(error){console.log('Expecting JSON',{error:error},{eventMessage:eventMessage});}}}});clients.push(client);subscriptions.push(subscription);// unsubscribe function
+var clients=[];var subscriptions=[];var query=gql$2(templateObject_1$1||(templateObject_1$1=__makeTemplateObject$1(["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"],["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"])),userId);var link=createApolloWs$1(graphEndpointWS,sessionToken,userId);var client=createApolloClient$1(link);var subscription=client.subscribe({query:query}).subscribe({next:function next(data){var _a,_b,_c,_d;var eventMessage=((_b=(_a=data===null||data===void 0?void 0:data.data)===null||_a===void 0?void 0:_a.notificationPosted)===null||_b===void 0?void 0:_b.body)||'{}';if(((_d=(_c=data===null||data===void 0?void 0:data.data)===null||_c===void 0?void 0:_c.notificationPosted)===null||_d===void 0?void 0:_d.contentType)==='json'){try{var parsedMessage=JSON.parse(eventMessage);if((parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.eventType)&&parsedMessage.eventType===aiwareEvent){var command=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.command;var messageValue=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.value;switch(command){case notificationCommands.setIsIdle:emitter(setIsIdle$1(messageValue));break;case notificationCommands.setCallLogout:emitter(setCallLogout$1(messageValue));break;case notificationCommands.setClickedLogout:emitter(setClickedLogout$1(messageValue));break;case notificationCommands.setCallResetIdleTimer:emitter(setCallResetIdleTimer$1(messageValue));break;case notificationCommands.goToLoginPage:if(!window['__logout_requested']&&messageValue===window.navigator.userAgent){goToPage(logoutRedirectUrl||loginUrl);}break;}}}catch(error){console.log('Expecting JSON',{error:error},{eventMessage:eventMessage});}}}});clients.push(client);subscriptions.push(subscription);// unsubscribe function
 return function(){subscriptions.forEach(function(subscription){return subscription.unsubscribe();});clients.forEach(function(client){return client.stop();});// do whatever to interrupt the socket communication here
 };})];}});}function websocketSagas$1(){return __generator$2(this,function(_a){switch(_a.label){case 0:if(!subscriptionTask$1)return [3/*break*/,2];return [4/*yield*/,cancel$2(subscriptionTask$1)];case 1:_a.sent();_a.label=2;case 2:return [4/*yield*/,fork$2(function(){var channel,action;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,call$1(websocketInitChannel$1)];case 1:channel=_a.sent();_a.label=2;case 2:return [4/*yield*/,take$2(channel)];case 3:action=_a.sent();return [4/*yield*/,put$2(action)];case 4:_a.sent();return [3/*break*/,2];case 5:return [2/*return*/];}});})];case 3:subscriptionTask$1=_a.sent();return [2/*return*/];}});}function postNotification(action){var graphEndpoint,user,token,userId,_a,ephemeral,contentType,eventType,payload;return __generator$2(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,select$2(graphEndpointSelector$1)];case 1:graphEndpoint=_b.sent();return [4/*yield*/,select$2(authSelector)];case 2:user=_b.sent();return [4/*yield*/,select$2(sessionTokenSelector$1)];case 3:token=_b.sent();userId=user===null||user===void 0?void 0:user.userId;_a=(action===null||action===void 0?void 0:action.payload)||{},ephemeral=_a.ephemeral,contentType=_a.contentType,eventType=_a.eventType,payload=__rest$3(_a,["ephemeral","contentType","eventType"]);postNotificationApi(graphEndpoint,userId,payload,ephemeral,contentType,eventType,token);return [2/*return*/];}});}function eventsSaga(){return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,all$2([takeLatest$1$1(subscribeToEventsWebsocket$1.type,websocketSagas$1),takeLatest$1$1(postNotificationCommand$1.type,postNotification)])];case 1:_a.sent();return [2/*return*/];}});}var templateObject_1$1;var isIdleSelector=function isIdleSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.isIdle;};var callLogoutSelector=function callLogoutSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.callLogout;};var clickedLogoutSelector=function clickedLogoutSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.clickedLogout;};var callResetIdleTimerSelector=function callResetIdleTimerSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.callResetIdleTimer;};var resetIdleTimerCallCounterSelector=function resetIdleTimerCallCounterSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.resetIdleTimerCallCounter;};function getEventsModule(){var _a;return {id:namespace$2$1,reducerMap:(_a={},_a[namespace$2$1]=eventsReducer,_a),sagas:[eventsSaga]};}var _a$7$1;var namespace$3$1='snackbar';var initialState$3$1={message:{},duration:3000};var snackbarSlice$1=createSlice$2({name:namespace$3$1,initialState:initialState$3$1,reducers:{showMessage:function showMessage(state,action){state.message=_assign$3({key:new Date().getTime()},action.payload);},clearMessage:function clearMessage(state){return initialState$3$1;}}});// Actions
 var showMessage$1=(_a$7$1=snackbarSlice$1.actions,_a$7$1.showMessage),clearMessage$1=_a$7$1.clearMessage;var snackbarReducer=snackbarSlice$1.reducer;var snackbarSelector=function snackbarSelector(state){return (state===null||state===void 0?void 0:state[namespace$3$1])||{};};function getSnackbarModule(){var _a;return {id:namespace$3$1,reducerMap:(_a={},_a[namespace$3$1]=snackbarReducer,_a),sagas:[],initialActions:[]};}(function(){var env={};try{if(process){process.env=Object.assign({},process.env);Object.assign(process.env,env);return;}}catch(e){}// avoid ReferenceError: process is not defined
@@ -91716,8 +91720,8 @@ setDelay(2000);};var isOpenIdConnected=react_18(function(id){return connectedOpe
 if(selectedOpenId.connectId===''||delay===null){return;}// see if this selected openId is connected. If it's then show a success message,
 // clear the interval and close the OAuth tab
 if(isOpenIdConnected(selectedOpenId.connectId)){setDelay(null);linkingTab===null||linkingTab===void 0?void 0:linkingTab.close();setOpenSuccessModal(true);}},[isOpenIdConnected,dispatch]);var getContent=function getContent(){if(loadingStatus===LoadingStatus.Pending){return react.createElement(LoaderSkeleton,null);}else if(loadingStatus===LoadingStatus.Failed){return react.createElement(ErrorState,{onRetry:handleRetry});}else if(openIdConnectors.length===0){return react.createElement(NullState,null);}return react.createElement(OpenIdConnectors,{openIdItems:openIdConnectors,onOpenUnlinkModal:handleOpenUnlinkModal,onClickOpenIdUrl:handleClickOpenIdUrl,isOpenIdConnected:isOpenIdConnected});};return react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.accountLinkingLabel,"data-test":"account-linking-label"},SHARED_TEXT.accountLinkingLabel()),react.createElement(Typography$1$2,{variant:"body2"},SHARED_TEXT.accountLinkingDescription()),getContent(),react.createElement(Dialog$1,{open:openUnlinkModal,maxWidth:"xs",onClose:handleCloseUnlinkModal,"aria-labelledby":"unlink-dialog-title","aria-describedby":"unlink-dialog-description"},react.createElement(DialogTitle$1,{disableTypography:true,id:"unlink-dialog-title","data-test":"account-linking-unlink-dialog-title",className:classes.dialogTitle},react.createElement(Typography$1$2,{variant:"h2",className:classes.dialogTitleText},SHARED_TEXT.unlinkDialogTitle())),react.createElement(DialogContent$1,{className:classes.dialogContent},react.createElement(DialogContentText$1,{id:"unlink-dialog-description"},SHARED_TEXT.unlinkDialogContent(selectedOpenId.name))),react.createElement(DialogActions$1,{className:classes.dialogAction},react.createElement(Button$1$2,{onClick:handleCloseUnlinkModal,variant:"text",size:"large",className:classes.linkBtn,"data-test":"account-linking-unlink-dialog-cancel-btn"},SHARED_TEXT.unlinkDialogCancel()),react.createElement(Button$1$2,{onClick:handleCloseUnlinkModal,size:"large",variant:"contained",color:"primary",className:classes.linkBtn,"data-test":"account-linking-unlink-dialog-confirm-btn"},SHARED_TEXT.unlinkDialogConfirm()))),react.createElement(Dialog$1,{open:openSuccessModal,maxWidth:"xs",onClose:handleCloseSuccessModal,"aria-labelledby":"success-dialog-title","aria-describedby":"success-dialog-description"},react.createElement(DialogTitle$1,{disableTypography:true,id:"success-dialog-title",className:classes.dialogTitle,"data-test":"account-linking-success-dialog-title"},react.createElement(Typography$1$2,{variant:"h2",className:classes.dialogTitleText},SHARED_TEXT.successDialogTitle())),react.createElement(DialogContent$1,{className:classes.dialogContent},react.createElement(DialogContentText$1,{id:"success-dialog-description"},SHARED_TEXT.successDialogContent(selectedOpenId.name))),react.createElement(DialogActions$1,{className:classes.dialogAction},react.createElement(Button$1$2,{onClick:handleCloseSuccessModal,size:"large",variant:"contained",color:"primary",className:classes.linkBtn,"data-test":"account-linking-success-dialog-confirm-btn"},SHARED_TEXT.successDialogConfirm()))));};var useStyles$a$1=makeStyles$5(function(theme){return createStyles$5({personalProfileContainer:{// height: 'calc(100vh - 55px - 62px)',
-overflowY:'auto'},firstBox:{paddingTop:theme.spacing(6),textAlign:'center',borderBottom:"0.5px solid "+theme.palette.divider},loggedBox:{fontWeight:400,paddingTop:theme.spacing(2),paddingBottom:theme.spacing(5)},email:{color:theme.palette.primary.main},logoutBox:{paddingBottom:theme.spacing(8)},btnLogin:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px',padding:theme.spacing(1,7)},secondBox:{padding:theme.spacing(5,6),'& div':{height:'auto !important'}},headerBox:{display:'flex'},editIconBox:{margin:theme.spacing(0,-2.4,0,0)},descBox:{fontSize:'14px',color:theme.palette.secondary.main},formBox:{marginTop:theme.spacing(4)},formItem:{borderBottom:"0.5px solid "+theme.palette.divider,marginBottom:theme.spacing(4)},formItemPw:{marginBottom:theme.spacing(2)+" !important"},titleItem:{color:theme.palette.text.disabled,marginBottom:theme.spacing(2)},valueItem:{fontWeight:'normal',color:theme.palette.text.secondary,marginBottom:theme.spacing(2)},disabledText:{opacity:0.6},lastUpdate:{color:'#9CA8B4'},reset:{color:theme.palette.primary.main,opacity:0.9,marginTop:'35px',cursor:'pointer'},passwordBox:{display:'flex',justifyContent:'space-between',alignItems:'center'},iconResetPw:{margin:'-18px -12px 0 0'},textField:{marginLeft:0,marginRight:0,marginTop:0,marginBottom:'30px',width:'100%'},actionForm:{padding:0,marginBottom:theme.spacing(4)},inputBase:{padding:theme.spacing(3.4,2.8)},notchedOutline:{'& legend':{height:'16px'}},btnAction:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},btnSave:{marginLeft:theme.spacing(1.6)},btnActionCancel:{color:theme.palette.secondary.main},pwResetTitle:{color:'#D43060 !important'},pwResetDes1:{marginBottom:'20px'},mainTitleText:{color:theme.palette.text.secondary,userSelect:'none',fontSize:'18px',lineHeight:'23px',letterSpacing:'0.25px',textTransform:'uppercase'},contentUserView:{height:'100%',textAlign:'left',position:'relative'},headerDrawer:{padding:theme.spacing(3,6),display:'flex',justifyContent:'space-between',alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider},contentEditAvatar:{padding:theme.spacing(6)},areaUpload:{background:theme.palette.background["default"],textAlign:'center',height:'300px',border:"1px solid "+theme.palette.divider,boxSizing:'border-box',borderRadius:'4px',padding:theme.spacing(10)},descDrag:{fontSize:'16px',color:'#828282',marginBottom:theme.spacing(4)},descDrag2:{color:'#828282',margin:theme.spacing(4,0)},btnSelectPhoto:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},recentlyBox:{marginTop:theme.spacing(4)},recentlyText:{margin:theme.spacing(2,0)},imgRecently:{width:'113px',height:'113px',background:'#C4C4C4',borderRadius:'4px'},imgRecentlyRow:{display:'flex',justifyContent:'space-between',marginBottom:'20px'},resetBiometric:{marginTop:theme.spacing(7)},actionButton:{},inputFile:{display:'none !important'},imageGrid:{display:'flex',alignItems:'center',justifyContent:'center',marginBottom:theme.spacing(4)},dragging:{filter:'blur(2px)'},currentlyLoggedIn:{fontWeight:'normal',color:theme.palette.info.main,lineHeight:theme.spacing(3.8)+"px"},manageBasicInfoLabel:{fontWeight:'normal'},tabsParent:{'& div':{padding:theme.spacing(0,0,0,1.6),borderBottom:'none'}}});});var tabsList$1=[{label:SHARED_TEXT.basicInfoTabLabel(),disabled:false},{label:SHARED_TEXT.accountLinkingTabLabel(),disabled:false}];var PersonalProfile=function PersonalProfile(_a){var _b,_c;var currentUser=_a.currentUser,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,handleUploadAvatar=_a.handleUploadAvatar,_d=_a.avatarHistory,avatarHistory=_d===void 0?[]:_d,_e=_a.enableResetBiometric,enableResetBiometric=_e===void 0?false:_e,loadingStatus=_a.loadingStatus;var panelId='EDIT_PROFILE_PICTURE';var classes=useStyles$a$1();var dispatch=useDispatch();var _f=react_27({firstName:'',lastName:'',phoneNumber:'',email:''}),formData=_f[0],setFormData=_f[1];var _g=react_27({firstName:'',lastName:'',phoneNumber:''}),errorForm=_g[0],setErrorForm=_g[1];var _h=react_27(false),isEdit=_h[0],setIsEdit=_h[1];var _j=react_27(null),avatar=_j[0],setAvatar=_j[1];var _k=react_27(false),isResetPassword=_k[0],setIsResetPassword=_k[1];var _l=react_27(false),isResetBiometric=_l[0],setIsResetBiometric=_l[1];var _m=react.useState(0),selectedTabId=_m[0],setSelectedTabId=_m[1];var onChangeTab=function onChangeTab(id){setSelectedTabId(id);};var isBetaFeaturesEnabled=useSelector(function(state){var _a,_b;return (_b=(_a=state===null||state===void 0?void 0:state.configs)===null||_a===void 0?void 0:_a.initConfig)===null||_b===void 0?void 0:_b.betaFeatures;});react_21(function(){if(currentUser){fillData(currentUser);}},[currentUser]);var fillData=function fillData(currentUserInfo){var firstName=currentUserInfo.firstName,lastName=currentUserInfo.lastName,imageUrl=currentUserInfo.imageUrl,userSettings=currentUserInfo.userSettings;var settingData=userSettings===null||userSettings===void 0?void 0:userSettings.find(function(item){return item.key==='phoneNumber';});setFormData({firstName:firstName||'',lastName:lastName||'',phoneNumber:(settingData===null||settingData===void 0?void 0:settingData.value)||'',email:''});if(imageUrl){setAvatar(imageUrl);}};var handleClickEdit=function handleClickEdit(){setIsResetBiometric(false);setIsResetPassword(false);setIsEdit(true);};var handleClickPwReset=function handleClickPwReset(){setIsResetBiometric(false);setIsResetPassword(true);setIsEdit(false);};var handleClickResetBiometric=function handleClickResetBiometric(){setIsResetBiometric(true);setIsResetPassword(false);setIsEdit(false);};var handleCancelResetBiometric=function handleCancelResetBiometric(){setIsResetBiometric(false);};var onResetBiometric=function onResetBiometric(){setIsResetBiometric(false);handleResetBiometric();};var onResetPassword=react.useCallback(function(){if(currentUser===null||currentUser===void 0?void 0:currentUser.email){setIsResetPassword(false);handleResetPassword(currentUser===null||currentUser===void 0?void 0:currentUser.email);}},[currentUser,handleResetPassword]);var validForm=function validForm(){var flag=true;if(!formData.firstName){setErrorForm(_assign$5(_assign$5({},errorForm),{firstName:'This field is required.'}));flag=false;}if(!formData.lastName){setErrorForm(_assign$5(_assign$5({},errorForm),{lastName:'This field is required.'}));flag=false;}if(formData.phoneNumber&&!/^\+?(\d){6,}$/.test(formData.phoneNumber.toLowerCase())){setErrorForm(_assign$5(_assign$5({},errorForm),{phoneNumber:'Invalid phone number.'}));flag=false;}return flag;};function handleSaveEdit(){if(validForm()){handleUpdateProfile(formData);setIsEdit(false);}}var handleCancelEdit=function handleCancelEdit(){if(currentUser){fillData(currentUser);}setIsEdit(false);};var handleCancelPwReset=function handleCancelPwReset(){setIsResetPassword(false);};var handleChangeForm=function handleChangeForm(type){return function(event){var value=event.target.value;setFormData(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]=value,_a));});setErrorForm(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]='',_a));});};};var handleClickEditAvatar=function handleClickEditAvatar(){var appBarMicroFrontend={name:'EDIT_PROFILE_PICTURE',config:{name:'Veritone',dataId:'dataId',type:'APP_BAR_PANEL_TEMPLATE',onClose:handleCloseEditAvatar,onSaveAvatar:onSaveAvatar,avatarHistory:avatarHistory}};var veritonePanelConfig={panelId:panelId,type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,withTab:false,marginStart:490,width:450,parentPanelId:'PERSONAL_PANEL',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:panelId,microFrontend:appBarMicroFrontend,panelConfig:veritonePanelConfig}));};var handleCloseEditAvatar=function handleCloseEditAvatar(){dispatch(hidePanel(panelId));};var onSaveAvatar=function onSaveAvatar(file){handleUploadAvatar(file);setTimeout(function(){dispatch(hidePanel(panelId));},500);};return react.createElement("div",{className:classes.personalProfileContainer},react.createElement("div",{className:classes.firstBox},react.createElement(AvatarProfile,{avatar:avatar,sortName:""+(((_b=formData.firstName)===null||_b===void 0?void 0:_b.substr(0,1))||'')+(((_c=formData.lastName)===null||_c===void 0?void 0:_c.substr(0,1))||''),// setAvatar={setAvatar}
-onEditAvatarClick:handleClickEditAvatar,loadingStatus:loadingStatus}),react.createElement("div",{className:classes.loggedBox},react.createElement(Typography$1$2,{variant:"body2",className:classes.currentlyLoggedIn},react.createElement(FormattedMessage,{id:"Currently-logged-in-as",defaultMessage:"Currently logged in as:",description:"personal profile panel currently logged in label"}),' ',react.createElement("span",{"data-test":"Currently-logged-in-as-email",className:classes.email},currentUser===null||currentUser===void 0?void 0:currentUser.email))),react.createElement("div",{className:classes.logoutBox},react.createElement(Button$1$2,{onClick:handleLogout,variant:"outlined",color:"primary","data-test":"dt-button-logout",className:classes.btnLogin},react.createElement(FormattedMessage,{id:"Logout",defaultMessage:"Logout",description:"label of logout button on profile panel"}))),react.createElement("div",{className:classes.tabsParent},isBetaFeaturesEnabled&&react.createElement(CustomTabs,{selectedId:selectedTabId,onChangeTab:onChangeTab,tabsList:tabsList$1}))),react.createElement("div",{className:classes.secondBox},react.createElement(TabPanel,{value:selectedTabId,index:0},react.createElement(react.Fragment,null,react.createElement("div",{className:classes.headerBox},react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.manageBasicInfoLabel},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information",defaultMessage:"Manage Your Basic Information",description:"label of manage basic infomation container"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information-Basic-info-like-your-name-and-photo-that-you-use-on-Veritone-services",defaultMessage:"Basic info, like your name and photo, that you use on Veritone services.",description:"description of manage basic infomation container"}))),react.createElement("div",{className:classes.editIconBox},!isEdit&&react.createElement(IconButton$1$2,{id:"button-edit",onClick:handleClickEdit},react.createElement("img",{src:img$u,alt:""})))),react.createElement("div",{className:classes.formBox},isEdit?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(TextField$1$1,{id:"firstName",label:"First Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.firstName,onChange:handleChangeForm('firstName'),margin:"normal",error:errorForm.firstName!=='',helperText:errorForm.firstName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"lastName",label:"Last Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.lastName,onChange:handleChangeForm('lastName'),margin:"normal",error:errorForm.lastName!=='',helperText:errorForm.lastName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"phoneNumber",label:"Phone",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.phoneNumber,onChange:handleChangeForm('phoneNumber'),margin:"normal",error:errorForm.phoneNumber!=='',helperText:errorForm.phoneNumber,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}})),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelEdit,color:"primary",id:"button-cancel-edit",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-Profile",defaultMessage:"Cancel",description:"label of cancel button on profile panel"})),react.createElement(Button$1$2,{onClick:handleSaveEdit,"data-test":"button-save-edit",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Save",defaultMessage:"Save",description:"label of save button on profile panel"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Name",defaultMessage:"Name",description:"label of name field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-name",variant:"body1",className:classes.valueItem},((formData===null||formData===void 0?void 0:formData.firstName)||'')+" "+((formData===null||formData===void 0?void 0:formData.lastName)||''))),(formData===null||formData===void 0?void 0:formData.phoneNumber)&&react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Phone",defaultMessage:"Phone",description:"label of phone field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-phone",variant:"body1",className:classes.valueItem},formData===null||formData===void 0?void 0:formData.phoneNumber))),react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Email",defaultMessage:"Email",description:"label of email field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-email",variant:"body1",className:classnames(classes.valueItem,classes.disabledText)},currentUser===null||currentUser===void 0?void 0:currentUser.email)),isResetPassword?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Password-Reset",defaultMessage:"Password Reset",description:"reset password label on profile panel"})),react.createElement(Typography$1$2,{variant:"body2",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Veritone-will-send-a-reset-password-link-via-the-email-on-your-account",defaultMessage:"Veritone will send a reset password link via the email on your account.",description:"reset password description on profile panel"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-1",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelPwReset,color:"primary","data-test":"button-cancel-reset-password",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"personal-profile-cancel",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetPassword,"data-test":"button-reset-password",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset",defaultMessage:"Reset",description:"the label of reset button"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classnames(classes.formItem,classes.formItemPw)},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Password",defaultMessage:"Password",description:"label of pasword field on profile panel"})),react.createElement("div",{className:classes.passwordBox},react.createElement(Typography$1$2,{variant:"body1",className:classes.valueItem},"********"),react.createElement(IconButton$1$2,{id:"btn-click-pw-reset",className:classes.iconResetPw,onClick:handleClickPwReset},react.createElement("img",{src:img$v,alt:""})))),react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.lastUpdate},react.createElement(FormattedMessage,{id:"Last-updated",defaultMessage:"Last updated",description:"last updated text label text on profile panel"}),' ',(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated)?DateTime$1.fromISO(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated).toFormat('LLL dd, yyyy'):DateTime$1.local().toFormat('LLL dd, yyyy'))))),isResetBiometric?react.createElement(react.Fragment,null,react.createElement("div",{className:classes.resetBiometric},react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Biometric-Reset",defaultMessage:"Biometric Reset",description:"label of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Your-Biometric-Profile-will-be-reset",defaultMessage:"Your Biometric Profile will be reset.",description:"description of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-2",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelResetBiometric,"data-test":"button-cancel-reset-biometric",color:"primary",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-2",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetBiometric,color:"primary",variant:"contained","data-test":"button-reset-biometric",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset-1",defaultMessage:"Reset",description:"the label of reset button"})))):!isResetPassword&&enableResetBiometric&&react.createElement("div",{id:"click-reset-biometric",onClick:handleClickResetBiometric},react.createElement(Typography$1$2,{variant:"body2",className:classes.reset},react.createElement(FormattedMessage,{id:"Reset-Biometric-Profile",defaultMessage:"Reset Biometric Profile",description:"label of Reset Biometric Profile on profile panel"}))))),react.createElement(TabPanel,{value:selectedTabId,index:1},react.createElement(AccountLinking,null))));};function SettingPanel(_a){var currentUser=_a.currentUser,activities=_a.activities,activityFilter=_a.activityFilter,onChangeActivityFilter=_a.onChangeActivityFilter,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,tabId=_a.tabId,recentApp=_a.recentApp,applications=_a.applications,onClickApp=_a.onClickApp,handleUploadAvatar=_a.handleUploadAvatar,avatarHistory=_a.avatarHistory;var currentUserState=useSelector(userSelector$2);var _b=react.useState(''),loadingStatus=_b[0],setLoadingStatus=_b[1];react.useEffect(function(){setLoadingStatus(currentUserState.loading);},[currentUserState]);return react.createElement(react.Fragment,null,tabId===TabId.PERSONAL_PANEL&&react.createElement(PersonalProfile,{currentUser:currentUser,handleLogout:handleLogout,handleResetBiometric:handleResetBiometric,handleResetPassword:handleResetPassword,handleUpdateProfile:handleUpdateProfile,handleUploadAvatar:handleUploadAvatar,avatarHistory:avatarHistory,loadingStatus:loadingStatus}),tabId===TabId.APP_PANEL&&react.createElement(ApplicationPanel,{recentApplist:recentApp,applications:applications,onClickApp:onClickApp}),tabId===TabId.ACTIVITY_PANEL&&react.createElement(ActivityPanel,{filter:activityFilter,onChangeFilter:onChangeActivityFilter,data:activities||[]}),tabId===TabId.PERFORMANCE_MONITOR&&react.createElement(PerformanceMonitor,null));}var namespace$2$2='applications';var applicationSelector=function applicationSelector(state){var _a;return (_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$2$2];};var HANDLE_CLICK_APP="aiware/"+namespace$2$2+"/get handle click app";var REQUEST_GET_APPLICATION_V1="aiware/"+namespace$2$2+"/request get app";var GET_APPLICATION_V1_START="aiware/"+namespace$2$2+"/get app list start";var GET_APPLICATION_V1_SUCCESS="aiware/"+namespace$2$2+"/get app list success";var GET_APPLICATION_V1_ERROR="aiware/"+namespace$2$2+"/get app list error";function requestGetApplications(){return {type:REQUEST_GET_APPLICATION_V1,payload:{}};}function getApplicationStart(){return {type:GET_APPLICATION_V1_START};}function getApplicationSuccess(data){return {type:GET_APPLICATION_V1_SUCCESS,payload:{data:data}};}function getApplicationError(message){return {type:GET_APPLICATION_V1_ERROR,payload:{message:message}};}var initialState$1$3={application:[],message:'',status:'idle'};function applicationReducer(state,action){if(typeof state==='undefined'){return initialState$1$3;}switch(action.type){case GET_APPLICATION_V1_START:{return _assign$5(_assign$5({},state),{status:'loading'});}case GET_APPLICATION_V1_SUCCESS:{return _assign$5(_assign$5({},state),{application:action.payload.data,status:'success'});}case GET_APPLICATION_V1_ERROR:{return _assign$5(_assign$5({},state),{message:action.payload.message,status:'failure'});}default:return state;}}var namespace$3$2='activities';var allActivitySeletor=function allActivitySeletor(state){var _a;return ((_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$3$2])||[];};var today$1=DateTime$1.local().startOf('day');var activitySelector=createSelector([allActivitySeletor],function(activity){// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+overflowY:'auto'},firstBox:{paddingTop:theme.spacing(6),textAlign:'center',borderBottom:"0.5px solid "+theme.palette.divider},loggedBox:{fontWeight:400,paddingTop:theme.spacing(2),paddingBottom:theme.spacing(5)},email:{color:theme.palette.primary.main},logoutBox:{paddingBottom:theme.spacing(8)},btnLogin:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px',padding:theme.spacing(1,7)},secondBox:{padding:theme.spacing(5,6),'& div':{height:'auto !important'}},headerBox:{display:'flex'},editIconBox:{margin:theme.spacing(0,-2.4,0,0)},descBox:{fontSize:'14px',color:theme.palette.secondary.main},formBox:{marginTop:theme.spacing(4)},formItem:{borderBottom:"0.5px solid "+theme.palette.divider,marginBottom:theme.spacing(4)},formItemPw:{marginBottom:theme.spacing(2)+" !important"},titleItem:{color:theme.palette.text.disabled,marginBottom:theme.spacing(2)},valueItem:{fontWeight:'normal',color:theme.palette.text.secondary,marginBottom:theme.spacing(2)},disabledText:{opacity:0.6},lastUpdate:{color:'#9CA8B4'},reset:{color:theme.palette.primary.main,opacity:0.9,marginTop:'35px',cursor:'pointer'},passwordBox:{display:'flex',justifyContent:'space-between',alignItems:'center'},iconResetPw:{margin:'-18px -12px 0 0'},textField:{marginLeft:0,marginRight:0,marginTop:0,marginBottom:'30px',width:'100%'},actionForm:{padding:0,marginBottom:theme.spacing(4)},inputBase:{padding:theme.spacing(3.4,2.8)},notchedOutline:{'& legend':{height:'16px'}},btnAction:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},btnSave:{marginLeft:theme.spacing(1.6)},btnActionCancel:{color:theme.palette.secondary.main},pwResetTitle:{color:'#D43060 !important'},pwResetDes1:{marginBottom:'20px'},mainTitleText:{color:theme.palette.text.secondary,userSelect:'none',fontSize:'18px',lineHeight:'23px',letterSpacing:'0.25px',textTransform:'uppercase'},contentUserView:{height:'100%',textAlign:'left',position:'relative'},headerDrawer:{padding:theme.spacing(3,6),display:'flex',justifyContent:'space-between',alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider},contentEditAvatar:{padding:theme.spacing(6)},areaUpload:{background:theme.palette.background["default"],textAlign:'center',height:'300px',border:"1px solid "+theme.palette.divider,boxSizing:'border-box',borderRadius:'4px',padding:theme.spacing(10)},descDrag:{fontSize:'16px',color:'#828282',marginBottom:theme.spacing(4)},descDrag2:{color:'#828282',margin:theme.spacing(4,0)},btnSelectPhoto:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},recentlyBox:{marginTop:theme.spacing(4)},recentlyText:{margin:theme.spacing(2,0)},imgRecently:{width:'113px',height:'113px',background:'#C4C4C4',borderRadius:'4px'},imgRecentlyRow:{display:'flex',justifyContent:'space-between',marginBottom:'20px'},resetBiometric:{marginTop:theme.spacing(7)},actionButton:{},inputFile:{display:'none !important'},imageGrid:{display:'flex',alignItems:'center',justifyContent:'center',marginBottom:theme.spacing(4)},dragging:{filter:'blur(2px)'},currentlyLoggedIn:{fontWeight:'normal',color:theme.palette.info.main,lineHeight:theme.spacing(3.8)+"px"},manageBasicInfoLabel:{fontWeight:'normal'},tabsParent:{'& div':{padding:theme.spacing(0,0,0,1.6),borderBottom:'none'}}});});var tabsList$1=[{label:SHARED_TEXT.basicInfoTabLabel(),disabled:false},{label:SHARED_TEXT.accountLinkingTabLabel(),disabled:false}];var PersonalProfile=function PersonalProfile(_a){var _b,_c;var currentUser=_a.currentUser,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,handleUploadAvatar=_a.handleUploadAvatar,_d=_a.avatarHistory,avatarHistory=_d===void 0?[]:_d,_e=_a.enableResetBiometric,enableResetBiometric=_e===void 0?false:_e,loadingStatus=_a.loadingStatus;var panelId='EDIT_PROFILE_PICTURE';var classes=useStyles$a$1();var dispatch=useDispatch();var _f=react_27({firstName:'',lastName:'',phoneNumber:'',email:''}),formData=_f[0],setFormData=_f[1];var _g=react_27({firstName:'',lastName:'',phoneNumber:''}),errorForm=_g[0],setErrorForm=_g[1];var _h=react_27(false),isEdit=_h[0],setIsEdit=_h[1];var _j=react_27(null),avatar=_j[0],setAvatar=_j[1];var _k=react_27(false),isResetPassword=_k[0],setIsResetPassword=_k[1];var _l=react_27(false),isResetBiometric=_l[0],setIsResetBiometric=_l[1];var _m=react.useState(0),selectedTabId=_m[0],setSelectedTabId=_m[1];var onChangeTab=function onChangeTab(id){setSelectedTabId(id);};react_21(function(){if(currentUser){fillData(currentUser);}},[currentUser]);var fillData=function fillData(currentUserInfo){var firstName=currentUserInfo.firstName,lastName=currentUserInfo.lastName,imageUrl=currentUserInfo.imageUrl,userSettings=currentUserInfo.userSettings;var settingData=userSettings===null||userSettings===void 0?void 0:userSettings.find(function(item){return item.key==='phoneNumber';});setFormData({firstName:firstName||'',lastName:lastName||'',phoneNumber:(settingData===null||settingData===void 0?void 0:settingData.value)||'',email:''});if(imageUrl){setAvatar(imageUrl);}};var handleClickEdit=function handleClickEdit(){setIsResetBiometric(false);setIsResetPassword(false);setIsEdit(true);};var handleClickPwReset=function handleClickPwReset(){setIsResetBiometric(false);setIsResetPassword(true);setIsEdit(false);};var handleClickResetBiometric=function handleClickResetBiometric(){setIsResetBiometric(true);setIsResetPassword(false);setIsEdit(false);};var handleCancelResetBiometric=function handleCancelResetBiometric(){setIsResetBiometric(false);};var onResetBiometric=function onResetBiometric(){setIsResetBiometric(false);handleResetBiometric();};var onResetPassword=react.useCallback(function(){if(currentUser===null||currentUser===void 0?void 0:currentUser.email){setIsResetPassword(false);handleResetPassword(currentUser===null||currentUser===void 0?void 0:currentUser.email);}},[currentUser,handleResetPassword]);var validForm=function validForm(){var flag=true;if(!formData.firstName){setErrorForm(_assign$5(_assign$5({},errorForm),{firstName:'This field is required.'}));flag=false;}if(!formData.lastName){setErrorForm(_assign$5(_assign$5({},errorForm),{lastName:'This field is required.'}));flag=false;}if(formData.phoneNumber&&!/^\+?(\d){6,}$/.test(formData.phoneNumber.toLowerCase())){setErrorForm(_assign$5(_assign$5({},errorForm),{phoneNumber:'Invalid phone number.'}));flag=false;}return flag;};function handleSaveEdit(){if(validForm()){handleUpdateProfile(formData);setIsEdit(false);}}var handleCancelEdit=function handleCancelEdit(){if(currentUser){fillData(currentUser);}setIsEdit(false);};var handleCancelPwReset=function handleCancelPwReset(){setIsResetPassword(false);};var handleChangeForm=function handleChangeForm(type){return function(event){var value=event.target.value;setFormData(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]=value,_a));});setErrorForm(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]='',_a));});};};var handleClickEditAvatar=function handleClickEditAvatar(){var appBarMicroFrontend={name:'EDIT_PROFILE_PICTURE',config:{name:'Veritone',dataId:'dataId',type:'APP_BAR_PANEL_TEMPLATE',onClose:handleCloseEditAvatar,onSaveAvatar:onSaveAvatar,avatarHistory:avatarHistory}};var veritonePanelConfig={panelId:panelId,type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,withTab:false,marginStart:490,width:450,parentPanelId:'PERSONAL_PANEL',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:panelId,microFrontend:appBarMicroFrontend,panelConfig:veritonePanelConfig}));};var handleCloseEditAvatar=function handleCloseEditAvatar(){dispatch(hidePanel(panelId));};var onSaveAvatar=function onSaveAvatar(file){handleUploadAvatar(file);setTimeout(function(){dispatch(hidePanel(panelId));},500);};return react.createElement("div",{className:classes.personalProfileContainer},react.createElement("div",{className:classes.firstBox},react.createElement(AvatarProfile,{avatar:avatar,sortName:""+(((_b=formData.firstName)===null||_b===void 0?void 0:_b.substr(0,1))||'')+(((_c=formData.lastName)===null||_c===void 0?void 0:_c.substr(0,1))||''),// setAvatar={setAvatar}
+onEditAvatarClick:handleClickEditAvatar,loadingStatus:loadingStatus}),react.createElement("div",{className:classes.loggedBox},react.createElement(Typography$1$2,{variant:"body2",className:classes.currentlyLoggedIn},react.createElement(FormattedMessage,{id:"Currently-logged-in-as",defaultMessage:"Currently logged in as:",description:"personal profile panel currently logged in label"}),' ',react.createElement("span",{"data-test":"Currently-logged-in-as-email",className:classes.email},currentUser===null||currentUser===void 0?void 0:currentUser.email))),react.createElement("div",{className:classes.logoutBox},react.createElement(Button$1$2,{onClick:handleLogout,variant:"outlined",color:"primary","data-test":"dt-button-logout",className:classes.btnLogin},react.createElement(FormattedMessage,{id:"Logout",defaultMessage:"Logout",description:"label of logout button on profile panel"}))),react.createElement("div",{className:classes.tabsParent},react.createElement(CustomTabs,{selectedId:selectedTabId,onChangeTab:onChangeTab,tabsList:tabsList$1}))),react.createElement("div",{className:classes.secondBox},react.createElement(TabPanel,{value:selectedTabId,index:0},react.createElement(react.Fragment,null,react.createElement("div",{className:classes.headerBox},react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.manageBasicInfoLabel},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information",defaultMessage:"Manage Your Basic Information",description:"label of manage basic infomation container"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information-Basic-info-like-your-name-and-photo-that-you-use-on-Veritone-services",defaultMessage:"Basic info, like your name and photo, that you use on Veritone services.",description:"description of manage basic infomation container"}))),react.createElement("div",{className:classes.editIconBox},!isEdit&&react.createElement(IconButton$1$2,{id:"button-edit",onClick:handleClickEdit},react.createElement("img",{src:img$u,alt:""})))),react.createElement("div",{className:classes.formBox},isEdit?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(TextField$1$1,{id:"firstName",label:"First Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.firstName,onChange:handleChangeForm('firstName'),margin:"normal",error:errorForm.firstName!=='',helperText:errorForm.firstName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"lastName",label:"Last Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.lastName,onChange:handleChangeForm('lastName'),margin:"normal",error:errorForm.lastName!=='',helperText:errorForm.lastName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"phoneNumber",label:"Phone",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.phoneNumber,onChange:handleChangeForm('phoneNumber'),margin:"normal",error:errorForm.phoneNumber!=='',helperText:errorForm.phoneNumber,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}})),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelEdit,color:"primary",id:"button-cancel-edit",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-Profile",defaultMessage:"Cancel",description:"label of cancel button on profile panel"})),react.createElement(Button$1$2,{onClick:handleSaveEdit,"data-test":"button-save-edit",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Save",defaultMessage:"Save",description:"label of save button on profile panel"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Name",defaultMessage:"Name",description:"label of name field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-name",variant:"body1",className:classes.valueItem},((formData===null||formData===void 0?void 0:formData.firstName)||'')+" "+((formData===null||formData===void 0?void 0:formData.lastName)||''))),(formData===null||formData===void 0?void 0:formData.phoneNumber)&&react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Phone",defaultMessage:"Phone",description:"label of phone field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-phone",variant:"body1",className:classes.valueItem},formData===null||formData===void 0?void 0:formData.phoneNumber))),react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Email",defaultMessage:"Email",description:"label of email field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-email",variant:"body1",className:classnames(classes.valueItem,classes.disabledText)},currentUser===null||currentUser===void 0?void 0:currentUser.email)),isResetPassword?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Password-Reset",defaultMessage:"Password Reset",description:"reset password label on profile panel"})),react.createElement(Typography$1$2,{variant:"body2",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Veritone-will-send-a-reset-password-link-via-the-email-on-your-account",defaultMessage:"Veritone will send a reset password link via the email on your account.",description:"reset password description on profile panel"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-1",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelPwReset,color:"primary","data-test":"button-cancel-reset-password",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"personal-profile-cancel",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetPassword,"data-test":"button-reset-password",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset",defaultMessage:"Reset",description:"the label of reset button"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classnames(classes.formItem,classes.formItemPw)},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Password",defaultMessage:"Password",description:"label of pasword field on profile panel"})),react.createElement("div",{className:classes.passwordBox},react.createElement(Typography$1$2,{variant:"body1",className:classes.valueItem},"********"),react.createElement(IconButton$1$2,{id:"btn-click-pw-reset",className:classes.iconResetPw,onClick:handleClickPwReset},react.createElement("img",{src:img$v,alt:""})))),react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.lastUpdate},react.createElement(FormattedMessage,{id:"Last-updated",defaultMessage:"Last updated",description:"last updated text label text on profile panel"}),' ',(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated)?DateTime$1.fromISO(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated).toFormat('LLL dd, yyyy'):DateTime$1.local().toFormat('LLL dd, yyyy'))))),isResetBiometric?react.createElement(react.Fragment,null,react.createElement("div",{className:classes.resetBiometric},react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Biometric-Reset",defaultMessage:"Biometric Reset",description:"label of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Your-Biometric-Profile-will-be-reset",defaultMessage:"Your Biometric Profile will be reset.",description:"description of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-2",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelResetBiometric,"data-test":"button-cancel-reset-biometric",color:"primary",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-2",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetBiometric,color:"primary",variant:"contained","data-test":"button-reset-biometric",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset-1",defaultMessage:"Reset",description:"the label of reset button"})))):!isResetPassword&&enableResetBiometric&&react.createElement("div",{id:"click-reset-biometric",onClick:handleClickResetBiometric},react.createElement(Typography$1$2,{variant:"body2",className:classes.reset},react.createElement(FormattedMessage,{id:"Reset-Biometric-Profile",defaultMessage:"Reset Biometric Profile",description:"label of Reset Biometric Profile on profile panel"}))))),react.createElement(TabPanel,{value:selectedTabId,index:1},react.createElement(AccountLinking,null))));};function SettingPanel(_a){var currentUser=_a.currentUser,activities=_a.activities,activityFilter=_a.activityFilter,onChangeActivityFilter=_a.onChangeActivityFilter,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,tabId=_a.tabId,recentApp=_a.recentApp,applications=_a.applications,onClickApp=_a.onClickApp,handleUploadAvatar=_a.handleUploadAvatar,avatarHistory=_a.avatarHistory;var currentUserState=useSelector(userSelector$2);var _b=react.useState(''),loadingStatus=_b[0],setLoadingStatus=_b[1];react.useEffect(function(){setLoadingStatus(currentUserState.loading);},[currentUserState]);return react.createElement(react.Fragment,null,tabId===TabId.PERSONAL_PANEL&&react.createElement(PersonalProfile,{currentUser:currentUser,handleLogout:handleLogout,handleResetBiometric:handleResetBiometric,handleResetPassword:handleResetPassword,handleUpdateProfile:handleUpdateProfile,handleUploadAvatar:handleUploadAvatar,avatarHistory:avatarHistory,loadingStatus:loadingStatus}),tabId===TabId.APP_PANEL&&react.createElement(ApplicationPanel,{recentApplist:recentApp,applications:applications,onClickApp:onClickApp}),tabId===TabId.ACTIVITY_PANEL&&react.createElement(ActivityPanel,{filter:activityFilter,onChangeFilter:onChangeActivityFilter,data:activities||[]}),tabId===TabId.PERFORMANCE_MONITOR&&react.createElement(PerformanceMonitor,null));}var namespace$2$2='applications';var applicationSelector=function applicationSelector(state){var _a;return (_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$2$2];};var HANDLE_CLICK_APP="aiware/"+namespace$2$2+"/get handle click app";var REQUEST_GET_APPLICATION_V1="aiware/"+namespace$2$2+"/request get app";var GET_APPLICATION_V1_START="aiware/"+namespace$2$2+"/get app list start";var GET_APPLICATION_V1_SUCCESS="aiware/"+namespace$2$2+"/get app list success";var GET_APPLICATION_V1_ERROR="aiware/"+namespace$2$2+"/get app list error";function requestGetApplications(){return {type:REQUEST_GET_APPLICATION_V1,payload:{}};}function getApplicationStart(){return {type:GET_APPLICATION_V1_START};}function getApplicationSuccess(data){return {type:GET_APPLICATION_V1_SUCCESS,payload:{data:data}};}function getApplicationError(message){return {type:GET_APPLICATION_V1_ERROR,payload:{message:message}};}var initialState$1$3={application:[],message:'',status:'idle'};function applicationReducer(state,action){if(typeof state==='undefined'){return initialState$1$3;}switch(action.type){case GET_APPLICATION_V1_START:{return _assign$5(_assign$5({},state),{status:'loading'});}case GET_APPLICATION_V1_SUCCESS:{return _assign$5(_assign$5({},state),{application:action.payload.data,status:'success'});}case GET_APPLICATION_V1_ERROR:{return _assign$5(_assign$5({},state),{message:action.payload.message,status:'failure'});}default:return state;}}var namespace$3$2='activities';var allActivitySeletor=function allActivitySeletor(state){var _a;return ((_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$3$2])||[];};var today$1=DateTime$1.local().startOf('day');var activitySelector=createSelector([allActivitySeletor],function(activity){// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 var records=activity.records,filter=activity.filter;if(filter==='today'){return records.filter(function(item){return DateTime$1.fromISO(item.createdDateTime).hasSame(today$1,'day');});}return records;});var GET_ACTIVITY="os-app-bar-panel/"+namespace$3$2+"/get activity";var GET_ACTIVITY_SUCCESS="os-app-bar-panel/"+namespace$3$2+"/get activity success";var UPDATE_ACTIVITY_FILTER="os-app-bar-panel/"+namespace$3$2+"/update activity filter";function getActivity(){return {type:GET_ACTIVITY};}function updateActivityFilter(data){return {type:UPDATE_ACTIVITY_FILTER,payload:data};}function getActivitySuccess(data){return {type:GET_ACTIVITY_SUCCESS,payload:data};}var initialState$2$2={records:[],filter:'all',fetched:false,fetching:false,processing:false};function activityReducer(state,action){if(typeof state==='undefined'){return initialState$2$2;}switch(action.type){case GET_ACTIVITY_SUCCESS:{return _assign$5(_assign$5({},state),{records:action.payload});}case UPDATE_ACTIVITY_FILTER:{var filter=action.payload.filter;return _assign$5(_assign$5({},state),{filter:filter});}default:return state;}}var _a$9;var rootReducer=combineReducers((_a$9={},_a$9[namespace$5]=userReducer,_a$9[namespace$3$2]=activityReducer,_a$9[namespace$2$2]=applicationReducer,_a$9));var nameSpace$2='aiWareHeaderBarPanel';// export default rootReducer;
 var createSymbol$4=function createSymbol(name){return "@@redux-saga/"+name;};var CANCEL$5=/*#__PURE__*/createSymbol$4('CANCEL_PROMISE');var IO$4=/*#__PURE__*/createSymbol$4('IO');var MULTICAST$4=/*#__PURE__*/createSymbol$4('MULTICAST');var SELF_CANCELLATION$4=/*#__PURE__*/createSymbol$4('SELF_CANCELLATION');var TASK$4=/*#__PURE__*/createSymbol$4('TASK');var undef$4=function undef(v){return v===null||v===undefined;};var notUndef$4=function notUndef(v){return v!==null&&v!==undefined;};var func$4=function func(f){return typeof f==='function';};var string$5=function string(s){return typeof s==='string';};var array$5=Array.isArray;var object$1=function object(obj){return obj&&!array$5(obj)&&typeof obj==='object';};var task$1=function task(t){return t&&t[TASK$4];};var pattern$4=function pattern(pat){return pat&&(string$5(pat)||symbol$5(pat)||func$4(pat)||array$5(pat)&&pat.every(pattern));};var channel$5=function channel(ch){return ch&&func$4(ch.take)&&func$4(ch.close);};var stringableFunc$4=function stringableFunc(f){return func$4(f)&&f.hasOwnProperty('toString');};var symbol$5=function symbol(sym){return Boolean(sym)&&typeof Symbol==='function'&&sym.constructor===Symbol&&sym!==Symbol.prototype;};var multicast$4=function multicast(ch){return channel$5(ch)&&ch[MULTICAST$4];};var effect$1=function effect(eff){return eff&&eff[IO$4];};function delayP$2(ms,val){if(val===void 0){val=true;}var timeoutId;var promise=new Promise(function(resolve){timeoutId=setTimeout(resolve,ms,val);});promise[CANCEL$5]=function(){clearTimeout(timeoutId);};return promise;}var identity$4=function identity(v){return v;};function check$3(value,predicate,error){if(!predicate(value)){throw new Error(error);}}var kThrow$4=function kThrow(err){throw err;};var kReturn$4=function kReturn(value){return {value:value,done:true};};function makeIterator$4(next,thro,name){if(thro===void 0){thro=kThrow$4;}if(name===void 0){name='iterator';}var iterator={meta:{name:name},next:next,"throw":thro,"return":kReturn$4,isSagaIterator:true};if(typeof Symbol!=='undefined'){iterator[Symbol.iterator]=function(){return iterator;};}return iterator;}var TAKE$4='TAKE';var PUT$4='PUT';var ALL$4='ALL';var CALL$4='CALL';var FORK$4='FORK';var CANCEL$1$4='CANCEL';var SELECT$4='SELECT';var TEST_HINT$1='\n(HINT: if you are getting these errors in tests, consider using createMockTask from @redux-saga/testing-utils)';var makeEffect$4=function makeEffect(type,payload){var _ref;return _ref={},_ref[IO$4]=true,_ref.combinator=false,_ref.type=type,_ref.payload=payload,_ref;};function take$4(patternOrChannel,multicastPattern){if(patternOrChannel===void 0){patternOrChannel='*';}if(arguments.length){check$3(arguments[0],notUndef$4,'take(patternOrChannel): patternOrChannel is undefined');}if(pattern$4(patternOrChannel)){return makeEffect$4(TAKE$4,{pattern:patternOrChannel});}if(multicast$4(patternOrChannel)&&notUndef$4(multicastPattern)&&pattern$4(multicastPattern)){return makeEffect$4(TAKE$4,{channel:patternOrChannel,pattern:multicastPattern});}if(channel$5(patternOrChannel)){return makeEffect$4(TAKE$4,{channel:patternOrChannel});}{throw new Error("take(patternOrChannel): argument "+patternOrChannel+" is not valid channel or a valid pattern");}}function put$4(channel$1,action){{if(arguments.length>1){check$3(channel$1,notUndef$4,'put(channel, action): argument channel is undefined');check$3(channel$1,channel$5,"put(channel, action): argument "+channel$1+" is not a valid channel");check$3(action,notUndef$4,'put(channel, action): argument action is undefined');}else{check$3(channel$1,notUndef$4,'put(action): argument action is undefined');}}if(undef$4(action)){action=channel$1;// `undefined` instead of `null` to make default parameter work
@@ -148587,7 +148591,7 @@ var shouldShowNativeTitle=!open&&!disableHoverListener;var childrenProps=_extend
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    */TransitionComponent:propTypes$a.elementType,/**
    * Props applied to the [`Transition`](http://reactcommunity.org/react-transition-group/transition#Transition-props) element.
-   */TransitionProps:propTypes$a.object};var Tooltip$1$5=withStyles$a(styles$6$7,{name:'MuiTooltip',flip:false})(Tooltip$5);var SHARED_TEXT$1={closePanel:function closePanel(){return react.createElement(FormattedMessage,{id:"dc.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"});},toggleNavigationMenu:function toggleNavigationMenu(){return react.createElement(FormattedMessage,{id:"dc.st.toggleNavMenu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"});},exitFullScreen:function exitFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.exitFullScreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"});},enterFullScreen:function enterFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.enterFullScreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"});},toggleFullScreen:function toggleFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.toggleFullScreen",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"});},toggleView:function toggleView(){return react.createElement(FormattedMessage,{id:"dc.st.toggleView",defaultMessage:"Toggle View",description:"Toggle View"});},toggleInfoPanel:function toggleInfoPanel(){return react.createElement(FormattedMessage,{id:"dc.st.toggleInfoPanel",defaultMessage:"Info",description:"Toggle Info Pane"});},"delete":function _delete(){return react.createElement(FormattedMessage,{id:"dc.st.delete",defaultMessage:"Delete",description:"Delete"});},confirmDelete:function confirmDelete(){return react.createElement(FormattedMessage,{id:"dc.st.confirmDelete",defaultMessage:"Confirm Delete",description:"Confirm Delete"});},cancel:function cancel(){return react.createElement(FormattedMessage,{id:"dc.st.cancel",defaultMessage:"Cancel",description:"Cancel"});},create:function create(){return react.createElement(FormattedMessage,{id:"dc.st.create",defaultMessage:"Create",description:"Create"});},submit:function submit(){return react.createElement(FormattedMessage,{id:"dc.st.submit",defaultMessage:"Submit",description:"Submit"});},show:function show(){return react.createElement(FormattedMessage,{id:"dc.st.show",defaultMessage:"Show",description:"Show"});},hide:function hide(){return react.createElement(FormattedMessage,{id:"dc.st.hide",defaultMessage:"Hide",description:"Hide"});},myFiles:function myFiles(){return react.createElement(FormattedMessage,{id:"dc.st.myFiles",defaultMessage:"My Files",description:"My Files"});},folderName:function folderName(){return react.createElement(FormattedMessage,{id:"dc.st.folderName",defaultMessage:"Folder Name",description:"Folder Name"});},newFolder:function newFolder(){return react.createElement(FormattedMessage,{id:"dc.st.newFolder",defaultMessage:"New Folder",description:"New Folder"});},editFolder:function editFolder(){return react.createElement(FormattedMessage,{id:"dc.st.editFolder",defaultMessage:"Edit Folder",description:"Edit Folder"});},editSource:function editSource(){return react.createElement(FormattedMessage,{id:"dc.st.editSource",defaultMessage:"Edit Source",description:"Edit Source"});},editSchedule:function editSchedule(){return react.createElement(FormattedMessage,{id:"dc.st.editSchedule",defaultMessage:"Edit Schedule",description:"Edit Schedule"});},tableDataSettings:function tableDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.tableDataSettings",defaultMessage:"Table Data Settings",description:"Table Data Settings"});},addRemoveDataSettings:function addRemoveDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.addRemoveDataSettings",defaultMessage:"Add and remove data from your table view.",description:"Add and remove data from your table view."});},tableHeaderStreams:function tableHeaderStreams(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderStreams",defaultMessage:"Streams",description:"Streams"});},tableHeaderSchedules:function tableHeaderSchedules(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderSchedules",defaultMessage:"Schedules",description:"Schedules"});},tableHeaderTdos:function tableHeaderTdos(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderTdos",defaultMessage:"Files",description:"Files"});},emptyChildFolderTitle:function emptyChildFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderTitle",defaultMessage:"No Files in this Folder",description:"No Files in this Folder"});},emptyChildFolderSubtitle:function emptyChildFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderSubtitle",defaultMessage:"Choose this folder location during data import to fill it up",description:"Choose this folder location during data import to fill it up"});},emptyRootFolderTitle:function emptyRootFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderTitle",defaultMessage:"Data Center lets you access and organize all your files",description:"Data Center lets you access and organize all your files"});},emptyRootFolderSubtitle:function emptyRootFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderSubtitle",defaultMessage:"Add data using the 'Add New' button",description:"Add data using the 'Add New' button"});},emptyTdosTitle:function emptyTdosTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosTitle",defaultMessage:"No Files Found",description:"No Files Found"});},emptyTdosSubtitle:function emptyTdosSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosSubtitle",defaultMessage:"This stream has not imported any data",description:"This stream has not imported any data"});},emptySchedulesTitle:function emptySchedulesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesTitle",defaultMessage:"Data Center lets you access all your sources",description:"Data Center lets you access all your sources"});},emptySchedulesSubtitle:function emptySchedulesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesSubtitle",defaultMessage:"Add New Sources",description:"Add New Sources"});},emptySourcesTitle:function emptySourcesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesTitle",defaultMessage:"No Streams Found",description:"No Streams Found"});},emptySourcesSubtitle:function emptySourcesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesSubtitle",defaultMessage:"Click the \u2018Add New Stream\u2019 button below to add your first stream.",description:"Click the \u2018Add New Stream\u2019 button below to add your first stream."});},emptySourcesButton:function emptySourcesButton(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesButton",defaultMessage:"Add New Stream",description:"Add New Stream"});},tableRowErrorButtonRetry:function tableRowErrorButtonRetry(){return react.createElement(FormattedMessage,{id:"dc.st.tableRowErrorButtonRetry",defaultMessage:"There was an error loading the data - retry",description:"There was an error loading the data - retry"});},noEngineFound:function noEngineFound(){return react.createElement(FormattedMessage,{id:"dc.st.noEngineFound",defaultMessage:"No Engine Found",description:"No Engine Found"});}};var useStyles$j=makeStyles$a(function(theme){return createStyles$a({header:function header(_a){var height=_a.height;return {alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,display:'flex',height:height,padding:theme.spacing(2)};},marginRight:{marginRight:theme.spacing(2)},navigationToggle:{marginRight:theme.spacing(1)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"}});});var Header=function Header(_a){var height=_a.height,isFullScreen=_a.isFullScreen,isNavExpanded=_a.isNavExpanded,onLeftNavigationToggle=_a.onLeftNavigationToggle,onPanelClose=_a.onPanelClose,onFullScreenToggle=_a.onFullScreenToggle;var classes=useStyles$j({height:height});var dispatch=useDispatch();var handleClickImporter=function handleClickImporter(){var microFrontend={name:'DATA_CENTER_IMPORTER',config:{name:'Local Importer'}};var panelConfig={type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,marginStart:80,size:'large',zIndex:1050,parentPanelId:'DATA_CENTER',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:'DATA_CENTER_IMPORTER',microFrontend:microFrontend,panelConfig:panelConfig}));};return react.createElement("header",{className:classes.header,"data-test":"dc-header"},react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-header-toggle-nav"},SHARED_TEXT$1.toggleNavigationMenu()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.toggleNavigationMenu()},react.createElement(IconButton$1$6,{className:classes.navigationToggle,onClick:onLeftNavigationToggle,"aria-labelledby":"dc-header-toggle-nav","aria-expanded":isNavExpanded,"data-test":"dc-header-toggle-nav"},react.createElement(Hamburger,null))),react.createElement(Typography$1$6,{variant:"h1","data-test":"dc-title"},"Data Center"),react.createElement("div",{style:{alignItems:'center',border:'1px solid #E1E6ED',borderRadius:4,display:'none',flexGrow:1,height:44,padding:20}},"[PLACEHOLDER FOR SEARCH COMPONENT]"),react.createElement("div",{className:classes.headerActionContainer},react.createElement(Button$1$6,{className:classes.marginRight,onClick:handleClickImporter,color:"primary",variant:"contained"},react.createElement(FormattedMessage,{id:"dc.st.openImporterPanel",defaultMessage:"Add New",description:"Label of a button that allows user to upload a file from their local computer"})),react.createElement("div",{className:classes.verticalDivider}),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-toggle-fullscreen"},SHARED_TEXT$1.toggleFullScreen()),react.createElement(Tooltip$1$5,{title:isFullScreen?SHARED_TEXT$1.exitFullScreen():SHARED_TEXT$1.enterFullScreen()},react.createElement(IconButton$1$6,{onClick:onFullScreenToggle,"aria-labelledby":"dc-toggle-fullscreen","data-test":"dc-fullscreen-toggle"},isFullScreen?react.createElement(FullscreenExit,null):react.createElement(Fullscreen,null))),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-close-panel"},SHARED_TEXT$1.closePanel()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.closePanel()},react.createElement(IconButton$1$6,{onClick:onPanelClose,"aria-labelledby":"dc-close-panel","data-test":"dc-close-panel"},react.createElement(Hide,null)))));};// Corresponds to 10 frames at 60 Hz.
+   */TransitionProps:propTypes$a.object};var Tooltip$1$5=withStyles$a(styles$6$7,{name:'MuiTooltip',flip:false})(Tooltip$5);var SHARED_TEXT$1={closePanel:function closePanel(){return react.createElement(FormattedMessage,{id:"dc.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"});},toggleNavigationMenu:function toggleNavigationMenu(){return react.createElement(FormattedMessage,{id:"dc.st.toggleNavMenu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"});},exitFullScreen:function exitFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.exitFullScreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"});},enterFullScreen:function enterFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.enterFullScreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"});},toggleFullScreen:function toggleFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.toggleFullScreen",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"});},toggleView:function toggleView(){return react.createElement(FormattedMessage,{id:"dc.st.toggleView",defaultMessage:"Toggle View",description:"Toggle View"});},toggleInfoPanel:function toggleInfoPanel(){return react.createElement(FormattedMessage,{id:"dc.st.toggleInfoPanel",defaultMessage:"Info",description:"Toggle Info Pane"});},"delete":function _delete(){return react.createElement(FormattedMessage,{id:"dc.st.delete",defaultMessage:"Delete",description:"Delete"});},confirmDelete:function confirmDelete(){return react.createElement(FormattedMessage,{id:"dc.st.confirmDelete",defaultMessage:"Confirm Delete",description:"Confirm Delete"});},cancel:function cancel(){return react.createElement(FormattedMessage,{id:"dc.st.cancel",defaultMessage:"Cancel",description:"Cancel"});},create:function create(){return react.createElement(FormattedMessage,{id:"dc.st.create",defaultMessage:"Create",description:"Create"});},submit:function submit(){return react.createElement(FormattedMessage,{id:"dc.st.submit",defaultMessage:"Submit",description:"Submit"});},show:function show(){return react.createElement(FormattedMessage,{id:"dc.st.show",defaultMessage:"Show",description:"Show"});},hide:function hide(){return react.createElement(FormattedMessage,{id:"dc.st.hide",defaultMessage:"Hide",description:"Hide"});},myFiles:function myFiles(){return react.createElement(FormattedMessage,{id:"dc.st.myFiles",defaultMessage:"My Files",description:"My Files"});},folderName:function folderName(){return react.createElement(FormattedMessage,{id:"dc.st.folderName",defaultMessage:"Folder Name",description:"Folder Name"});},newFolder:function newFolder(){return react.createElement(FormattedMessage,{id:"dc.st.newFolder",defaultMessage:"New Folder",description:"New Folder"});},editFolder:function editFolder(){return react.createElement(FormattedMessage,{id:"dc.st.editFolder",defaultMessage:"Edit Folder",description:"Edit Folder"});},editSource:function editSource(){return react.createElement(FormattedMessage,{id:"dc.st.editSource",defaultMessage:"Edit Source",description:"Edit Source"});},editSchedule:function editSchedule(){return react.createElement(FormattedMessage,{id:"dc.st.editSchedule",defaultMessage:"Edit Schedule",description:"Edit Schedule"});},tableDataSettings:function tableDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.tableDataSettings",defaultMessage:"Table Data Settings",description:"Table Data Settings"});},addRemoveDataSettings:function addRemoveDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.addRemoveDataSettings",defaultMessage:"Add and remove data from your table view.",description:"Add and remove data from your table view."});},tableHeaderStreams:function tableHeaderStreams(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderStreams",defaultMessage:"Streams",description:"Streams"});},tableHeaderSchedules:function tableHeaderSchedules(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderSchedules",defaultMessage:"Schedules",description:"Schedules"});},tableHeaderTdos:function tableHeaderTdos(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderTdos",defaultMessage:"Files",description:"Files"});},emptyChildFolderTitle:function emptyChildFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderTitle",defaultMessage:"No Files in this Folder",description:"No Files in this Folder"});},emptyChildFolderSubtitle:function emptyChildFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderSubtitle",defaultMessage:"Choose this folder location during data import to fill it up",description:"Choose this folder location during data import to fill it up"});},emptyRootFolderTitle:function emptyRootFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderTitle",defaultMessage:"Data Center lets you access and organize all your files",description:"Data Center lets you access and organize all your files"});},emptyRootFolderSubtitle:function emptyRootFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderSubtitle",defaultMessage:"Add data using the 'Add New' button",description:"Add data using the 'Add New' button"});},emptyTdosTitle:function emptyTdosTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosTitle",defaultMessage:"No Files Found",description:"No Files Found"});},emptyTdosSubtitle:function emptyTdosSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosSubtitle",defaultMessage:"This stream has not imported any data",description:"This stream has not imported any data"});},emptySchedulesTitle:function emptySchedulesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesTitle",defaultMessage:"Data Center lets you access all your sources",description:"Data Center lets you access all your sources"});},emptySchedulesSubtitle:function emptySchedulesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesSubtitle",defaultMessage:"Add New Sources",description:"Add New Sources"});},emptySourcesTitle:function emptySourcesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesTitle",defaultMessage:"No Streams Found",description:"No Streams Found"});},emptySourcesSubtitle:function emptySourcesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesSubtitle",defaultMessage:"Click the \u2018Add New Stream\u2019 button below to add your first stream.",description:"Click the \u2018Add New Stream\u2019 button below to add your first stream."});},emptySourcesButton:function emptySourcesButton(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesButton",defaultMessage:"Add New Stream",description:"Add New Stream"});},tableRowErrorButtonRetry:function tableRowErrorButtonRetry(){return react.createElement(FormattedMessage,{id:"dc.st.tableRowErrorButtonRetry",defaultMessage:"There was an error loading the data - retry",description:"There was an error loading the data - retry"});},noEngineFound:function noEngineFound(){return react.createElement(FormattedMessage,{id:"dc.st.noEngineFound",defaultMessage:"No Engine Found",description:"No Engine Found"});}};var useStyles$j=makeStyles$a(function(theme){return createStyles$a({header:function header(_a){var height=_a.height;return {alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,display:'flex',height:height,padding:theme.spacing(2)};},marginRight:{marginRight:theme.spacing(2)},navigationToggle:{marginRight:theme.spacing(1)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"}});});var Header=function Header(_a){var height=_a.height,isFullScreen=_a.isFullScreen,isNavExpanded=_a.isNavExpanded,onLeftNavigationToggle=_a.onLeftNavigationToggle,onPanelClose=_a.onPanelClose,onFullScreenToggle=_a.onFullScreenToggle;var classes=useStyles$j({height:height});var dispatch=useDispatch();var handleClickImporter=function handleClickImporter(){var microFrontend={name:'DATA_CENTER_IMPORTER',config:{name:'Local Importer'}};var panelConfig={type:'APP_BAR_PANEL_TEMPLATE',marginTop:isFullScreen?0:55,marginStart:isFullScreen?0:80,size:'large',zIndex:isFullScreen?1010:1001,parentPanelId:'DATA_CENTER',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:'DATA_CENTER_IMPORTER',microFrontend:microFrontend,panelConfig:panelConfig}));};return react.createElement("header",{className:classes.header,"data-test":"dc-header"},react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-header-toggle-nav"},SHARED_TEXT$1.toggleNavigationMenu()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.toggleNavigationMenu()},react.createElement(IconButton$1$6,{className:classes.navigationToggle,onClick:onLeftNavigationToggle,"aria-labelledby":"dc-header-toggle-nav","aria-expanded":isNavExpanded,"data-test":"dc-header-toggle-nav"},react.createElement(Hamburger,null))),react.createElement(Typography$1$6,{variant:"h1","data-test":"dc-title"},"Data Center"),react.createElement("div",{style:{alignItems:'center',border:'1px solid #E1E6ED',borderRadius:4,display:'none',flexGrow:1,height:44,padding:20}},"[PLACEHOLDER FOR SEARCH COMPONENT]"),react.createElement("div",{className:classes.headerActionContainer},react.createElement(Button$1$6,{className:classes.marginRight,onClick:handleClickImporter,color:"primary",variant:"contained"},react.createElement(FormattedMessage,{id:"dc.st.openImporterPanel",defaultMessage:"Add New",description:"Label of a button that allows user to upload a file from their local computer"})),react.createElement("div",{className:classes.verticalDivider}),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-toggle-fullscreen"},SHARED_TEXT$1.toggleFullScreen()),react.createElement(Tooltip$1$5,{title:isFullScreen?SHARED_TEXT$1.exitFullScreen():SHARED_TEXT$1.enterFullScreen()},react.createElement(IconButton$1$6,{onClick:onFullScreenToggle,"aria-labelledby":"dc-toggle-fullscreen","data-test":"dc-fullscreen-toggle"},isFullScreen?react.createElement(FullscreenExit,null):react.createElement(Fullscreen,null))),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-close-panel"},SHARED_TEXT$1.closePanel()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.closePanel()},react.createElement(IconButton$1$6,{onClick:onPanelClose,"aria-labelledby":"dc-close-panel","data-test":"dc-close-panel"},react.createElement(Hide,null)))));};// Corresponds to 10 frames at 60 Hz.
 // A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.
 function debounce$1$5(func){var wait=arguments.length>1&&arguments[1]!==undefined?arguments[1]:166;var timeout;function debounced(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}// eslint-disable-next-line consistent-this
 var that=this;var later=function later(){func.apply(that,args);};clearTimeout(timeout);timeout=setTimeout(later,wait);}debounced.clear=function(){clearTimeout(timeout);};return debounced;}function ownerDocument$6(node){return node&&node.ownerDocument||document;}function ownerWindow$6(node){var doc=ownerDocument$6(node);return doc.defaultView||window;}// Source from https://github.com/alitaheri/normalize-scroll-left
@@ -152332,7 +152336,7 @@ SwitchBase$5.propTypes={/**
    */size:propTypes$a.oneOf(['medium','small']),/**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
-   */value:propTypes$a.any};var Checkbox$1$3=withStyles$a(styles$J$3,{name:'MuiCheckbox'})(Checkbox$3);var useStyles$e$2=makeStyles$a(function(theme){return createStyles$a({root:{display:'flex',flexDirection:'column',justifyContent:'space-between',flexGrow:1},buttonGroup:{display:'flex',justifyContent:'flex-end',alignItems:'center','& > *':{marginRight:theme.spacing(2)}},divider:{margin:theme.spacing(2)+"px 0"},listItem:{padding:"0 "+theme.spacing(12)+"px 0 0",marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},listItemText:{paddingTop:theme.spacing(2),paddingBottom:theme.spacing(2),paddingLeft:theme.spacing(3),borderRadius:4,background:'#F2F5F9',transition:'.2s ease','&.inactive':{opacity:0.5}}});});var TableDataSettings=function TableDataSettings(props){var classes=useStyles$e$2();var inputRef=react_26(null);var _a=react_27(false),isActive=_a[0],setIsActive=_a[1];var _b=react_27([]),tableData=_b[0],setTableData=_b[1];var dispatch=useDispatch();var _c=useSelector(selectTableDataSettings),isOpen=_c.isOpen,entityType=_c.entityType,settings=_c.settings;react_21(function(){if(entityType){inputRef.current&&inputRef.current.focus();setTableData(settings[entityType]);}else{setTableData([]);}},[entityType,isActive,settings]);var _d=entityType?TABLE_DATA_SETTINGS[entityType]:{},_e=_d.required,required=_e===void 0?[]:_e,_f=_d.canToggle,canToggle=_f===void 0?[]:_f;var handleToggle=function handleToggle(key){if(tableData.includes(key)){setTableData(function(prev){return prev.filter(function(data){return data!==key;});});}else{setTableData(function(prev){return __spreadArrays$7(prev,[key]);});}};var handleSave=function handleSave(e){e.preventDefault();if(entityType){var keys=new Set(__spreadArrays$7(required,tableData));dispatch(actions$9.uiState.setTableDataSetting({entityType:entityType,keys:Array.from(keys)}));dispatch(actions$9.uiState.toggleTableDataSettings(null));}};var handleClose=function handleClose(){dispatch(actions$9.uiState.toggleTableDataSettings(null));};return react.createElement(ActionPanel,_assign$c({isOpen:!!(isOpen&&entityType),panelTitle:SHARED_TEXT$1.tableDataSettings(),panelTitleSecondary:SHARED_TEXT$1.addRemoveDataSettings(),onClose:handleClose,setIsActive:setIsActive},props),isActive&&react.createElement("form",{autoComplete:"off",noValidate:true,className:classes.root,onSubmit:handleSave,"data-test":"dc-table-data-settings-form"},react.createElement(List$1$7,null,required.map(function(key){var _a;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classes.listItemText}),react.createElement(ListItemSecondaryAction$1$1,null));}),react.createElement(Divider$1$5,{className:classes.divider}),canToggle.map(function(key,idx){var _a;var labelId="table-data-"+key;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{id:labelId,primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classnames(classes.listItemText,{inactive:!tableData.includes(key)})}),react.createElement(ListItemSecondaryAction$1$1,null,react.createElement(Tooltip$1$5,{title:tableData.includes(key)?SHARED_TEXT$1.hide():SHARED_TEXT$1.show()},react.createElement(Checkbox$1$3,{edge:"end",onChange:function onChange(){return handleToggle(key);},checked:tableData.includes(key),inputProps:{'aria-labelledby':labelId},checkedIcon:react.createElement(VisibilityOutlinedIcon,null),icon:react.createElement(VisibilityOffIcon,null),inputRef:idx===0?inputRef:null}))));})),react.createElement("div",{className:classes.buttonGroup},react.createElement(Button$1$6,{onClick:handleClose},"Cancel"),react.createElement(Button$1$6,{variant:"contained",color:"primary",type:"submit"},"Save"))));};var appBarHeight$1=55;var headerHeight=64;var borderBottom$1$1=5;var useStyles$f$1=makeStyles$a(function(theme){return createStyles$a({root:{width:1020,position:'relative'},panel:{backgroundColor:theme.palette.background.paper,boxShadow:'0px 0px 12px rgba(0, 0, 0, 0.25)',height:'100%'},fullScreen:{position:'fixed',width:'100%',height:'100vh',top:0,left:0,right:0,bottom:0,zIndex:1200}});});var actionPanels=[AddNewFolder,EditFolder,TableDataSettings];var MainLayout=function MainLayout(_a){var hidePanel=_a.hidePanel,dataId=_a.dataId,rest=__rest$6(_a,["hidePanel","dataId"]);var classes=useStyles$f$1();var _b=react_27(true),navigationPanelExpanded=_b[0],setNavigationPanelExpanded=_b[1];var uiStateStatus=useSelector(selectUIStateStatus);var fullScreen=useSelector(selectIsFullScreen);var dispatch=useDispatch();var handleFullScreenToggle=function handleFullScreenToggle(){dispatch(actions$9.uiState.toggleFullScreen());};var handleLeftNavigationToggle=function handleLeftNavigationToggle(){setNavigationPanelExpanded(!navigationPanelExpanded);};var handlePanelClose=function handlePanelClose(){hidePanel&&hidePanel();};var mainHeight="calc(100vh - "+(fullScreen?0:appBarHeight$1+borderBottom$1$1)+"px - "+headerHeight+"px)";return react.createElement(Container$1,{fullScreen:fullScreen,classes:classes},react.createElement(Header,{height:headerHeight,isFullScreen:fullScreen,isNavExpanded:navigationPanelExpanded,onFullScreenToggle:handleFullScreenToggle,onLeftNavigationToggle:handleLeftNavigationToggle,onPanelClose:handlePanelClose}),uiStateStatus===LoadingStatus$1.Idle&&react.createElement(MainTabPanel,{height:mainHeight,isNavExpanded:navigationPanelExpanded}),uiStateStatus===LoadingStatus$1.Pending&&react.createElement(MainSkeleton,{height:mainHeight}),uiStateStatus===LoadingStatus$1.Failed&&react.createElement("div",null,"Error: Please try again later."),actionPanels.map(function(Panel,idx){return react.createElement(Panel,{key:idx,className:classes.panel,fullScreen:fullScreen});}));};var Container$1=function Container(_a){var fullScreen=_a.fullScreen,classes=_a.classes,children=_a.children;return fullScreen?react.createElement(Portal$8,null,react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel,classes.fullScreen)},children)):react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel)},children);};var DataCenterBrowse=function DataCenterBrowse(props){var dispatch=useDispatch();var uiStateStatus=useSelector(selectUIStateStatus);var _a=useSelector(selectApiConfigs),apiRoot=_a.apiRoot,graphQLEndpoint=_a.graphQLEndpoint,token=_a.token;react_21(function(){if(uiStateStatus===LoadingStatus$1.Pending&&apiRoot&&graphQLEndpoint&&token){dispatch(actions$9.uiState.init());}},[uiStateStatus,apiRoot,graphQLEndpoint,token,dispatch]);if(!apiRoot||!graphQLEndpoint||!token||!props.panelRendered){return null;}return react.createElement(AIWareThemeProvider,null,react.createElement(AIWareIntlProvider,null,react.createElement(MainLayout,_assign$c({},props))));};store.addModules([getDataCenterBrowseModule()]);
+   */value:propTypes$a.any};var Checkbox$1$3=withStyles$a(styles$J$3,{name:'MuiCheckbox'})(Checkbox$3);var useStyles$e$2=makeStyles$a(function(theme){return createStyles$a({root:{display:'flex',flexDirection:'column',justifyContent:'space-between',flexGrow:1},buttonGroup:{display:'flex',justifyContent:'flex-end',alignItems:'center','& > *':{marginRight:theme.spacing(2)}},divider:{margin:theme.spacing(2)+"px 0"},listItem:{padding:"0 "+theme.spacing(12)+"px 0 0",marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},listItemText:{paddingTop:theme.spacing(2),paddingBottom:theme.spacing(2),paddingLeft:theme.spacing(3),borderRadius:4,background:'#F2F5F9',transition:'.2s ease','&.inactive':{opacity:0.5}}});});var TableDataSettings=function TableDataSettings(props){var classes=useStyles$e$2();var inputRef=react_26(null);var _a=react_27(false),isActive=_a[0],setIsActive=_a[1];var _b=react_27([]),tableData=_b[0],setTableData=_b[1];var dispatch=useDispatch();var _c=useSelector(selectTableDataSettings),isOpen=_c.isOpen,entityType=_c.entityType,settings=_c.settings;react_21(function(){if(entityType){inputRef.current&&inputRef.current.focus();setTableData(settings[entityType]);}else{setTableData([]);}},[entityType,isActive,settings]);var _d=entityType?TABLE_DATA_SETTINGS[entityType]:{},_e=_d.required,required=_e===void 0?[]:_e,_f=_d.canToggle,canToggle=_f===void 0?[]:_f;var handleToggle=function handleToggle(key){if(tableData.includes(key)){setTableData(function(prev){return prev.filter(function(data){return data!==key;});});}else{setTableData(function(prev){return __spreadArrays$7(prev,[key]);});}};var handleSave=function handleSave(e){e.preventDefault();if(entityType){var keys=new Set(__spreadArrays$7(required,tableData));dispatch(actions$9.uiState.setTableDataSetting({entityType:entityType,keys:Array.from(keys)}));dispatch(actions$9.uiState.toggleTableDataSettings(null));}};var handleClose=function handleClose(){dispatch(actions$9.uiState.toggleTableDataSettings(null));};return react.createElement(ActionPanel,_assign$c({isOpen:!!(isOpen&&entityType),panelTitle:SHARED_TEXT$1.tableDataSettings(),panelTitleSecondary:SHARED_TEXT$1.addRemoveDataSettings(),onClose:handleClose,setIsActive:setIsActive},props),isActive&&react.createElement("form",{autoComplete:"off",noValidate:true,className:classes.root,onSubmit:handleSave,"data-test":"dc-table-data-settings-form"},react.createElement(List$1$7,null,required.map(function(key){var _a;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classes.listItemText}),react.createElement(ListItemSecondaryAction$1$1,null));}),react.createElement(Divider$1$5,{className:classes.divider}),canToggle.map(function(key,idx){var _a;var labelId="table-data-"+key;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{id:labelId,primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classnames(classes.listItemText,{inactive:!tableData.includes(key)})}),react.createElement(ListItemSecondaryAction$1$1,null,react.createElement(Tooltip$1$5,{title:tableData.includes(key)?SHARED_TEXT$1.hide():SHARED_TEXT$1.show()},react.createElement(Checkbox$1$3,{edge:"end",onChange:function onChange(){return handleToggle(key);},checked:tableData.includes(key),inputProps:{'aria-labelledby':labelId},checkedIcon:react.createElement(VisibilityOutlinedIcon,null),icon:react.createElement(VisibilityOffIcon,null),inputRef:idx===0?inputRef:null}))));})),react.createElement("div",{className:classes.buttonGroup},react.createElement(Button$1$6,{onClick:handleClose},"Cancel"),react.createElement(Button$1$6,{variant:"contained",color:"primary",type:"submit"},"Save"))));};var appBarHeight$1=55;var headerHeight=64;var borderBottom$1$1=5;var useStyles$f$1=makeStyles$a(function(theme){return createStyles$a({root:{width:1020,position:'relative'},panel:{backgroundColor:theme.palette.background.paper,boxShadow:'0px 0px 12px rgba(0, 0, 0, 0.25)',height:'100%'},fullScreen:{position:'fixed',width:'100%',height:'100vh',top:0,left:0,right:0,bottom:0,zIndex:1001},overlay:{backgroundColor:theme.palette.grey[50],opacity:"0.5 !important",height:'100%',position:'absolute',top:0,width:'100%',zIndex:1001}});});var actionPanels=[AddNewFolder,EditFolder,TableDataSettings];var MainLayout=function MainLayout(_a){var _b;var hidePanel=_a.hidePanel,dataId=_a.dataId,rest=__rest$6(_a,["hidePanel","dataId"]);var classes=useStyles$f$1();var _c=react_27(true),navigationPanelExpanded=_c[0],setNavigationPanelExpanded=_c[1];var uiStateStatus=useSelector(selectUIStateStatus);var fullScreen=useSelector(selectIsFullScreen);var dispatch=useDispatch();var panels=useSelector(panelsSelector)||[];var DataCenterPanel=panels.find(function(item){return item.panelId==='DATA_CENTER';})||{panelConfig:{dimmed:0}};var dimmed=((_b=DataCenterPanel===null||DataCenterPanel===void 0?void 0:DataCenterPanel.panelConfig)===null||_b===void 0?void 0:_b.dimmed)>0;var handleFullScreenToggle=function handleFullScreenToggle(){dispatch(actions$9.uiState.toggleFullScreen());};var handleLeftNavigationToggle=function handleLeftNavigationToggle(){setNavigationPanelExpanded(!navigationPanelExpanded);};var handlePanelClose=function handlePanelClose(){hidePanel&&hidePanel();};var mainHeight="calc(100vh - "+(fullScreen?0:appBarHeight$1+borderBottom$1$1)+"px - "+headerHeight+"px)";return react.createElement(Container$1,{dimmed:dimmed,fullScreen:fullScreen,classes:classes},react.createElement(Header,{height:headerHeight,isFullScreen:fullScreen,isNavExpanded:navigationPanelExpanded,onFullScreenToggle:handleFullScreenToggle,onLeftNavigationToggle:handleLeftNavigationToggle,onPanelClose:handlePanelClose}),uiStateStatus===LoadingStatus$1.Idle&&react.createElement(MainTabPanel,{height:mainHeight,isNavExpanded:navigationPanelExpanded}),uiStateStatus===LoadingStatus$1.Pending&&react.createElement(MainSkeleton,{height:mainHeight}),uiStateStatus===LoadingStatus$1.Failed&&react.createElement("div",null,"Error: Please try again later."),actionPanels.map(function(Panel,idx){return react.createElement(Panel,{key:idx,className:classes.panel,fullScreen:fullScreen});}));};var Container$1=function Container(_a){var fullScreen=_a.fullScreen,classes=_a.classes,dimmed=_a.dimmed,children=_a.children;return fullScreen?react.createElement(Portal$8,null,react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel,classes.fullScreen)},dimmed&&react.createElement("div",{className:classes.overlay}),children)):react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel)},children);};var DataCenterBrowse=function DataCenterBrowse(props){var dispatch=useDispatch();var uiStateStatus=useSelector(selectUIStateStatus);var _a=useSelector(selectApiConfigs),apiRoot=_a.apiRoot,graphQLEndpoint=_a.graphQLEndpoint,token=_a.token;react_21(function(){if(uiStateStatus===LoadingStatus$1.Pending&&apiRoot&&graphQLEndpoint&&token){dispatch(actions$9.uiState.init());}},[uiStateStatus,apiRoot,graphQLEndpoint,token,dispatch]);if(!apiRoot||!graphQLEndpoint||!token||!props.panelRendered){return null;}return react.createElement(AIWareThemeProvider,null,react.createElement(AIWareIntlProvider,null,react.createElement(MainLayout,_assign$c({},props))));};store.addModules([getDataCenterBrowseModule()]);
 
 (function(){var env={};try{if(process){process.env=Object.assign({},process.env);Object.assign(process.env,env);return;}}catch(e){}// avoid ReferenceError: process is not defined
 globalThis.process={env:env};})();/*! *****************************************************************************
@@ -167698,7 +167702,7 @@ function createStyles$d(styles){// warning(
 // );
 // warnOnce = true;
 return createStyles(styles);}var defaultTheme$c=createMuiTheme$d();function makeStyles$d(stylesOrCreator){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return makeStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}function useTheme$b(){var theme=useTheme()||defaultTheme$c;{// eslint-disable-next-line react-hooks/rules-of-hooks
-react.useDebugValue(theme);}return theme;}function withStyles$d(stylesOrCreator,options){return withStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}var useStyles$m=makeStyles$d(function(theme){return createStyles$d({root:{width:'560px',height:'auto'},configurationContainer:{minHeight:'650px'},spacer:{minHeight:theme.spacing(2)},header:{alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,backgroundColor:'#FAFAFA !important',display:'flex',height:64,padding:theme.spacing(2)},headerTitle:{paddingLeft:theme.spacing(4)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"},stepsContent:{overflowY:'scroll','&::-webkit-scrollbar':{width:'0'},height:'650px'},stepper:{width:'80%'},sectionsButton:{paddingBottom:theme.spacing(3)},sections:{paddingTop:theme.spacing(3),paddingBottom:theme.spacing(2.8)},container:{paddingTop:theme.spacing(3),paddingLeft:theme.spacing(3),paddingRight:theme.spacing(3)},clientDivider:{paddingBottom:theme.spacing(3)},previewButtonContainer:{marginTop:theme.spacing(3),padding:theme.spacing(3),background:'#FAFAFA'},previewButtonImage:{width:'30px',height:'30px',objectFit:'contain',marginRight:theme.spacing(2)},previewButton:{height:'55px',marginBottom:theme.spacing(4),textTransform:'none'},designContainer:{display:'flex',width:'100%',marginTop:theme.spacing(3)},colorBlocksContainer:{display:'flex',flexDirection:'row',justifyContent:'space-between',width:'100%'},colorBlock:{width:'30px',height:'30px',borderRadius:'4px'},colorValuesContainer:{display:'flex',justifyContent:'space-between',width:'100%'},buttonDesignErrorContainer:{marginTop:'10px',display:'flex',flexDirection:'column',width:'100%',alignItems:'center',justifyContent:'center',color:'#E53935'},buttonDesignContainer:{display:'flex',flexDirection:'column',height:'137px',width:'100%',justifyContent:'space-between'},buttonPreviewLabel:{position:'absolute',fontSize:'12px',width:'75px',backgroundColor:'#fff',color:'#5C6269',textAlign:'center',top:'-12px',left:'5px'},logo:{width:'100%',objectFit:'fill',borderRadius:'4px'},logoContainer:{width:'138px',position:'relative',borderRadius:'4px',marginRight:theme.spacing(2)},buttonGroup:{display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'flex-end',marginTop:theme.spacing(3),marginRight:theme.spacing(3)},button:{marginRight:theme.spacing(1)},instructions:{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},textField:{width:'100%'},textFieldButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'100%'},textFieldHexButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'48%'},inputBase:{fontWeight:400,fontSize:'14px'},inputContainer:{position:'relative'},fileInput:{position:'absolute',height:1,width:1,overflow:'hidden',clip:'rect(1px, 1px, 1px, 1px)'},imageWrapper:{position:'relative',alignItems:'center',borderRadius:4,border:'1px solid #ccc',boxSizing:'border-box',cursor:'pointer',display:'flex',width:137,height:137,justifyContent:'center',overflow:'hidden'},inputLogo:{position:'relative',height:138,width:138,objectFit:'contain'},removeBtn:{backgroundColor:'rgba(255, 255, 255, .7)',color:'#000',borderRadius:'25px',padding:8,position:'absolute',right:4,top:92},loadingCreate:{marginTop:'50px',display:'flex',width:'100%',height:'400px',justifyContent:'space-around',alignItems:'center',flexDirection:'column'},errorImage:{width:'235px',height:'235px'},retryButton:{marginTop:'10px'},isGlobalContainer:{borderRadius:4,backgroundColor:'#FAFAFA',padding:'10px',display:'flex',flexDirection:'row'},isGlobalTitle:{marginBottom:'5px'},isGlobalDescription:{width:'90%'}});});function toVal$b(mix){var k,y,str='';if(typeof mix==='string'||typeof mix==='number'){str+=mix;}else if(typeof mix==='object'){if(Array.isArray(mix)){for(k=0;k<mix.length;k++){if(mix[k]){if(y=toVal$b(mix[k])){str&&(str+=' ');str+=y;}}}}else{for(k in mix){if(mix[k]){str&&(str+=' ');str+=k;}}}}return str;}function clsx$b(){var i=0,tmp,x,str='';while(i<arguments.length){if(tmp=arguments[i++]){if(x=toVal$b(tmp)){str&&(str+=' ');str+=x;}}}return str;}// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
+react.useDebugValue(theme);}return theme;}function withStyles$d(stylesOrCreator,options){return withStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}var useStyles$m=makeStyles$d(function(theme){return createStyles$d({root:{width:'560px',height:'auto'},configurationContainer:{minHeight:'650px'},spacer:{minHeight:theme.spacing(2)},header:{alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,backgroundColor:'#FAFAFA !important',display:'flex',height:64,padding:theme.spacing(2)},headerTitle:{paddingLeft:theme.spacing(4)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"},stepsContent:{overflowY:'scroll','&::-webkit-scrollbar':{width:'0'},height:'650px'},stepper:{width:'80%'},sectionsButton:{paddingBottom:theme.spacing(3)},sections:{paddingTop:theme.spacing(3),paddingBottom:theme.spacing(2.8)},container:{paddingTop:theme.spacing(3),paddingLeft:theme.spacing(3),paddingRight:theme.spacing(3)},clientDivider:{paddingBottom:theme.spacing(3)},previewButtonContainer:{marginTop:theme.spacing(3),padding:theme.spacing(3),background:'#FAFAFA'},previewButtonImage:{width:'30px',height:'30px',objectFit:'contain',marginRight:theme.spacing(2)},previewButton:{height:'55px',marginBottom:theme.spacing(4),textTransform:'none'},designContainer:{display:'flex',width:'100%',marginTop:theme.spacing(3)},colorBlocksContainer:{display:'flex',flexDirection:'row',justifyContent:'space-between',width:'100%'},colorBlock:{width:'30px',height:'30px',borderRadius:'4px'},colorValuesContainer:{display:'flex',justifyContent:'space-between',width:'100%'},buttonDesignErrorContainer:{marginTop:'10px',display:'flex',flexDirection:'column',width:'100%',alignItems:'center',justifyContent:'center',color:'#E53935'},buttonDesignContainer:{display:'flex',flexDirection:'column',height:'137px',width:'100%',justifyContent:'space-between'},buttonPreviewLabel:{position:'absolute',fontSize:'12px',fontWeight:300,width:'75px',backgroundColor:'#fff',transform:'translate(2px, 0px) scale(.98)',color:'#5C6269',textAlign:'center',top:'-8px',left:'5px'},logo:{width:'100%',objectFit:'fill',borderRadius:'4px'},logoContainer:{height:'138px',width:'138px',position:'relative',borderRadius:'4px',marginRight:theme.spacing(2)},buttonGroup:{display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'flex-end',marginTop:theme.spacing(3),marginRight:theme.spacing(3)},button:{marginRight:theme.spacing(1)},instructions:{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},textField:{width:'100%'},textFieldButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'100%'},textFieldHexButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'48%'},inputBase:{fontWeight:400,fontSize:'14px'},inputContainer:{position:'relative'},fileInput:{position:'absolute',height:1,width:1,overflow:'hidden',clip:'rect(1px, 1px, 1px, 1px)'},imageWrapper:{position:'relative',alignItems:'center',borderRadius:4,border:'1px solid #ccc',boxSizing:'border-box',cursor:'pointer',display:'flex',width:137,height:137,justifyContent:'center',overflow:'hidden'},inputLogo:{position:'relative',height:138,width:138,objectFit:'contain'},removeBtn:{backgroundColor:'rgba(255, 255, 255, .7)',color:'#000',borderRadius:'25px',padding:8,position:'absolute',right:4,top:92},loadingCreate:{marginTop:'50px',display:'flex',width:'100%',height:'400px',justifyContent:'space-around',alignItems:'center',flexDirection:'column'},errorImage:{width:'235px',height:'235px'},retryButton:{marginTop:'10px'},isGlobalContainer:{borderRadius:4,backgroundColor:'#FAFAFA',padding:'10px',display:'flex',flexDirection:'row'},isGlobalTitle:{marginBottom:'5px'},isGlobalDescription:{width:'90%'}});});function toVal$b(mix){var k,y,str='';if(typeof mix==='string'||typeof mix==='number'){str+=mix;}else if(typeof mix==='object'){if(Array.isArray(mix)){for(k=0;k<mix.length;k++){if(mix[k]){if(y=toVal$b(mix[k])){str&&(str+=' ');str+=y;}}}}else{for(k in mix){if(mix[k]){str&&(str+=' ');str+=k;}}}}return str;}function clsx$b(){var i=0,tmp,x,str='';while(i<arguments.length){if(tmp=arguments[i++]){if(x=toVal$b(tmp)){str&&(str+=' ');str+=x;}}}return str;}// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
 //
 // A strict capitalization should uppercase the first letter of each word a the sentence.
 // We only handle the first word.
@@ -205375,12 +205379,14 @@ function mountWidgetListenerSaga() {
           }; // todo pass base story props (or wrap it here?)
 
 
+          var el = getElement(elementId);
+          el.classList.add('aiware-el');
           reactDom.render(react.createElement(StylesProvider, {
             jss: jss$3,
             generateClassName: generateClassName$2
           }, react.createElement(AIWareThemeProvider, null, react.createElement(Provider, {
             store: store
-          }, react.createElement(Component, __assign({}, widgetConfig))))), getElement(elementId));
+          }, react.createElement(Component, __assign({}, widgetConfig))))), el);
         })];
 
       case 1:
@@ -205525,7 +205531,7 @@ function mountPanelListenerSaga() {
         return [4
         /*yield*/
         , takeEvery$1(mountPanel({}).type, function (action) {
-          var _a, panelId, name, panelConfig, Component, Panel, parent_1, _b, _c, marginTop, _d, marginStart, _e, zIndex, panelId_1, clientWidth;
+          var _a, panelId, name, panelConfig, Component, Panel, parent_1, _b, _c, marginTop, _d, marginStart, _e, zIndex, panelId_1, clientWidth, el;
 
           var _f;
 
@@ -205560,6 +205566,8 @@ function mountPanelListenerSaga() {
                 _g.label = 2;
 
               case 2:
+                el = getElement(panelId + "-" + rootPostfix);
+                el.classList.add('aiware-el');
                 reactDom.render(react.createElement(AIWareThemeProvider, null, react.createElement(Provider, {
                   store: store
                 }, react.createElement(ClickAwayListener, {
@@ -205568,7 +205576,7 @@ function mountPanelListenerSaga() {
                   type: 'SIMPLE_PANEL',
                   panelId: panelId,
                   "data-test": "panel-" + panelId
-                }, react.createElement(Component, null)))))), getElement(panelId + "-" + rootPostfix));
+                }, react.createElement(Component, null)))))), el);
                 return [2
                 /*return*/
                 ];
@@ -207545,6 +207553,7 @@ var ThemeInitializer = function ThemeInitializer() {
 
 
 var root$5 = getElement('aiWARE');
+root$5.classList.add('aiware-el');
 /**
  * Render modal renderer
  */
@@ -207745,7 +207754,7 @@ if (window) {
     mountPanel: mountPanel$1,
     unmountWidget: unmountWidget$1,
     // this is set build time
-    commit: 'd0089ee6e'
+    commit: '15fe511ac'
   };
 }
 

package/js-core.umd.js

@@ -31082,6 +31082,10 @@
     var _a$1, _b$1;
 
     var PANELS_FEATURE_KEY = 'panels';
+
+    var panelsSelector = function panelsSelector(state) {
+      return state[name];
+    };
     /**
      * Panels Slice
      */
@@ -69252,9 +69256,9 @@
     EventEmitter.EventEmitter=EventEmitter;//
     // Expose the module.
     //
-    {module.exports=EventEmitter;}});var isString_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isString(value){return typeof value==='string';}exports["default"]=isString;});unwrapExports$3(isString_1$1);var isObject_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isObject(value){return value!==null&&typeof value==='object';}exports["default"]=isObject;});unwrapExports$3(isObject_1$1);var protocol$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.GRAPHQL_SUBSCRIPTIONS=exports.GRAPHQL_WS=void 0;var GRAPHQL_WS='graphql-ws';exports.GRAPHQL_WS=GRAPHQL_WS;var GRAPHQL_SUBSCRIPTIONS='graphql-subscriptions';exports.GRAPHQL_SUBSCRIPTIONS=GRAPHQL_SUBSCRIPTIONS;});unwrapExports$3(protocol$1);var protocol_1$1=protocol$1.GRAPHQL_SUBSCRIPTIONS;var protocol_2$1=protocol$1.GRAPHQL_WS;var defaults$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.WS_TIMEOUT=exports.MIN_WS_TIMEOUT=void 0;var MIN_WS_TIMEOUT=1000;exports.MIN_WS_TIMEOUT=MIN_WS_TIMEOUT;var WS_TIMEOUT=30000;exports.WS_TIMEOUT=WS_TIMEOUT;});unwrapExports$3(defaults$1);var defaults_1$1=defaults$1.WS_TIMEOUT;var defaults_2$1=defaults$1.MIN_WS_TIMEOUT;var messageTypes$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var MessageTypes=function(){function MessageTypes(){throw new Error('Static Class');}MessageTypes.GQL_CONNECTION_INIT='connection_init';MessageTypes.GQL_CONNECTION_ACK='connection_ack';MessageTypes.GQL_CONNECTION_ERROR='connection_error';MessageTypes.GQL_CONNECTION_KEEP_ALIVE='ka';MessageTypes.GQL_CONNECTION_TERMINATE='connection_terminate';MessageTypes.GQL_START='start';MessageTypes.GQL_DATA='data';MessageTypes.GQL_ERROR='error';MessageTypes.GQL_COMPLETE='complete';MessageTypes.GQL_STOP='stop';MessageTypes.SUBSCRIPTION_START='subscription_start';MessageTypes.SUBSCRIPTION_DATA='subscription_data';MessageTypes.SUBSCRIPTION_SUCCESS='subscription_success';MessageTypes.SUBSCRIPTION_FAIL='subscription_fail';MessageTypes.SUBSCRIPTION_END='subscription_end';MessageTypes.INIT='init';MessageTypes.INIT_SUCCESS='init_success';MessageTypes.INIT_FAIL='init_fail';MessageTypes.KEEP_ALIVE='keepalive';return MessageTypes;}();exports["default"]=MessageTypes;});unwrapExports$3(messageTypes$1);var printer_1$1=getCjsExportFromNamespace$3(printer$1);var getOperationAST_1$1=getCjsExportFromNamespace$3(getOperationAST$1$1);var symbol_observable_1$1=getCjsExportFromNamespace$3(es$2);var client$1=createCommonjsModule$5(function(module,exports){var __assign=commonjsGlobal$2&&commonjsGlobal$2.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}}return t;};return __assign.apply(this,arguments);};var __awaiter=commonjsGlobal$2&&commonjsGlobal$2.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal$2&&commonjsGlobal$2.__generator||function(thisArg,body){var _={label:0,sent:function sent(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_){try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal$2&&commonjsGlobal$2.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++){s+=arguments[i].length;}for(var r=Array(s),k=0,i=0;i<il;i++){for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++){r[k]=a[j];}}return r;};Object.defineProperty(exports,"__esModule",{value:true});exports.SubscriptionClient=void 0;var _global=typeof commonjsGlobal$2!=='undefined'?commonjsGlobal$2:typeof window!=='undefined'?window:{};var NativeWebSocket=_global.WebSocket||_global.MozWebSocket;var SubscriptionClient=function(){function SubscriptionClient(url,options,webSocketImpl,webSocketProtocols){var _a=options||{},_b=_a.connectionCallback,connectionCallback=_b===void 0?undefined:_b,_c=_a.connectionParams,connectionParams=_c===void 0?{}:_c,_d=_a.minTimeout,minTimeout=_d===void 0?defaults$1.MIN_WS_TIMEOUT:_d,_e=_a.timeout,timeout=_e===void 0?defaults$1.WS_TIMEOUT:_e,_f=_a.reconnect,reconnect=_f===void 0?false:_f,_g=_a.reconnectionAttempts,reconnectionAttempts=_g===void 0?Infinity:_g,_h=_a.lazy,lazy=_h===void 0?false:_h,_j=_a.inactivityTimeout,inactivityTimeout=_j===void 0?0:_j,_k=_a.wsOptionArguments,wsOptionArguments=_k===void 0?[]:_k;this.wsImpl=webSocketImpl||NativeWebSocket;if(!this.wsImpl){throw new Error('Unable to find native implementation, or alternative implementation for WebSocket!');}this.wsProtocols=webSocketProtocols||protocol$1.GRAPHQL_WS;this.connectionCallback=connectionCallback;this.url=url;this.operations={};this.nextOperationId=0;this.minWsTimeout=minTimeout;this.wsTimeout=timeout;this.unsentMessagesQueue=[];this.reconnect=reconnect;this.reconnecting=false;this.reconnectionAttempts=reconnectionAttempts;this.lazy=!!lazy;this.inactivityTimeout=inactivityTimeout;this.closedByUser=false;this.backoff=new backo2$1({jitter:0.5});this.eventEmitter=new eventemitter3$1.EventEmitter();this.middlewares=[];this.client=null;this.maxConnectTimeGenerator=this.createMaxConnectTimeGenerator();this.connectionParams=this.getConnectionParams(connectionParams);this.wsOptionArguments=wsOptionArguments;if(!this.lazy){this.connect();}}Object.defineProperty(SubscriptionClient.prototype,"status",{get:function get(){if(this.client===null){return this.wsImpl.CLOSED;}return this.client.readyState;},enumerable:false,configurable:true});SubscriptionClient.prototype.close=function(isForced,closedByUser){if(isForced===void 0){isForced=true;}if(closedByUser===void 0){closedByUser=true;}this.clearInactivityTimeout();if(this.client!==null){this.closedByUser=closedByUser;if(isForced){this.clearCheckConnectionInterval();this.clearMaxConnectTimeout();this.clearTryReconnectTimeout();this.unsubscribeAll();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_TERMINATE,null);}this.client.close();this.client.onopen=null;this.client.onclose=null;this.client.onerror=null;this.client.onmessage=null;this.client=null;this.eventEmitter.emit('disconnected');if(!isForced){this.tryReconnect();}}};SubscriptionClient.prototype.request=function(request){var _a;var getObserver=this.getObserver.bind(this);var executeOperation=this.executeOperation.bind(this);var _unsubscribe=this.unsubscribe.bind(this);var opId;this.clearInactivityTimeout();return _a={},_a[symbol_observable_1$1["default"]]=function(){return this;},_a.subscribe=function(observerOrNext,onError,onComplete){var observer=getObserver(observerOrNext,onError,onComplete);opId=executeOperation(request,function(error,result){if(error===null&&result===null){if(observer.complete){observer.complete();}}else if(error){if(observer.error){observer.error(error[0]);}}else{if(observer.next){observer.next(result);}}});return {unsubscribe:function unsubscribe(){if(opId){_unsubscribe(opId);opId=null;}}};},_a;};SubscriptionClient.prototype.on=function(eventName,callback,context){var handler=this.eventEmitter.on(eventName,callback,context);return function(){handler.off(eventName,callback,context);};};SubscriptionClient.prototype.onConnected=function(callback,context){return this.on('connected',callback,context);};SubscriptionClient.prototype.onConnecting=function(callback,context){return this.on('connecting',callback,context);};SubscriptionClient.prototype.onDisconnected=function(callback,context){return this.on('disconnected',callback,context);};SubscriptionClient.prototype.onReconnected=function(callback,context){return this.on('reconnected',callback,context);};SubscriptionClient.prototype.onReconnecting=function(callback,context){return this.on('reconnecting',callback,context);};SubscriptionClient.prototype.onError=function(callback,context){return this.on('error',callback,context);};SubscriptionClient.prototype.unsubscribeAll=function(){var _this=this;Object.keys(this.operations).forEach(function(subId){_this.unsubscribe(subId);});};SubscriptionClient.prototype.applyMiddlewares=function(options){var _this=this;return new Promise(function(resolve,reject){var queue=function queue(funcs,scope){var next=function next(error){if(error){reject(error);}else{if(funcs.length>0){var f=funcs.shift();if(f){f.applyMiddleware.apply(scope,[options,next]);}}else{resolve(options);}}};next();};queue(__spreadArrays(_this.middlewares),_this);});};SubscriptionClient.prototype.use=function(middlewares){var _this=this;middlewares.filter(Boolean).map(function(middleware){if(typeof middleware.applyMiddleware==='function'){_this.middlewares.push(middleware);}else{throw new Error('Middleware must implement the applyMiddleware function.');}});return this;};SubscriptionClient.prototype.getConnectionParams=function(connectionParams){return function(){return new Promise(function(resolve,reject){if(typeof connectionParams==='function'){try{return resolve(connectionParams.call(null));}catch(error){return reject(error);}}resolve(connectionParams);});};};SubscriptionClient.prototype.executeOperation=function(options,handler){var _this=this;if(this.client===null){this.connect();}var opId=this.generateOperationId();this.operations[opId]={options:options,handler:handler};this.applyMiddlewares(options).then(function(processedOptions){_this.checkOperationOptions(processedOptions,handler);if(_this.operations[opId]){_this.operations[opId]={options:processedOptions,handler:handler};_this.sendMessage(opId,messageTypes$1["default"].GQL_START,processedOptions);}})["catch"](function(error){_this.unsubscribe(opId);handler(_this.formatErrors(error));});return opId;};SubscriptionClient.prototype.getObserver=function(observerOrNext,_error3,_complete2){if(typeof observerOrNext==='function'){return {next:function next(v){return observerOrNext(v);},error:function error(e){return _error3&&_error3(e);},complete:function complete(){return _complete2&&_complete2();}};}return observerOrNext;};SubscriptionClient.prototype.createMaxConnectTimeGenerator=function(){var minValue=this.minWsTimeout;var maxValue=this.wsTimeout;return new backo2$1({min:minValue,max:maxValue,factor:1.2});};SubscriptionClient.prototype.clearCheckConnectionInterval=function(){if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnectionIntervalId=null;}};SubscriptionClient.prototype.clearMaxConnectTimeout=function(){if(this.maxConnectTimeoutId){clearTimeout(this.maxConnectTimeoutId);this.maxConnectTimeoutId=null;}};SubscriptionClient.prototype.clearTryReconnectTimeout=function(){if(this.tryReconnectTimeoutId){clearTimeout(this.tryReconnectTimeoutId);this.tryReconnectTimeoutId=null;}};SubscriptionClient.prototype.clearInactivityTimeout=function(){if(this.inactivityTimeoutId){clearTimeout(this.inactivityTimeoutId);this.inactivityTimeoutId=null;}};SubscriptionClient.prototype.setInactivityTimeout=function(){var _this=this;if(this.inactivityTimeout>0&&Object.keys(this.operations).length===0){this.inactivityTimeoutId=setTimeout(function(){if(Object.keys(_this.operations).length===0){_this.close();}},this.inactivityTimeout);}};SubscriptionClient.prototype.checkOperationOptions=function(options,handler){var query=options.query,variables=options.variables,operationName=options.operationName;if(!query){throw new Error('Must provide a query.');}if(!handler){throw new Error('Must provide an handler.');}if(!isString_1$1["default"](query)&&!getOperationAST_1$1.getOperationAST(query,operationName)||operationName&&!isString_1$1["default"](operationName)||variables&&!isObject_1$1["default"](variables)){throw new Error('Incorrect option types. query must be a string or a document,'+'`operationName` must be a string, and `variables` must be an object.');}};SubscriptionClient.prototype.buildMessage=function(id,type,payload){var payloadToReturn=payload&&payload.query?__assign(__assign({},payload),{query:typeof payload.query==='string'?payload.query:printer_1$1.print(payload.query)}):payload;return {id:id,type:type,payload:payloadToReturn};};SubscriptionClient.prototype.formatErrors=function(errors){if(Array.isArray(errors)){return errors;}if(errors&&errors.errors){return this.formatErrors(errors.errors);}if(errors&&errors.message){return [errors];}return [{name:'FormatedError',message:'Unknown error',originalError:errors}];};SubscriptionClient.prototype.sendMessage=function(id,type,payload){this.sendMessageRaw(this.buildMessage(id,type,payload));};SubscriptionClient.prototype.sendMessageRaw=function(message){switch(this.status){case this.wsImpl.OPEN:var serializedMessage=JSON.stringify(message);try{JSON.parse(serializedMessage);}catch(e){this.eventEmitter.emit('error',new Error("Message must be JSON-serializable. Got: "+message));}this.client.send(serializedMessage);break;case this.wsImpl.CONNECTING:this.unsentMessagesQueue.push(message);break;default:if(!this.reconnecting){this.eventEmitter.emit('error',new Error('A message was not sent because socket is not connected, is closing or '+'is already closed. Message was: '+JSON.stringify(message)));}}};SubscriptionClient.prototype.generateOperationId=function(){return String(++this.nextOperationId);};SubscriptionClient.prototype.tryReconnect=function(){var _this=this;if(!this.reconnect||this.backoff.attempts>=this.reconnectionAttempts){return;}if(!this.reconnecting){Object.keys(this.operations).forEach(function(key){_this.unsentMessagesQueue.push(_this.buildMessage(key,messageTypes$1["default"].GQL_START,_this.operations[key].options));});this.reconnecting=true;}this.clearTryReconnectTimeout();var delay=this.backoff.duration();this.tryReconnectTimeoutId=setTimeout(function(){_this.connect();},delay);};SubscriptionClient.prototype.flushUnsentMessagesQueue=function(){var _this=this;this.unsentMessagesQueue.forEach(function(message){_this.sendMessageRaw(message);});this.unsentMessagesQueue=[];};SubscriptionClient.prototype.checkConnection=function(){if(this.wasKeepAliveReceived){this.wasKeepAliveReceived=false;return;}if(!this.reconnecting){this.close(false,true);}};SubscriptionClient.prototype.checkMaxConnectTimeout=function(){var _this=this;this.clearMaxConnectTimeout();this.maxConnectTimeoutId=setTimeout(function(){if(_this.status!==_this.wsImpl.OPEN){_this.reconnecting=true;_this.close(false,true);}},this.maxConnectTimeGenerator.duration());};SubscriptionClient.prototype.connect=function(){var _a;var _this=this;this.client=new((_a=this.wsImpl).bind.apply(_a,__spreadArrays([void 0,this.url,this.wsProtocols],this.wsOptionArguments)))();this.checkMaxConnectTimeout();this.client.onopen=function(){return __awaiter(_this,void 0,void 0,function(){var connectionParams,error_1;return __generator(this,function(_a){switch(_a.label){case 0:if(!(this.status===this.wsImpl.OPEN))return [3,4];this.clearMaxConnectTimeout();this.closedByUser=false;this.eventEmitter.emit(this.reconnecting?'reconnecting':'connecting');_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4,this.connectionParams()];case 2:connectionParams=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_INIT,connectionParams);this.flushUnsentMessagesQueue();return [3,4];case 3:error_1=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_ERROR,error_1);this.flushUnsentMessagesQueue();return [3,4];case 4:return [2];}});});};this.client.onclose=function(){if(!_this.closedByUser){_this.close(false,false);}};this.client.onerror=function(err){_this.eventEmitter.emit('error',err);};this.client.onmessage=function(_a){var data=_a.data;_this.processReceivedData(data);};};SubscriptionClient.prototype.processReceivedData=function(receivedData){var parsedMessage;var opId;try{parsedMessage=JSON.parse(receivedData);opId=parsedMessage.id;}catch(e){throw new Error("Message must be JSON-parseable. Got: "+receivedData);}if([messageTypes$1["default"].GQL_DATA,messageTypes$1["default"].GQL_COMPLETE,messageTypes$1["default"].GQL_ERROR].indexOf(parsedMessage.type)!==-1&&!this.operations[opId]){this.unsubscribe(opId);return;}switch(parsedMessage.type){case messageTypes$1["default"].GQL_CONNECTION_ERROR:if(this.connectionCallback){this.connectionCallback(parsedMessage.payload);}break;case messageTypes$1["default"].GQL_CONNECTION_ACK:this.eventEmitter.emit(this.reconnecting?'reconnected':'connected',parsedMessage.payload);this.reconnecting=false;this.backoff.reset();this.maxConnectTimeGenerator.reset();if(this.connectionCallback){this.connectionCallback();}break;case messageTypes$1["default"].GQL_COMPLETE:var handler=this.operations[opId].handler;delete this.operations[opId];handler.call(this,null,null);break;case messageTypes$1["default"].GQL_ERROR:this.operations[opId].handler(this.formatErrors(parsedMessage.payload),null);delete this.operations[opId];break;case messageTypes$1["default"].GQL_DATA:var parsedPayload=!parsedMessage.payload.errors?parsedMessage.payload:__assign(__assign({},parsedMessage.payload),{errors:this.formatErrors(parsedMessage.payload.errors)});this.operations[opId].handler(null,parsedPayload);break;case messageTypes$1["default"].GQL_CONNECTION_KEEP_ALIVE:var firstKA=typeof this.wasKeepAliveReceived==='undefined';this.wasKeepAliveReceived=true;if(firstKA){this.checkConnection();}if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnection();}this.checkConnectionIntervalId=setInterval(this.checkConnection.bind(this),this.wsTimeout);break;default:throw new Error('Invalid message type!');}};SubscriptionClient.prototype.unsubscribe=function(opId){if(this.operations[opId]){delete this.operations[opId];this.setInactivityTimeout();this.sendMessage(opId,messageTypes$1["default"].GQL_STOP,undefined);}};return SubscriptionClient;}();exports.SubscriptionClient=SubscriptionClient;});unwrapExports$3(client$1);var client_1$1=client$1.SubscriptionClient;var WebSocketLink$1=function(_super){__extends$1$2(WebSocketLink,_super);function WebSocketLink(paramsOrClient){var _this=_super.call(this)||this;if(paramsOrClient instanceof client_1$1){_this.subscriptionClient=paramsOrClient;}else{_this.subscriptionClient=new client_1$1(paramsOrClient.uri,paramsOrClient.options,paramsOrClient.webSocketImpl);}return _this;}WebSocketLink.prototype.request=function(operation){return this.subscriptionClient.request(operation);};return WebSocketLink;}(ApolloLink$1);var createApolloClient$1=function createApolloClient(link){return new ApolloClient$1({link:link,cache:new InMemoryCache$1()});};var createApolloWs$1=function createApolloWs(baseGraphqlUrl,authToken,mailboxId){var link=new WebSocketLink$1({uri:baseGraphqlUrl,options:{reconnect:true,connectionParams:{authorization:"Bearer "+authToken,mailboxId:mailboxId}}});return link;};var notificationCommands={setIsIdle:'set_is_idle',setCallLogout:'set_call_logout',setClickedLogout:'set_clicked_logout',setCallResetIdleTimer:'set_call_reset_idle_timer',goToLoginPage:'go_to_login_page'};var postNotificationApi=function postNotificationApi(graphEndpoint,userId,command,ephemeral,contentType,eventType,token){if(command===void 0){command={};}if(ephemeral===void 0){ephemeral=false;}if(contentType===void 0){contentType='text';}return __awaiter$2(void 0,void 0,void 0,function(){var query,variables,error_1;return __generator$2(this,function(_a){switch(_a.label){case 0:query="\n  mutation ($body: String!, $userId: ID!, $ephemeral: Boolean!, $contentType: String!, $eventType: String){\n    notificationPost(\n      input: {\n        mailboxIds: [$userId],\n        title:\"System Notification\",\n        body: $body\n        contentType: $contentType\n        flags: [unread, unseen]\n        ephemeral: $ephemeral\n        eventType: $eventType\n      }\n      ) {\n        id\n        body\n        contentType\n        createdDateTime\n      }\n    }";variables={body:JSON.stringify(command),userId:userId,ephemeral:ephemeral,contentType:contentType,eventType:eventType};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,baseGraphQLApi$1({query:query,variables:variables,graphEndpoint:graphEndpoint,token:token})];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();return [2/*return*/,{success:false}];case 4:return [2/*return*/];}});});};var aiwareEvent='AIWARE_JS_SYSTEM_EVENT';function goToPage(page){window.location.href=page;}var subscriptionTask$1;function websocketInitChannel$1(){var user,userId,sessionToken,graphEndpointWS,loginUrl;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,select$2(authSelector)];case 1:user=_a.sent();userId=user===null||user===void 0?void 0:user.userId;return [4/*yield*/,select$2(sessionTokenSelector$1)];case 2:sessionToken=_a.sent();return [4/*yield*/,select$2(configSelector$1)];case 3:graphEndpointWS=_a.sent().graphEndpointWS;return [4/*yield*/,select$2(loginUrlSelector)];case 4:loginUrl=_a.sent();// open saga channel to get the notification from socket
+    {module.exports=EventEmitter;}});var isString_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isString(value){return typeof value==='string';}exports["default"]=isString;});unwrapExports$3(isString_1$1);var isObject_1$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});function isObject(value){return value!==null&&typeof value==='object';}exports["default"]=isObject;});unwrapExports$3(isObject_1$1);var protocol$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.GRAPHQL_SUBSCRIPTIONS=exports.GRAPHQL_WS=void 0;var GRAPHQL_WS='graphql-ws';exports.GRAPHQL_WS=GRAPHQL_WS;var GRAPHQL_SUBSCRIPTIONS='graphql-subscriptions';exports.GRAPHQL_SUBSCRIPTIONS=GRAPHQL_SUBSCRIPTIONS;});unwrapExports$3(protocol$1);var protocol_1$1=protocol$1.GRAPHQL_SUBSCRIPTIONS;var protocol_2$1=protocol$1.GRAPHQL_WS;var defaults$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.WS_TIMEOUT=exports.MIN_WS_TIMEOUT=void 0;var MIN_WS_TIMEOUT=1000;exports.MIN_WS_TIMEOUT=MIN_WS_TIMEOUT;var WS_TIMEOUT=30000;exports.WS_TIMEOUT=WS_TIMEOUT;});unwrapExports$3(defaults$1);var defaults_1$1=defaults$1.WS_TIMEOUT;var defaults_2$1=defaults$1.MIN_WS_TIMEOUT;var messageTypes$1=createCommonjsModule$5(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var MessageTypes=function(){function MessageTypes(){throw new Error('Static Class');}MessageTypes.GQL_CONNECTION_INIT='connection_init';MessageTypes.GQL_CONNECTION_ACK='connection_ack';MessageTypes.GQL_CONNECTION_ERROR='connection_error';MessageTypes.GQL_CONNECTION_KEEP_ALIVE='ka';MessageTypes.GQL_CONNECTION_TERMINATE='connection_terminate';MessageTypes.GQL_START='start';MessageTypes.GQL_DATA='data';MessageTypes.GQL_ERROR='error';MessageTypes.GQL_COMPLETE='complete';MessageTypes.GQL_STOP='stop';MessageTypes.SUBSCRIPTION_START='subscription_start';MessageTypes.SUBSCRIPTION_DATA='subscription_data';MessageTypes.SUBSCRIPTION_SUCCESS='subscription_success';MessageTypes.SUBSCRIPTION_FAIL='subscription_fail';MessageTypes.SUBSCRIPTION_END='subscription_end';MessageTypes.INIT='init';MessageTypes.INIT_SUCCESS='init_success';MessageTypes.INIT_FAIL='init_fail';MessageTypes.KEEP_ALIVE='keepalive';return MessageTypes;}();exports["default"]=MessageTypes;});unwrapExports$3(messageTypes$1);var printer_1$1=getCjsExportFromNamespace$3(printer$1);var getOperationAST_1$1=getCjsExportFromNamespace$3(getOperationAST$1$1);var symbol_observable_1$1=getCjsExportFromNamespace$3(es$2);var client$1=createCommonjsModule$5(function(module,exports){var __assign=commonjsGlobal$2&&commonjsGlobal$2.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}}return t;};return __assign.apply(this,arguments);};var __awaiter=commonjsGlobal$2&&commonjsGlobal$2.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal$2&&commonjsGlobal$2.__generator||function(thisArg,body){var _={label:0,sent:function sent(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_){try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal$2&&commonjsGlobal$2.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++){s+=arguments[i].length;}for(var r=Array(s),k=0,i=0;i<il;i++){for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++){r[k]=a[j];}}return r;};Object.defineProperty(exports,"__esModule",{value:true});exports.SubscriptionClient=void 0;var _global=typeof commonjsGlobal$2!=='undefined'?commonjsGlobal$2:typeof window!=='undefined'?window:{};var NativeWebSocket=_global.WebSocket||_global.MozWebSocket;var SubscriptionClient=function(){function SubscriptionClient(url,options,webSocketImpl,webSocketProtocols){var _a=options||{},_b=_a.connectionCallback,connectionCallback=_b===void 0?undefined:_b,_c=_a.connectionParams,connectionParams=_c===void 0?{}:_c,_d=_a.minTimeout,minTimeout=_d===void 0?defaults$1.MIN_WS_TIMEOUT:_d,_e=_a.timeout,timeout=_e===void 0?defaults$1.WS_TIMEOUT:_e,_f=_a.reconnect,reconnect=_f===void 0?false:_f,_g=_a.reconnectionAttempts,reconnectionAttempts=_g===void 0?Infinity:_g,_h=_a.lazy,lazy=_h===void 0?false:_h,_j=_a.inactivityTimeout,inactivityTimeout=_j===void 0?0:_j,_k=_a.wsOptionArguments,wsOptionArguments=_k===void 0?[]:_k;this.wsImpl=webSocketImpl||NativeWebSocket;if(!this.wsImpl){throw new Error('Unable to find native implementation, or alternative implementation for WebSocket!');}this.wsProtocols=webSocketProtocols||protocol$1.GRAPHQL_WS;this.connectionCallback=connectionCallback;this.url=url;this.operations={};this.nextOperationId=0;this.minWsTimeout=minTimeout;this.wsTimeout=timeout;this.unsentMessagesQueue=[];this.reconnect=reconnect;this.reconnecting=false;this.reconnectionAttempts=reconnectionAttempts;this.lazy=!!lazy;this.inactivityTimeout=inactivityTimeout;this.closedByUser=false;this.backoff=new backo2$1({jitter:0.5});this.eventEmitter=new eventemitter3$1.EventEmitter();this.middlewares=[];this.client=null;this.maxConnectTimeGenerator=this.createMaxConnectTimeGenerator();this.connectionParams=this.getConnectionParams(connectionParams);this.wsOptionArguments=wsOptionArguments;if(!this.lazy){this.connect();}}Object.defineProperty(SubscriptionClient.prototype,"status",{get:function get(){if(this.client===null){return this.wsImpl.CLOSED;}return this.client.readyState;},enumerable:false,configurable:true});SubscriptionClient.prototype.close=function(isForced,closedByUser){if(isForced===void 0){isForced=true;}if(closedByUser===void 0){closedByUser=true;}this.clearInactivityTimeout();if(this.client!==null){this.closedByUser=closedByUser;if(isForced){this.clearCheckConnectionInterval();this.clearMaxConnectTimeout();this.clearTryReconnectTimeout();this.unsubscribeAll();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_TERMINATE,null);}this.client.close();this.client.onopen=null;this.client.onclose=null;this.client.onerror=null;this.client.onmessage=null;this.client=null;this.eventEmitter.emit('disconnected');if(!isForced){this.tryReconnect();}}};SubscriptionClient.prototype.request=function(request){var _a;var getObserver=this.getObserver.bind(this);var executeOperation=this.executeOperation.bind(this);var _unsubscribe=this.unsubscribe.bind(this);var opId;this.clearInactivityTimeout();return _a={},_a[symbol_observable_1$1["default"]]=function(){return this;},_a.subscribe=function(observerOrNext,onError,onComplete){var observer=getObserver(observerOrNext,onError,onComplete);opId=executeOperation(request,function(error,result){if(error===null&&result===null){if(observer.complete){observer.complete();}}else if(error){if(observer.error){observer.error(error[0]);}}else{if(observer.next){observer.next(result);}}});return {unsubscribe:function unsubscribe(){if(opId){_unsubscribe(opId);opId=null;}}};},_a;};SubscriptionClient.prototype.on=function(eventName,callback,context){var handler=this.eventEmitter.on(eventName,callback,context);return function(){handler.off(eventName,callback,context);};};SubscriptionClient.prototype.onConnected=function(callback,context){return this.on('connected',callback,context);};SubscriptionClient.prototype.onConnecting=function(callback,context){return this.on('connecting',callback,context);};SubscriptionClient.prototype.onDisconnected=function(callback,context){return this.on('disconnected',callback,context);};SubscriptionClient.prototype.onReconnected=function(callback,context){return this.on('reconnected',callback,context);};SubscriptionClient.prototype.onReconnecting=function(callback,context){return this.on('reconnecting',callback,context);};SubscriptionClient.prototype.onError=function(callback,context){return this.on('error',callback,context);};SubscriptionClient.prototype.unsubscribeAll=function(){var _this=this;Object.keys(this.operations).forEach(function(subId){_this.unsubscribe(subId);});};SubscriptionClient.prototype.applyMiddlewares=function(options){var _this=this;return new Promise(function(resolve,reject){var queue=function queue(funcs,scope){var next=function next(error){if(error){reject(error);}else{if(funcs.length>0){var f=funcs.shift();if(f){f.applyMiddleware.apply(scope,[options,next]);}}else{resolve(options);}}};next();};queue(__spreadArrays(_this.middlewares),_this);});};SubscriptionClient.prototype.use=function(middlewares){var _this=this;middlewares.filter(Boolean).map(function(middleware){if(typeof middleware.applyMiddleware==='function'){_this.middlewares.push(middleware);}else{throw new Error('Middleware must implement the applyMiddleware function.');}});return this;};SubscriptionClient.prototype.getConnectionParams=function(connectionParams){return function(){return new Promise(function(resolve,reject){if(typeof connectionParams==='function'){try{return resolve(connectionParams.call(null));}catch(error){return reject(error);}}resolve(connectionParams);});};};SubscriptionClient.prototype.executeOperation=function(options,handler){var _this=this;if(this.client===null){this.connect();}var opId=this.generateOperationId();this.operations[opId]={options:options,handler:handler};this.applyMiddlewares(options).then(function(processedOptions){_this.checkOperationOptions(processedOptions,handler);if(_this.operations[opId]){_this.operations[opId]={options:processedOptions,handler:handler};_this.sendMessage(opId,messageTypes$1["default"].GQL_START,processedOptions);}})["catch"](function(error){_this.unsubscribe(opId);handler(_this.formatErrors(error));});return opId;};SubscriptionClient.prototype.getObserver=function(observerOrNext,_error3,_complete2){if(typeof observerOrNext==='function'){return {next:function next(v){return observerOrNext(v);},error:function error(e){return _error3&&_error3(e);},complete:function complete(){return _complete2&&_complete2();}};}return observerOrNext;};SubscriptionClient.prototype.createMaxConnectTimeGenerator=function(){var minValue=this.minWsTimeout;var maxValue=this.wsTimeout;return new backo2$1({min:minValue,max:maxValue,factor:1.2});};SubscriptionClient.prototype.clearCheckConnectionInterval=function(){if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnectionIntervalId=null;}};SubscriptionClient.prototype.clearMaxConnectTimeout=function(){if(this.maxConnectTimeoutId){clearTimeout(this.maxConnectTimeoutId);this.maxConnectTimeoutId=null;}};SubscriptionClient.prototype.clearTryReconnectTimeout=function(){if(this.tryReconnectTimeoutId){clearTimeout(this.tryReconnectTimeoutId);this.tryReconnectTimeoutId=null;}};SubscriptionClient.prototype.clearInactivityTimeout=function(){if(this.inactivityTimeoutId){clearTimeout(this.inactivityTimeoutId);this.inactivityTimeoutId=null;}};SubscriptionClient.prototype.setInactivityTimeout=function(){var _this=this;if(this.inactivityTimeout>0&&Object.keys(this.operations).length===0){this.inactivityTimeoutId=setTimeout(function(){if(Object.keys(_this.operations).length===0){_this.close();}},this.inactivityTimeout);}};SubscriptionClient.prototype.checkOperationOptions=function(options,handler){var query=options.query,variables=options.variables,operationName=options.operationName;if(!query){throw new Error('Must provide a query.');}if(!handler){throw new Error('Must provide an handler.');}if(!isString_1$1["default"](query)&&!getOperationAST_1$1.getOperationAST(query,operationName)||operationName&&!isString_1$1["default"](operationName)||variables&&!isObject_1$1["default"](variables)){throw new Error('Incorrect option types. query must be a string or a document,'+'`operationName` must be a string, and `variables` must be an object.');}};SubscriptionClient.prototype.buildMessage=function(id,type,payload){var payloadToReturn=payload&&payload.query?__assign(__assign({},payload),{query:typeof payload.query==='string'?payload.query:printer_1$1.print(payload.query)}):payload;return {id:id,type:type,payload:payloadToReturn};};SubscriptionClient.prototype.formatErrors=function(errors){if(Array.isArray(errors)){return errors;}if(errors&&errors.errors){return this.formatErrors(errors.errors);}if(errors&&errors.message){return [errors];}return [{name:'FormatedError',message:'Unknown error',originalError:errors}];};SubscriptionClient.prototype.sendMessage=function(id,type,payload){this.sendMessageRaw(this.buildMessage(id,type,payload));};SubscriptionClient.prototype.sendMessageRaw=function(message){switch(this.status){case this.wsImpl.OPEN:var serializedMessage=JSON.stringify(message);try{JSON.parse(serializedMessage);}catch(e){this.eventEmitter.emit('error',new Error("Message must be JSON-serializable. Got: "+message));}this.client.send(serializedMessage);break;case this.wsImpl.CONNECTING:this.unsentMessagesQueue.push(message);break;default:if(!this.reconnecting){this.eventEmitter.emit('error',new Error('A message was not sent because socket is not connected, is closing or '+'is already closed. Message was: '+JSON.stringify(message)));}}};SubscriptionClient.prototype.generateOperationId=function(){return String(++this.nextOperationId);};SubscriptionClient.prototype.tryReconnect=function(){var _this=this;if(!this.reconnect||this.backoff.attempts>=this.reconnectionAttempts){return;}if(!this.reconnecting){Object.keys(this.operations).forEach(function(key){_this.unsentMessagesQueue.push(_this.buildMessage(key,messageTypes$1["default"].GQL_START,_this.operations[key].options));});this.reconnecting=true;}this.clearTryReconnectTimeout();var delay=this.backoff.duration();this.tryReconnectTimeoutId=setTimeout(function(){_this.connect();},delay);};SubscriptionClient.prototype.flushUnsentMessagesQueue=function(){var _this=this;this.unsentMessagesQueue.forEach(function(message){_this.sendMessageRaw(message);});this.unsentMessagesQueue=[];};SubscriptionClient.prototype.checkConnection=function(){if(this.wasKeepAliveReceived){this.wasKeepAliveReceived=false;return;}if(!this.reconnecting){this.close(false,true);}};SubscriptionClient.prototype.checkMaxConnectTimeout=function(){var _this=this;this.clearMaxConnectTimeout();this.maxConnectTimeoutId=setTimeout(function(){if(_this.status!==_this.wsImpl.OPEN){_this.reconnecting=true;_this.close(false,true);}},this.maxConnectTimeGenerator.duration());};SubscriptionClient.prototype.connect=function(){var _a;var _this=this;this.client=new((_a=this.wsImpl).bind.apply(_a,__spreadArrays([void 0,this.url,this.wsProtocols],this.wsOptionArguments)))();this.checkMaxConnectTimeout();this.client.onopen=function(){return __awaiter(_this,void 0,void 0,function(){var connectionParams,error_1;return __generator(this,function(_a){switch(_a.label){case 0:if(!(this.status===this.wsImpl.OPEN))return [3,4];this.clearMaxConnectTimeout();this.closedByUser=false;this.eventEmitter.emit(this.reconnecting?'reconnecting':'connecting');_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4,this.connectionParams()];case 2:connectionParams=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_INIT,connectionParams);this.flushUnsentMessagesQueue();return [3,4];case 3:error_1=_a.sent();this.sendMessage(undefined,messageTypes$1["default"].GQL_CONNECTION_ERROR,error_1);this.flushUnsentMessagesQueue();return [3,4];case 4:return [2];}});});};this.client.onclose=function(){if(!_this.closedByUser){_this.close(false,false);}};this.client.onerror=function(err){_this.eventEmitter.emit('error',err);};this.client.onmessage=function(_a){var data=_a.data;_this.processReceivedData(data);};};SubscriptionClient.prototype.processReceivedData=function(receivedData){var parsedMessage;var opId;try{parsedMessage=JSON.parse(receivedData);opId=parsedMessage.id;}catch(e){throw new Error("Message must be JSON-parseable. Got: "+receivedData);}if([messageTypes$1["default"].GQL_DATA,messageTypes$1["default"].GQL_COMPLETE,messageTypes$1["default"].GQL_ERROR].indexOf(parsedMessage.type)!==-1&&!this.operations[opId]){this.unsubscribe(opId);return;}switch(parsedMessage.type){case messageTypes$1["default"].GQL_CONNECTION_ERROR:if(this.connectionCallback){this.connectionCallback(parsedMessage.payload);}break;case messageTypes$1["default"].GQL_CONNECTION_ACK:this.eventEmitter.emit(this.reconnecting?'reconnected':'connected',parsedMessage.payload);this.reconnecting=false;this.backoff.reset();this.maxConnectTimeGenerator.reset();if(this.connectionCallback){this.connectionCallback();}break;case messageTypes$1["default"].GQL_COMPLETE:var handler=this.operations[opId].handler;delete this.operations[opId];handler.call(this,null,null);break;case messageTypes$1["default"].GQL_ERROR:this.operations[opId].handler(this.formatErrors(parsedMessage.payload),null);delete this.operations[opId];break;case messageTypes$1["default"].GQL_DATA:var parsedPayload=!parsedMessage.payload.errors?parsedMessage.payload:__assign(__assign({},parsedMessage.payload),{errors:this.formatErrors(parsedMessage.payload.errors)});this.operations[opId].handler(null,parsedPayload);break;case messageTypes$1["default"].GQL_CONNECTION_KEEP_ALIVE:var firstKA=typeof this.wasKeepAliveReceived==='undefined';this.wasKeepAliveReceived=true;if(firstKA){this.checkConnection();}if(this.checkConnectionIntervalId){clearInterval(this.checkConnectionIntervalId);this.checkConnection();}this.checkConnectionIntervalId=setInterval(this.checkConnection.bind(this),this.wsTimeout);break;default:throw new Error('Invalid message type!');}};SubscriptionClient.prototype.unsubscribe=function(opId){if(this.operations[opId]){delete this.operations[opId];this.setInactivityTimeout();this.sendMessage(opId,messageTypes$1["default"].GQL_STOP,undefined);}};return SubscriptionClient;}();exports.SubscriptionClient=SubscriptionClient;});unwrapExports$3(client$1);var client_1$1=client$1.SubscriptionClient;var WebSocketLink$1=function(_super){__extends$1$2(WebSocketLink,_super);function WebSocketLink(paramsOrClient){var _this=_super.call(this)||this;if(paramsOrClient instanceof client_1$1){_this.subscriptionClient=paramsOrClient;}else{_this.subscriptionClient=new client_1$1(paramsOrClient.uri,paramsOrClient.options,paramsOrClient.webSocketImpl);}return _this;}WebSocketLink.prototype.request=function(operation){return this.subscriptionClient.request(operation);};return WebSocketLink;}(ApolloLink$1);var createApolloClient$1=function createApolloClient(link){return new ApolloClient$1({link:link,cache:new InMemoryCache$1()});};var createApolloWs$1=function createApolloWs(baseGraphqlUrl,authToken,mailboxId){var link=new WebSocketLink$1({uri:baseGraphqlUrl,options:{reconnect:true,connectionParams:{authorization:"Bearer "+authToken,mailboxId:mailboxId}}});return link;};var notificationCommands={setIsIdle:'set_is_idle',setCallLogout:'set_call_logout',setClickedLogout:'set_clicked_logout',setCallResetIdleTimer:'set_call_reset_idle_timer',goToLoginPage:'go_to_login_page'};var postNotificationApi=function postNotificationApi(graphEndpoint,userId,command,ephemeral,contentType,eventType,token){if(command===void 0){command={};}if(ephemeral===void 0){ephemeral=false;}if(contentType===void 0){contentType='text';}return __awaiter$2(void 0,void 0,void 0,function(){var query,variables,error_1;return __generator$2(this,function(_a){switch(_a.label){case 0:query="\n  mutation ($body: String!, $userId: ID!, $ephemeral: Boolean!, $contentType: String!, $eventType: String){\n    notificationPost(\n      input: {\n        mailboxIds: [$userId],\n        title:\"System Notification\",\n        body: $body\n        contentType: $contentType\n        flags: [unread, unseen]\n        ephemeral: $ephemeral\n        eventType: $eventType\n      }\n      ) {\n        id\n        body\n        contentType\n        createdDateTime\n      }\n    }";variables={body:JSON.stringify(command),userId:userId,ephemeral:ephemeral,contentType:contentType,eventType:eventType};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,baseGraphQLApi$1({query:query,variables:variables,graphEndpoint:graphEndpoint,token:token})];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();return [2/*return*/,{success:false}];case 4:return [2/*return*/];}});});};var aiwareEvent='AIWARE_JS_SYSTEM_EVENT';function goToPage(page){window.location.href=page;}var subscriptionTask$1;function websocketInitChannel$1(){var user,userId,sessionToken,graphEndpointWS,loginUrl,logoutRedirectUrl;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,select$2(authSelector)];case 1:user=_a.sent();userId=user===null||user===void 0?void 0:user.userId;return [4/*yield*/,select$2(sessionTokenSelector$1)];case 2:sessionToken=_a.sent();return [4/*yield*/,select$2(configSelector$1)];case 3:graphEndpointWS=_a.sent().graphEndpointWS;return [4/*yield*/,select$2(loginUrlSelector)];case 4:loginUrl=_a.sent();return [4/*yield*/,select$2(logoutRedirectUrlSelector)];case 5:logoutRedirectUrl=_a.sent();// open saga channel to get the notification from socket
     return [2/*return*/,eventChannel$1(function(emitter){// init the connection here
-    var clients=[];var subscriptions=[];var query=gql$2(templateObject_1$1||(templateObject_1$1=__makeTemplateObject$1(["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"],["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"])),userId);var link=createApolloWs$1(graphEndpointWS,sessionToken,userId);var client=createApolloClient$1(link);var subscription=client.subscribe({query:query}).subscribe({next:function next(data){var _a,_b,_c,_d;var eventMessage=((_b=(_a=data===null||data===void 0?void 0:data.data)===null||_a===void 0?void 0:_a.notificationPosted)===null||_b===void 0?void 0:_b.body)||'{}';if(((_d=(_c=data===null||data===void 0?void 0:data.data)===null||_c===void 0?void 0:_c.notificationPosted)===null||_d===void 0?void 0:_d.contentType)==='json'){try{var parsedMessage=JSON.parse(eventMessage);if((parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.eventType)&&parsedMessage.eventType===aiwareEvent){var command=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.command;var messageValue=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.value;switch(command){case notificationCommands.setIsIdle:emitter(setIsIdle$1(messageValue));break;case notificationCommands.setCallLogout:emitter(setCallLogout$1(messageValue));break;case notificationCommands.setClickedLogout:emitter(setClickedLogout$1(messageValue));break;case notificationCommands.setCallResetIdleTimer:emitter(setCallResetIdleTimer$1(messageValue));break;case notificationCommands.goToLoginPage:if(!window['__logout_requested']&&messageValue===window.navigator.userAgent){goToPage(loginUrl);}break;}}}catch(error){console.log('Expecting JSON',{error:error},{eventMessage:eventMessage});}}}});clients.push(client);subscriptions.push(subscription);// unsubscribe function
+    var clients=[];var subscriptions=[];var query=gql$2(templateObject_1$1||(templateObject_1$1=__makeTemplateObject$1(["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"],["\n        subscription {\n          notificationPosted(notificationMailboxId:\"","\") {\n            id\n            body\n            contentType\n            flags\n            createdDateTime\n            readDateTime\n            updatedDateTime\n          }\n        }"])),userId);var link=createApolloWs$1(graphEndpointWS,sessionToken,userId);var client=createApolloClient$1(link);var subscription=client.subscribe({query:query}).subscribe({next:function next(data){var _a,_b,_c,_d;var eventMessage=((_b=(_a=data===null||data===void 0?void 0:data.data)===null||_a===void 0?void 0:_a.notificationPosted)===null||_b===void 0?void 0:_b.body)||'{}';if(((_d=(_c=data===null||data===void 0?void 0:data.data)===null||_c===void 0?void 0:_c.notificationPosted)===null||_d===void 0?void 0:_d.contentType)==='json'){try{var parsedMessage=JSON.parse(eventMessage);if((parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.eventType)&&parsedMessage.eventType===aiwareEvent){var command=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.command;var messageValue=parsedMessage===null||parsedMessage===void 0?void 0:parsedMessage.value;switch(command){case notificationCommands.setIsIdle:emitter(setIsIdle$1(messageValue));break;case notificationCommands.setCallLogout:emitter(setCallLogout$1(messageValue));break;case notificationCommands.setClickedLogout:emitter(setClickedLogout$1(messageValue));break;case notificationCommands.setCallResetIdleTimer:emitter(setCallResetIdleTimer$1(messageValue));break;case notificationCommands.goToLoginPage:if(!window['__logout_requested']&&messageValue===window.navigator.userAgent){goToPage(logoutRedirectUrl||loginUrl);}break;}}}catch(error){console.log('Expecting JSON',{error:error},{eventMessage:eventMessage});}}}});clients.push(client);subscriptions.push(subscription);// unsubscribe function
     return function(){subscriptions.forEach(function(subscription){return subscription.unsubscribe();});clients.forEach(function(client){return client.stop();});// do whatever to interrupt the socket communication here
     };})];}});}function websocketSagas$1(){return __generator$2(this,function(_a){switch(_a.label){case 0:if(!subscriptionTask$1)return [3/*break*/,2];return [4/*yield*/,cancel$2(subscriptionTask$1)];case 1:_a.sent();_a.label=2;case 2:return [4/*yield*/,fork$2(function(){var channel,action;return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,call$1(websocketInitChannel$1)];case 1:channel=_a.sent();_a.label=2;case 2:return [4/*yield*/,take$2(channel)];case 3:action=_a.sent();return [4/*yield*/,put$2(action)];case 4:_a.sent();return [3/*break*/,2];case 5:return [2/*return*/];}});})];case 3:subscriptionTask$1=_a.sent();return [2/*return*/];}});}function postNotification(action){var graphEndpoint,user,token,userId,_a,ephemeral,contentType,eventType,payload;return __generator$2(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,select$2(graphEndpointSelector$1)];case 1:graphEndpoint=_b.sent();return [4/*yield*/,select$2(authSelector)];case 2:user=_b.sent();return [4/*yield*/,select$2(sessionTokenSelector$1)];case 3:token=_b.sent();userId=user===null||user===void 0?void 0:user.userId;_a=(action===null||action===void 0?void 0:action.payload)||{},ephemeral=_a.ephemeral,contentType=_a.contentType,eventType=_a.eventType,payload=__rest$3(_a,["ephemeral","contentType","eventType"]);postNotificationApi(graphEndpoint,userId,payload,ephemeral,contentType,eventType,token);return [2/*return*/];}});}function eventsSaga(){return __generator$2(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,all$2([takeLatest$1$1(subscribeToEventsWebsocket$1.type,websocketSagas$1),takeLatest$1$1(postNotificationCommand$1.type,postNotification)])];case 1:_a.sent();return [2/*return*/];}});}var templateObject_1$1;var isIdleSelector=function isIdleSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.isIdle;};var callLogoutSelector=function callLogoutSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.callLogout;};var clickedLogoutSelector=function clickedLogoutSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.clickedLogout;};var callResetIdleTimerSelector=function callResetIdleTimerSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.callResetIdleTimer;};var resetIdleTimerCallCounterSelector=function resetIdleTimerCallCounterSelector(state){var _a;return (_a=state[namespace$2$1])===null||_a===void 0?void 0:_a.resetIdleTimerCallCounter;};function getEventsModule(){var _a;return {id:namespace$2$1,reducerMap:(_a={},_a[namespace$2$1]=eventsReducer,_a),sagas:[eventsSaga]};}var _a$7$1;var namespace$3$1='snackbar';var initialState$3$1={message:{},duration:3000};var snackbarSlice$1=createSlice$2({name:namespace$3$1,initialState:initialState$3$1,reducers:{showMessage:function showMessage(state,action){state.message=_assign$3({key:new Date().getTime()},action.payload);},clearMessage:function clearMessage(state){return initialState$3$1;}}});// Actions
     var showMessage$1=(_a$7$1=snackbarSlice$1.actions,_a$7$1.showMessage),clearMessage$1=_a$7$1.clearMessage;var snackbarReducer=snackbarSlice$1.reducer;var snackbarSelector=function snackbarSelector(state){return (state===null||state===void 0?void 0:state[namespace$3$1])||{};};function getSnackbarModule(){var _a;return {id:namespace$3$1,reducerMap:(_a={},_a[namespace$3$1]=snackbarReducer,_a),sagas:[],initialActions:[]};}(function(){var env={};try{if(process){process.env=Object.assign({},process.env);Object.assign(process.env,env);return;}}catch(e){}// avoid ReferenceError: process is not defined
@@ -91616,8 +91620,8 @@
     if(selectedOpenId.connectId===''||delay===null){return;}// see if this selected openId is connected. If it's then show a success message,
     // clear the interval and close the OAuth tab
     if(isOpenIdConnected(selectedOpenId.connectId)){setDelay(null);linkingTab===null||linkingTab===void 0?void 0:linkingTab.close();setOpenSuccessModal(true);}},[isOpenIdConnected,dispatch]);var getContent=function getContent(){if(loadingStatus===LoadingStatus.Pending){return react.createElement(LoaderSkeleton,null);}else if(loadingStatus===LoadingStatus.Failed){return react.createElement(ErrorState,{onRetry:handleRetry});}else if(openIdConnectors.length===0){return react.createElement(NullState,null);}return react.createElement(OpenIdConnectors,{openIdItems:openIdConnectors,onOpenUnlinkModal:handleOpenUnlinkModal,onClickOpenIdUrl:handleClickOpenIdUrl,isOpenIdConnected:isOpenIdConnected});};return react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.accountLinkingLabel,"data-test":"account-linking-label"},SHARED_TEXT.accountLinkingLabel()),react.createElement(Typography$1$2,{variant:"body2"},SHARED_TEXT.accountLinkingDescription()),getContent(),react.createElement(Dialog$1,{open:openUnlinkModal,maxWidth:"xs",onClose:handleCloseUnlinkModal,"aria-labelledby":"unlink-dialog-title","aria-describedby":"unlink-dialog-description"},react.createElement(DialogTitle$1,{disableTypography:true,id:"unlink-dialog-title","data-test":"account-linking-unlink-dialog-title",className:classes.dialogTitle},react.createElement(Typography$1$2,{variant:"h2",className:classes.dialogTitleText},SHARED_TEXT.unlinkDialogTitle())),react.createElement(DialogContent$1,{className:classes.dialogContent},react.createElement(DialogContentText$1,{id:"unlink-dialog-description"},SHARED_TEXT.unlinkDialogContent(selectedOpenId.name))),react.createElement(DialogActions$1,{className:classes.dialogAction},react.createElement(Button$1$2,{onClick:handleCloseUnlinkModal,variant:"text",size:"large",className:classes.linkBtn,"data-test":"account-linking-unlink-dialog-cancel-btn"},SHARED_TEXT.unlinkDialogCancel()),react.createElement(Button$1$2,{onClick:handleCloseUnlinkModal,size:"large",variant:"contained",color:"primary",className:classes.linkBtn,"data-test":"account-linking-unlink-dialog-confirm-btn"},SHARED_TEXT.unlinkDialogConfirm()))),react.createElement(Dialog$1,{open:openSuccessModal,maxWidth:"xs",onClose:handleCloseSuccessModal,"aria-labelledby":"success-dialog-title","aria-describedby":"success-dialog-description"},react.createElement(DialogTitle$1,{disableTypography:true,id:"success-dialog-title",className:classes.dialogTitle,"data-test":"account-linking-success-dialog-title"},react.createElement(Typography$1$2,{variant:"h2",className:classes.dialogTitleText},SHARED_TEXT.successDialogTitle())),react.createElement(DialogContent$1,{className:classes.dialogContent},react.createElement(DialogContentText$1,{id:"success-dialog-description"},SHARED_TEXT.successDialogContent(selectedOpenId.name))),react.createElement(DialogActions$1,{className:classes.dialogAction},react.createElement(Button$1$2,{onClick:handleCloseSuccessModal,size:"large",variant:"contained",color:"primary",className:classes.linkBtn,"data-test":"account-linking-success-dialog-confirm-btn"},SHARED_TEXT.successDialogConfirm()))));};var useStyles$a$1=makeStyles$5(function(theme){return createStyles$5({personalProfileContainer:{// height: 'calc(100vh - 55px - 62px)',
-    overflowY:'auto'},firstBox:{paddingTop:theme.spacing(6),textAlign:'center',borderBottom:"0.5px solid "+theme.palette.divider},loggedBox:{fontWeight:400,paddingTop:theme.spacing(2),paddingBottom:theme.spacing(5)},email:{color:theme.palette.primary.main},logoutBox:{paddingBottom:theme.spacing(8)},btnLogin:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px',padding:theme.spacing(1,7)},secondBox:{padding:theme.spacing(5,6),'& div':{height:'auto !important'}},headerBox:{display:'flex'},editIconBox:{margin:theme.spacing(0,-2.4,0,0)},descBox:{fontSize:'14px',color:theme.palette.secondary.main},formBox:{marginTop:theme.spacing(4)},formItem:{borderBottom:"0.5px solid "+theme.palette.divider,marginBottom:theme.spacing(4)},formItemPw:{marginBottom:theme.spacing(2)+" !important"},titleItem:{color:theme.palette.text.disabled,marginBottom:theme.spacing(2)},valueItem:{fontWeight:'normal',color:theme.palette.text.secondary,marginBottom:theme.spacing(2)},disabledText:{opacity:0.6},lastUpdate:{color:'#9CA8B4'},reset:{color:theme.palette.primary.main,opacity:0.9,marginTop:'35px',cursor:'pointer'},passwordBox:{display:'flex',justifyContent:'space-between',alignItems:'center'},iconResetPw:{margin:'-18px -12px 0 0'},textField:{marginLeft:0,marginRight:0,marginTop:0,marginBottom:'30px',width:'100%'},actionForm:{padding:0,marginBottom:theme.spacing(4)},inputBase:{padding:theme.spacing(3.4,2.8)},notchedOutline:{'& legend':{height:'16px'}},btnAction:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},btnSave:{marginLeft:theme.spacing(1.6)},btnActionCancel:{color:theme.palette.secondary.main},pwResetTitle:{color:'#D43060 !important'},pwResetDes1:{marginBottom:'20px'},mainTitleText:{color:theme.palette.text.secondary,userSelect:'none',fontSize:'18px',lineHeight:'23px',letterSpacing:'0.25px',textTransform:'uppercase'},contentUserView:{height:'100%',textAlign:'left',position:'relative'},headerDrawer:{padding:theme.spacing(3,6),display:'flex',justifyContent:'space-between',alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider},contentEditAvatar:{padding:theme.spacing(6)},areaUpload:{background:theme.palette.background["default"],textAlign:'center',height:'300px',border:"1px solid "+theme.palette.divider,boxSizing:'border-box',borderRadius:'4px',padding:theme.spacing(10)},descDrag:{fontSize:'16px',color:'#828282',marginBottom:theme.spacing(4)},descDrag2:{color:'#828282',margin:theme.spacing(4,0)},btnSelectPhoto:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},recentlyBox:{marginTop:theme.spacing(4)},recentlyText:{margin:theme.spacing(2,0)},imgRecently:{width:'113px',height:'113px',background:'#C4C4C4',borderRadius:'4px'},imgRecentlyRow:{display:'flex',justifyContent:'space-between',marginBottom:'20px'},resetBiometric:{marginTop:theme.spacing(7)},actionButton:{},inputFile:{display:'none !important'},imageGrid:{display:'flex',alignItems:'center',justifyContent:'center',marginBottom:theme.spacing(4)},dragging:{filter:'blur(2px)'},currentlyLoggedIn:{fontWeight:'normal',color:theme.palette.info.main,lineHeight:theme.spacing(3.8)+"px"},manageBasicInfoLabel:{fontWeight:'normal'},tabsParent:{'& div':{padding:theme.spacing(0,0,0,1.6),borderBottom:'none'}}});});var tabsList$1=[{label:SHARED_TEXT.basicInfoTabLabel(),disabled:false},{label:SHARED_TEXT.accountLinkingTabLabel(),disabled:false}];var PersonalProfile=function PersonalProfile(_a){var _b,_c;var currentUser=_a.currentUser,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,handleUploadAvatar=_a.handleUploadAvatar,_d=_a.avatarHistory,avatarHistory=_d===void 0?[]:_d,_e=_a.enableResetBiometric,enableResetBiometric=_e===void 0?false:_e,loadingStatus=_a.loadingStatus;var panelId='EDIT_PROFILE_PICTURE';var classes=useStyles$a$1();var dispatch=useDispatch();var _f=react_27({firstName:'',lastName:'',phoneNumber:'',email:''}),formData=_f[0],setFormData=_f[1];var _g=react_27({firstName:'',lastName:'',phoneNumber:''}),errorForm=_g[0],setErrorForm=_g[1];var _h=react_27(false),isEdit=_h[0],setIsEdit=_h[1];var _j=react_27(null),avatar=_j[0],setAvatar=_j[1];var _k=react_27(false),isResetPassword=_k[0],setIsResetPassword=_k[1];var _l=react_27(false),isResetBiometric=_l[0],setIsResetBiometric=_l[1];var _m=react.useState(0),selectedTabId=_m[0],setSelectedTabId=_m[1];var onChangeTab=function onChangeTab(id){setSelectedTabId(id);};var isBetaFeaturesEnabled=useSelector(function(state){var _a,_b;return (_b=(_a=state===null||state===void 0?void 0:state.configs)===null||_a===void 0?void 0:_a.initConfig)===null||_b===void 0?void 0:_b.betaFeatures;});react_21(function(){if(currentUser){fillData(currentUser);}},[currentUser]);var fillData=function fillData(currentUserInfo){var firstName=currentUserInfo.firstName,lastName=currentUserInfo.lastName,imageUrl=currentUserInfo.imageUrl,userSettings=currentUserInfo.userSettings;var settingData=userSettings===null||userSettings===void 0?void 0:userSettings.find(function(item){return item.key==='phoneNumber';});setFormData({firstName:firstName||'',lastName:lastName||'',phoneNumber:(settingData===null||settingData===void 0?void 0:settingData.value)||'',email:''});if(imageUrl){setAvatar(imageUrl);}};var handleClickEdit=function handleClickEdit(){setIsResetBiometric(false);setIsResetPassword(false);setIsEdit(true);};var handleClickPwReset=function handleClickPwReset(){setIsResetBiometric(false);setIsResetPassword(true);setIsEdit(false);};var handleClickResetBiometric=function handleClickResetBiometric(){setIsResetBiometric(true);setIsResetPassword(false);setIsEdit(false);};var handleCancelResetBiometric=function handleCancelResetBiometric(){setIsResetBiometric(false);};var onResetBiometric=function onResetBiometric(){setIsResetBiometric(false);handleResetBiometric();};var onResetPassword=react.useCallback(function(){if(currentUser===null||currentUser===void 0?void 0:currentUser.email){setIsResetPassword(false);handleResetPassword(currentUser===null||currentUser===void 0?void 0:currentUser.email);}},[currentUser,handleResetPassword]);var validForm=function validForm(){var flag=true;if(!formData.firstName){setErrorForm(_assign$5(_assign$5({},errorForm),{firstName:'This field is required.'}));flag=false;}if(!formData.lastName){setErrorForm(_assign$5(_assign$5({},errorForm),{lastName:'This field is required.'}));flag=false;}if(formData.phoneNumber&&!/^\+?(\d){6,}$/.test(formData.phoneNumber.toLowerCase())){setErrorForm(_assign$5(_assign$5({},errorForm),{phoneNumber:'Invalid phone number.'}));flag=false;}return flag;};function handleSaveEdit(){if(validForm()){handleUpdateProfile(formData);setIsEdit(false);}}var handleCancelEdit=function handleCancelEdit(){if(currentUser){fillData(currentUser);}setIsEdit(false);};var handleCancelPwReset=function handleCancelPwReset(){setIsResetPassword(false);};var handleChangeForm=function handleChangeForm(type){return function(event){var value=event.target.value;setFormData(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]=value,_a));});setErrorForm(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]='',_a));});};};var handleClickEditAvatar=function handleClickEditAvatar(){var appBarMicroFrontend={name:'EDIT_PROFILE_PICTURE',config:{name:'Veritone',dataId:'dataId',type:'APP_BAR_PANEL_TEMPLATE',onClose:handleCloseEditAvatar,onSaveAvatar:onSaveAvatar,avatarHistory:avatarHistory}};var veritonePanelConfig={panelId:panelId,type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,withTab:false,marginStart:490,width:450,parentPanelId:'PERSONAL_PANEL',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:panelId,microFrontend:appBarMicroFrontend,panelConfig:veritonePanelConfig}));};var handleCloseEditAvatar=function handleCloseEditAvatar(){dispatch(hidePanel(panelId));};var onSaveAvatar=function onSaveAvatar(file){handleUploadAvatar(file);setTimeout(function(){dispatch(hidePanel(panelId));},500);};return react.createElement("div",{className:classes.personalProfileContainer},react.createElement("div",{className:classes.firstBox},react.createElement(AvatarProfile,{avatar:avatar,sortName:""+(((_b=formData.firstName)===null||_b===void 0?void 0:_b.substr(0,1))||'')+(((_c=formData.lastName)===null||_c===void 0?void 0:_c.substr(0,1))||''),// setAvatar={setAvatar}
-    onEditAvatarClick:handleClickEditAvatar,loadingStatus:loadingStatus}),react.createElement("div",{className:classes.loggedBox},react.createElement(Typography$1$2,{variant:"body2",className:classes.currentlyLoggedIn},react.createElement(FormattedMessage,{id:"Currently-logged-in-as",defaultMessage:"Currently logged in as:",description:"personal profile panel currently logged in label"}),' ',react.createElement("span",{"data-test":"Currently-logged-in-as-email",className:classes.email},currentUser===null||currentUser===void 0?void 0:currentUser.email))),react.createElement("div",{className:classes.logoutBox},react.createElement(Button$1$2,{onClick:handleLogout,variant:"outlined",color:"primary","data-test":"dt-button-logout",className:classes.btnLogin},react.createElement(FormattedMessage,{id:"Logout",defaultMessage:"Logout",description:"label of logout button on profile panel"}))),react.createElement("div",{className:classes.tabsParent},isBetaFeaturesEnabled&&react.createElement(CustomTabs,{selectedId:selectedTabId,onChangeTab:onChangeTab,tabsList:tabsList$1}))),react.createElement("div",{className:classes.secondBox},react.createElement(TabPanel,{value:selectedTabId,index:0},react.createElement(react.Fragment,null,react.createElement("div",{className:classes.headerBox},react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.manageBasicInfoLabel},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information",defaultMessage:"Manage Your Basic Information",description:"label of manage basic infomation container"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information-Basic-info-like-your-name-and-photo-that-you-use-on-Veritone-services",defaultMessage:"Basic info, like your name and photo, that you use on Veritone services.",description:"description of manage basic infomation container"}))),react.createElement("div",{className:classes.editIconBox},!isEdit&&react.createElement(IconButton$1$2,{id:"button-edit",onClick:handleClickEdit},react.createElement("img",{src:img$u,alt:""})))),react.createElement("div",{className:classes.formBox},isEdit?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(TextField$1$1,{id:"firstName",label:"First Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.firstName,onChange:handleChangeForm('firstName'),margin:"normal",error:errorForm.firstName!=='',helperText:errorForm.firstName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"lastName",label:"Last Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.lastName,onChange:handleChangeForm('lastName'),margin:"normal",error:errorForm.lastName!=='',helperText:errorForm.lastName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"phoneNumber",label:"Phone",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.phoneNumber,onChange:handleChangeForm('phoneNumber'),margin:"normal",error:errorForm.phoneNumber!=='',helperText:errorForm.phoneNumber,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}})),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelEdit,color:"primary",id:"button-cancel-edit",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-Profile",defaultMessage:"Cancel",description:"label of cancel button on profile panel"})),react.createElement(Button$1$2,{onClick:handleSaveEdit,"data-test":"button-save-edit",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Save",defaultMessage:"Save",description:"label of save button on profile panel"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Name",defaultMessage:"Name",description:"label of name field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-name",variant:"body1",className:classes.valueItem},((formData===null||formData===void 0?void 0:formData.firstName)||'')+" "+((formData===null||formData===void 0?void 0:formData.lastName)||''))),(formData===null||formData===void 0?void 0:formData.phoneNumber)&&react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Phone",defaultMessage:"Phone",description:"label of phone field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-phone",variant:"body1",className:classes.valueItem},formData===null||formData===void 0?void 0:formData.phoneNumber))),react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Email",defaultMessage:"Email",description:"label of email field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-email",variant:"body1",className:classnames(classes.valueItem,classes.disabledText)},currentUser===null||currentUser===void 0?void 0:currentUser.email)),isResetPassword?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Password-Reset",defaultMessage:"Password Reset",description:"reset password label on profile panel"})),react.createElement(Typography$1$2,{variant:"body2",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Veritone-will-send-a-reset-password-link-via-the-email-on-your-account",defaultMessage:"Veritone will send a reset password link via the email on your account.",description:"reset password description on profile panel"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-1",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelPwReset,color:"primary","data-test":"button-cancel-reset-password",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"personal-profile-cancel",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetPassword,"data-test":"button-reset-password",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset",defaultMessage:"Reset",description:"the label of reset button"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classnames(classes.formItem,classes.formItemPw)},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Password",defaultMessage:"Password",description:"label of pasword field on profile panel"})),react.createElement("div",{className:classes.passwordBox},react.createElement(Typography$1$2,{variant:"body1",className:classes.valueItem},"********"),react.createElement(IconButton$1$2,{id:"btn-click-pw-reset",className:classes.iconResetPw,onClick:handleClickPwReset},react.createElement("img",{src:img$v,alt:""})))),react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.lastUpdate},react.createElement(FormattedMessage,{id:"Last-updated",defaultMessage:"Last updated",description:"last updated text label text on profile panel"}),' ',(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated)?DateTime$1.fromISO(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated).toFormat('LLL dd, yyyy'):DateTime$1.local().toFormat('LLL dd, yyyy'))))),isResetBiometric?react.createElement(react.Fragment,null,react.createElement("div",{className:classes.resetBiometric},react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Biometric-Reset",defaultMessage:"Biometric Reset",description:"label of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Your-Biometric-Profile-will-be-reset",defaultMessage:"Your Biometric Profile will be reset.",description:"description of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-2",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelResetBiometric,"data-test":"button-cancel-reset-biometric",color:"primary",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-2",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetBiometric,color:"primary",variant:"contained","data-test":"button-reset-biometric",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset-1",defaultMessage:"Reset",description:"the label of reset button"})))):!isResetPassword&&enableResetBiometric&&react.createElement("div",{id:"click-reset-biometric",onClick:handleClickResetBiometric},react.createElement(Typography$1$2,{variant:"body2",className:classes.reset},react.createElement(FormattedMessage,{id:"Reset-Biometric-Profile",defaultMessage:"Reset Biometric Profile",description:"label of Reset Biometric Profile on profile panel"}))))),react.createElement(TabPanel,{value:selectedTabId,index:1},react.createElement(AccountLinking,null))));};function SettingPanel(_a){var currentUser=_a.currentUser,activities=_a.activities,activityFilter=_a.activityFilter,onChangeActivityFilter=_a.onChangeActivityFilter,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,tabId=_a.tabId,recentApp=_a.recentApp,applications=_a.applications,onClickApp=_a.onClickApp,handleUploadAvatar=_a.handleUploadAvatar,avatarHistory=_a.avatarHistory;var currentUserState=useSelector(userSelector$2);var _b=react.useState(''),loadingStatus=_b[0],setLoadingStatus=_b[1];react.useEffect(function(){setLoadingStatus(currentUserState.loading);},[currentUserState]);return react.createElement(react.Fragment,null,tabId===TabId.PERSONAL_PANEL&&react.createElement(PersonalProfile,{currentUser:currentUser,handleLogout:handleLogout,handleResetBiometric:handleResetBiometric,handleResetPassword:handleResetPassword,handleUpdateProfile:handleUpdateProfile,handleUploadAvatar:handleUploadAvatar,avatarHistory:avatarHistory,loadingStatus:loadingStatus}),tabId===TabId.APP_PANEL&&react.createElement(ApplicationPanel,{recentApplist:recentApp,applications:applications,onClickApp:onClickApp}),tabId===TabId.ACTIVITY_PANEL&&react.createElement(ActivityPanel,{filter:activityFilter,onChangeFilter:onChangeActivityFilter,data:activities||[]}),tabId===TabId.PERFORMANCE_MONITOR&&react.createElement(PerformanceMonitor,null));}var namespace$2$2='applications';var applicationSelector=function applicationSelector(state){var _a;return (_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$2$2];};var HANDLE_CLICK_APP="aiware/"+namespace$2$2+"/get handle click app";var REQUEST_GET_APPLICATION_V1="aiware/"+namespace$2$2+"/request get app";var GET_APPLICATION_V1_START="aiware/"+namespace$2$2+"/get app list start";var GET_APPLICATION_V1_SUCCESS="aiware/"+namespace$2$2+"/get app list success";var GET_APPLICATION_V1_ERROR="aiware/"+namespace$2$2+"/get app list error";function requestGetApplications(){return {type:REQUEST_GET_APPLICATION_V1,payload:{}};}function getApplicationStart(){return {type:GET_APPLICATION_V1_START};}function getApplicationSuccess(data){return {type:GET_APPLICATION_V1_SUCCESS,payload:{data:data}};}function getApplicationError(message){return {type:GET_APPLICATION_V1_ERROR,payload:{message:message}};}var initialState$1$3={application:[],message:'',status:'idle'};function applicationReducer(state,action){if(typeof state==='undefined'){return initialState$1$3;}switch(action.type){case GET_APPLICATION_V1_START:{return _assign$5(_assign$5({},state),{status:'loading'});}case GET_APPLICATION_V1_SUCCESS:{return _assign$5(_assign$5({},state),{application:action.payload.data,status:'success'});}case GET_APPLICATION_V1_ERROR:{return _assign$5(_assign$5({},state),{message:action.payload.message,status:'failure'});}default:return state;}}var namespace$3$2='activities';var allActivitySeletor=function allActivitySeletor(state){var _a;return ((_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$3$2])||[];};var today$1=DateTime$1.local().startOf('day');var activitySelector=createSelector([allActivitySeletor],function(activity){// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    overflowY:'auto'},firstBox:{paddingTop:theme.spacing(6),textAlign:'center',borderBottom:"0.5px solid "+theme.palette.divider},loggedBox:{fontWeight:400,paddingTop:theme.spacing(2),paddingBottom:theme.spacing(5)},email:{color:theme.palette.primary.main},logoutBox:{paddingBottom:theme.spacing(8)},btnLogin:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px',padding:theme.spacing(1,7)},secondBox:{padding:theme.spacing(5,6),'& div':{height:'auto !important'}},headerBox:{display:'flex'},editIconBox:{margin:theme.spacing(0,-2.4,0,0)},descBox:{fontSize:'14px',color:theme.palette.secondary.main},formBox:{marginTop:theme.spacing(4)},formItem:{borderBottom:"0.5px solid "+theme.palette.divider,marginBottom:theme.spacing(4)},formItemPw:{marginBottom:theme.spacing(2)+" !important"},titleItem:{color:theme.palette.text.disabled,marginBottom:theme.spacing(2)},valueItem:{fontWeight:'normal',color:theme.palette.text.secondary,marginBottom:theme.spacing(2)},disabledText:{opacity:0.6},lastUpdate:{color:'#9CA8B4'},reset:{color:theme.palette.primary.main,opacity:0.9,marginTop:'35px',cursor:'pointer'},passwordBox:{display:'flex',justifyContent:'space-between',alignItems:'center'},iconResetPw:{margin:'-18px -12px 0 0'},textField:{marginLeft:0,marginRight:0,marginTop:0,marginBottom:'30px',width:'100%'},actionForm:{padding:0,marginBottom:theme.spacing(4)},inputBase:{padding:theme.spacing(3.4,2.8)},notchedOutline:{'& legend':{height:'16px'}},btnAction:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},btnSave:{marginLeft:theme.spacing(1.6)},btnActionCancel:{color:theme.palette.secondary.main},pwResetTitle:{color:'#D43060 !important'},pwResetDes1:{marginBottom:'20px'},mainTitleText:{color:theme.palette.text.secondary,userSelect:'none',fontSize:'18px',lineHeight:'23px',letterSpacing:'0.25px',textTransform:'uppercase'},contentUserView:{height:'100%',textAlign:'left',position:'relative'},headerDrawer:{padding:theme.spacing(3,6),display:'flex',justifyContent:'space-between',alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider},contentEditAvatar:{padding:theme.spacing(6)},areaUpload:{background:theme.palette.background["default"],textAlign:'center',height:'300px',border:"1px solid "+theme.palette.divider,boxSizing:'border-box',borderRadius:'4px',padding:theme.spacing(10)},descDrag:{fontSize:'16px',color:'#828282',marginBottom:theme.spacing(4)},descDrag2:{color:'#828282',margin:theme.spacing(4,0)},btnSelectPhoto:{textTransform:'capitalize',fontSize:'14px',lineHeight:'19px'},recentlyBox:{marginTop:theme.spacing(4)},recentlyText:{margin:theme.spacing(2,0)},imgRecently:{width:'113px',height:'113px',background:'#C4C4C4',borderRadius:'4px'},imgRecentlyRow:{display:'flex',justifyContent:'space-between',marginBottom:'20px'},resetBiometric:{marginTop:theme.spacing(7)},actionButton:{},inputFile:{display:'none !important'},imageGrid:{display:'flex',alignItems:'center',justifyContent:'center',marginBottom:theme.spacing(4)},dragging:{filter:'blur(2px)'},currentlyLoggedIn:{fontWeight:'normal',color:theme.palette.info.main,lineHeight:theme.spacing(3.8)+"px"},manageBasicInfoLabel:{fontWeight:'normal'},tabsParent:{'& div':{padding:theme.spacing(0,0,0,1.6),borderBottom:'none'}}});});var tabsList$1=[{label:SHARED_TEXT.basicInfoTabLabel(),disabled:false},{label:SHARED_TEXT.accountLinkingTabLabel(),disabled:false}];var PersonalProfile=function PersonalProfile(_a){var _b,_c;var currentUser=_a.currentUser,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,handleUploadAvatar=_a.handleUploadAvatar,_d=_a.avatarHistory,avatarHistory=_d===void 0?[]:_d,_e=_a.enableResetBiometric,enableResetBiometric=_e===void 0?false:_e,loadingStatus=_a.loadingStatus;var panelId='EDIT_PROFILE_PICTURE';var classes=useStyles$a$1();var dispatch=useDispatch();var _f=react_27({firstName:'',lastName:'',phoneNumber:'',email:''}),formData=_f[0],setFormData=_f[1];var _g=react_27({firstName:'',lastName:'',phoneNumber:''}),errorForm=_g[0],setErrorForm=_g[1];var _h=react_27(false),isEdit=_h[0],setIsEdit=_h[1];var _j=react_27(null),avatar=_j[0],setAvatar=_j[1];var _k=react_27(false),isResetPassword=_k[0],setIsResetPassword=_k[1];var _l=react_27(false),isResetBiometric=_l[0],setIsResetBiometric=_l[1];var _m=react.useState(0),selectedTabId=_m[0],setSelectedTabId=_m[1];var onChangeTab=function onChangeTab(id){setSelectedTabId(id);};react_21(function(){if(currentUser){fillData(currentUser);}},[currentUser]);var fillData=function fillData(currentUserInfo){var firstName=currentUserInfo.firstName,lastName=currentUserInfo.lastName,imageUrl=currentUserInfo.imageUrl,userSettings=currentUserInfo.userSettings;var settingData=userSettings===null||userSettings===void 0?void 0:userSettings.find(function(item){return item.key==='phoneNumber';});setFormData({firstName:firstName||'',lastName:lastName||'',phoneNumber:(settingData===null||settingData===void 0?void 0:settingData.value)||'',email:''});if(imageUrl){setAvatar(imageUrl);}};var handleClickEdit=function handleClickEdit(){setIsResetBiometric(false);setIsResetPassword(false);setIsEdit(true);};var handleClickPwReset=function handleClickPwReset(){setIsResetBiometric(false);setIsResetPassword(true);setIsEdit(false);};var handleClickResetBiometric=function handleClickResetBiometric(){setIsResetBiometric(true);setIsResetPassword(false);setIsEdit(false);};var handleCancelResetBiometric=function handleCancelResetBiometric(){setIsResetBiometric(false);};var onResetBiometric=function onResetBiometric(){setIsResetBiometric(false);handleResetBiometric();};var onResetPassword=react.useCallback(function(){if(currentUser===null||currentUser===void 0?void 0:currentUser.email){setIsResetPassword(false);handleResetPassword(currentUser===null||currentUser===void 0?void 0:currentUser.email);}},[currentUser,handleResetPassword]);var validForm=function validForm(){var flag=true;if(!formData.firstName){setErrorForm(_assign$5(_assign$5({},errorForm),{firstName:'This field is required.'}));flag=false;}if(!formData.lastName){setErrorForm(_assign$5(_assign$5({},errorForm),{lastName:'This field is required.'}));flag=false;}if(formData.phoneNumber&&!/^\+?(\d){6,}$/.test(formData.phoneNumber.toLowerCase())){setErrorForm(_assign$5(_assign$5({},errorForm),{phoneNumber:'Invalid phone number.'}));flag=false;}return flag;};function handleSaveEdit(){if(validForm()){handleUpdateProfile(formData);setIsEdit(false);}}var handleCancelEdit=function handleCancelEdit(){if(currentUser){fillData(currentUser);}setIsEdit(false);};var handleCancelPwReset=function handleCancelPwReset(){setIsResetPassword(false);};var handleChangeForm=function handleChangeForm(type){return function(event){var value=event.target.value;setFormData(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]=value,_a));});setErrorForm(function(state){var _a;return _assign$5(_assign$5({},state),(_a={},_a[type]='',_a));});};};var handleClickEditAvatar=function handleClickEditAvatar(){var appBarMicroFrontend={name:'EDIT_PROFILE_PICTURE',config:{name:'Veritone',dataId:'dataId',type:'APP_BAR_PANEL_TEMPLATE',onClose:handleCloseEditAvatar,onSaveAvatar:onSaveAvatar,avatarHistory:avatarHistory}};var veritonePanelConfig={panelId:panelId,type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,withTab:false,marginStart:490,width:450,parentPanelId:'PERSONAL_PANEL',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:panelId,microFrontend:appBarMicroFrontend,panelConfig:veritonePanelConfig}));};var handleCloseEditAvatar=function handleCloseEditAvatar(){dispatch(hidePanel(panelId));};var onSaveAvatar=function onSaveAvatar(file){handleUploadAvatar(file);setTimeout(function(){dispatch(hidePanel(panelId));},500);};return react.createElement("div",{className:classes.personalProfileContainer},react.createElement("div",{className:classes.firstBox},react.createElement(AvatarProfile,{avatar:avatar,sortName:""+(((_b=formData.firstName)===null||_b===void 0?void 0:_b.substr(0,1))||'')+(((_c=formData.lastName)===null||_c===void 0?void 0:_c.substr(0,1))||''),// setAvatar={setAvatar}
+    onEditAvatarClick:handleClickEditAvatar,loadingStatus:loadingStatus}),react.createElement("div",{className:classes.loggedBox},react.createElement(Typography$1$2,{variant:"body2",className:classes.currentlyLoggedIn},react.createElement(FormattedMessage,{id:"Currently-logged-in-as",defaultMessage:"Currently logged in as:",description:"personal profile panel currently logged in label"}),' ',react.createElement("span",{"data-test":"Currently-logged-in-as-email",className:classes.email},currentUser===null||currentUser===void 0?void 0:currentUser.email))),react.createElement("div",{className:classes.logoutBox},react.createElement(Button$1$2,{onClick:handleLogout,variant:"outlined",color:"primary","data-test":"dt-button-logout",className:classes.btnLogin},react.createElement(FormattedMessage,{id:"Logout",defaultMessage:"Logout",description:"label of logout button on profile panel"}))),react.createElement("div",{className:classes.tabsParent},react.createElement(CustomTabs,{selectedId:selectedTabId,onChangeTab:onChangeTab,tabsList:tabsList$1}))),react.createElement("div",{className:classes.secondBox},react.createElement(TabPanel,{value:selectedTabId,index:0},react.createElement(react.Fragment,null,react.createElement("div",{className:classes.headerBox},react.createElement("div",null,react.createElement(Typography$1$2,{variant:"body1",className:classes.manageBasicInfoLabel},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information",defaultMessage:"Manage Your Basic Information",description:"label of manage basic infomation container"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Manage-Your-Basic-Information-Basic-info-like-your-name-and-photo-that-you-use-on-Veritone-services",defaultMessage:"Basic info, like your name and photo, that you use on Veritone services.",description:"description of manage basic infomation container"}))),react.createElement("div",{className:classes.editIconBox},!isEdit&&react.createElement(IconButton$1$2,{id:"button-edit",onClick:handleClickEdit},react.createElement("img",{src:img$u,alt:""})))),react.createElement("div",{className:classes.formBox},isEdit?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(TextField$1$1,{id:"firstName",label:"First Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.firstName,onChange:handleChangeForm('firstName'),margin:"normal",error:errorForm.firstName!=='',helperText:errorForm.firstName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"lastName",label:"Last Name",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.lastName,onChange:handleChangeForm('lastName'),margin:"normal",error:errorForm.lastName!=='',helperText:errorForm.lastName,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}}),react.createElement(TextField$1$1,{id:"phoneNumber",label:"Phone",variant:"outlined",className:classes.textField,value:formData===null||formData===void 0?void 0:formData.phoneNumber,onChange:handleChangeForm('phoneNumber'),margin:"normal",error:errorForm.phoneNumber!=='',helperText:errorForm.phoneNumber,InputProps:{classes:{input:classes.inputBase,notchedOutline:classes.notchedOutline}}})),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelEdit,color:"primary",id:"button-cancel-edit",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-Profile",defaultMessage:"Cancel",description:"label of cancel button on profile panel"})),react.createElement(Button$1$2,{onClick:handleSaveEdit,"data-test":"button-save-edit",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Save",defaultMessage:"Save",description:"label of save button on profile panel"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Name",defaultMessage:"Name",description:"label of name field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-name",variant:"body1",className:classes.valueItem},((formData===null||formData===void 0?void 0:formData.firstName)||'')+" "+((formData===null||formData===void 0?void 0:formData.lastName)||''))),(formData===null||formData===void 0?void 0:formData.phoneNumber)&&react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Phone",defaultMessage:"Phone",description:"label of phone field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-phone",variant:"body1",className:classes.valueItem},formData===null||formData===void 0?void 0:formData.phoneNumber))),react.createElement("div",{className:classes.formItem},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Email",defaultMessage:"Email",description:"label of email field on profile panel"})),react.createElement(Typography$1$2,{"data-test":"profile-panel-email",variant:"body1",className:classnames(classes.valueItem,classes.disabledText)},currentUser===null||currentUser===void 0?void 0:currentUser.email)),isResetPassword?react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Password-Reset",defaultMessage:"Password Reset",description:"reset password label on profile panel"})),react.createElement(Typography$1$2,{variant:"body2",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Veritone-will-send-a-reset-password-link-via-the-email-on-your-account",defaultMessage:"Veritone will send a reset password link via the email on your account.",description:"reset password description on profile panel"})),react.createElement(Typography$1$2,{variant:"body2"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-1",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelPwReset,color:"primary","data-test":"button-cancel-reset-password",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"personal-profile-cancel",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetPassword,"data-test":"button-reset-password",color:"primary",variant:"contained",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset",defaultMessage:"Reset",description:"the label of reset button"})))):react.createElement(react.Fragment,null,react.createElement("div",{className:classnames(classes.formItem,classes.formItemPw)},react.createElement(Typography$1$2,{variant:"body2",className:classes.titleItem},react.createElement(FormattedMessage,{id:"Password",defaultMessage:"Password",description:"label of pasword field on profile panel"})),react.createElement("div",{className:classes.passwordBox},react.createElement(Typography$1$2,{variant:"body1",className:classes.valueItem},"********"),react.createElement(IconButton$1$2,{id:"btn-click-pw-reset",className:classes.iconResetPw,onClick:handleClickPwReset},react.createElement("img",{src:img$v,alt:""})))),react.createElement("div",null,react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.lastUpdate},react.createElement(FormattedMessage,{id:"Last-updated",defaultMessage:"Last updated",description:"last updated text label text on profile panel"}),' ',(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated)?DateTime$1.fromISO(currentUser===null||currentUser===void 0?void 0:currentUser.lastUpdated).toFormat('LLL dd, yyyy'):DateTime$1.local().toFormat('LLL dd, yyyy'))))),isResetBiometric?react.createElement(react.Fragment,null,react.createElement("div",{className:classes.resetBiometric},react.createElement(Typography$1$2,{variant:"subtitle1",className:classes.pwResetTitle},react.createElement(FormattedMessage,{id:"Biometric-Reset",defaultMessage:"Biometric Reset",description:"label of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1",className:classes.pwResetDes1},react.createElement(FormattedMessage,{id:"Your-Biometric-Profile-will-be-reset",defaultMessage:"Your Biometric Profile will be reset.",description:"description of reset biometric container on profile panel"})),react.createElement(Typography$1$2,{variant:"body1"},react.createElement(FormattedMessage,{id:"Would-you-like-to-continue-2",defaultMessage:"Would you like to continue?",description:"confirm message of reset biometric on profile panel"}))),react.createElement(DialogActions$1,{className:classes.actionForm},react.createElement(Button$1$2,{onClick:handleCancelResetBiometric,"data-test":"button-cancel-reset-biometric",color:"primary",className:classnames(classes.btnAction,classes.btnActionCancel)},react.createElement(FormattedMessage,{id:"Cancel-2",defaultMessage:"Cancel",description:"the label of cancel button"})),react.createElement(Button$1$2,{onClick:onResetBiometric,color:"primary",variant:"contained","data-test":"button-reset-biometric",className:classes.btnAction},react.createElement(FormattedMessage,{id:"Reset-1",defaultMessage:"Reset",description:"the label of reset button"})))):!isResetPassword&&enableResetBiometric&&react.createElement("div",{id:"click-reset-biometric",onClick:handleClickResetBiometric},react.createElement(Typography$1$2,{variant:"body2",className:classes.reset},react.createElement(FormattedMessage,{id:"Reset-Biometric-Profile",defaultMessage:"Reset Biometric Profile",description:"label of Reset Biometric Profile on profile panel"}))))),react.createElement(TabPanel,{value:selectedTabId,index:1},react.createElement(AccountLinking,null))));};function SettingPanel(_a){var currentUser=_a.currentUser,activities=_a.activities,activityFilter=_a.activityFilter,onChangeActivityFilter=_a.onChangeActivityFilter,handleResetBiometric=_a.handleResetBiometric,handleResetPassword=_a.handleResetPassword,handleLogout=_a.handleLogout,handleUpdateProfile=_a.handleUpdateProfile,tabId=_a.tabId,recentApp=_a.recentApp,applications=_a.applications,onClickApp=_a.onClickApp,handleUploadAvatar=_a.handleUploadAvatar,avatarHistory=_a.avatarHistory;var currentUserState=useSelector(userSelector$2);var _b=react.useState(''),loadingStatus=_b[0],setLoadingStatus=_b[1];react.useEffect(function(){setLoadingStatus(currentUserState.loading);},[currentUserState]);return react.createElement(react.Fragment,null,tabId===TabId.PERSONAL_PANEL&&react.createElement(PersonalProfile,{currentUser:currentUser,handleLogout:handleLogout,handleResetBiometric:handleResetBiometric,handleResetPassword:handleResetPassword,handleUpdateProfile:handleUpdateProfile,handleUploadAvatar:handleUploadAvatar,avatarHistory:avatarHistory,loadingStatus:loadingStatus}),tabId===TabId.APP_PANEL&&react.createElement(ApplicationPanel,{recentApplist:recentApp,applications:applications,onClickApp:onClickApp}),tabId===TabId.ACTIVITY_PANEL&&react.createElement(ActivityPanel,{filter:activityFilter,onChangeFilter:onChangeActivityFilter,data:activities||[]}),tabId===TabId.PERFORMANCE_MONITOR&&react.createElement(PerformanceMonitor,null));}var namespace$2$2='applications';var applicationSelector=function applicationSelector(state){var _a;return (_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$2$2];};var HANDLE_CLICK_APP="aiware/"+namespace$2$2+"/get handle click app";var REQUEST_GET_APPLICATION_V1="aiware/"+namespace$2$2+"/request get app";var GET_APPLICATION_V1_START="aiware/"+namespace$2$2+"/get app list start";var GET_APPLICATION_V1_SUCCESS="aiware/"+namespace$2$2+"/get app list success";var GET_APPLICATION_V1_ERROR="aiware/"+namespace$2$2+"/get app list error";function requestGetApplications(){return {type:REQUEST_GET_APPLICATION_V1,payload:{}};}function getApplicationStart(){return {type:GET_APPLICATION_V1_START};}function getApplicationSuccess(data){return {type:GET_APPLICATION_V1_SUCCESS,payload:{data:data}};}function getApplicationError(message){return {type:GET_APPLICATION_V1_ERROR,payload:{message:message}};}var initialState$1$3={application:[],message:'',status:'idle'};function applicationReducer(state,action){if(typeof state==='undefined'){return initialState$1$3;}switch(action.type){case GET_APPLICATION_V1_START:{return _assign$5(_assign$5({},state),{status:'loading'});}case GET_APPLICATION_V1_SUCCESS:{return _assign$5(_assign$5({},state),{application:action.payload.data,status:'success'});}case GET_APPLICATION_V1_ERROR:{return _assign$5(_assign$5({},state),{message:action.payload.message,status:'failure'});}default:return state;}}var namespace$3$2='activities';var allActivitySeletor=function allActivitySeletor(state){var _a;return ((_a=state===null||state===void 0?void 0:state.aiWareHeaderBarPanel)===null||_a===void 0?void 0:_a[namespace$3$2])||[];};var today$1=DateTime$1.local().startOf('day');var activitySelector=createSelector([allActivitySeletor],function(activity){// eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     var records=activity.records,filter=activity.filter;if(filter==='today'){return records.filter(function(item){return DateTime$1.fromISO(item.createdDateTime).hasSame(today$1,'day');});}return records;});var GET_ACTIVITY="os-app-bar-panel/"+namespace$3$2+"/get activity";var GET_ACTIVITY_SUCCESS="os-app-bar-panel/"+namespace$3$2+"/get activity success";var UPDATE_ACTIVITY_FILTER="os-app-bar-panel/"+namespace$3$2+"/update activity filter";function getActivity(){return {type:GET_ACTIVITY};}function updateActivityFilter(data){return {type:UPDATE_ACTIVITY_FILTER,payload:data};}function getActivitySuccess(data){return {type:GET_ACTIVITY_SUCCESS,payload:data};}var initialState$2$2={records:[],filter:'all',fetched:false,fetching:false,processing:false};function activityReducer(state,action){if(typeof state==='undefined'){return initialState$2$2;}switch(action.type){case GET_ACTIVITY_SUCCESS:{return _assign$5(_assign$5({},state),{records:action.payload});}case UPDATE_ACTIVITY_FILTER:{var filter=action.payload.filter;return _assign$5(_assign$5({},state),{filter:filter});}default:return state;}}var _a$9;var rootReducer=combineReducers((_a$9={},_a$9[namespace$5]=userReducer,_a$9[namespace$3$2]=activityReducer,_a$9[namespace$2$2]=applicationReducer,_a$9));var nameSpace$2='aiWareHeaderBarPanel';// export default rootReducer;
     var createSymbol$4=function createSymbol(name){return "@@redux-saga/"+name;};var CANCEL$5=/*#__PURE__*/createSymbol$4('CANCEL_PROMISE');var IO$4=/*#__PURE__*/createSymbol$4('IO');var MULTICAST$4=/*#__PURE__*/createSymbol$4('MULTICAST');var SELF_CANCELLATION$4=/*#__PURE__*/createSymbol$4('SELF_CANCELLATION');var TASK$4=/*#__PURE__*/createSymbol$4('TASK');var undef$4=function undef(v){return v===null||v===undefined;};var notUndef$4=function notUndef(v){return v!==null&&v!==undefined;};var func$4=function func(f){return typeof f==='function';};var string$5=function string(s){return typeof s==='string';};var array$5=Array.isArray;var object$1=function object(obj){return obj&&!array$5(obj)&&typeof obj==='object';};var task$1=function task(t){return t&&t[TASK$4];};var pattern$4=function pattern(pat){return pat&&(string$5(pat)||symbol$5(pat)||func$4(pat)||array$5(pat)&&pat.every(pattern));};var channel$5=function channel(ch){return ch&&func$4(ch.take)&&func$4(ch.close);};var stringableFunc$4=function stringableFunc(f){return func$4(f)&&f.hasOwnProperty('toString');};var symbol$5=function symbol(sym){return Boolean(sym)&&typeof Symbol==='function'&&sym.constructor===Symbol&&sym!==Symbol.prototype;};var multicast$4=function multicast(ch){return channel$5(ch)&&ch[MULTICAST$4];};var effect$1=function effect(eff){return eff&&eff[IO$4];};function delayP$2(ms,val){if(val===void 0){val=true;}var timeoutId;var promise=new Promise(function(resolve){timeoutId=setTimeout(resolve,ms,val);});promise[CANCEL$5]=function(){clearTimeout(timeoutId);};return promise;}var identity$4=function identity(v){return v;};function check$3(value,predicate,error){if(!predicate(value)){throw new Error(error);}}var kThrow$4=function kThrow(err){throw err;};var kReturn$4=function kReturn(value){return {value:value,done:true};};function makeIterator$4(next,thro,name){if(thro===void 0){thro=kThrow$4;}if(name===void 0){name='iterator';}var iterator={meta:{name:name},next:next,"throw":thro,"return":kReturn$4,isSagaIterator:true};if(typeof Symbol!=='undefined'){iterator[Symbol.iterator]=function(){return iterator;};}return iterator;}var TAKE$4='TAKE';var PUT$4='PUT';var ALL$4='ALL';var CALL$4='CALL';var FORK$4='FORK';var CANCEL$1$4='CANCEL';var SELECT$4='SELECT';var TEST_HINT$1='\n(HINT: if you are getting these errors in tests, consider using createMockTask from @redux-saga/testing-utils)';var makeEffect$4=function makeEffect(type,payload){var _ref;return _ref={},_ref[IO$4]=true,_ref.combinator=false,_ref.type=type,_ref.payload=payload,_ref;};function take$4(patternOrChannel,multicastPattern){if(patternOrChannel===void 0){patternOrChannel='*';}if(arguments.length){check$3(arguments[0],notUndef$4,'take(patternOrChannel): patternOrChannel is undefined');}if(pattern$4(patternOrChannel)){return makeEffect$4(TAKE$4,{pattern:patternOrChannel});}if(multicast$4(patternOrChannel)&&notUndef$4(multicastPattern)&&pattern$4(multicastPattern)){return makeEffect$4(TAKE$4,{channel:patternOrChannel,pattern:multicastPattern});}if(channel$5(patternOrChannel)){return makeEffect$4(TAKE$4,{channel:patternOrChannel});}{throw new Error("take(patternOrChannel): argument "+patternOrChannel+" is not valid channel or a valid pattern");}}function put$4(channel$1,action){{if(arguments.length>1){check$3(channel$1,notUndef$4,'put(channel, action): argument channel is undefined');check$3(channel$1,channel$5,"put(channel, action): argument "+channel$1+" is not a valid channel");check$3(action,notUndef$4,'put(channel, action): argument action is undefined');}else{check$3(channel$1,notUndef$4,'put(action): argument action is undefined');}}if(undef$4(action)){action=channel$1;// `undefined` instead of `null` to make default parameter work
@@ -148487,7 +148491,7 @@
        * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
        */TransitionComponent:propTypes$a.elementType,/**
        * Props applied to the [`Transition`](http://reactcommunity.org/react-transition-group/transition#Transition-props) element.
-       */TransitionProps:propTypes$a.object};var Tooltip$1$5=withStyles$a(styles$6$7,{name:'MuiTooltip',flip:false})(Tooltip$5);var SHARED_TEXT$1={closePanel:function closePanel(){return react.createElement(FormattedMessage,{id:"dc.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"});},toggleNavigationMenu:function toggleNavigationMenu(){return react.createElement(FormattedMessage,{id:"dc.st.toggleNavMenu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"});},exitFullScreen:function exitFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.exitFullScreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"});},enterFullScreen:function enterFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.enterFullScreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"});},toggleFullScreen:function toggleFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.toggleFullScreen",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"});},toggleView:function toggleView(){return react.createElement(FormattedMessage,{id:"dc.st.toggleView",defaultMessage:"Toggle View",description:"Toggle View"});},toggleInfoPanel:function toggleInfoPanel(){return react.createElement(FormattedMessage,{id:"dc.st.toggleInfoPanel",defaultMessage:"Info",description:"Toggle Info Pane"});},"delete":function _delete(){return react.createElement(FormattedMessage,{id:"dc.st.delete",defaultMessage:"Delete",description:"Delete"});},confirmDelete:function confirmDelete(){return react.createElement(FormattedMessage,{id:"dc.st.confirmDelete",defaultMessage:"Confirm Delete",description:"Confirm Delete"});},cancel:function cancel(){return react.createElement(FormattedMessage,{id:"dc.st.cancel",defaultMessage:"Cancel",description:"Cancel"});},create:function create(){return react.createElement(FormattedMessage,{id:"dc.st.create",defaultMessage:"Create",description:"Create"});},submit:function submit(){return react.createElement(FormattedMessage,{id:"dc.st.submit",defaultMessage:"Submit",description:"Submit"});},show:function show(){return react.createElement(FormattedMessage,{id:"dc.st.show",defaultMessage:"Show",description:"Show"});},hide:function hide(){return react.createElement(FormattedMessage,{id:"dc.st.hide",defaultMessage:"Hide",description:"Hide"});},myFiles:function myFiles(){return react.createElement(FormattedMessage,{id:"dc.st.myFiles",defaultMessage:"My Files",description:"My Files"});},folderName:function folderName(){return react.createElement(FormattedMessage,{id:"dc.st.folderName",defaultMessage:"Folder Name",description:"Folder Name"});},newFolder:function newFolder(){return react.createElement(FormattedMessage,{id:"dc.st.newFolder",defaultMessage:"New Folder",description:"New Folder"});},editFolder:function editFolder(){return react.createElement(FormattedMessage,{id:"dc.st.editFolder",defaultMessage:"Edit Folder",description:"Edit Folder"});},editSource:function editSource(){return react.createElement(FormattedMessage,{id:"dc.st.editSource",defaultMessage:"Edit Source",description:"Edit Source"});},editSchedule:function editSchedule(){return react.createElement(FormattedMessage,{id:"dc.st.editSchedule",defaultMessage:"Edit Schedule",description:"Edit Schedule"});},tableDataSettings:function tableDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.tableDataSettings",defaultMessage:"Table Data Settings",description:"Table Data Settings"});},addRemoveDataSettings:function addRemoveDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.addRemoveDataSettings",defaultMessage:"Add and remove data from your table view.",description:"Add and remove data from your table view."});},tableHeaderStreams:function tableHeaderStreams(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderStreams",defaultMessage:"Streams",description:"Streams"});},tableHeaderSchedules:function tableHeaderSchedules(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderSchedules",defaultMessage:"Schedules",description:"Schedules"});},tableHeaderTdos:function tableHeaderTdos(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderTdos",defaultMessage:"Files",description:"Files"});},emptyChildFolderTitle:function emptyChildFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderTitle",defaultMessage:"No Files in this Folder",description:"No Files in this Folder"});},emptyChildFolderSubtitle:function emptyChildFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderSubtitle",defaultMessage:"Choose this folder location during data import to fill it up",description:"Choose this folder location during data import to fill it up"});},emptyRootFolderTitle:function emptyRootFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderTitle",defaultMessage:"Data Center lets you access and organize all your files",description:"Data Center lets you access and organize all your files"});},emptyRootFolderSubtitle:function emptyRootFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderSubtitle",defaultMessage:"Add data using the 'Add New' button",description:"Add data using the 'Add New' button"});},emptyTdosTitle:function emptyTdosTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosTitle",defaultMessage:"No Files Found",description:"No Files Found"});},emptyTdosSubtitle:function emptyTdosSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosSubtitle",defaultMessage:"This stream has not imported any data",description:"This stream has not imported any data"});},emptySchedulesTitle:function emptySchedulesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesTitle",defaultMessage:"Data Center lets you access all your sources",description:"Data Center lets you access all your sources"});},emptySchedulesSubtitle:function emptySchedulesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesSubtitle",defaultMessage:"Add New Sources",description:"Add New Sources"});},emptySourcesTitle:function emptySourcesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesTitle",defaultMessage:"No Streams Found",description:"No Streams Found"});},emptySourcesSubtitle:function emptySourcesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesSubtitle",defaultMessage:"Click the \u2018Add New Stream\u2019 button below to add your first stream.",description:"Click the \u2018Add New Stream\u2019 button below to add your first stream."});},emptySourcesButton:function emptySourcesButton(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesButton",defaultMessage:"Add New Stream",description:"Add New Stream"});},tableRowErrorButtonRetry:function tableRowErrorButtonRetry(){return react.createElement(FormattedMessage,{id:"dc.st.tableRowErrorButtonRetry",defaultMessage:"There was an error loading the data - retry",description:"There was an error loading the data - retry"});},noEngineFound:function noEngineFound(){return react.createElement(FormattedMessage,{id:"dc.st.noEngineFound",defaultMessage:"No Engine Found",description:"No Engine Found"});}};var useStyles$j=makeStyles$a(function(theme){return createStyles$a({header:function header(_a){var height=_a.height;return {alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,display:'flex',height:height,padding:theme.spacing(2)};},marginRight:{marginRight:theme.spacing(2)},navigationToggle:{marginRight:theme.spacing(1)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"}});});var Header=function Header(_a){var height=_a.height,isFullScreen=_a.isFullScreen,isNavExpanded=_a.isNavExpanded,onLeftNavigationToggle=_a.onLeftNavigationToggle,onPanelClose=_a.onPanelClose,onFullScreenToggle=_a.onFullScreenToggle;var classes=useStyles$j({height:height});var dispatch=useDispatch();var handleClickImporter=function handleClickImporter(){var microFrontend={name:'DATA_CENTER_IMPORTER',config:{name:'Local Importer'}};var panelConfig={type:'APP_BAR_PANEL_TEMPLATE',marginTop:55,marginStart:80,size:'large',zIndex:1050,parentPanelId:'DATA_CENTER',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:'DATA_CENTER_IMPORTER',microFrontend:microFrontend,panelConfig:panelConfig}));};return react.createElement("header",{className:classes.header,"data-test":"dc-header"},react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-header-toggle-nav"},SHARED_TEXT$1.toggleNavigationMenu()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.toggleNavigationMenu()},react.createElement(IconButton$1$6,{className:classes.navigationToggle,onClick:onLeftNavigationToggle,"aria-labelledby":"dc-header-toggle-nav","aria-expanded":isNavExpanded,"data-test":"dc-header-toggle-nav"},react.createElement(Hamburger,null))),react.createElement(Typography$1$6,{variant:"h1","data-test":"dc-title"},"Data Center"),react.createElement("div",{style:{alignItems:'center',border:'1px solid #E1E6ED',borderRadius:4,display:'none',flexGrow:1,height:44,padding:20}},"[PLACEHOLDER FOR SEARCH COMPONENT]"),react.createElement("div",{className:classes.headerActionContainer},react.createElement(Button$1$6,{className:classes.marginRight,onClick:handleClickImporter,color:"primary",variant:"contained"},react.createElement(FormattedMessage,{id:"dc.st.openImporterPanel",defaultMessage:"Add New",description:"Label of a button that allows user to upload a file from their local computer"})),react.createElement("div",{className:classes.verticalDivider}),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-toggle-fullscreen"},SHARED_TEXT$1.toggleFullScreen()),react.createElement(Tooltip$1$5,{title:isFullScreen?SHARED_TEXT$1.exitFullScreen():SHARED_TEXT$1.enterFullScreen()},react.createElement(IconButton$1$6,{onClick:onFullScreenToggle,"aria-labelledby":"dc-toggle-fullscreen","data-test":"dc-fullscreen-toggle"},isFullScreen?react.createElement(FullscreenExit,null):react.createElement(Fullscreen,null))),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-close-panel"},SHARED_TEXT$1.closePanel()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.closePanel()},react.createElement(IconButton$1$6,{onClick:onPanelClose,"aria-labelledby":"dc-close-panel","data-test":"dc-close-panel"},react.createElement(Hide,null)))));};// Corresponds to 10 frames at 60 Hz.
+       */TransitionProps:propTypes$a.object};var Tooltip$1$5=withStyles$a(styles$6$7,{name:'MuiTooltip',flip:false})(Tooltip$5);var SHARED_TEXT$1={closePanel:function closePanel(){return react.createElement(FormattedMessage,{id:"dc.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"});},toggleNavigationMenu:function toggleNavigationMenu(){return react.createElement(FormattedMessage,{id:"dc.st.toggleNavMenu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"});},exitFullScreen:function exitFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.exitFullScreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"});},enterFullScreen:function enterFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.enterFullScreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"});},toggleFullScreen:function toggleFullScreen(){return react.createElement(FormattedMessage,{id:"dc.st.toggleFullScreen",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"});},toggleView:function toggleView(){return react.createElement(FormattedMessage,{id:"dc.st.toggleView",defaultMessage:"Toggle View",description:"Toggle View"});},toggleInfoPanel:function toggleInfoPanel(){return react.createElement(FormattedMessage,{id:"dc.st.toggleInfoPanel",defaultMessage:"Info",description:"Toggle Info Pane"});},"delete":function _delete(){return react.createElement(FormattedMessage,{id:"dc.st.delete",defaultMessage:"Delete",description:"Delete"});},confirmDelete:function confirmDelete(){return react.createElement(FormattedMessage,{id:"dc.st.confirmDelete",defaultMessage:"Confirm Delete",description:"Confirm Delete"});},cancel:function cancel(){return react.createElement(FormattedMessage,{id:"dc.st.cancel",defaultMessage:"Cancel",description:"Cancel"});},create:function create(){return react.createElement(FormattedMessage,{id:"dc.st.create",defaultMessage:"Create",description:"Create"});},submit:function submit(){return react.createElement(FormattedMessage,{id:"dc.st.submit",defaultMessage:"Submit",description:"Submit"});},show:function show(){return react.createElement(FormattedMessage,{id:"dc.st.show",defaultMessage:"Show",description:"Show"});},hide:function hide(){return react.createElement(FormattedMessage,{id:"dc.st.hide",defaultMessage:"Hide",description:"Hide"});},myFiles:function myFiles(){return react.createElement(FormattedMessage,{id:"dc.st.myFiles",defaultMessage:"My Files",description:"My Files"});},folderName:function folderName(){return react.createElement(FormattedMessage,{id:"dc.st.folderName",defaultMessage:"Folder Name",description:"Folder Name"});},newFolder:function newFolder(){return react.createElement(FormattedMessage,{id:"dc.st.newFolder",defaultMessage:"New Folder",description:"New Folder"});},editFolder:function editFolder(){return react.createElement(FormattedMessage,{id:"dc.st.editFolder",defaultMessage:"Edit Folder",description:"Edit Folder"});},editSource:function editSource(){return react.createElement(FormattedMessage,{id:"dc.st.editSource",defaultMessage:"Edit Source",description:"Edit Source"});},editSchedule:function editSchedule(){return react.createElement(FormattedMessage,{id:"dc.st.editSchedule",defaultMessage:"Edit Schedule",description:"Edit Schedule"});},tableDataSettings:function tableDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.tableDataSettings",defaultMessage:"Table Data Settings",description:"Table Data Settings"});},addRemoveDataSettings:function addRemoveDataSettings(){return react.createElement(FormattedMessage,{id:"dc.st.addRemoveDataSettings",defaultMessage:"Add and remove data from your table view.",description:"Add and remove data from your table view."});},tableHeaderStreams:function tableHeaderStreams(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderStreams",defaultMessage:"Streams",description:"Streams"});},tableHeaderSchedules:function tableHeaderSchedules(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderSchedules",defaultMessage:"Schedules",description:"Schedules"});},tableHeaderTdos:function tableHeaderTdos(){return react.createElement(FormattedMessage,{id:"dc.st.tableHeaderTdos",defaultMessage:"Files",description:"Files"});},emptyChildFolderTitle:function emptyChildFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderTitle",defaultMessage:"No Files in this Folder",description:"No Files in this Folder"});},emptyChildFolderSubtitle:function emptyChildFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyChildFolderSubtitle",defaultMessage:"Choose this folder location during data import to fill it up",description:"Choose this folder location during data import to fill it up"});},emptyRootFolderTitle:function emptyRootFolderTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderTitle",defaultMessage:"Data Center lets you access and organize all your files",description:"Data Center lets you access and organize all your files"});},emptyRootFolderSubtitle:function emptyRootFolderSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyRootFolderSubtitle",defaultMessage:"Add data using the 'Add New' button",description:"Add data using the 'Add New' button"});},emptyTdosTitle:function emptyTdosTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosTitle",defaultMessage:"No Files Found",description:"No Files Found"});},emptyTdosSubtitle:function emptyTdosSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptyTdosSubtitle",defaultMessage:"This stream has not imported any data",description:"This stream has not imported any data"});},emptySchedulesTitle:function emptySchedulesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesTitle",defaultMessage:"Data Center lets you access all your sources",description:"Data Center lets you access all your sources"});},emptySchedulesSubtitle:function emptySchedulesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySchedulesSubtitle",defaultMessage:"Add New Sources",description:"Add New Sources"});},emptySourcesTitle:function emptySourcesTitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesTitle",defaultMessage:"No Streams Found",description:"No Streams Found"});},emptySourcesSubtitle:function emptySourcesSubtitle(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesSubtitle",defaultMessage:"Click the \u2018Add New Stream\u2019 button below to add your first stream.",description:"Click the \u2018Add New Stream\u2019 button below to add your first stream."});},emptySourcesButton:function emptySourcesButton(){return react.createElement(FormattedMessage,{id:"dc.st.emptySourcesButton",defaultMessage:"Add New Stream",description:"Add New Stream"});},tableRowErrorButtonRetry:function tableRowErrorButtonRetry(){return react.createElement(FormattedMessage,{id:"dc.st.tableRowErrorButtonRetry",defaultMessage:"There was an error loading the data - retry",description:"There was an error loading the data - retry"});},noEngineFound:function noEngineFound(){return react.createElement(FormattedMessage,{id:"dc.st.noEngineFound",defaultMessage:"No Engine Found",description:"No Engine Found"});}};var useStyles$j=makeStyles$a(function(theme){return createStyles$a({header:function header(_a){var height=_a.height;return {alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,display:'flex',height:height,padding:theme.spacing(2)};},marginRight:{marginRight:theme.spacing(2)},navigationToggle:{marginRight:theme.spacing(1)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"}});});var Header=function Header(_a){var height=_a.height,isFullScreen=_a.isFullScreen,isNavExpanded=_a.isNavExpanded,onLeftNavigationToggle=_a.onLeftNavigationToggle,onPanelClose=_a.onPanelClose,onFullScreenToggle=_a.onFullScreenToggle;var classes=useStyles$j({height:height});var dispatch=useDispatch();var handleClickImporter=function handleClickImporter(){var microFrontend={name:'DATA_CENTER_IMPORTER',config:{name:'Local Importer'}};var panelConfig={type:'APP_BAR_PANEL_TEMPLATE',marginTop:isFullScreen?0:55,marginStart:isFullScreen?0:80,size:'large',zIndex:isFullScreen?1010:1001,parentPanelId:'DATA_CENTER',dimmed:0,dimmedStatus:'dimParent'};dispatch(mountPanel({panelId:'DATA_CENTER_IMPORTER',microFrontend:microFrontend,panelConfig:panelConfig}));};return react.createElement("header",{className:classes.header,"data-test":"dc-header"},react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-header-toggle-nav"},SHARED_TEXT$1.toggleNavigationMenu()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.toggleNavigationMenu()},react.createElement(IconButton$1$6,{className:classes.navigationToggle,onClick:onLeftNavigationToggle,"aria-labelledby":"dc-header-toggle-nav","aria-expanded":isNavExpanded,"data-test":"dc-header-toggle-nav"},react.createElement(Hamburger,null))),react.createElement(Typography$1$6,{variant:"h1","data-test":"dc-title"},"Data Center"),react.createElement("div",{style:{alignItems:'center',border:'1px solid #E1E6ED',borderRadius:4,display:'none',flexGrow:1,height:44,padding:20}},"[PLACEHOLDER FOR SEARCH COMPONENT]"),react.createElement("div",{className:classes.headerActionContainer},react.createElement(Button$1$6,{className:classes.marginRight,onClick:handleClickImporter,color:"primary",variant:"contained"},react.createElement(FormattedMessage,{id:"dc.st.openImporterPanel",defaultMessage:"Add New",description:"Label of a button that allows user to upload a file from their local computer"})),react.createElement("div",{className:classes.verticalDivider}),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-toggle-fullscreen"},SHARED_TEXT$1.toggleFullScreen()),react.createElement(Tooltip$1$5,{title:isFullScreen?SHARED_TEXT$1.exitFullScreen():SHARED_TEXT$1.enterFullScreen()},react.createElement(IconButton$1$6,{onClick:onFullScreenToggle,"aria-labelledby":"dc-toggle-fullscreen","data-test":"dc-fullscreen-toggle"},isFullScreen?react.createElement(FullscreenExit,null):react.createElement(Fullscreen,null))),react.createElement(Typography$1$6,{variant:"srOnly",id:"dc-close-panel"},SHARED_TEXT$1.closePanel()),react.createElement(Tooltip$1$5,{title:SHARED_TEXT$1.closePanel()},react.createElement(IconButton$1$6,{onClick:onPanelClose,"aria-labelledby":"dc-close-panel","data-test":"dc-close-panel"},react.createElement(Hide,null)))));};// Corresponds to 10 frames at 60 Hz.
     // A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.
     function debounce$1$5(func){var wait=arguments.length>1&&arguments[1]!==undefined?arguments[1]:166;var timeout;function debounced(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}// eslint-disable-next-line consistent-this
     var that=this;var later=function later(){func.apply(that,args);};clearTimeout(timeout);timeout=setTimeout(later,wait);}debounced.clear=function(){clearTimeout(timeout);};return debounced;}function ownerDocument$6(node){return node&&node.ownerDocument||document;}function ownerWindow$6(node){var doc=ownerDocument$6(node);return doc.defaultView||window;}// Source from https://github.com/alitaheri/normalize-scroll-left
@@ -152232,7 +152236,7 @@
        */size:propTypes$a.oneOf(['medium','small']),/**
        * The value of the component. The DOM API casts this to a string.
        * The browser uses "on" as the default value.
-       */value:propTypes$a.any};var Checkbox$1$3=withStyles$a(styles$J$3,{name:'MuiCheckbox'})(Checkbox$3);var useStyles$e$2=makeStyles$a(function(theme){return createStyles$a({root:{display:'flex',flexDirection:'column',justifyContent:'space-between',flexGrow:1},buttonGroup:{display:'flex',justifyContent:'flex-end',alignItems:'center','& > *':{marginRight:theme.spacing(2)}},divider:{margin:theme.spacing(2)+"px 0"},listItem:{padding:"0 "+theme.spacing(12)+"px 0 0",marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},listItemText:{paddingTop:theme.spacing(2),paddingBottom:theme.spacing(2),paddingLeft:theme.spacing(3),borderRadius:4,background:'#F2F5F9',transition:'.2s ease','&.inactive':{opacity:0.5}}});});var TableDataSettings=function TableDataSettings(props){var classes=useStyles$e$2();var inputRef=react_26(null);var _a=react_27(false),isActive=_a[0],setIsActive=_a[1];var _b=react_27([]),tableData=_b[0],setTableData=_b[1];var dispatch=useDispatch();var _c=useSelector(selectTableDataSettings),isOpen=_c.isOpen,entityType=_c.entityType,settings=_c.settings;react_21(function(){if(entityType){inputRef.current&&inputRef.current.focus();setTableData(settings[entityType]);}else{setTableData([]);}},[entityType,isActive,settings]);var _d=entityType?TABLE_DATA_SETTINGS[entityType]:{},_e=_d.required,required=_e===void 0?[]:_e,_f=_d.canToggle,canToggle=_f===void 0?[]:_f;var handleToggle=function handleToggle(key){if(tableData.includes(key)){setTableData(function(prev){return prev.filter(function(data){return data!==key;});});}else{setTableData(function(prev){return __spreadArrays$7(prev,[key]);});}};var handleSave=function handleSave(e){e.preventDefault();if(entityType){var keys=new Set(__spreadArrays$7(required,tableData));dispatch(actions$9.uiState.setTableDataSetting({entityType:entityType,keys:Array.from(keys)}));dispatch(actions$9.uiState.toggleTableDataSettings(null));}};var handleClose=function handleClose(){dispatch(actions$9.uiState.toggleTableDataSettings(null));};return react.createElement(ActionPanel,_assign$c({isOpen:!!(isOpen&&entityType),panelTitle:SHARED_TEXT$1.tableDataSettings(),panelTitleSecondary:SHARED_TEXT$1.addRemoveDataSettings(),onClose:handleClose,setIsActive:setIsActive},props),isActive&&react.createElement("form",{autoComplete:"off",noValidate:true,className:classes.root,onSubmit:handleSave,"data-test":"dc-table-data-settings-form"},react.createElement(List$1$7,null,required.map(function(key){var _a;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classes.listItemText}),react.createElement(ListItemSecondaryAction$1$1,null));}),react.createElement(Divider$1$5,{className:classes.divider}),canToggle.map(function(key,idx){var _a;var labelId="table-data-"+key;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{id:labelId,primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classnames(classes.listItemText,{inactive:!tableData.includes(key)})}),react.createElement(ListItemSecondaryAction$1$1,null,react.createElement(Tooltip$1$5,{title:tableData.includes(key)?SHARED_TEXT$1.hide():SHARED_TEXT$1.show()},react.createElement(Checkbox$1$3,{edge:"end",onChange:function onChange(){return handleToggle(key);},checked:tableData.includes(key),inputProps:{'aria-labelledby':labelId},checkedIcon:react.createElement(VisibilityOutlinedIcon,null),icon:react.createElement(VisibilityOffIcon,null),inputRef:idx===0?inputRef:null}))));})),react.createElement("div",{className:classes.buttonGroup},react.createElement(Button$1$6,{onClick:handleClose},"Cancel"),react.createElement(Button$1$6,{variant:"contained",color:"primary",type:"submit"},"Save"))));};var appBarHeight$1=55;var headerHeight=64;var borderBottom$1$1=5;var useStyles$f$1=makeStyles$a(function(theme){return createStyles$a({root:{width:1020,position:'relative'},panel:{backgroundColor:theme.palette.background.paper,boxShadow:'0px 0px 12px rgba(0, 0, 0, 0.25)',height:'100%'},fullScreen:{position:'fixed',width:'100%',height:'100vh',top:0,left:0,right:0,bottom:0,zIndex:1200}});});var actionPanels=[AddNewFolder,EditFolder,TableDataSettings];var MainLayout=function MainLayout(_a){var hidePanel=_a.hidePanel,dataId=_a.dataId,rest=__rest$6(_a,["hidePanel","dataId"]);var classes=useStyles$f$1();var _b=react_27(true),navigationPanelExpanded=_b[0],setNavigationPanelExpanded=_b[1];var uiStateStatus=useSelector(selectUIStateStatus);var fullScreen=useSelector(selectIsFullScreen);var dispatch=useDispatch();var handleFullScreenToggle=function handleFullScreenToggle(){dispatch(actions$9.uiState.toggleFullScreen());};var handleLeftNavigationToggle=function handleLeftNavigationToggle(){setNavigationPanelExpanded(!navigationPanelExpanded);};var handlePanelClose=function handlePanelClose(){hidePanel&&hidePanel();};var mainHeight="calc(100vh - "+(fullScreen?0:appBarHeight$1+borderBottom$1$1)+"px - "+headerHeight+"px)";return react.createElement(Container$1,{fullScreen:fullScreen,classes:classes},react.createElement(Header,{height:headerHeight,isFullScreen:fullScreen,isNavExpanded:navigationPanelExpanded,onFullScreenToggle:handleFullScreenToggle,onLeftNavigationToggle:handleLeftNavigationToggle,onPanelClose:handlePanelClose}),uiStateStatus===LoadingStatus$1.Idle&&react.createElement(MainTabPanel,{height:mainHeight,isNavExpanded:navigationPanelExpanded}),uiStateStatus===LoadingStatus$1.Pending&&react.createElement(MainSkeleton,{height:mainHeight}),uiStateStatus===LoadingStatus$1.Failed&&react.createElement("div",null,"Error: Please try again later."),actionPanels.map(function(Panel,idx){return react.createElement(Panel,{key:idx,className:classes.panel,fullScreen:fullScreen});}));};var Container$1=function Container(_a){var fullScreen=_a.fullScreen,classes=_a.classes,children=_a.children;return fullScreen?react.createElement(Portal$8,null,react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel,classes.fullScreen)},children)):react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel)},children);};var DataCenterBrowse=function DataCenterBrowse(props){var dispatch=useDispatch();var uiStateStatus=useSelector(selectUIStateStatus);var _a=useSelector(selectApiConfigs),apiRoot=_a.apiRoot,graphQLEndpoint=_a.graphQLEndpoint,token=_a.token;react_21(function(){if(uiStateStatus===LoadingStatus$1.Pending&&apiRoot&&graphQLEndpoint&&token){dispatch(actions$9.uiState.init());}},[uiStateStatus,apiRoot,graphQLEndpoint,token,dispatch]);if(!apiRoot||!graphQLEndpoint||!token||!props.panelRendered){return null;}return react.createElement(AIWareThemeProvider,null,react.createElement(AIWareIntlProvider,null,react.createElement(MainLayout,_assign$c({},props))));};store.addModules([getDataCenterBrowseModule()]);
+       */value:propTypes$a.any};var Checkbox$1$3=withStyles$a(styles$J$3,{name:'MuiCheckbox'})(Checkbox$3);var useStyles$e$2=makeStyles$a(function(theme){return createStyles$a({root:{display:'flex',flexDirection:'column',justifyContent:'space-between',flexGrow:1},buttonGroup:{display:'flex',justifyContent:'flex-end',alignItems:'center','& > *':{marginRight:theme.spacing(2)}},divider:{margin:theme.spacing(2)+"px 0"},listItem:{padding:"0 "+theme.spacing(12)+"px 0 0",marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},listItemText:{paddingTop:theme.spacing(2),paddingBottom:theme.spacing(2),paddingLeft:theme.spacing(3),borderRadius:4,background:'#F2F5F9',transition:'.2s ease','&.inactive':{opacity:0.5}}});});var TableDataSettings=function TableDataSettings(props){var classes=useStyles$e$2();var inputRef=react_26(null);var _a=react_27(false),isActive=_a[0],setIsActive=_a[1];var _b=react_27([]),tableData=_b[0],setTableData=_b[1];var dispatch=useDispatch();var _c=useSelector(selectTableDataSettings),isOpen=_c.isOpen,entityType=_c.entityType,settings=_c.settings;react_21(function(){if(entityType){inputRef.current&&inputRef.current.focus();setTableData(settings[entityType]);}else{setTableData([]);}},[entityType,isActive,settings]);var _d=entityType?TABLE_DATA_SETTINGS[entityType]:{},_e=_d.required,required=_e===void 0?[]:_e,_f=_d.canToggle,canToggle=_f===void 0?[]:_f;var handleToggle=function handleToggle(key){if(tableData.includes(key)){setTableData(function(prev){return prev.filter(function(data){return data!==key;});});}else{setTableData(function(prev){return __spreadArrays$7(prev,[key]);});}};var handleSave=function handleSave(e){e.preventDefault();if(entityType){var keys=new Set(__spreadArrays$7(required,tableData));dispatch(actions$9.uiState.setTableDataSetting({entityType:entityType,keys:Array.from(keys)}));dispatch(actions$9.uiState.toggleTableDataSettings(null));}};var handleClose=function handleClose(){dispatch(actions$9.uiState.toggleTableDataSettings(null));};return react.createElement(ActionPanel,_assign$c({isOpen:!!(isOpen&&entityType),panelTitle:SHARED_TEXT$1.tableDataSettings(),panelTitleSecondary:SHARED_TEXT$1.addRemoveDataSettings(),onClose:handleClose,setIsActive:setIsActive},props),isActive&&react.createElement("form",{autoComplete:"off",noValidate:true,className:classes.root,onSubmit:handleSave,"data-test":"dc-table-data-settings-form"},react.createElement(List$1$7,null,required.map(function(key){var _a;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classes.listItemText}),react.createElement(ListItemSecondaryAction$1$1,null));}),react.createElement(Divider$1$5,{className:classes.divider}),canToggle.map(function(key,idx){var _a;var labelId="table-data-"+key;return react.createElement(ListItem$1$6,{key:key,className:classes.listItem},react.createElement(ListItemText$1$4,{id:labelId,primary:(_a=TABLE_DATA_NAMES[key])===null||_a===void 0?void 0:_a.call(TABLE_DATA_NAMES),className:classnames(classes.listItemText,{inactive:!tableData.includes(key)})}),react.createElement(ListItemSecondaryAction$1$1,null,react.createElement(Tooltip$1$5,{title:tableData.includes(key)?SHARED_TEXT$1.hide():SHARED_TEXT$1.show()},react.createElement(Checkbox$1$3,{edge:"end",onChange:function onChange(){return handleToggle(key);},checked:tableData.includes(key),inputProps:{'aria-labelledby':labelId},checkedIcon:react.createElement(VisibilityOutlinedIcon,null),icon:react.createElement(VisibilityOffIcon,null),inputRef:idx===0?inputRef:null}))));})),react.createElement("div",{className:classes.buttonGroup},react.createElement(Button$1$6,{onClick:handleClose},"Cancel"),react.createElement(Button$1$6,{variant:"contained",color:"primary",type:"submit"},"Save"))));};var appBarHeight$1=55;var headerHeight=64;var borderBottom$1$1=5;var useStyles$f$1=makeStyles$a(function(theme){return createStyles$a({root:{width:1020,position:'relative'},panel:{backgroundColor:theme.palette.background.paper,boxShadow:'0px 0px 12px rgba(0, 0, 0, 0.25)',height:'100%'},fullScreen:{position:'fixed',width:'100%',height:'100vh',top:0,left:0,right:0,bottom:0,zIndex:1001},overlay:{backgroundColor:theme.palette.grey[50],opacity:"0.5 !important",height:'100%',position:'absolute',top:0,width:'100%',zIndex:1001}});});var actionPanels=[AddNewFolder,EditFolder,TableDataSettings];var MainLayout=function MainLayout(_a){var _b;var hidePanel=_a.hidePanel,dataId=_a.dataId,rest=__rest$6(_a,["hidePanel","dataId"]);var classes=useStyles$f$1();var _c=react_27(true),navigationPanelExpanded=_c[0],setNavigationPanelExpanded=_c[1];var uiStateStatus=useSelector(selectUIStateStatus);var fullScreen=useSelector(selectIsFullScreen);var dispatch=useDispatch();var panels=useSelector(panelsSelector)||[];var DataCenterPanel=panels.find(function(item){return item.panelId==='DATA_CENTER';})||{panelConfig:{dimmed:0}};var dimmed=((_b=DataCenterPanel===null||DataCenterPanel===void 0?void 0:DataCenterPanel.panelConfig)===null||_b===void 0?void 0:_b.dimmed)>0;var handleFullScreenToggle=function handleFullScreenToggle(){dispatch(actions$9.uiState.toggleFullScreen());};var handleLeftNavigationToggle=function handleLeftNavigationToggle(){setNavigationPanelExpanded(!navigationPanelExpanded);};var handlePanelClose=function handlePanelClose(){hidePanel&&hidePanel();};var mainHeight="calc(100vh - "+(fullScreen?0:appBarHeight$1+borderBottom$1$1)+"px - "+headerHeight+"px)";return react.createElement(Container$1,{dimmed:dimmed,fullScreen:fullScreen,classes:classes},react.createElement(Header,{height:headerHeight,isFullScreen:fullScreen,isNavExpanded:navigationPanelExpanded,onFullScreenToggle:handleFullScreenToggle,onLeftNavigationToggle:handleLeftNavigationToggle,onPanelClose:handlePanelClose}),uiStateStatus===LoadingStatus$1.Idle&&react.createElement(MainTabPanel,{height:mainHeight,isNavExpanded:navigationPanelExpanded}),uiStateStatus===LoadingStatus$1.Pending&&react.createElement(MainSkeleton,{height:mainHeight}),uiStateStatus===LoadingStatus$1.Failed&&react.createElement("div",null,"Error: Please try again later."),actionPanels.map(function(Panel,idx){return react.createElement(Panel,{key:idx,className:classes.panel,fullScreen:fullScreen});}));};var Container$1=function Container(_a){var fullScreen=_a.fullScreen,classes=_a.classes,dimmed=_a.dimmed,children=_a.children;return fullScreen?react.createElement(Portal$8,null,react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel,classes.fullScreen)},dimmed&&react.createElement("div",{className:classes.overlay}),children)):react.createElement("div",{role:"presentation","data-test":"dc-widget",className:classnames(classes.root,classes.panel)},children);};var DataCenterBrowse=function DataCenterBrowse(props){var dispatch=useDispatch();var uiStateStatus=useSelector(selectUIStateStatus);var _a=useSelector(selectApiConfigs),apiRoot=_a.apiRoot,graphQLEndpoint=_a.graphQLEndpoint,token=_a.token;react_21(function(){if(uiStateStatus===LoadingStatus$1.Pending&&apiRoot&&graphQLEndpoint&&token){dispatch(actions$9.uiState.init());}},[uiStateStatus,apiRoot,graphQLEndpoint,token,dispatch]);if(!apiRoot||!graphQLEndpoint||!token||!props.panelRendered){return null;}return react.createElement(AIWareThemeProvider,null,react.createElement(AIWareIntlProvider,null,react.createElement(MainLayout,_assign$c({},props))));};store.addModules([getDataCenterBrowseModule()]);
 
     (function(){var env={};try{if(process){process.env=Object.assign({},process.env);Object.assign(process.env,env);return;}}catch(e){}// avoid ReferenceError: process is not defined
     globalThis.process={env:env};})();/*! *****************************************************************************
@@ -167598,7 +167602,7 @@
     // );
     // warnOnce = true;
     return createStyles(styles);}var defaultTheme$c=createMuiTheme$d();function makeStyles$d(stylesOrCreator){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return makeStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}function useTheme$b(){var theme=useTheme()||defaultTheme$c;{// eslint-disable-next-line react-hooks/rules-of-hooks
-    react.useDebugValue(theme);}return theme;}function withStyles$d(stylesOrCreator,options){return withStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}var useStyles$m=makeStyles$d(function(theme){return createStyles$d({root:{width:'560px',height:'auto'},configurationContainer:{minHeight:'650px'},spacer:{minHeight:theme.spacing(2)},header:{alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,backgroundColor:'#FAFAFA !important',display:'flex',height:64,padding:theme.spacing(2)},headerTitle:{paddingLeft:theme.spacing(4)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"},stepsContent:{overflowY:'scroll','&::-webkit-scrollbar':{width:'0'},height:'650px'},stepper:{width:'80%'},sectionsButton:{paddingBottom:theme.spacing(3)},sections:{paddingTop:theme.spacing(3),paddingBottom:theme.spacing(2.8)},container:{paddingTop:theme.spacing(3),paddingLeft:theme.spacing(3),paddingRight:theme.spacing(3)},clientDivider:{paddingBottom:theme.spacing(3)},previewButtonContainer:{marginTop:theme.spacing(3),padding:theme.spacing(3),background:'#FAFAFA'},previewButtonImage:{width:'30px',height:'30px',objectFit:'contain',marginRight:theme.spacing(2)},previewButton:{height:'55px',marginBottom:theme.spacing(4),textTransform:'none'},designContainer:{display:'flex',width:'100%',marginTop:theme.spacing(3)},colorBlocksContainer:{display:'flex',flexDirection:'row',justifyContent:'space-between',width:'100%'},colorBlock:{width:'30px',height:'30px',borderRadius:'4px'},colorValuesContainer:{display:'flex',justifyContent:'space-between',width:'100%'},buttonDesignErrorContainer:{marginTop:'10px',display:'flex',flexDirection:'column',width:'100%',alignItems:'center',justifyContent:'center',color:'#E53935'},buttonDesignContainer:{display:'flex',flexDirection:'column',height:'137px',width:'100%',justifyContent:'space-between'},buttonPreviewLabel:{position:'absolute',fontSize:'12px',width:'75px',backgroundColor:'#fff',color:'#5C6269',textAlign:'center',top:'-12px',left:'5px'},logo:{width:'100%',objectFit:'fill',borderRadius:'4px'},logoContainer:{width:'138px',position:'relative',borderRadius:'4px',marginRight:theme.spacing(2)},buttonGroup:{display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'flex-end',marginTop:theme.spacing(3),marginRight:theme.spacing(3)},button:{marginRight:theme.spacing(1)},instructions:{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},textField:{width:'100%'},textFieldButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'100%'},textFieldHexButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'48%'},inputBase:{fontWeight:400,fontSize:'14px'},inputContainer:{position:'relative'},fileInput:{position:'absolute',height:1,width:1,overflow:'hidden',clip:'rect(1px, 1px, 1px, 1px)'},imageWrapper:{position:'relative',alignItems:'center',borderRadius:4,border:'1px solid #ccc',boxSizing:'border-box',cursor:'pointer',display:'flex',width:137,height:137,justifyContent:'center',overflow:'hidden'},inputLogo:{position:'relative',height:138,width:138,objectFit:'contain'},removeBtn:{backgroundColor:'rgba(255, 255, 255, .7)',color:'#000',borderRadius:'25px',padding:8,position:'absolute',right:4,top:92},loadingCreate:{marginTop:'50px',display:'flex',width:'100%',height:'400px',justifyContent:'space-around',alignItems:'center',flexDirection:'column'},errorImage:{width:'235px',height:'235px'},retryButton:{marginTop:'10px'},isGlobalContainer:{borderRadius:4,backgroundColor:'#FAFAFA',padding:'10px',display:'flex',flexDirection:'row'},isGlobalTitle:{marginBottom:'5px'},isGlobalDescription:{width:'90%'}});});function toVal$b(mix){var k,y,str='';if(typeof mix==='string'||typeof mix==='number'){str+=mix;}else if(typeof mix==='object'){if(Array.isArray(mix)){for(k=0;k<mix.length;k++){if(mix[k]){if(y=toVal$b(mix[k])){str&&(str+=' ');str+=y;}}}}else{for(k in mix){if(mix[k]){str&&(str+=' ');str+=k;}}}}return str;}function clsx$b(){var i=0,tmp,x,str='';while(i<arguments.length){if(tmp=arguments[i++]){if(x=toVal$b(tmp)){str&&(str+=' ');str+=x;}}}return str;}// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
+    react.useDebugValue(theme);}return theme;}function withStyles$d(stylesOrCreator,options){return withStyles(stylesOrCreator,_extends$j({defaultTheme:defaultTheme$c},options));}var useStyles$m=makeStyles$d(function(theme){return createStyles$d({root:{width:'560px',height:'auto'},configurationContainer:{minHeight:'650px'},spacer:{minHeight:theme.spacing(2)},header:{alignItems:'center',borderBottom:"0.5px solid "+theme.palette.divider,backgroundColor:'#FAFAFA !important',display:'flex',height:64,padding:theme.spacing(2)},headerTitle:{paddingLeft:theme.spacing(4)},headerActionContainer:{alignItems:'center',display:'flex',flexGrow:1,height:'100%',justifyContent:'flex-end'},verticalDivider:{borderRight:".5px solid "+theme.palette.divider,height:'70%',margin:"0 "+theme.spacing(1)+"px"},stepsContent:{overflowY:'scroll','&::-webkit-scrollbar':{width:'0'},height:'650px'},stepper:{width:'80%'},sectionsButton:{paddingBottom:theme.spacing(3)},sections:{paddingTop:theme.spacing(3),paddingBottom:theme.spacing(2.8)},container:{paddingTop:theme.spacing(3),paddingLeft:theme.spacing(3),paddingRight:theme.spacing(3)},clientDivider:{paddingBottom:theme.spacing(3)},previewButtonContainer:{marginTop:theme.spacing(3),padding:theme.spacing(3),background:'#FAFAFA'},previewButtonImage:{width:'30px',height:'30px',objectFit:'contain',marginRight:theme.spacing(2)},previewButton:{height:'55px',marginBottom:theme.spacing(4),textTransform:'none'},designContainer:{display:'flex',width:'100%',marginTop:theme.spacing(3)},colorBlocksContainer:{display:'flex',flexDirection:'row',justifyContent:'space-between',width:'100%'},colorBlock:{width:'30px',height:'30px',borderRadius:'4px'},colorValuesContainer:{display:'flex',justifyContent:'space-between',width:'100%'},buttonDesignErrorContainer:{marginTop:'10px',display:'flex',flexDirection:'column',width:'100%',alignItems:'center',justifyContent:'center',color:'#E53935'},buttonDesignContainer:{display:'flex',flexDirection:'column',height:'137px',width:'100%',justifyContent:'space-between'},buttonPreviewLabel:{position:'absolute',fontSize:'12px',fontWeight:300,width:'75px',backgroundColor:'#fff',transform:'translate(2px, 0px) scale(.98)',color:'#5C6269',textAlign:'center',top:'-8px',left:'5px'},logo:{width:'100%',objectFit:'fill',borderRadius:'4px'},logoContainer:{height:'138px',width:'138px',position:'relative',borderRadius:'4px',marginRight:theme.spacing(2)},buttonGroup:{display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'flex-end',marginTop:theme.spacing(3),marginRight:theme.spacing(3)},button:{marginRight:theme.spacing(1)},instructions:{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},textField:{width:'100%'},textFieldButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'100%'},textFieldHexButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:'48%'},inputBase:{fontWeight:400,fontSize:'14px'},inputContainer:{position:'relative'},fileInput:{position:'absolute',height:1,width:1,overflow:'hidden',clip:'rect(1px, 1px, 1px, 1px)'},imageWrapper:{position:'relative',alignItems:'center',borderRadius:4,border:'1px solid #ccc',boxSizing:'border-box',cursor:'pointer',display:'flex',width:137,height:137,justifyContent:'center',overflow:'hidden'},inputLogo:{position:'relative',height:138,width:138,objectFit:'contain'},removeBtn:{backgroundColor:'rgba(255, 255, 255, .7)',color:'#000',borderRadius:'25px',padding:8,position:'absolute',right:4,top:92},loadingCreate:{marginTop:'50px',display:'flex',width:'100%',height:'400px',justifyContent:'space-around',alignItems:'center',flexDirection:'column'},errorImage:{width:'235px',height:'235px'},retryButton:{marginTop:'10px'},isGlobalContainer:{borderRadius:4,backgroundColor:'#FAFAFA',padding:'10px',display:'flex',flexDirection:'row'},isGlobalTitle:{marginBottom:'5px'},isGlobalDescription:{width:'90%'}});});function toVal$b(mix){var k,y,str='';if(typeof mix==='string'||typeof mix==='number'){str+=mix;}else if(typeof mix==='object'){if(Array.isArray(mix)){for(k=0;k<mix.length;k++){if(mix[k]){if(y=toVal$b(mix[k])){str&&(str+=' ');str+=y;}}}}else{for(k in mix){if(mix[k]){str&&(str+=' ');str+=k;}}}}return str;}function clsx$b(){var i=0,tmp,x,str='';while(i<arguments.length){if(tmp=arguments[i++]){if(x=toVal$b(tmp)){str&&(str+=' ');str+=x;}}}return str;}// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
     //
     // A strict capitalization should uppercase the first letter of each word a the sentence.
     // We only handle the first word.
@@ -205270,12 +205274,14 @@
               }; // todo pass base story props (or wrap it here?)
 
 
+              var el = getElement(elementId);
+              el.classList.add('aiware-el');
               reactDom.render(react.createElement(StylesProvider, {
                 jss: jss$3,
                 generateClassName: generateClassName$2
               }, react.createElement(AIWareThemeProvider, null, react.createElement(Provider, {
                 store: store
-              }, react.createElement(Component, __assign({}, widgetConfig))))), getElement(elementId));
+              }, react.createElement(Component, __assign({}, widgetConfig))))), el);
             })];
 
           case 1:
@@ -205420,7 +205426,7 @@
             return [4
             /*yield*/
             , takeEvery$1(mountPanel({}).type, function (action) {
-              var _a, panelId, name, panelConfig, Component, Panel, parent_1, _b, _c, marginTop, _d, marginStart, _e, zIndex, panelId_1, clientWidth;
+              var _a, panelId, name, panelConfig, Component, Panel, parent_1, _b, _c, marginTop, _d, marginStart, _e, zIndex, panelId_1, clientWidth, el;
 
               var _f;
 
@@ -205455,6 +205461,8 @@
                     _g.label = 2;
 
                   case 2:
+                    el = getElement(panelId + "-" + rootPostfix);
+                    el.classList.add('aiware-el');
                     reactDom.render(react.createElement(AIWareThemeProvider, null, react.createElement(Provider, {
                       store: store
                     }, react.createElement(ClickAwayListener, {
@@ -205463,7 +205471,7 @@
                       type: 'SIMPLE_PANEL',
                       panelId: panelId,
                       "data-test": "panel-" + panelId
-                    }, react.createElement(Component, null)))))), getElement(panelId + "-" + rootPostfix));
+                    }, react.createElement(Component, null)))))), el);
                     return [2
                     /*return*/
                     ];
@@ -207434,6 +207442,7 @@
 
 
     var root$5 = getElement('aiWARE');
+    root$5.classList.add('aiware-el');
     /**
      * Render modal renderer
      */
@@ -207634,7 +207643,7 @@
         mountPanel: mountPanel$1,
         unmountWidget: unmountWidget$1,
         // this is set build time
-        commit: 'd0089ee6e'
+        commit: '15fe511ac'
       };
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aiware-js",
-  "version": "1.37.0",
+  "version": "1.38.0",
   "private": false,
   "main": "./js-core.umd.js",
   "module": "./js-core.esm.js",