forked from BuilderIO/demo-editor
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path268.75592e02.chunk.js.download
7 lines (6 loc) · 38.5 KB
/
268.75592e02.chunk.js.download
1
2
3
4
5
6
7
(this["webpackJsonp@builder.io/app"]=this["webpackJsonp@builder.io/app"]||[]).push([[268],{3169:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(49);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(__webpack_require__(3)),_createSvgIcon=_interopRequireDefault(__webpack_require__(51)),_default=(0,_createSvgIcon.default)(_react.default.createElement("g",null,_react.default.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"})),"Error");exports.default=_default},3552:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",function(){return NearLimitsSnackbar});var _emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_material_ui_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1975),_material_ui_core__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_1__),_material_ui_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1091),_material_ui_core__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(40),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__),_material_ui_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(3169),_material_ui_icons__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_material_ui_icons__WEBPACK_IMPORTED_MODULE_4__),mobx_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(90),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(3),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1),_constants_theme_constant__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(7);function NearLimitsSnackbar(props){const state=Object(mobx_react__WEBPACK_IMPORTED_MODULE_5__.f)(useProps=>({dismissed:!1}),props);return Object(mobx_react__WEBPACK_IMPORTED_MODULE_5__.g)(()=>{const{small}=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_7__.appState.document;return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_1___default.a,Object.assign({anchorOrigin:{vertical:"bottom",horizontal:"left"},css:{cursor:"s-resize"},open:!state.dismissed},{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_2___default.a,{css:Object.assign({backgroundColor:"var(--red)",transition:"transform 0.3s var(--smooth), opacity 0.3s var(--smooth) !important"},small&&{justifyContent:"center"}),message:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.c)("div",Object.assign({css:{display:"flex",alignItems:"center"}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.b)(_material_ui_icons__WEBPACK_IMPORTED_MODULE_4___default.a,{css:{marginRight:15}}),"You are getting close to your plan limits. Upgrade now to avoid losing the ability to edit your content. Your published content will not be impacted"]})),action:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.a,{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.b)(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a,Object.assign({onClick:e=>{var _a;(_a=props.onShowInfo)===null||_a===void 0||_a.call(props)},css:Object.assign({pointerEvents:"auto",color:_constants_theme_constant__WEBPACK_IMPORTED_MODULE_8__.a.colors.primaryDark,backgroundColor:"var(--background)"},small&&{width:"calc(100vw - 90px)",marginRight:45,marginTop:10,marginBottom:10}),variant:"contained"},{children:"More info"})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.b)(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a,Object.assign({css:{marginLeft:15,color:"white",opacity:.9},onClick:()=>{var _a;state.dismissed=!0,(_a=props.onDismiss)===null||_a===void 0||_a.call(props)}},{children:"Dismiss"}))]})})}))})}},6349:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5),_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),_material_ui_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(131),_material_ui_core__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__),_material_ui_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(126),_material_ui_core__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_3__),_material_ui_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(1089),_material_ui_core__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__),_material_ui_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(130),_material_ui_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_5__),_material_ui_core__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(113),_material_ui_core__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_6__),_material_ui_core__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(40),_material_ui_core__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_material_ui_core__WEBPACK_IMPORTED_MODULE_7__),_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(106),_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8__),lodash__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(6),lodash__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_9__),mobx__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(4),mobx_react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(16),react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(3),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),_classes_destroyable_component_class__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(52),_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(1),_functions_number_with_commas_function__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(59),_scripts_init_firebase__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(58),react_transition_group__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(399),react_transition_group__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react_transition_group__WEBPACK_IMPORTED_MODULE_17__),_functions_track_function__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(14),_material_ui_icons__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(573),_material_ui_icons__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(_material_ui_icons__WEBPACK_IMPORTED_MODULE_19__),_material_ui_icons__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(1117),_material_ui_icons__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(_material_ui_icons__WEBPACK_IMPORTED_MODULE_20__),_emotion_react__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(33),_NearingLimitsSnackBar__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(3552);const WARNING_THRESHOLD=.8,CTA="Upgrade now to avoid losing access to editing your content.";let NumberBox=class extends react__WEBPACK_IMPORTED_MODULE_12__.Component{constructor(){super(...arguments),this.hovering=!1}render(){const{props}=this,progress=props.value/props.max,isOver=progress>1,color=isOver?"rgba(185, 0, 0, 1)":void 0;return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_2___default.a,Object.assign({enterDelay:500,title:props.tooltip},{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_material_ui_core__WEBPACK_IMPORTED_MODULE_3___default.a,Object.assign({onMouseEnter:()=>this.hovering=!0,onMouseLeave:()=>this.hovering=!1,elevation:1,css:{color,textAlign:"center",padding:20,flexGrow:1,backgroundColor:isOver?"rgba(255, 0, 0, 0.1)":void 0}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({variant:"display1",css:{color,transition:"transform 0.3s var(--smooth)",transform:this.hovering?"translate3d(0, -10px, 0)":"none"}},{children:[props.value?Object(_functions_number_with_commas_function__WEBPACK_IMPORTED_MODULE_15__.a)(props.value):"0",props.suffix]})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({variant:"caption",css:{color,marginTop:-10,opacity:this.hovering?.7:0,transform:this.hovering?"translate3d(0, 2px, 0)":"none",transition:"opacity 0.3s var(--smooth), transform 0.3s var(--smooth)"}},{children:["/ ",props.max?Object(_functions_number_with_commas_function__WEBPACK_IMPORTED_MODULE_15__.a)(props.max):"0",props.suffix]})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_4___default.a,{color:"primary",css:{marginTop:10},variant:"determinate",className:isOver?"over":"",value:progress*100})," ",Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{color,marginTop:20,fontSize:14},variant:"caption"},{children:props.label}))]}))}))}};Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],NumberBox.prototype,"hovering",void 0),NumberBox=Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer],NumberBox);let MonitorOverlayV1=class extends _classes_destroyable_component_class__WEBPACK_IMPORTED_MODULE_13__.a{constructor(){super(...arguments),this.monitor=null,this.lastMonthMonitor=null,this.monitorReady=!1,this.entryCount=null,this.loadingEntryCount=!1,this.open=!0,this.showOpenViaClick=!1}async componentDidMount(){this.safeReaction(()=>_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.apiKey,key=>{key&&this.get()})}async get(){this.safeReaction(()=>this.isOver,isOver=>{isOver&&Object(_functions_track_function__WEBPACK_IMPORTED_MODULE_18__.c)("userOverCapacty",{organization:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.apiKey})});const now=new Date,year=now.getUTCFullYear(),month=now.getUTCMonth(),SHOW_LAST_MONTH=!0,priorMonth=month===0?11:month-1,priorYear=month===0?year-1:year;await Object(mobx__WEBPACK_IMPORTED_MODULE_10__.when)(()=>!!(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.value.id)),this.onDestroy(_scripts_init_firebase__WEBPACK_IMPORTED_MODULE_16__.a.collection("monitoring").doc(`${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.value.id}:${year}:${month}`).onSnapshot(Object(mobx__WEBPACK_IMPORTED_MODULE_10__.action)(val=>{this.monitor=val.data(),this.monitorReady=!0}),()=>{this.monitorReady=!0})),SHOW_LAST_MONTH&&this.onDestroy(_scripts_init_firebase__WEBPACK_IMPORTED_MODULE_16__.a.collection("monitoring").doc(`${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.value.id}:${priorYear}:${priorMonth}`).onSnapshot(val=>{this.lastMonthMonitor=val.data()},_err=>{}))}get limitsInfo(){var _a,_b,_c;const ready=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.appReady&&((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization)===null||_a===void 0?void 0:_a.initialized),rawGbStored=ready?(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.value.totalBytesStored||0)/1e9:null,gbStored=ready&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(rawGbStored,rawGbStored<1?3:rawGbStored>1e3?0:2),rawBandwidth=this.monitor?this.monitor.bytes/1e9:null,bandwidth=this.monitor&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(rawBandwidth,rawBandwidth<1?3:rawBandwidth>1e3?0:2)||0,lastRawBandwidth=this.lastMonthMonitor?this.lastMonthMonitor.bytes/1e9:null,lastBandwidth=this.lastMonthMonitor&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(lastRawBandwidth,lastRawBandwidth<1?3:lastRawBandwidth>1e3?0:2)||0,pageViews=this.monitor&&this.monitor.pixelRequests||0,lastPageviews=this.lastMonthMonitor&&this.lastMonthMonitor.pixelRequests||0,{apiCalls:maxApiCalls,storage:maxStorage,bandwidth:maxBandwidth,users:maxUsers,entries:maxEntries,metrics:maxMetrics,pageviews:maxPageviews}=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo.limits||{};return{maxApiCalls,maxStorage,maxBandwidth,maxUsers,maxEntries,maxMetrics,maxPageviews,lastPageviews,pageViews,bandwidth,lastBandwidth,gbStored,maxAllowedPageViews:((_c=(_b=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_b===void 0?void 0:_b.limits.pageviewsOverage)===null||_c===void 0?void 0:_c.maxAllowedPageviews)||2e6}}get canGateOnBandwidth(){var _a,_b,_c;return((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.limits.bandwidth)&&((_c=(_b=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_b===void 0?void 0:_b.limits.bandwidthOverage)===null||_c===void 0?void 0:_c.price)}get limitStatus(){if(!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.appReady||!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.canMonitorUsage)return"ok";if(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.query.get("showCloseToOver"))return"other_limit";const{maxPageviews,lastPageviews,pageViews,maxBandwidth,lastBandwidth,bandwidth}=this.limitsInfo;switch(!0){case pageViews>maxPageviews:return"page_view_limit";case lastPageviews>maxPageviews:return"last_month_page_view_limit";case(this.canGateOnBandwidth&&bandwidth>maxBandwidth):return"bandwidth_limit";case(this.canGateOnBandwidth&&lastBandwidth>maxBandwidth):return"last_month_bandwidth_limit";case pageViews>maxPageviews*WARNING_THRESHOLD:return"page_view_warn";case lastPageviews>maxPageviews*WARNING_THRESHOLD:return"last_month_page_view_warn";case(this.canGateOnBandwidth&&bandwidth>maxBandwidth*WARNING_THRESHOLD):return"bandwidth_warn";case(this.canGateOnBandwidth&&lastBandwidth>maxBandwidth*WARNING_THRESHOLD):return"last_month_bandwidth_warn"}return"ok"}get isCloseToOver(){if(!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.appReady||!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.canMonitorUsage)return!1;if(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.query.get("showCloseToOver"))return!0;const{maxPageviews,pageViews,maxBandwidth,bandwidth}=this.limitsInfo;return pageViews>maxPageviews*WARNING_THRESHOLD||this.canGateOnBandwidth&&bandwidth>maxBandwidth*WARNING_THRESHOLD}get isOver(){if(!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.appReady||!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.canMonitorUsage)return!1;if(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.query.get("showMonitorOver"))return!0;const{maxPageviews,lastPageviews,pageViews,maxBandwidth,lastBandwidth,bandwidth}=this.limitsInfo;return pageViews>maxPageviews||lastPageviews>maxPageviews||this.canGateOnBandwidth&&bandwidth>maxBandwidth||this.canGateOnBandwidth&&lastBandwidth>maxBandwidth}get isMaxedOutOnPaidPageviews(){const{maxPageviews,maxAllowedPageViews}=this.limitsInfo;return maxPageviews>=maxAllowedPageViews}get canShowCloseButton(){const isNearOverButNotOver=!this.isOver&&this.isCloseToOver;return _constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isBuilderAdmin||(isNearOverButNotOver||this.isMaxedOutOnPaidPageviews)&&!this.unpaidPayment}get mustUpdatePayment(){var _a;return((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.paymentError)==="failed"}get unpaidPayment(){var _a;return((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.paymentError)==="unpaid"}get incompletePayment(){var _a,_b;return((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.paymentError)==="incomplete"&&((_b=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_b===void 0?void 0:_b.paymentRequiresAction)}get incompleteExpiredPayment(){var _a;return((_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.paymentError)==="incomplete_expired"}warningReason(){const bandwidthLearnMore=Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)("a",Object.assign({target:"_blank",href:"https://forum.builder.io/t/what-is-bandwidth-why-am-i-over-my-limit/1418"},{children:"Learn more."}));switch(this.limitStatus){case"last_month_page_view_warn":return`Last month you used ${(this.limitsInfo.lastPageviews/this.limitsInfo.maxPageviews*100).toFixed(0)}% of your page views. ${CTA}`;case"last_month_page_view_limit":return`Last month you used all of your page views. ${CTA}`;case"page_view_warn":return`You are getting close to your plan limits: this month you've used ${(this.limitsInfo.pageViews/this.limitsInfo.maxPageviews*100).toFixed(0)}% of your page views. ${CTA}`;case"page_view_limit":return`You've used all your page views for this month. ${CTA}`;case"last_month_bandwidth_warn":{const percentUsed=(this.limitsInfo.bandwidth/this.limitsInfo.maxBandwidth*100).toFixed(0);return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:["Last month you used $",percentUsed,"% of your bandwidth. ",CTA," ",bandwidthLearnMore]})}case"last_month_bandwidth_limit":return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:["Last month you used all of your bandwidth. ",CTA," ",bandwidthLearnMore]});case"bandwidth_warn":{const percentUsed=(this.limitsInfo.bandwidth/this.limitsInfo.maxBandwidth*100).toFixed(0);return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:["You are getting close to your plan limits: this month you've used ",percentUsed,"% of your bandwidth. ",CTA," ",bandwidthLearnMore]})}case"bandwidth_limit":return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:["You've used all your bandwidth for this month. ",CTA," ",bandwidthLearnMore]});case"other_limit":return`You are getting close to your plan limits. ${CTA}`;case"ok":break;default:this.limitStatus}if(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.trialExpired)return"Your trial has expired, please upgrade to continue editing";if(this.unpaidPayment)return"We can not allow you to proceed until payment is done";if(!this.mustUpdatePayment&&!this.incompletePayment&&!this.incompleteExpiredPayment)return"You have exceeded the limits for your current plan, please upgrade to continue editing"}render(){var _a;const ready=!!(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.initialized&&this.monitorReady&&!this.loadingEntryCount),showUsageInfo=!(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.trialExpired&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isShopify),now=new Date,year=now.getUTCFullYear(),month=now.getUTCMonth(),rawGbStored=ready?(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization.value.totalBytesStored||0)/1e9:null,gbStored=ready&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(rawGbStored,rawGbStored<1?3:rawGbStored>1e3?0:2),rawBandwidth=this.monitor?this.monitor.bytes/1e9:null,bandwidth=this.monitor&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(rawBandwidth,rawBandwidth<1?3:rawBandwidth>1e3?0:2),lastRawBandwidth=this.lastMonthMonitor?this.lastMonthMonitor.bytes/1e9:null,lastBandwidth=this.lastMonthMonitor&&Object(lodash__WEBPACK_IMPORTED_MODULE_9__.round)(lastRawBandwidth,lastRawBandwidth<1?3:lastRawBandwidth>1e3?0:2),{storage:maxStorage,bandwidth:maxBandwidth,pageviews:maxPageviews,entries:maxEntries,metrics:maxMetrics}=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo.limits||{},isNearOverButNotOver=!this.isOver&&this.isCloseToOver;if(_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isEnterprise)return null;if(isNearOverButNotOver&&!this.showOpenViaClick)return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_NearingLimitsSnackBar__WEBPACK_IMPORTED_MODULE_22__.a,{onShowInfo:()=>this.showOpenViaClick=!0});if(!(this.isOver||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isShopify&&!_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.shopify.isDeveloperAffiliateStore&&_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.trialExpired||this.mustUpdatePayment||this.unpaidPayment||this.incompletePayment||this.incompleteExpiredPayment)&&!this.showOpenViaClick||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.config.hideMonitorOverlay||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.pathname.startsWith("/account")||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.pathname.startsWith("/fiddle")||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.pathname.startsWith("/embed")||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.pathname.startsWith("/studio")||_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.location.pathname.startsWith("/app/shopify"))return null;const leftOffset=70;return Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_5___default.a,Object.assign({BackdropProps:{style:{left:leftOffset}},style:{left:leftOffset},open:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isBuilderAdmin||this.isMaxedOutOnPaidPageviews?this.open:isNearOverButNotOver?!!this.showOpenViaClick:!0,onClose:()=>{isNearOverButNotOver&&(this.showOpenViaClick=!1)},maxWidth:!1},{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{width:this.incompletePayment||this.incompleteExpiredPayment?"500px":"80vw",height:this.incompletePayment||this.incompleteExpiredPayment?"400px":"100vh",display:"flex",flexDirection:"column",backgroundColor:"var(--off-background)",overflow:"auto",position:"relative"},className:this.props.className},{children:[this.canShowCloseButton&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_6___default.a,Object.assign({onClick:()=>{var _a2,_b,_c;_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isBuilderAdmin?this.open=!1:this.isMaxedOutOnPaidPageviews?(fetch(`${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.config.apiRoot()}/api/v1/email?apiKey=${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.apiKey}`,{method:"POST",headers:Object.assign({"content-type":"application/json"},_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.authHeaders),body:JSON.stringify({type:"PAGE_VIEWS_MAXED",apiKey:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.apiKey,orgName:(_a2=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.organization)===null||_a2===void 0?void 0:_a2.value.name,userName:(_b=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.settings)===null||_b===void 0?void 0:_b.value.name,userEmail:(_c=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.settings)===null||_c===void 0?void 0:_c.value.email})}),this.open=!1):isNearOverButNotOver?this.showOpenViaClick=!1:(this.incompleteExpiredPayment||this.incompletePayment)&&(this.open=!1,Object(_functions_track_function__WEBPACK_IMPORTED_MODULE_18__.c)("impression",{name:this.incompletePayment?"stripe payment incomplete status viewed":"stripe payment incomplete expired status viewed"}),fetch(`${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.config.apiRoot()}/api/v1/subscription-updated/seen-notification?apiKey=${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.apiKey}`,{method:"POST",headers:Object.assign({"content-type":"application/json"},_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.authHeaders)}))},css:{position:"absolute",top:0,right:0}},{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_icons__WEBPACK_IMPORTED_MODULE_19___default.a,{css:{opacity:.5}})})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{margin:showUsageInfo?"0 auto 20px":"auto",width:"100%",maxWidth:800}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{textAlign:"center",display:"flex",flexDirection:"column",paddingBottom:showUsageInfo?0:50,margin:this.unpaidPayment?"30% 0":0}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:showUsageInfo&&{marginTop:30},variant:"h5"},{children:this.mustUpdatePayment?"Your last payment attempt failed":this.incompleteExpiredPayment||this.incompletePayment?"Subscription Update":"Time to upgrade"})),this.unpaidPayment&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{marginTop:30},variant:"h5"},{children:"All payment attempts failed, please update your card now."})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{marginTop:10,fontSize:16},variant:"caption"},{children:this.warningReason()})),this.isMaxedOutOnPaidPageviews?Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{background:"#fff",borderRadius:4,marginTop:20,border:`2px solid ${_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.theme.colors.warning}`}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{padding:20}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{fontSize:17,color:"var(--text-regular)"}},{children:"It looks like your organization has reached the max number of pageviews for your plan type."})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{fontSize:14,color:"#485350",marginTop:10}},{children:"Reach out to us about upgrading to an enterprise plan to continue editing and publishing content."})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_7___default.a,Object.assign({onClick:()=>{open("/m/demo","_blank")},fullWidth:!0,color:"primary",css:{marginTop:10},variant:"contained"},{children:"Talk to sales"}))]})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{display:"flex",justifyContent:"center",padding:10,alignItems:"center",background:"#F9DFDF"}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_icons__WEBPACK_IMPORTED_MODULE_20___default.a,{css:{marginRight:5,color:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.theme.colors.warning}}),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)("div",Object.assign({css:{color:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.theme.colors.warning,fontSize:12}},{children:"Once the grace period is over, you will not be able to edit content"}))]}))]}))}):this.incompletePayment?Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({style:{height:200,padding:"70px 20px 20px 20px"}},{children:[" ",Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:["Your payment is still in process. In order to complete the payment, please follow the"," ",Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)("a",Object.assign({style:{color:"blue",textDecoration:"underline",cursor:"pointer"},href:(_a=_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.subscriptionInfo)===null||_a===void 0?void 0:_a.hostedInvoiceUrl,target:"_blank"},{children:"link"}))," ","here."]})]})):this.incompleteExpiredPayment?Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({style:{height:200,padding:"70px 20px 20px 20px"}},{children:[" ","Looks like your payment verification failed. Please update your payment method and try again."]})):Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_7___default.a,Object.assign({css:{marginLeft:"auto",marginRight:"auto",marginTop:20,maxWidth:300},size:"large",variant:"contained",color:"primary",fullWidth:!0,onClick:()=>{this.mustUpdatePayment?_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.showPayDialog({reason:"Your last payment attempt failed, please update your card"}):this.unpaidPayment?_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.showPayDialog({reason:"Please update your payment method now or you will lose access"}):_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.globalState.showUpgradeDialog(void 0,"monitor v1")}},{children:this.mustUpdatePayment||this.unpaidPayment?"Update payment":"upgrade now"})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core__WEBPACK_IMPORTED_MODULE_7___default.a,Object.assign({css:{marginLeft:"auto",marginRight:"auto",marginTop:10,maxWidth:300,opacity:.5},fullWidth:!0,onClick:()=>{open("mailto:support@builder.io?subject=Hi,+I+have+a+question+about+usage+limits+and+pricing","_blank")}},{children:"questions? Contact us"}))]})),showUsageInfo&&!this.unpaidPayment&&!this.incompletePayment&&!this.incompleteExpiredPayment&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)("div",Object.assign({css:_emotion_react__WEBPACK_IMPORTED_MODULE_21__.css`
margin-top: 20px;
& .over > div {
background-color: rgba(200, 0, 0, 1) !important;
}
`},{children:Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(react_transition_group__WEBPACK_IMPORTED_MODULE_17__.Transition,Object.assign({appear:!0,in:ready,timeout:400},{children:state=>Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:ready&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{transition:"opacity 0.3s var(--smooth), transform 0.3s var(--smooth)",opacity:state==="entered"?1:0,transform:state==="entered"?"none":"translate3d(0, 10px, 0)"}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{textAlign:"center",marginBottom:20,color:"var(--off-background-7)"}},{children:"Usage"})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{display:"grid",gridTemplateColumns:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.document.small?"repeat(1, 1fr)":"repeat(3, 1fr)",gridGap:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.document.small?10:20}},{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"# of pageviews of pages on your site with Builder.io content on them",label:"Visual Views (this month so far)",value:this.monitor?this.monitor.pixelRequests:0,max:maxPageviews}),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Total GB downloaded from your Builder content and assets (e.g. images)",label:"Bandwidth (this month so far)",suffix:" GB",value:bandwidth||0,max:maxBandwidth}),_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isEnterprise&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Number of tracked metrics like pageviews, interactions, and conversions",label:"Tracked metrics (this month so far)",value:this.monitor?this.monitor.trackRequests:0,max:maxMetrics}),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Total GB stored for assets",label:"Storage",suffix:" GB",value:gbStored||0,max:maxStorage}),_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isEnterprise&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Number of content entries created (e.g. pages, blocks)",label:"Content entries",value:this.entryCount||0,max:maxEntries})]})),this.lastMonthMonitor&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.a,{children:[Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(_material_ui_core_Typography_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,Object.assign({css:{textAlign:"center",marginBottom:20,marginTop:30,color:"var(--off-background-7)"}},{children:"Usage last month:"})),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.c)("div",Object.assign({css:{display:"grid",gridTemplateColumns:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.document.small?"repeat(1, 1fr)":"repeat(3, 1fr)",gridGap:_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.document.small?10:20}},{children:[(year>=2020||month>=12)&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"# of pageviews of pages on your site with Builder.io content on them",label:"Visual Views (last month total)",value:this.monitor?this.lastMonthMonitor.pixelRequests:0,max:maxPageviews}),Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Total GB downloaded from your Builder content and assets (e.g. images)",label:"Bandwidth (last month total)",suffix:" GB",value:lastBandwidth||0,max:maxBandwidth}),_constants_app_state_constant__WEBPACK_IMPORTED_MODULE_14__.appState.user.isEnterprise&&Object(_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.b)(NumberBox,{tooltip:"Number of tracked metrics like pageviews, interactions, and conversions",label:"Tracked metrics (last month total)",value:this.monitor?this.lastMonthMonitor.trackRequests:0,max:maxMetrics})]}))]})]}))})}))}))]}))]}))}))}};Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable.ref],MonitorOverlayV1.prototype,"monitor",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable.ref],MonitorOverlayV1.prototype,"lastMonthMonitor",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],MonitorOverlayV1.prototype,"monitorReady",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],MonitorOverlayV1.prototype,"entryCount",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],MonitorOverlayV1.prototype,"loadingEntryCount",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],MonitorOverlayV1.prototype,"open",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.observable],MonitorOverlayV1.prototype,"showOpenViaClick",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"limitsInfo",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"canGateOnBandwidth",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"limitStatus",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"isOver",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"isMaxedOutOnPaidPageviews",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"canShowCloseButton",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"mustUpdatePayment",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"unpaidPayment",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"incompletePayment",null),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx__WEBPACK_IMPORTED_MODULE_10__.computed],MonitorOverlayV1.prototype,"incompleteExpiredPayment",null),MonitorOverlayV1=Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)([mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer],MonitorOverlayV1),__webpack_exports__.default=MonitorOverlayV1;function exhaustive(_){}}}]);