1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[3553],{85663(e,t,l){l.d(t,{A:()=>i});var s=l(41594),n=l.n(s),a=l(11765),o=l(57255);const i=function(){const{firstLoaded:e,totalRows:t,selectedRows:l,selectedRowsOverall:s,loading:i,reportConfig:{withSelection:r,bulkActions:c,disableMultiPageSelect:d}}=(0,a.h)();return r&&c&&e&&!i&&0!==t?n().createElement(o.A,{selected:d?l:s.map(e=>JSON.parse(e)),prepareLabel:c.prepareLabel,actions:c.actions}):null}},41580(e,t,l){l.r(t),l.d(t,{default:()=>Z});var s=l(41594),n=l.n(s),a=l(98483),o=l(3602),i=l(22078),r=l(73021),c=l(51904),d=l(28420),u=l(28027),p=l(26926),h=l(58199),m=l(99315),g=l(94384),x=l(37295),_=l(75158),j=l(84685),C=l(99015),v=l(43216),y=l(3902),f=l(80908),b=l(3915),w=(l(33218),l(72906)),E=l.n(w),S=l(15723),T=l.n(S),A=l(22224),k=l(63988);function R(e){let{clients:t,portal:l,hasAccess:n}=e;const r=(0,a.d4)(e=>e.clientPortals),c=f.RH.selectAll(r).map(e=>"client"===e.target?e.target_value:null),[d,u]=(0,s.useState)([]),[p,h]=(0,s.use
1State)(""),[m,g]=(0,s.useState)(""),x=(0,s.useMemo)(()=>{const e={company_type:"CLIENT","start-index":0,"max-results":50,"order-by":"latest_use","order-dir":"desc",search:!0,with_sales_report:!1,company_name:p,tag_id:"",industry_id:"",sales_rep_id:"",account_status_id:""};return"tag"===l.target&&(e.tags=[l.target_value]),"category"===l.target&&(e.industry_id=l.target_value),e},[l.target,l.target_value,p]),_=(0,s.useCallback)(async()=>{const e=(await(0,i.oD)("GET","company/clients",x)).json.companies.filter(e=>n(e.client_rep_user_id));u(e)},[n,x]),j=(0,s.useCallback)(async e=>{await(0,i.oD)("GET","client-portal-admin/get-client-portal",{client_id:e})},[]);(0,s.useEffect)(()=>{"default"!==l.target&&"tag"!==l.target&&"category"!==l.target||_()},[_,l.target]);const C=(0,A.debounce)(e=>{h(e)},1e3),v=(0,s.useCallback)(e=>{g(e.target.value),C(e.target.value)},[]);if("client"===l.target){const e=t.find(e=>e.value===l.target_value);return e?(0,k.jsxs)("div",{"data-test-name":"PortalClients",className:"portal-client-row",children:[(0,k.jsx)("span",{children:e.label}),(0,k.jsx)(o.Button,{onClick:()=>{j(e.value),window.open(`/client/${e.value}/portal/`,"_blank")},children:"View Portal"})]}):null}return(0,k.jsxs)(k.Fragment,{children:["default"===l.target&&(0,k.jsx)("p",{style:{paddingLeft:"1em",paddingTop:"1em"},children:"Default for all clients."}),(0,k.jsx)(o.Input,{style:{maxWidth:"300px",marginLeft:"1em",marginTop:"1em"},name:"label",value:m,placeholder:"Search",onChange:v}),d.filter(e=>-1===c.indexOf(e.client_id)).map(e=>(0,k.jsxs)("div",{className:"portal-client-row",children:[(0,k.jsx)("span",{children:e.client_name}),(0,k.jsx)(o.Button,{onClick:()=>{j(e.client_id),window.open(`/client/${e.client_id}/portal/`,"_blank")},children:"View Portal"})]},e.client_id))]})}var I=l(19953);function N(e,t,l,s,n){let a=arguments.length>5&&void 0!==arguments[5]&&arguments[5];const o=e.find(e=>e.client_portal_id===t);if(!o)return null;switch(o.target){case"default":return"Default Portal";case"tag":const e=s.find(e=>e.value===o.target_value);return`Tag: ${null==e?void 0:e.label} ${a?"Portal":""}`;case"category":const t=n.find(e=>e.value===o.target_value);return`Industry: ${null==t?void 0:t.label} ${a?"Portal":""}`;case"client":const i=l.find(e=>e.value===o.target_value);return i?`${null==i?void 0:i.label} ${a?"Portal":""}`:"loading...";default:return"Unknown Portal"}}var P=l(42344),D=l(29521);function L(e){var t;let{onClosePopup:l,portalId:n=null,industry_options:r,tag_options:c,clients:d,shops:u,showAnotherPortalPopup:p,chatBots:h,initTabIndex:m=0,hasAccess:g}=e;const x=(0,a.d4)(e=>e.clientPortals),_=f.RH.selectAll(x),C=n?f.RH.selectById(x,n):null,[v,y]=(0,s.useState)(n?C:(0,f.wr)(0===_.length)),[w,S]=(0,s.useState)(d.map(e=>({label:e.client_name,value:e.client_id})));let A=h.map(e=>({label:e.name,value:e.bot_id}));A=[{value:"",label:"--- Disable Chat ---"},...A];
1const[L,O]=(0,s.useState)(m),[B,F]=(0,s.useState)(!1),U=(0,s.useCallback)(e=>!!("default"===e.target||e.target_value&&0!==e.target_value.length)||(F(!0),b.oR.error("Please select a value for "+e.target),!1),[]),W=(0,a.wA)(),$=(0,s.useCallback)(()=>{const e=v;U(e)&&(W((0,f.Gb)(e)),l(),b.oR.success("Added successfully"))},[W,l,v,U]),M=(0,s.useCallback)(()=>{const e=v;U(e)&&(W((0,f.aX)(e)),l(),b.oR.success("Saved successfully"))},[W,l,v,U]),G=(0,s.useCallback)(e=>{const t=e.target;if(t){let e=!1;"target"===t.name&&(e=!0),y(e=>({...e,[t.name]:t.value})),e&&y(e=>({...e,target_value:null}))}},[]),H=(0,s.useCallback)(e=>{y(t=>{const l=t.images?t.images.split(","):[];return l.push(e.file_name_original),{...t,images:l.join(",")}})},[]),z=(0,s.useCallback)(e=>{y(t=>{const l=(t.images?t.images.split(","):[]).filter(t=>t!==e);return{...t,images:l.join(",")}})},[]),V=(0,s.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];y(l=>{const s=l.images?l.images.split(","):[],n=s.indexOf(e);let a=[];if(t){const t=s.slice(0,n-1),l=s.slice(n+1);a=[...t,e,s[n-1],...l]}else{const t=s.slice(0,n),l=s.slice(n+2);a=[...t,s[n+1],e,...l]}return{...l,images:a.join(",")}})},[]),K=(0,s.useCallback)(e=>{y(t=>{const l=t.shops?t.shops.split(","):[];return l.push(e.shop_id),{...t,shops:T()(l).join(",")}})},[]),Y=(0,s.useCallback)(e=>{y(t=>{const l=(t.shops?t.shops.split(","):[]).filter(t=>t!==e);return{...t,shops:l.join(",")}})},[]),X=(0,s.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];y(l=>{const s=l.shops?l.shops.split(","):[],n=s.indexOf(e);let a=[];if(t){const t=s.slice(0,n-1),l=s.slice(n+1);a=[...t,e,s[n-1],...l]}else{const t=s.slice(0,n),l=s.slice(n+2);a=[...t,s[n+1],e,...l]}return{...l,shops:a.join(",")}})},[]),q=(0,s.useCallback)(e=>{y(e=>({...e,show_client_specific:1==e.show_client_specific?0:1}))},[]),J=(0,s.useCallback)(e=>{y(e=>({...e,restrict_to_user_projects:1==e.restrict_to_user_projects?0:1}))},[]),Z=(0,s.useCallback)(async e=>{const t=(await(0,i.oD)("GET","company",{company_type:"CLIENT",search:!0,"max-results":50,company_name:e})).json.companies.map(e=>({label:e.client_name,value:e.client_id}));return S(e=>{const l=[...e,...t];return E()(l,"value")}),t},[]),Q=(0,s.useCallback)(async e=>{if(w.find(t=>t.value===e))return;const t=await(0,i.oD)("GET","company/get",{company_type:"CLIENT",id:e}),l={label:t.json.company.client_name,value:t.json.company.client_id};S(e=>{const t=[...e,l];return E()(t,"value")})},[]);(0,s.useEffect)(()=>{C&&"client"===C.target&&Q(C.target_value)},[C,Q]);const ee=C?N(_,n,w,c,r):"New Portal",te=((e,t,l)=>{const s=e.find(e=>e.target===t.target&&("default"===t.target||e.target_value===t.target_value));return!(!s||s.client_portal_id===l)&&s})(_,v,n),le=(0,k.jsx)(o.LabeledCheckbox,{checked:1==v.restrict_to_user_projects,onChange:J}),se=(0,k.jsx)(j.l6,{name:"chat_bot_id",value:v.chat_bot_id||"",options:A,onChange:e=>{G({target:{name:"chat_bot_id",value:e.value}})},inPopup:!0}),ne=(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(o.Row,{style:{marginTop:"2rem"},children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Audience"})})}),(0,k.jsxs)(o.Col,{lg:10,sm:9,xs:!0,children:[_.length>0&&"default"!==(null==v?void 0:v.target)&&(0,k.jsxs)(o.Row,{children:[(0,k.jsxs)(o.Col,{sm:4,children:[(0,k.jsx)("input",{type:"radio",name:"target",value:"client",checked:"client"===v.target,onChange:G}),(0,k.jsx)("label",{children:"Single Client"})]}),(0,k.jsxs)(o.Col,{sm:4,children:[(0,k.jsx)("input",{type:"radio",name:"target",value:"category",checked:"category"===v.target,onChange:G}),(0,k.jsx)("label",{children:"Industry"})]}),(0,k.jsxs)(o.Col,{sm:4,children:[(0,k.jsx)("input",{type:"radio",name:"target",value:"tag",checked:"tag"===v.target,onChange:G}),(0,k.jsx)("label",{children:"Tag"})]})]}),(0===_.length||"default"===v.target)&&(0,k.jsx)(o.Row,{children:(0,k.jsxs)(o.Col,{sm:4,children:[(0,k.jsx)("input",{type:"radio",name:"target",value:"default",checked:"default"===v.target,onChange:G}),(0,k.jsx)("label",{children:"Default"})]})}),(0,k.jsx)(o.Row,{style:{marginTop:"1em"},children:(0,k.jsxs)(o.Col,{sm:6,children:["client"===v.target&&(0,k.jsx)(j.DW,{error:B,placeholder:"Select a client",name:"target_value",value:v.target_value,options:w,onChange:e=>{G({target:{name:"target_value",value:e.value}})},inPopup:!0,loadOptions:Z}),"category"===v.target&&(0,k.jsx)(j.l6,{error:B,placeholder:"Select an industry",name:"target_value",value:v.target_value,options:r,onChange:e=>{G({target:{name:"target_value",value:e.value}})},inPopup:!0}),"tag"===v.target&&(0,k.jsx)(j.l6,{error:B,placeholder:"Select a tag",name:"target_value",value:v.target_value,options:c,onChange:e=>{G({target:{name:"target_value",value:e.value}})},inPopup:!0})]})})]})]}),te&&(0,k.jsx)(o.Row,{className:"option-row",children:(0,k.jsx)(o.Col,{sm:12,children:(0,k.jsxs)("div",{className:"info-block",children:[(0,k.jsxs)("span",{children:["There is already another portal defined for ",(0,k.jsx)("b",{children:N(_,te.client_portal_id,w,c,r)})]}),(0,k.jsx)(o.Button,{onClick:()=>{l(),p(te)},children:"Edit"})]})})}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Name (optional)"})})}),(0,k.jsx)(o.Col,{lg:10,sm:9,xs:!0,children:(0,k.jsx)("div",{style:{maxWidth:"25em"},children:(0,k.jsx)(o.Input,{name:"label",value:null==v?void 0:v.label,placeholder:"Customized name...",onChange:G})})})]}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Theme Color"})})}),(0,k.jsx)(o.Col,{lg:10,sm:9,xs:!0,children:(0,k.jsx)(P.A,{value:null==v?void 0:v.theme_color,onChange:e=>{G({target:{name:"theme_color",value:e}})}})})]}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Restrict by Contact"})})}),(0,k.jsx)(o.Col,{lg:10,sm:9,xs:!0,children:le})]}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Chat Bot"})})}),(0,k.jsx)(o.Col,{lg:6,sm:6,xs:!0,children:se})]}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Start Project Message"})})}),(0,k.jsx)(o.Col,{lg:10,sm:9,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)(D.A,{value:null==v?void 0:v.start_project_message,onChange:e=>{G({target:{name:"start_project_message",value:e}})}})})})]}),!te&&(0,k.jsxs)(o.Row,{className:"option-row",children:[(0,k.jsx)(o.Col,{lg:2,sm:3,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)("label",{style:{fontWeight:"bold"},children:"Reorder Message"})})}),(0,k.jsx)(o.Col,{lg:10,sm:9,xs:!0,children:(0,k.jsx)("div",{children:(0,k.jsx)(D.A,{value:null==v?void 0:v.reorder_message,onChange:e=>{G({target:{name:"reorder_message",value:e}})}})})})]})]}),ae=(0,k.jsx)(k.Fragment,{children:!te&&(0,k.jsx)(o.Row,{className:"option-row",children:(0,k.jsx)(o.Col,{lg:12,sm:12,children:(0,k.jsx)(I.A,{client:"client"===v.target&&(null===(t=d.filter(e=>e.client_id===v.target_value))||void 0===t?void 0:t.pop()),bannerImages:v.images.split(","),shopIds:v.shops?v.shops.split(","):[],allShops:u,isEditable:!0,onAddImage:H,onRemoveImage:z,onMoveImage:V,onAddShop:K,onRemoveShop:Y,onMoveShop:X,showClientSpecific:v.show_client_specific,onToggleClientSpecificShop:q,singleShop:1===+v.simple,themeColor:v.theme_color,portalLogo:v.portal_logo,onLogoChange:G})})})}),oe=(0,k.jsx)("div",{children:(0,k.jsx)(R,{portal:C,clients:w,hasAccess:g})}),ie=[{label:"Settings",content:ne},{label:"Design",content:ae}];C&&ie.push({label:"Who uses it",content:oe});const re=(0,k.jsxs)("div",{children:[(0,k.jsx)(o.TabBar,{style:{marginLeft:"1rem",marginBottom:"1rem"},children:ie.map((e,t)=>(0,k.jsx)(o.Tab,{size:ie.length,selected:t===L,onClick:()=>{O(t)},children:e.label},"tabs_"+t))}),ie[L]?ie[L].content:null]});return(0,k.jsx)(o.Popup,{"data-test-name":"PortalPopup",style:{padding:20,maxWidth:"960px"},width:"calc(100vw - 100px)",height:"calc(100vh - 100px)",header:(0,k.jsxs)(o.Row,{justify:"space-between",wrap:"nowrap",style:{alignItems:"flex-start"},children:[(0,k.jsx)("h2",{style:{margin:"0.2em"},children:ee}),(0,k.jsxs)("div",{children:[(0,k.jsx)(o.Button,{secondary:!0,onClick:l,children:"Cancel"})," ",!C&&!te&&(0,k.jsx)(o.Button,{onClick:$,children:"Create"}),C&&!te&&(0,k.jsx)(o.Button,{onClick:M,children:"Update"})]})]}),children:re})}function O(e){let{showPortalPopup:t,industry_options:l,tag_options:n,clients:r}=e;const c=(0,a.wA)(),d=(0,a.d4)(e=>
1e.clientPortals),u=f.RH.selectAll(d),[p,h]=(0,s.useState)(null),[m,g]=(0,s.useState)(r.map(e=>({label:e.client_name,value:e.client_id}))),[x,_]=(0,s.useState)(null),[C,v]=(0,s.useState)(!1),[y,w]=(0,s.useState)(!1),[S,T]=(0,s.useState)(null),A=(0,s.useCallback)(async e=>{const t=(await(0,i.oD)("GET","company",{company_type:"CLIENT",search:!0,"max-results":50,company_name:e})).json.companies.map(e=>({label:e.client_name,value:e.client_id}));return g(e=>{const l=[...e,...t];return E()(l,"value")}),t},[]),R=(0,s.useCallback)(async e=>{if(m.find(t=>t.value===e))return;const t=await(0,i.oD)("GET","company/get",{company_type:"CLIENT",id:e});g(e=>{const l=[...e,{label:t.json.company.client_name,value:t.json.company.client_id}];return E()(l,"value")})},[m]),I=(0,s.useCallback)(async e=>{const t=await(0,i.oD)("GET","client-portal-admin/get-client-portal",{client_id:e});_(t.json.portal)},[]),P=(0,s.useCallback)(e=>{T(e),w(!0)},[]),D=(0,s.useCallback)(async e=>{await c((0,f.I1)(e))?b.oR.success("Removed successfully"):b.oR.error("Failed to remove portal...")},[c]);(0,s.useEffect)(()=>{c((0,f.UG)())},[c]),(0,s.useEffect)(()=>{C||(v(!0),async function(){const e=[];u.map(t=>{"client"===t.target&&(r.find(e=>e.client_id===t.target_value)||-1!==e.indexOf(t.target_value)||e.push(t.target_value))});for(const t of e)await R(t)}())},[r,R,C,u]);const L=u.map(e=>{const s=N(u,e.client_portal_id,m,n,l),a="default"!==e.target||1===u.length;return(0,k.jsx)(o.Box,{"data-test-name":"ClientPortals",className:"table-row portal-row",children:(0,k.jsxs)(o.Row,{children:[(0,k.jsx)(o.Col,{sm:4,children:(0,k.jsxs)("span",{className:"table-cell",children:[s,e.label&&""!==e.label?` (${e.label})`:""]})}),(0,k.jsx)(o.Col,{sm:2,children:(0,k.jsx)("span",{className:"table-cell",children:(0,k.jsxs)("a",{href:"/clients",onClick:l=>{l.preventDefault(),t(e,2)},children:[e.client_count," clients"]})})}),(0,k.jsx)(o.Col,{sm:2,children:(0,k.jsx)("span",{className:"table-cell",children:(0,k.jsx)("a",{href:"/clients",onClick:l=>{l.preventDefault(),t(e,1)},children:e.shops.split(",").length})})}),(0,k.jsx)(o.Col,{sm:2,children:(0,k.jsx)("span",{className:"table-cell",children:e.date_updated})}),(0,k.jsx)(o.Col,{sm:1,children:a&&(0,k.jsx)("span",{className:"table-cell only-hover",children:(0,k.jsx)(o.Button,{secondary:!0,onClick:()=>P(e),children:"Ã"})})}),(0,k.jsx)(o.Col,{sm:1,children:(0,k.jsx)("span",{className:"table-cell only-hover",children:(0,k.jsx)(o.Button,{secondary:!0,onClick:()=>t(e),children:"Edit"})})})]})},e.client_portal_id)});let O=null;if(y&&S){const e=N(u,S.client_portal_id,m,n,l);O=(0,k.jsxs)(o.Popup,{header:(0,k.jsx)("span",{}),style:{width:"auto",height:"auto"},children:[(0,k.jsxs)("p",{children:["Are you sure you want to delete client portal: ",(0,k.jsx)("b",{children:e}),"?"]}),(0,k.jsxs)("div",{style:{display:"flex",justifyContent:"center",flexDirection:"row",marginBottom:"1em"},children:[(0,k.jsx)(o.Button,{style:{marginRight:"1em"},secondary:!0,onClick:()=>{w(!1)},children:"Cancel"}),(0,k.jsx)(o.Button,{onClick:()=>{D(S),w(!1)},children:"Delete"})]})]})}return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(o.Row,{children:(0,k.jsx)(o.Col,{sm:12,children:(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[(0,k.jsx)("div",{className:"select",style:{marginRight:"1em",paddingTop:"1em",flexGrow:1,maxWidth:"300px"},children:(0,k.jsx)(j.DW,{placeholder:"Search for client to preview...",value:null==p?void 0:p.value,options:m,onChange:e=>{h(e),I(e.value)},inPopup:!0,loadOptions:A})}),(0,k.jsx)(o.Button,{style:{padding:"0.45em 1em"},disabled:!x,onClick:()=>{window.open(`/client/${p.value}/portal/`,"_blank")},children:"Preview"}),x&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("span",{style:{marginLeft:"1em"},children:[`${null==p?void 0:p.label} uses the `," ",(0,k.jsx)("b",{children:N(u,null==x?void 0:x.client_portal_id,m,n,l,!0)})]}),(0,k.jsx)("span",{style:{marginLeft:"1em"},children:(0,k.jsx)("a",{target:"_blank",href:"https://vandelaypromotions.commonsku.com/video.html?src=https%3A%2F%2Ffiles.commonsku.com%2Fzoom_recording%2F89444248
1643%2F2d1761f4-1728-47a2-8f10-38b44d3c432b.shared_screen_with_speaker_view.mp4",children:(0,k.jsx)("b",{children:"Help"})})})]})]})})}),(0,k.jsx)(o.Row,{children:(0,k.jsxs)(o.Col,{sm:12,children:[(0,k.jsxs)(o.Row,{style:{background:"#dae9ee"},children:[(0,k.jsx)(o.Col,{sm:4,children:(0,k.jsx)("span",{className:"table-header",children:"Portal"})}),(0,k.jsx)(o.Col,{sm:2,children:(0,k.jsx)("span",{className:"table-header",children:"Who uses it?"})}),(0,k.jsx)(o.Col,{sm:2,children:(0,k.jsx)("span",{className:"table-header",children:"Shops"})}),(0,k.jsx)(o.Col,{sm:3,children:(0,k.jsx)("span",{className:"table-header",children:"Last Updated"})})]}),L]})}),O,(0,k.jsx)(b.N9,{autoClose:3e3,hideProgressBar:!0})]})}var B=l(11765),F=l(27377),U=l(88036),W=l(85663),$=l(35861),M=l(22575);const G=(0,l(23652).default)(o.Csku)` 2 position: relative; 3`,H=e=>{let{loadInitially:t}=e;const{fetchReport:l,firstLoaded:a}=(0,B.h)();return(0,s.useEffect)(()=>{t&&!a&&l()},[a,t]),n().createElement(n().Fragment,null,n().createElement(G,{as:"div",className:"csku-styles"},n().createElement(F.A,null),n().createElement(U.A,null),n().createElement(M.A,null)),n().createElement(W.A,null))},z=e=>{let{reportType:t,loadInitially:l}=e;const s=(0,o.useWindowSize)()[1],a=(0,$.getReportConfig)(t);return console.log("loadInitially",t,l),n().createElement(B.q,{reportConfig:a,defaultFilters:null,containerHeight:s},n().createElement(H,{loadInitially:l}))};var V=l(71470),K=l(66680);const Y=()=>{var e;const[t,,l]=function(){const e=(0,a.wA)(),t=(0,a.d4)(e=>e.contact_import_hubspot_jobs),l=V.Tp.selectAll(t),n=t.loading,o=(0,s.useCallback)(()=>e((0,V.UK)()),[e]);return(0,K.A)(()=>o(),1e4),(0,s.useEffect)(()=>{e((0,V.UK)())},[e]),[l,n,(0,s.useCallback)(()=>{return t=this,l=void 0,n=function*(){yield e((0,V.B5)()),b.oR.success("Saved successfully")},new((s=void 0)||(s=Promise))(function(e,a){function o(e){try{r(n.next(e))}catch(e){a(e)}}function i(e){try{r(n.throw(e))}catch(e){a(e)}}function r(t){var l;t.done?e(t.value):(l=t.value,l instanceof s?l:new s(function(e){e(l)})).then(o,i)}r((n=n.apply(t,l||[])).next())});var t,l,s,n},[e])]}(),[r,c]=(0,s.useState)(!1),[d,u]=(0,s.useState)(null);(0,s.useEffect)(()=>{const e=t.length>0&&!t[0].date_completed;d||c(e),d&&t[0]&&t[0].date_completed&&d.valueOf()<new Date(t[0].date_completed).valueOf()&&(window.location.href="/clients.php?tab=hubspot")},[t,d]);const p=r||t.length<=0?"":(0,i.o3)((0,i.C)(null===(e=t[0])||void 0===e?void 0:e.date_completed)),h=r?n().createElement(o.Typography.Text,null,"Importing Contacts"):""===p?null:n().createElement(n().Fragment,null,n().createElement(o.CompletedCheckmarkIcon,{size:"small"})," ",n().createElement(o.Typography.Text,null,"Last imported at ",p));return n().createElement(n().Fragment,null,h,n().createElement(o.Button,{onClick:()=>{c(!0),l(),u(new Date)},size:"small",disabled:r},r?n().createElement(o.SkubotSpinner,{size:"button",skubot:!1}):"Import Now"))};var X=l(80554);const q=(0,j.DU)();function J(e){let{filters:t,onUpdate:l,filterOptions:s,...n}=e;return(0,k.jsxs)(o.Row,{"data-test-name":"SearchFilters",style:{placeContent:"flex-start"}
3,children:[(0,k.jsx)(o.Col,{padded:!0,xl:2,sm:4,xs:6,children:(0,k.jsx)(v.A,{label:"Name",name:"filter_name",handleSearch:e=>l({company_name:e,"start-index":0}),debounceInterval:600})}),(0,k.jsx)(o.Col,{padded:!0,xl:2,sm:4,xs:6,children:(0,k.jsx)(j.AF,{label:"Industry",name:"filter_industry",value:t.industry_id,options:s.industries_all,onChange:(0,i.E_)(l,"industry_id",{type:"select",additionalPayload:{"start-index":0}}),onFocus:e=>e.target.select(),menuShouldScrollIntoView:!1})}),(0,k.jsx)(o.Col,{padded:!0,xl:2,sm:4,xs:6,children:(0,k.jsx)(j.AF,{label:"Rep",name:"filter_rep",value:t.sales_rep_id,options:s.reps_all,onChange:(0,i.E_)(l,"sales_rep_id",{type:"select",additionalPayload:{"start-index":0}}),onFocus:e=>e.target.select(),menuShouldScrollIntoView:!1})}),(0,k.jsx)(o.Col,{padded:!0,xl:2,sm:4,xs:6,children:(0,k.jsx)(j.AF,{label:"Status",name:"filter_status",value:t.account_status_id,options:s.statuses_all,onChange:(0,i.E_)(l,"account_status_id",{type:"select",additionalPayload:{"start-index":0}}),onFocus:e=>e.target.select(),menuShouldScrollIntoView:!1})}),(0,k.jsx)(o.Col,{padded:!0,xl:4,sm:8,xs:!0,children:(0,k.jsx)(j.AF,{label:"Tags",name:"filter_tags",isMulti:!0,value:t.tags,options:s.all_tags_labels,onChange:(0,i.E_)(l,"tags",{type:"select",isMulti:!0,additionalPayload:{"start-index":0}}),onFocus:e=>e.target.select(),menuShouldScrollIntoView:!1})})]})}const Z=(0,a.Ng)((e,t)=>{const l=e.entities.company_search||{};return{identity:e.identity,popups:(0,p.ag)(e),user_id:e.identity.user_id,filterOptions:{all_tags_labels:(0,y.Wc)(e),statuses:(0,y.$E)(e.dropdowns.account_statuses,"account_status_id","account_status_name"),statuses_all:(0,y.$E)(e.dropdowns.account_statuses,"account_status_id","account_status_name",!1,[{label:"All",value:""},{label:"None",value:"null"}]),industries:(0,y.$E)(e.dropdowns.industries,"industry_id","industry_name"),industries_all:(0,y.$E)(e.dropdowns.industries,"industry_id","industry_name",!1,{label:"All",value:""}),reps:(0,y.$E)(e.dropdowns.users,"user_id",e=>e.contact_first_name+" "+e.contact_last_name),reps_all:(0,y.$E)(e.dropdowns.users,"user_id",e=>e.contact_first_name+" "+e.contact_last_name,!1,[{label:"All",value:""},{label:"None",value:"none"}]),terms:(0,y.$E)(e.dropdowns.terms,"terms_id","terms_name"),terms_all:(0,y.$E)(e.dropdowns.terms,"terms_id","terms_name",!1,{label:"All",value:""}),taxes:(0,y.$E)(e.dropdowns.taxes,"tax_id","label"),taxes_all:(0,y.$E)(e.dropdowns.taxes,"tax_id","label",!1,{label:"All",value:""}),departments:(0,y.CP)(e)},company_search:l,company_users:Object.values(l.company_users||{}),teams:Object.values(l.teams||{}),loading:e.display.loading,companies:Object.values(l.companies||{}),clients:Object.values(e.entities.clients||{}),shops:e.entities.shops||[],chatBots:e.entities.chat_bots||[]}},e=>({loadDivisions:t=>{e("collection"===t?(0,m.vl)(t):(0,m.gy)("commonsku"===t?"supplier-direct":t))},loadAccountStatuses:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CLIENT";e((0,h.C3o)(t))},loadIndustries:()=>{e((0,h.bqZ)())},loadTags:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CLIENT";e((0,h.aog)(t))},loadUserReps:function(t){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"TENANT",s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];e((0,h.ce6)(t,l,s))},loadTaxes:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e((0,x.sc)(t))},loadTerms:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e((0,x.bK)(t))},loadCompanyClients:t=>{e((0,x.fu)(t))},getClient:function(t){e((0,g.o7)(t,{with_last_activity:!0,with_sales_report:!0}))},clearClient:()=>e((0,x.YI)()),loadCompanyUsers:function(t){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"TENANT",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e((0,x.Xu)(t,l,s))},loadTeams:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e((0,x.Sk)(t))},loadDepartments:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CLIENT";return e((0,h.xt6)(t))}}))(function(e){let{user_id:t,identity:l,clients:n,companies:p,filterOptions:h,shops:m,chatBots:g,company_
3search:x,clearClient:v,popups:y,loadAccountStatuses:f,loadIndustries:w,loadTags:E,loadUserReps:S,loadTaxes:T,loadTerms:A,loadCompanyUsers:R,loadTeams:I,getClient:N,...P}=e;const D={company_type:"CLIENT","start-index":0,"max-results":50,"order-by":"latest_use","order-dir":"desc",search:!0,with_sales_report:!0,with_last_activity:"",company_name:"",tags:[],industry_id:"",sales_rep_id:"",account_status_id:""},[B,F]=(0,_.OB)(D,e=>{P.loadCompanyClients(e)}),[U,W]=(0,s.useState)(!1),[$,M]=(0,s.useState)(null),[G,H]=(0,s.useState)(0),[V,K]=(0,s.useState)({tab_index:0,client_id:null,editDetails:!1}),[Z,Q]=(0,s.useState)(0),[ee,te]=(0,s.useState)(!1),[le,se]=(0,s.useState)(null),[ne,ae]=(0,s.useState)(null),oe=(0,s.useCallback)((e,t)=>{M(e),W("portal"),H(null!=t?t:0)},[]),ie=(0,s.useCallback)(e=>{M(e),window.setTimeout(()=>W("portal"),10)},[]);(0,s.useEffect)(function(){!function(e){let{callback:t}=e;document.getElementsByTagName("body")[0].className="",document.getElementsByTagName("html")[0].className="",t&&"function"==typeof t&&t()}({callback:()=>{f(),w(),E(),S(l.company_id,l.company_type),T({tenant_id:l.company_id}),A(),R(l.company_id,l.company_type,{"max-results":4294967296,report:!0,exclude_default_company_users:!0}),I({team_type:"GROUP"}),P.loadDepartments(),F(D)}})},[]),(0,s.useEffect)(()=>{const e="hubspot"===new URLSearchParams(window.location.search).get("tab")?2:0;Q(e)},[]);const{isAdmin:re,hasCapabilities:ce,isAssuming:de,hasUserFlags:ue}=(0,i.el)(l),pe=(0,a.d4)(e=>e.hubspot_import_enabled),he=de();function me(){return re()||ce(["MODIFY-DOWNSTREAM-ACCOUNT","CREATE-DOWNSTREAM-ACCOUNT","MODIFY-CLIENT"],!0)}function ge(e){return!ce(["LIMITED-ACCESS","RESTRICTED-ACCESS"],!0)&&ce(["VIEW-REPORT-OWN-TEAMS"])&&(l.user_id===e||function(e){if(P.company_users&&P.company_users.length)for(let t=0;t<P.company_users.length;t++)if(P.company_users[t].user_id===e)return!0;return!1}(e))}function xe(e){return re()||function(e){return ce(["LIMITED-ACCESS","RESTRICTED-ACCESS"],!0)&&l.user_id===e}(e)||!ce(["LIMITED-ACCESS","RESTRICTED-ACCESS"],!0)&&ce(["VIEW-REPORT-ALL-USERS"])||ge(e)||l.user_id===e}const _e=e=>F({...B,...e}),je=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};K({...V,...e})},Ce=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};K({...V,client_id:null,editDetails:!1,action:"",autofocusField:"",access:!1,...e}),v()},ve={hasAccess:xe,isAdmin:re(),hasCapabilities:ce,canViewOwnTeamsReport:ge,identity:l,loading:P.loading};let ye=[{label:"Client List",content:(0,k.jsxs)(o.SizerWrapper,{xsStyle:"padding-left: 0;",mdStyle:"padding-left: 10px;",style:{paddingRight:10},children:[(0,k.jsx)(J,{...ve,onUpdate:_e,filterOptions:{...h,reps_all:ce(["LIMITED-ACCESS","RESTRICTED-ACCESS"],!0)?h.reps_all.filter(e=>e.value===l.user_id||"All"===e.label):h.reps_all},filters:B}),(0,k.jsx)(o.Row,{children:(0,k.jsx)(o.Col,{xs:!0,padded:!0,children:(0,k.jsx)(C.vj,{...ve,onUpdate:_e,onClickRow:(e,t)=>function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ce(),Promise.resolve().then(()=>{e&&(je({client_id:e,...t}),N(e))})}(e,t),companies:p,search_filters:B,selected_client:V.client_id,onClosePanel:()=>Ce({tab_index:0})})})}),(0,k.jsx)(j.dK,{data:p,max_results:B["max-results"],start_index:B["start-index"],onUpdate:_e})]})}];ce(["HAS-CLIENT-PORTALS"])&&ye.push({label:"Portals",content:(0,k.jsx)("div",{style:{marginLeft:"1rem"},children:(0,k.jsx)(O,{showPortalPopup:oe,industry_options:h.industries,tag_options:h.all_tags_labels,clients:p})})});const fe=(0,s.useMemo)(()=>(0,k.jsx)(z,{reportType:"contact-import-hubspot-contact",loadInitially:!0}),[]);
3pe&&ye.push({label:"HubSpot Sync",content:(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{style:{marginLeft:"1rem",marginRight:"1rem",paddingBottom:"3rem"},children:[(0,k.jsxs)(o.Row,{style:{backgroundColor:o.colors.navy.lightest,borderRadius:"10px",padding:"10px 20px"},children:[(0,k.jsxs)(o.Col,{sm:6,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"10px"},children:[(0,k.jsx)(o.InfoIcon,{color:o.colors.texttitle}),(0,k.jsxs)(o.Typography.Text,{children:["The sync is configured in the ",(0,k.jsx)("a",{href:"/admin_settings_new.php",target:"_blank",children:"integration"})," popup in the Admin area"]})]}),(0,k.jsx)(o.Col,{sm:6,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"10px",justifyContent:"flex-end"},children:(0,k.jsx)(Y,{})})]}),(0,k.jsx)(o.Row,{style:{padding:"10px 20px"},children:(0,k.jsx)(o.Col,{sm:12,children:(0,k.jsx)(o.Typography.Text,{children:"We couldn't match the following contacts with an existing client"})})}),fe]})})});const be=(0,a.d4)(e=>{var t;return null===(t=e.temp)||void 0===t?void 0:t.create_shop});return(0,k.jsxs)(o.Theme,{"data-test-name":"CompanySearchApp",children:[(0,k.jsx)(q,{}),(0,k.jsxs)(o.ErrorBoundary,{children:[(0,k.jsx)("div",{className:"resku",children:(0,k.jsx)(r.A,{children:(0,k.jsx)("div",{className:"large-12 columns",children:(0,k.jsx)(o.Row,{style:{marginBottom:10},children:(0,k.jsx)(o.Col,{xs:6,xsStyle:"margin-left: 0px;",mdStyle:"margin-left: -18px;",children:(0,k.jsx)(o.H4,{style:{fontWeight:500,marginBottom:0},children:"Clients"})})})})})}),(0,k.jsxs)("div",{children:[(0,k.jsxs)("div",{className:"csku-styles",children:[(0,k.jsx)(C.c2,{...ve,updatePanelSettings:e=>je(e),client_id:V.client_id,settings:V,filterOptions:h,accountAccess:me,hasOrderAccess:function(){return re()||ce(["CREATE-OPPORTUNITY","CREATE-PRESENTATION","CREATE-ESTIMATE","CREATE-SALES-ORDER","MODIFY-ORDER"],!0)},onClosePanel:function(){return Ce(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},hasCapabilities:ce}),ee?(0,k.jsx)(C.Tp,{"data-test-name":"CompanySearchApp.renderPopup",onClosePopup:()=>{te(!1)},preview:le,previewImportId:ne}):"add_client"===U?(0,k.jsx)(C.BX,{"data-test-name":"CompanySearchApp.renderPopup",onClosePopup:()=>{W(!1)},industry_options:h.industries,sales_rep_id:l.user_id}):"import_clients"===U?(0,k.jsx)(C.Pu,{"data-test-name":"CompanySearchApp.renderPopup",onClosePopup:()=>{W(!1)},sales_rep_options:h.reps,department_options:h.departments,industry_options:h.industries,terms_options:h.terms,tax_options:h.taxes,setPreview:(e,t)=>{se(e),ae(t),te(!0)}}):"portal"===U?(0,k.jsx)(L,{"data-test-name":"CompanySearchApp.renderPopup",onClosePopup:()=>{W(!1)},industry_options:h.industries,tag_options:h.all_tags_labels,clients:p,shops:m,portalId:null==$?void 0:$.client_portal_id,showAnotherPortalPopup:ie,chatBots:g,initTabIndex:G,hasAccess:xe}):null]}),(0,k.jsx)("div",{className:"resku",children:(0,k.jsx)(c.A,{})}),(0,k.jsxs)("div",{className:"main-content csku-styles",style:{marginTop:"0rem"},children:[(0,k.jsxs)("div",{className:"new-action-button",children:[0===Z&&he?(0,k.jsx)(o.IconButton,{Icon:(0,k.jsx)(o.UploadIcon,{}),style:{marginRight:"0.2rem"},onClick:()=>W("import_clients"),children:"Import Clients"}):""," ",0===Z&&me()?(0,k.jsx)(o.IconButton,{Icon:(0,k.jsx)(o.AddIcon,{}),onClick:()=>W("add_client"),children:"New Client"}):"",1===Z&&(0,k.jsx)(o.Button,{onClick:()=>oe(null),children:"New Portal"})]}),(0,k.jsx)(o.TabBar,{style:{marginLeft:"1rem",marginBottom:"1rem"},children:ye.map((e,t)=>(0,k.jsx)(o.Tab,{size:ye.length,selected:t===Z,onClick:()=>{Q(t);let e=ye[t].onClick;e&&e()},children:e.label},"tabs_"+t))}),ye[Z]?ye[Z].content:null]}),(0,k.jsxs)("div",{className:"resku",children:[y?y.map((e,t)=>(0,u.A)(e,t,P)):null,be?(0,k.jsx)(X.default,{}):null]})]}),(0,k.jsx)("div",{className:"resku",children:(0,k.jsx)(d.A,{popups:y})}),(0,k.jsx)(b.N9,{autoClose:3e3,hideProgressBar:!0})]})]})})}}]); 4//# sourceMappingURL=CompanySearchApp.d9c56644.chunk.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.