@loftyshaky/shared 1.0.2 → 1.1.1

package/chunk-main-53e40464.js

@@ -1 +0,0 @@
-"use strict";var main=require("./chunk-main-536b8e4c.js"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);globalThis.show_err_ribbon=(error_obj,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=Main$1.i().hide_delay,is_notification:is_notification=!1,notification_msg_key:notification_msg_key=""}={})=>Main$1.i().show_error(error_obj,error_code,{error_msg_key:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay,is_notification:is_notification,notification_msg_key:notification_msg_key}),globalThis.err=(f,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=Main$1.i().hide_delay}={})=>{try{return f()}catch(error_obj){Main$1.i().show_error(error_obj,error_code,{error_msg_key:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay})}},globalThis.err_async=(f,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=Main$1.i().hide_delay}={})=>main.__awaiter(void 0,void 0,void 0,(function*(){try{return yield f()}catch(error_obj){Main$1.i().show_error(error_obj,error_code,{error_msg_key:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay})}})),globalThis.throw_err=msg=>{throw new Error(msg)},globalThis.throw_err_obj=error_obj=>{throw error_obj},globalThis.err_obj=msg=>new Error(msg);const Body$1=main.observer(class extends React__default.default.Component{static getDerivedStateFromError(){Visibility.i().show_reload_ui_screen()}componentDidCatch(err_obj){show_err_ribbon(err_obj,"shr_1000",{error_msg_key:"cant_render_ui"})}render(){if(Visibility.i().page_is_crashed)return React__default.default.createElement("div",{className:"reload_ui_btn_w"},React__default.default.createElement("button",{className:x.cls(["btn","reload_ui"]),type:"button",onClick:Page.i().reload},ext.msg("reload_ui_btn_text")));const{children:children}=this.props;return children}}),Body=main.observer((props=>{const{app_id:app_id,on_render:on_render}=props;return React.useEffect((()=>{(class{constructor(){this.load=({app_id:app_id})=>{x.css("font_face",document.head,`font_face_link_${app_id}`);const error_root=s(`.error_${app_id}`);if(n(error_root)){const error_shadow=n(error_root.shadowRoot)?error_root.shadowRoot:void 0;if(error_shadow){const error_css=x.css("error",error_shadow);n(error_css)&&x.bind(error_css,"load",(()=>{State.i().change_state({observable_key:"is_loaded",state:!0})}))}}}}static i(){return this.i0||(this.i0=new this)}}).i().load({app_id:app_id}),on_render()}),[app_id,on_render]),React__default.default.createElement("div",{className:x.cls(["main","error",State.i().is_highlighted_cls,State.i().is_notification_cls]),role:"none",style:{display:State.i().is_visible_style},onMouseDown:State.i().clear_all_reset_state_timeouts},React__default.default.createElement(ExtName,null),React__default.default.createElement(Msg$1,null),React__default.default.createElement(CloseBtn,null))})),CloseBtn=main.observer((()=>React__default.default.createElement("button",{className:"close_btn",type:"button",onClick:()=>State.i().change_state({observable_key:"is_visible",state:!1})},React__default.default.createElement(main.svg.Close,null)))),ExtName=()=>React__default.default.createElement("span",{className:"ext_name"},ext.msg("name")," ",React__default.default.createElement(main.Body,null)),Msg$1=main.observer((()=>React__default.default.createElement("div",{className:"msg"},Msg.i().main_msg,State.i().is_notification?void 0:React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("button",{type:"button",className:x.cls(["more_info_btn",Msg.i().more_info_btn_is_visible_cls]),onClick:()=>Msg.i().change_visibility_of_advanced_msg({is_visible:!0})},ext.msg("error_more_info_btn_text")),React__default.default.createElement("div",{className:Msg.i().advanced_msg_is_visible_cls},Msg.i().advanced_msg)))));class Visibility{constructor(){this.page_is_crashed=!1,this.show_reload_ui_screen=()=>{this.page_is_crashed=!0},main.makeObservable(this,{page_is_crashed:main.observable,show_reload_ui_screen:main.action})}static i(){return this.i0||(this.i0=new this)}}class Main$1{constructor(){this.hide_delay=5e3,this.highlight_time=300,this.show_error=(error_obj,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=this.hide_delay,is_notification:is_notification=!1,notification_msg_key:notification_msg_key=""}={})=>{const error_ui_is_visible=!(x.in_service_worker||silent||error_obj&&error_obj.silent);if(error_ui_is_visible&&(is_notification?(State.i().change_state({observable_key:"is_notification",state:!0}),Msg.i().notification_msg_key=notification_msg_key):State.i().change_state({observable_key:"is_notification",state:!1}),State.i().change_state({observable_key:"is_visible",state:!0}),State.i().change_state({observable_key:"is_highlighted",state:!0}),State.i().clear_all_reset_state_timeouts(),error_obj&&error_obj.persistent||persistent||State.i().run_reset_state_timeout({observable_key:"is_visible",delay:hide_delay+this.highlight_time}),State.i().run_reset_state_timeout({observable_key:"is_highlighted",delay:this.highlight_time})),error_obj&&error_code){error_ui_is_visible&&Msg.i().change_visibility_of_advanced_msg({is_visible:!1});const error_msg_pre=ext.msg(`${error_obj.error_msg||error_msg_key}_error`),error_msg_final=error_msg_pre?` ${error_msg_pre}`:"";if(main.runInAction((()=>err((()=>{Msg.i().basic_msg=`${ext.msg("an_error_occured_msg")+error_msg_final}`,Msg.i().advanced_msg=`${ext.msg("error_code_label")+(error_obj.error_code||error_code)}\n${ext.msg("error_type_label")+error_obj.name}\n${ext.msg("error_msg_label")+error_obj.message}`}),"shr_1195"))),error_obj.exit||exit){const updated_error_obj=error_obj,set_updated_error_obj_propery=({key:key,undefined_property:undefined_property})=>{updated_error_obj[key]=n(error_obj[key])?error_obj[key]:undefined_property};throw set_updated_error_obj_propery({key:"error_code",undefined_property:error_code}),set_updated_error_obj_propery({key:"error_msg",undefined_property:error_msg_key}),set_updated_error_obj_propery({key:"silent",undefined_property:silent}),set_updated_error_obj_propery({key:"persistent",undefined_property:persistent}),set_updated_error_obj_propery({key:"exit",undefined_property:exit}),set_updated_error_obj_propery({key:"hide_delay",undefined_property:hide_delay}),updated_error_obj}this.output_error(error_obj,error_code)}},this.output_error=(error_obj,error_code)=>{const line="---------------------------",separator_bottom=`\n${line}`,error_code_and_msg=`${`${line}\n`}Code: ${error_code}\nMessage: ${error_obj.message}`,console_output=error_obj.stack?`${error_code_and_msg}\nStack: ${error_obj.stack+separator_bottom}`:error_code_and_msg+separator_bottom;console.error(console_output)},main.makeObservable(this,{show_error:main.action})}static i(){return this.i0||(this.i0=new this)}}class Msg{constructor(){this.advanced_msg_is_visible=!1,this.basic_msg="",this.advanced_msg="",this.notification_msg_key="",this.change_visibility_of_advanced_msg=({is_visible:is_visible})=>{this.advanced_msg_is_visible=is_visible},main.makeObservable(this,{advanced_msg_is_visible:main.observable,basic_msg:main.observable,advanced_msg:main.observable,notification_msg_key:main.observable,main_msg:main.computed,advanced_msg_is_visible_cls:main.computed,more_info_btn_is_visible_cls:main.computed,change_visibility_of_advanced_msg:main.action})}static i(){return this.i0||(this.i0=new this)}get advanced_msg_is_visible_cls(){return this.advanced_msg_is_visible?"":"none"}get more_info_btn_is_visible_cls(){return this.advanced_msg_is_visible?"none":""}get main_msg(){return State.i().is_notification?ext.msg(this.notification_msg_key):this.basic_msg}}class State{constructor(){this.is_loaded=!1,this.is_visible=!1,this.is_highlighted=!1,this.is_notification=!1,this.change_state=({observable_key:observable_key,state:state})=>{this[observable_key]=state},this.run_reset_state_timeout=({observable_key:observable_key,delay:delay})=>{this[`${observable_key}_timeout`]=globalThis.setTimeout((()=>{this.change_state({observable_key:observable_key,state:!1})}),delay)},this.clear_all_reset_state_timeouts=()=>{n(this.is_visible_timeout)&&n(this.is_highlighted_timeout)&&(clearTimeout(this.is_visible_timeout),clearTimeout(this.is_highlighted_timeout))},main.makeObservable(this,{is_loaded:main.observable,is_visible:main.observable,is_highlighted:main.observable,is_notification:main.observable,is_visible_style:main.computed,is_highlighted_cls:main.computed,change_state:main.action})}static i(){return this.i0||(this.i0=new this)}get is_visible_style(){return this.is_loaded&&this.is_visible?"":"none"}get is_highlighted_cls(){return this.is_highlighted?"is_highlighted":""}get is_notification_cls(){return this.is_notification?"is_notification":""}}class Page{constructor(){this.reload=()=>{globalThis.location.reload()}}static i(){return this.i0||(this.i0=new this)}}exports.Body=Body$1,exports.Body$1=Body,exports.CloseBtn=CloseBtn,exports.ExtName=ExtName,exports.Main=Main$1,exports.Msg=Msg$1,exports.Visibility=Visibility;