1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2472cb38-b8de-4672-8654-2829ed5e4a8f",e._sentryDebugIdIdentifier="sentry-dbid-2472cb38-b8de-4672-8654-2829ed5e4a8f")}catch(e){}}();var _global="u">typeof window?window:"u">typeof global?global:"u">typeof self?self:{};_global.SENTRY_RELEASE={id:"57ecc7b471fce630a9a83e03af7702d6977a38be"};"use strict";(self.webpackChunkopus1io=self.webpackChunkopus1io||[]).push([["17674"],{25167:function(e,n,t){n.default=void 0;var o=l(t(96540)),r=l(t(5556)),a=l(t(46942)),i=t(89755);let s=["className","cssModule","tag"];function l(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function d(e){let{className:n,cssModule:t,tag:r}=e,l=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,s),d=(0,i.mapToCssModules)((0,a.default)(n,"modal-body"),t);return o.default.createElement(r,u({},l,{className:d}))}d.propTypes={className:r.default.string,cssModule:r.default.object,tag:i.tagPropType},d.defaultProps={tag:"div"},n.default=d},69348:function(e,n,t){n.default=void 0;var o=l(t(96540)),r=l(t(5556)),a=l(t(46942)),i=t(89755);let s=["className","cssModule","tag"];function l(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function d(e){let{className:n,cssModule:t,tag:r}=e,l=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,s),d=(0,i.mapToCssModules)((0,a.default)(n,"modal-footer"),t);return o.default.createElement(r,u({},l,{className:d}))}d.propTypes={className:r.default.string,cssModule:r.default.object,tag:i.tagPropType},d.defaultProps={tag:"div"},n.default=d},57682:function(e,n,t){n.default=void 0;var o=l(t(96540)),r=l(t(5556)),a=l(t(46942)),i=t(89755);let s=["className","cssModule","children","toggle","tag","wrapTag","closeAriaLabel","close"];function l(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function d(e){let n,{className:t,cssModule:r,children:l,toggle:d,tag:c,wrapTag:f,closeAriaLabel:p,close:m}=e,b=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,s),y=(0,i.mapToCssModules)((0,a.default)(t,"modal-header"),r);return!m&&d&&(n=o.default.createElement("button",{type:"button",onClick:d,className:(0,i.mapToCssModules)("btn-close",r),"aria-label":p})),o.default.createElement(f,u({},b,{className:y}),o.default.createElement(c,{className:(0,i.mapToCssModules)("modal-title",r)},l),m||n)}d.propTypes={children:r.default.node,className:r.default.string,close:r.default.object,closeAriaLabel:r.default.string,cssModule:r.default.object,tag:i.tagPropType,toggle:r.default.func,wrapTag:i.tagPropType},d.defaultProps={tag:"h5",wrapTag:"div",closeAriaLabel:"Close"},n.default=d},89755:function(e,n,t){let o;Object.defineProperty(n,"__esModule",{value:!0}),n.DOMElement=f,n.TransitionTimeouts=n.TransitionStatuses=n.TransitionPropTypeKeys=n.PopperPlacements=void 0,n.addMultipleEventListeners=function(e,n,t,o){let r=e;h(r)||(r=[r]);let a=t;if("string"==typeof a&&(a=a.split(/\s+/)),!h(r)||"function"!=typeof n||!Array.isArray(a))throw Error(` 2 The first argument of this function must be DOM node or an array on DOM nodes or NodeList. 3 The second must be a function.
4 The third is a string or an array of strings that represents DOM events 5 `);return Array.prototype.forEach.call(a,e=>{Array.prototype.forEach.call(r,t=>{t.addEventListener(e,n,o)})}),function(){Array.prototype.forEach.call(a,e=>{Array.prototype.forEach.call(r,t=>{t.removeEventListener(e,n,o)})})}},n.canUseDOM=void 0,n.conditionallyUpdateScrollbar=function(){let e=i(),n=document.querySelectorAll(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top")[0],t=n?parseInt(n.style.paddingRight||0,10):0;l()&&s(t+e)},n.defaultToggleEvents=void 0,n.deprecated=function(e,n){return function(t,o,r,...a){return null!==t[o]&&void 0!==t[o]&&d(`"${o}" property of "${r}" has been deprecated. 6${n}`),e(t,o,r,...a)}},n.findDOMElements=v,n.focusableElements=void 0,n.getOriginalBodyPadding=function(){let e=window.getComputedStyle(document.body,null);return parseInt(e&&e.getPropertyValue("padding-right")||0,10)},n.getScrollbarWidth=i,n.getTarget=function(e,n){let t=v(e);return n?h(t)?t:null===t?[]:[t]:h(t)?t[0]:t},n.isArrayOrNodeList=h,n.isBodyOverflowing=l,n.isFunction=g,n.isObject=y,n.isReactRefObj=m,n.keyCodes=void 0,n.mapToCssModules=function(e="",n=o){return n?e.split(" ").map(e=>n[e]||e).join(" "):e},n.omit=function(e,n){let t={};return Object.keys(e).forEach(o=>{-1===n.indexOf(o)&&(t[o]=e[o])}),t},n.pick=function(e,n){let t,o=Array.isArray(n)?n:[n],{length:r}=o,a={};for(;r>0;)r-=1,a[t=o[r]]=e[t];return a},n.setGlobalCssModule=function(e){o=e},n.setScrollbarWidth=s,n.targetPropType=n.tagPropType=void 0,n.toNumber=function(e){let n=typeof e,t=0/0;if("number"===n)return e;if("symbol"===n||"object"===n&&"[object Symbol]"===b(e))return t;if(y(e)){let n="function"==typeof e.valueOf?e.valueOf():e;e=y(n)?`${n}`:n}if("string"!==n)return 0===e?e:+e;e=e.replace(/^\s+|\s+$/g,"");let o=/^0b[01]+$/i.test(e);return o||/^0o[0-7]+$/i.test(e)?parseInt(e.slice(2),o?2:8):/^[-+]0x[0-9a-f]+$/i.test(e)?t:+e},n.warnOnce=d;var r,a=(r=t(5556))&&r.__esModule?r:{default:r};function i(){let e=document.createElement("div");e.style.position="absolute",e.style.top="-9999px",e.style.width="50px",e.style.height="50px",e.style.overflow="scroll",document.body.appendChild(e);let n=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),n}function s(e){document.body.style.paddingRight=e>0?`${e}px`:null}function l(){return document.body.clientWidth<window.innerWidth}let u={};function d(e){u[e]||("u">typeof console&&console.error(e),u[e]=!0)}let c="object"==typeof window&&window.Element||function(){};function f(e,n,t){if(!(e[n]instanceof c))return Error("Invalid prop `"+n+"` supplied to `"+t+"`. Expected prop to be an instance of Element. Validation failed.")}n.targetPropType=a.default.oneOfType([a.default.string,a.default.func,f,a.default.shape({current:a.default.any})]),n.tagPropType=a.default.oneOfType([a.default.func,a.default.string,a.default.shape({$$typeof:a.default.symbol,render:a.default.func}),a.default.arrayOf(a.default.oneOfType([a.default.func,a.default.string,a.default.shape({$$typeof:a.default.symbol,render:a.default.func})]))]),n.TransitionTimeouts={Fade:150,Collapse:350,Modal:300,Carousel:600,Offcanvas:300},n.TransitionPropTypeKeys=["in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","onEnter","onEntering","onEntered","onExit","onExiting","onExited"],n.TransitionStatuses={ENTERING:"entering",ENTERED:"entered",EXITING:"exiting",EXITED:"exited"},n.keyCodes={esc:27,space:32,enter:13,tab:9,up:38,down:40,home:36,end:35,n:78,p:80},n.PopperPlacements=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"];let p=!!("u">typeof window&&window.document&&window.document.createElement);function m(e){return!!e&&"object"==typeof e&&"current"in e}function b(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}function y(e){let n=typeof e;return null!=e&&("object"===n||"function"===n)}function g(e){if(!y(e))return!1;let n=b(e);return"[object Function]"===n||"[object AsyncFunction]"===n||"[object GeneratorFunction]"===n||"[object Proxy]"===n}function v(e){if(m(e))return e.current;if(g(e))return e();if("string"==typeof e&&p){let n=document.querySelectorAll(e);if(n.length||(n=document.querySelectorAll(`#${e}`)),!n.length)throw Error(`The target '${e}
6' could not be identified in the dom, tip: check spelling`);return n}return e}function h(e){return null!==e&&(Array.isArray(e)||p&&"number"==typeof e.length)}n.canUseDOM=p,n.defaultToggleEvents=["touchstart","click"],n.focusableElements=["a[href]","area[href]","input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","object","embed","[tabindex]:not(.modal):not(.offcanvas)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])']},92952:function(e,n,t){t.d(n,{Ay:function(){return ed},JG:function(){return es}});var o=t(71893),r=t(55456),a=t(84577);t(60726),t(93632),t(38827),t(61874),t(1633),t(9700);var i=t(74848),s=t(96540),l=t(17378),u=t(52956),d=t(56347),c=t(93300),f=t.n(c),p=t(20615),m=t(54713),b=t(50815),y=t(47344),g=t(97163),v=t(41374),h=t(78258),x=t(38566),w=t(60469),S=t(50926),j=t(507),_=t(7926),O=t(48810),C=t(6702);function A(){var e=(0,a._)(["\n font-family: 'Montserrat', tahoma;\n font-size: 14px;\n color: "," !important;\n cursor: ",";\n font-weight: bold;\n border: none;\n background-color: transparent;\n"]);return A=function(){return e},e}function E(){var e=(0,a._)(["\n flex: unset;\n width: 100%;\n "]);return E=function(){return e},e}function T(){var e=(0,a._)(["\n flex: 1;\n ","\n"]);return T=function(){return e},e}function N(){var e=(0,a._)(["\n margin: auto;\n "]);return N=function(){return e},e}function $(){var e=(0,a._)(["\n ","\n"]);return $=function(){return e},e}function I(){var e=(0,a._)(["\n flex: unset;\n "]);return I=function(){return e},e}function M(){var e=(0,a._)(["\n flex: 1;\n ","\n"]);return M=function(){return e},e}function D(){var e=(0,a._)(["\n mutation createConversation(\n $business: String!\n $locationId: ID\n $phoneNumber: ID!\n ) {\n createConversation(\n business: $business\n locationId: $locationId\n clientContactId: $phoneNumber\n ) {\n status\n error\n info\n conversation {\n clientContactId\n applicationContactId\n ...conversationListConversation\n }\n }\n }\n ","\n"]);return D=function(){return e},e}var P=(0,l.Ay)(w.A)(A(),e=>e.disabled?"#c2c2c2":_.pf,e=>!e.disabled&&"pointer"),k=(0,l.Ay)(j.LR)(T(),p.$_.tablet(E())),R=l.Ay.div($
6(),p.$_.tablet(N())),F=(0,l.Ay)(j.x3)(M(),p.$_.tablet(I())),L=(0,h.J1)(D(),y.ee),Y=t(23166),V=t(6335),U=t(66512),z=t(13990);function G(){var e=(0,a._)(["\n display: flex;\n box-shadow: -4px 3px 28px 4px rgb(235 232 235);\n\n border-radius: 3px;\n background-color: white;\n height: 100%;\n\n & > * {\n overflow: hidden;\n }\n"]);return G=function(){return e},e}function W(){var e=(0,a._)(["\n max-width: 300px;\n "]);return W=function(){return e},e}function q(){var e=(0,a._)(["\n padding: 8px;\n max-width: unset;\n\n "," \n "]);return q=function(){return e},e}function J(){var e=(0,a._)(["\n max-width: 400px;\n height: 100%;\n width: 100%;\n\n display: flex;\n flex-direction: column;\n border-right-style: solid;\n border-right-width: 1px;\n border-right-color: #dfdede;\n padding: 15px;\n\n ","\n\n ","\n"]);return J=function(){return e},e}function X(){var e=(0,a._)(["\n padding: 8px;\n\n "," \n "]);return X=function(){return e},e}function B(){var e=(0,a._)(["\n height: 100%;\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 15px;\n\n ","\n"]);return B=function(){return e},e}function K(){var e=(0,a._)(["\n padding: 8px;\n\n "," \n "]);return K=function(){return e},e}function Q(){var e=(0,a._)(["\n height: 100%;\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 15px;\n\n ","\n"]);return Q=function(){return e},e}function H(){var e=(0,a._)(["\n padding: 8px;\n\n "," \n "]);return H=function(){return e},e}function Z(){var e=(0,a._)(["\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 15px;\n\n ","\n"]);return Z=function(){return e},e}function ee(){var e=(0,a._)(["\n margin: auto;\n margin-top: 200px;\n width: 75%;\n"]);return ee=function(){return e},e}function en(){var e=(0,a._)(["\n html {\n height: 100%;\n }\n\n #container {\n height: inherit;\n\n }\n\n .main {\n height: unset;\n max-height: 100vh;\n }\n\n "," {\n display: none;\n .widget-main-content {\n display: none;\n }\n .widget-footer {\n display: none;\n padding-top: 0px !important;\n }\n }\n"]);return en=function(){return e},e}
6var et=l.Ay.div(G()),eo=(0,l.Ay)(y.Ay)(J(),p.$_.tabletLg(W()),p.$_.tabletMd(q(),e=>"conversation_selection"!==e.mobileStep?"display: none;":"border: none;")),er=(0,l.Ay)(g.Ay)(B(),p.$_.tabletMd(X(),e=>"conversation_selection"===e.mobileStep?"display: none;":"")),ea=(0,l.Ay)(e=>{var{className:n}=e,t=(0,u.useSelector)(e=>e.app.business.name),o=(0,u.useSelector)(e=>e.app.selectedSmsNumbers)[0],r=(0,s.useContext)(b.i),{newConversation:a}=(0,s.useContext)(b.I),[l,d]=(0,s.useState)(""),[c,f]=(0,s.useState)(null),[p,{loading:m}]=(0,x.A)(L,{successMessage:null,failureMessage:"Failed to create conversation",processor:e=>e.data.createConversation}),y=(0,s.useCallback)(()=>(0,v._)(function*(){try{var{info:e,conversation:n}=yield p({variables:{business:t,locationId:(null==o?void 0:o.type)==="location"?o.id:void 0,phoneNumber:a||l||c.primaryPhone},update:(e,n)=>{"ok"!==n.data.createConversation.status||n.data.createConversation.info||(e.evict({id:"ROOT_QUERY",fieldName:"paginatedConversations"}),e.gc())}});e||(0,O.VX)({title:"New conversation started..."}),r({type:"NEW_CONVERSATION",payload:n.clientContactId})}catch(e){(0,S.Fk)(e)}})(),[t,a,r,l,c,p]),g=l&&c||!(l||c);return(0,i.jsxs)("div",{className:n,children:[(0,i.jsx)(j.db,{title:"Start a conversation",subtitle:o?"".concat(o.name," (").concat((0,C.n4)(o.number),")"):void 0,onBack:()=>r({type:"GO_TO_CONVERSATIONS"}),orientation:"row"}),(0,i.jsxs)("div",{className:"d-flex flex-row justify-content-between flex-wrap mb-1",children:[(0,i.jsx)(k,{value:l,placeholder:"Enter a phone number (with international code e.g. +1)",onChange:e=>{f(null),d(e)}}),(0,i.jsx)(R,{className:"p-2",children:"OR"}),(0,i.jsx)(F,{isClearable:!0,placeholder:"Search for client...",value:c,isOptionDisabled:e=>!e.primaryPhone,onChange:e=>{d(null),f(e)}})]}),(0,i.jsx)(P,{className:"p-2 align-self-end",loading:m,onClick:y,disabled:g,disabledReason:"client or phone number is required, not both",children:"Start"})]})})(Q(),p.$_.tabletMd(K(),e=>"new_conversation"!==e.mobileStep?"display: none;":"")),ei=(0,l.Ay)(e=>{var{className:n}=e;return(0,i.jsx)("div",{className:n,children:(0,i.jsx)(V._,{children:"Select a conversation to view message history"})})})(Z(),p.$_.tabletMd(H(),e=>"conversation_selection"===e.mobileStep?"display: none;":"")),es=(0,l.Ay)(Y.A)(ee()),el=(0,l.DU)(en(),m.c),eu=(e,n)=>{switch(n.type){case"SELECT_CONVERSATION":return(0,r._)((0,o._)({},e),{mobileStep:n.payload?"conversation_view":"conversation_selection",selectedConversation:n.payload,newConversation:void 0,initialConversation:void 0});case"NEW_CONVERSATION":return(0,r._)((0,o._)({},e),{mobileStep:"new_conversation",selectedConversation:void 0,initialConversation:n.payload});case"CREATE_CONVERSATION":return(0,r._)((0,o._)({},e),{mobileStep:"conversation_view",selectedConversation:n.payload});case"GO_TO_CONVERSATIONS":return(0,r._)((0,o._)({},e),{mobileStep:"conversation_selection"});case"CREATE_CLIENT_FROM_CONVERSATION":return(0,o._)({},e);default:return e}},ed=()=>{var e,n=(0,d.zy)();n.search&&(e=new URLSearchParams(n.search).get("clientContactId"));var t=(0,u.useSelector)(e=>e.app.business.activeConversations),[o,r]=(0,s.useReducer)(eu,{mobileStep:"conversation_selection",initialConversation:e}),a=(0,u.useSelector)(e=>e.app.business.smsFeatureEnabled);return((0,U.A)("Messaging (".concat(t,")")),(0,s.useEffect)(()=>{e&&window.history.replaceState(null,null,"/messaging")},[e]),(0,s.useEffect)(()=>(f().startPooledTimer(),()=>f().clearPooledTimer()),[]),a)?(0,i.jsx)(b.i.Provider,{value:r,children:(0,i.jsx)(b.I.Provider,{value:o,children:(0,i.jsxs)(et,{children:[(0,i.jsx)(el,{}),(0,i.jsx)(eo,{mobileStep:o.mobileStep}),"new_conversation"!==o.mobileStep&&!o.selectedConversation&&(0,i.jsx)(ei,{mobileStep:o.mobileStep}),"new_conversation"!==o.mobileStep&&o.selectedConversation&&(0,i.jsx)(er,{mobileStep:o.mobileStep}),"new_conversation"===o.mobileStep&&(0,i.jsx)(ea,{mobileStep:o.mobileStep})]})})}):(0,i.jsx)(z.O,{})}},26855:function(e,n,t){t.r(n),t.d(n,{StyledTimezoneInfo:function(){return Q}});var o=t(41374),r=t(71893),a=t(55456),i=t(84577);t(93632),t(45336),t(23446),t(79936),t(82963),t(84560);var s=t(74848),l=t(96540),u=t(52956),d=t(61027),c=t.n(d),f=t(54625),p=t(17378),m=t(76204),b=t(78258),y=t(2111);t(66745),t(56254),t(94279);var g=t(65596),v=t(48623),h=t(79493),x=t(42479),w=t(59769),S=t(6702),j=t(94222),_=t(60469),O=t(70990),C=t(69530),A=t(73085),E=t(57900),T=t(61963),N=t(61734),$=t(73673),I=t(6335),M=t(37987),D=t(59373),P=t(45467),k=t(84678),R=t(92952);function F(){var e=(0,i._)(["\n query paginatedCommissionReport(\n $business: String!\n $limit: Int\n $cursor: Cursor\n $fromDate: DateTime\n $toDate: DateTime\n $staffIds: [ID]\n ) {\n paginatedCommissionReport(\n business: $business\n limit: $limit\n cursor: $cursor\n fromDate: $fromDate\n toDate: $toDate\
6n staffIds: $staffIds\n ) {\n commissionItems {\n id\n staff {\n id\n name\n profilePhoto\n staffSecondaryAttribute\n }\n payer {\n id\n name\n profilePhoto\n isPaymentInfoSet\n }\n client {\n id\n name\n profilePhoto\n }\n service {\n id\n name\n }\n planName\n amount\n amountSold\n soldAt\n }\n cursor\n }\n }\n"]);return F=function(){return e},e}function L(){var e=(0,i._)(["\n display: flex;\n justify-content: flex-end;\n flex-wrap: wrap;\n gap: 10px;\n"]);return L=function(){return e},e}function Y(){var e=(0,i._)(["\n .IL-icon {\n margin-bottom: 0;\n }\n min-width: 500px;\n"]);return Y=function(){return e},e}function V(){var e=(0,i._)(["\n min-width: 300px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n"]);return V=function(){return e},e}function U(){var e=(0,i._)(["\n color: #bbb;\n font-size: 10px;\n cursor: pointer;\n"]);return U=function(){return e},e}function z(){var e=(0,i._)(["\n min-width: fit-content;\n"]);return z=function(){return e},e}var G=(0,b.J1)(F()),W={style:{overflow:"hidden",textOverflow:"ellipsis"},headerClasses:"d-none d-md-table-cell"},q=[{dataField:"staff",text:"Commissioned Staff",classes:"staff-name"},{dataField:"payer",text:"Payer"},(0,r._)({dataField:"client",text:"Client",classes:"d-none d-md-table-cell client-name"},W),(0,r._)({dataField:"planName",text:"Plan",classes:"d-none d-md-table-cell"},W),(0,r._)({dataField:"service",text:"Service",classes:"d-none d-md-table-cell service-name"},W),{dataField:"soldAt",text:"Sold Date",sort:!1,headerStyle:()=>({width:"220px"})},{dataField:"amountSold",text:"Amount Sold",sort:!1},{dataField:"amount",text:"Commission",classes:"commission-amount",sort:!1}],J=[{dataField:"staff",text:"Commissioned Staff"},{dataField:"totalCommissions",text:"Total Commission",sort:!0},{dataField:"totalAmount",text:"Total Amount"}],X=p.Ay.div(L()),B=(0,p.Ay)(x.sS)(Y()),K=(0,p.Ay)(k.kS)(V()),Q=p.Ay.div(U()),H=(0,p.Ay)($.A)(z()),Z=c()().subtract(3,"months").startOf("day"),ee=c()().endOf("day");n.default=()=>{var{timezone:e,localMoment:n}=(0,l.useContext)(D.$),{name:t,crmEnabled:i}=(0,u.useSelector)(e=>e.app.business),[d,p]=(0,C.A)("commissionReport:dateRange",{startDate:Z,endDate:ee,key:"selection"},!1,e=>e?(0,a._)((0,r._)({},e),{startDate:e.startDate?c()(e.startDate):e.startDate,endDate:e.endDate?c()(e.endDate):e.endDate}):void 0),[b,x]=(0,C.A)("commissionReport.detailedView",!1),[$,k]=(0,C.A)("commissionReport:selectedStaff",[]);(0,M.A)("Alt");var[F,L]=(0,l.useState)(!1),[Y,V]=(0,w.A)(!1),U=(0,l.useMemo)(()=>c()(d.startDate).tz(e,!0).toISOString(),[e,d.startDate]),z=(0,l.useMemo)(()=>c()(d.endDate).tz(e,!0).toISOString(),[e,d.endDate]),{items:W,loading:Q,loadingMore:en,loadMore:et,canLoadMore:eo,refetch:er}=(0,j.A)({query:G,variables:{business:t,limit:100,fromDate:U,toDate:z,staffIds:$.map(e=>(0,A.OX)(e))},itemName:"commissionItems",getPaginationObject:e=>e.data.paginatedCommissionReport,skip:!i}),[ea]=(0,y.A)({loading:Q,hasNextPage:eo,onLoadMore:et});(0,l.useEffect)(()=>{eo&&!Q&&F&&et(),F&&!eo&&L(!1)},[eo,Q,et,F]);var ei=e=>e?(0,s.jsx)(f.N_,{to:"/clients/".concat(e.id),href:"/clients/".concat(e.id),id:"link-to-client-".concat(e.id),className:"link-to-client",children:e.name}):null,es={},el=0,eu=(W||[]).map(e=>{var t=ei(e.payer),o=ei(e.client);return es[e.staff.id]=e.staff,el+=e.amount,{id:e.id,staff:e.staff.name,payer:t,client:o,service:e.service.name,planName:e.planName,soldAt:n(e.soldAt).format("MMM Do YYYY, hh:mm a"),amount:(0,S.og)((0,S.FM)(),e.amount),amountSold:(0,S.og)((0,S.FM)(),e.amountSold)}});if(!i)return(0,s.jsxs)(R.JG,{className:"plus-msg",children:["Commissions is a premium feature offered with opus1.io Plus - currently not enabled on your account. Please contact"," ",(0,s.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"})," if you would like to enable it"]});var ed=Object.keys(es).map(e=>{var n=es[e];return{staff:n.name,totalCommissions:(W||[]).filter(e=>e.staff.id===n.id).length,totalAmount:(0,S.og)((0,S.FM)(),(W||[]).filter(e=>e.staff.id===n.id).reduce((e,n)=>
6e+n.amount,0))}});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(g.A,{title:"Commissions",children:[(0,s.jsxs)(v.A,{children:[(0,s.jsx)(h.A,{bg:"primary",icon:"assignment",text:eo?"Commissioned Staff (scroll to load more)":"Commissioned Staff",number:null!==es?Object.keys(es).length:"-"}),(0,s.jsx)(h.A,{bg:"primary",icon:"attach_money",text:eo?"Displayed total amount":"Total Amount",number:null!==el?(0,S.og)((0,S.FM)(),el):"-"})]}),(0,s.jsx)(E.Ay,{className:"justify-content-start mt-4 align-items-center",children:(0,s.jsxs)("div",{className:"d-flex flex-row align-items-center",children:[(0,s.jsx)(B,{id:"due-date-range",materialIcon:"date_range",text:"Commissions from ".concat(n(U).format("MMM Do YYYY")," to ").concat(n(z).format("MMM Do YYYY")),onClick:V}),(0,s.jsx)(K,(0,r._)({isClearable:!0,isMulti:!0,withSelectAll:!0,id:"react-select-day",classNamePrefix:"react-select",className:"mr-2",placeholder:"Select staff",value:$,onChange:e=>e?k(e):k([])},E.OM)),(0,s.jsx)(H,{label:"Detailed View",isChecked:b,onChange:()=>x(!b),id:"detailed-view"})]})}),(0,s.jsxs)(X,{children:[eo&&!F&&(0,s.jsx)(_.A,{onMouseDown:e=>e.preventDefault(),onClick:()=>(0,o._)(function*(){L(!0)})(),type:"button",disabled:Q,className:"btn btn-primary rounded mr-2",id:"invoices-load-everything-button",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("i",{className:"fal fa-download mr-2"}),"Load everything"]})}),(0,s.jsx)(_.A,{onMouseDown:e=>e.preventDefault(),onClick:er,type:"button",disabled:Q,className:"btn btn-primary rounded mr-2",id:"invoices-refresh-button",children:Q?(0,s.jsx)("i",{className:"fas fa-sync fa-spin"}):(0,s.jsx)("i",{className:"fa fa-refresh"})})]})]}),Q&&!en?(0,s.jsx)(N.A,{}):(0,s.jsxs)("div",{children:[(0,s.jsx)(P.A,{timezoneDisplay:"editable"}),(0,s.jsx)(m.default,{bootstrap4:!0,keyField:"id",data:b?eu:ed,columns:b?q:J,striped:!0,bordered:!1,rowClasses:"commission-item-list"}),0===eu.length&&(0,s.jsx)(I._,{children:"No commission"}),en&&(0,s.jsx)("div",{style:{justifyContent:"center",display:"flex",color:"unset"},children:(0,s.jsx)(T.A,{size:"30"})}),eo&&(0,s.jsx)("div",{className:"width-100 height-10",ref:ea})]}),(0,s.jsx)(O.Ay,{modalName:"due-date-range",title:"Select Commissions Time Range",isOpen:Y,toggle:V,selectionRange:d,onChange:p,staticRanges:O.cO})]})}},56554:function(e,n,t){t(93632);var o=t(96540);n.A=(e,n)=>{var[t,r]=(0,o.useState)(e);return(0,o.useEffect)(()=>{var t=setTimeout(()=>{r(e)},n);return()=>{clearTimeout(t)}},[e,n]),t}},37987:function(e,n,t){t(93632);var o=t(96540);n.A=e=>{var[n,t]=(0,o.useState)(!1);function r(n){var{key:o}=n;o===e&&t(!0)}var a=n=>{var{key:o}=n;o===e&&t(!1)};return(0,o.useEffect)(()=>(window.addEventListener("keydown",r),window.addEventListener("keyup",a),()=>{window.removeEventListener("keydown",r),window.removeEventListener("keyup",a)}),[]),n}},46388:function(e,n,t){t.d(n,{I:function(){return s},N:function(){return l}});var o=t(84577),r=t(78258);function a(){var e=(0,o._)(["\n query S3SignedUrl(\n $business: String!\n $objectType: String!\n $fileType: String!\n $path: String\n $peopleId: ID\n $fileName: String\n ) {\n s3SignedUrl(\n business: $business\n objectType: $objectType\n fileType: $fileType\n path: $path\n peopleId: $peopleId\n fileName: $fileName\n ) {\n status\n error\n url\n }\n }\n"]);return a=function(){return e},e}function i(){var e=(0,o._)(["\n mutation selfResetPassword($business: String!, $password: String!) {\n selfResetPassword(business: $business, password: $password) {\n status\n error\n }\n }\n"]);return i=function(){return e},e}var s=(0,r.J1)(a()),l=(0,r.J1)(i())}}]); 7//# sourceMappingURL=17674.42d4eda0.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.