https://epicleads.ai/assets/CrmPageDefaultState-DAJ3Pq5A.js

1import{m as y,r as l,o as I,bk as W,c as i,b as c,h as P,v as q,g as o,F as V,q as Q,u as M,t as f,e as g}from"./lib-@vue-eGpClZ_2.js";import{a as Y,p as Z,D as w,Z as $,ei as G,l as J,eO as K,eP as X,e as tt,eQ as A,L as et,f as O,ej as at,ab as C,eR as st}from"./index-CPEkVtK5.js";import{a as ot}from"./lib-vue-router-C1zJsLcN.js";import"./[email protected]";import"./lib-web-vitals-VOnLxSM3.js";import"./lib-rxjs-BN8amr3d.js";import"./lib-idb-Dob3nYDb.js";/* empty css                     */import"./lib-vue-datepicker-next-CAHKtZhb.js";import"./lib-date-format-parse-x3AFaRdf.js";import"./lib-vue-loading-overlay-D3cIRCss.js";import"./[email protected]";import"./lib-vue-jaFym9Lc.js";import"./lib-vue-final-modal-C_s8oNkF.js";import"./[email protected]";import"./lib-focus-trap-DM3tGcjJ.js";import"./lib-tabbable-CWzGggBE.js";import"./[email protected]";import"./lib-unhead-CE9Ax3L1.js";import"./lib-hookable-B7_1qfUG.js";import"./lib-vue-slider-component-D7yKbrJr.js";import"./lib-mitt-DJ65BbbF.js";import"./lib-pinia-C2XLY-KY.js";import"./lib-vuex-DAtDVGqP.js";import"./lib-lodash-Bn6aO1Kw.js";import"./[email protected]";import"./lib-events-Cn91uiIR.js";import"./lib-vue-i18n-BhjlX3oY.js";import"./[email protected]";import"./lib-libphonenumber-js-DPc8xgNz.js";import"./lib-moment-0aKl3rNl.js";import"./lib-emoji-mart-vue-fast-CxLu6yC5.js";import"./lib-socket.io-client-BoG5YmcE.js";import"./lib-engine.io-client-BG87rAPk.js";import"./lib-engine.io-parser-BiEtp6m2.js";import"./[email protected]";import"./lib-socket.io-parser-Bq4nEUJv.js";import"./[email protected]";import"./lib-pluralize-4Kw14ue8.js";import"./lib-vue-debounce-B-ttE1Lo.js";import"./lib-vee-validate-i3Gtrzjz.js";import"./[email protected]";import"./lib-zod-B3yBXfQK.js";import"./lib-url-regex-safe-B8qMpHCQ.js";import"./lib-ip-regex-Di2Cgxr9.js";import"./lib-tlds-LBoB0dR9.js";import"./lib-global-DkpAL5KE.js";import"./lib-vue3-ts-jsoneditor-Dh_XYTwG.js";import"./lib-bson-CGJ-a1Gc.js";import"./lib-canvas-confetti-ONDKWxYZ.js";import"./lib-validate.js-DZDsa97V.js";import"./lib-wavesurfer.js-4ftp1LZ7.js";import"./lib-reka-ui-w--9bD2z.js";import"./lib-ohash-DYuG0LzD.js";import"./lib-aria-hidden-DvXkyWUv.js";import"./lib-defu-C860Afgg.js";import"./[email protected]";import"./lib-tailwind-variants-ClhQ0ur3.js";import"./lib-tailwind-merge-CVCfOWck.js";import"./lib-portal-vue-BODLTS2Y.js";import"./[email protected]";const rt={class:"crm-default-state"},it={class:"crm-default-state__section"},ct=["onClick"],nt=["src","alt"],mt=["src","alt"],lt={class:"crm-default-state__desc"},ut={class:"text_m"},pt={class:"text_s color_secondary"},dt={class:"crm-default-state__action text_s color_secondary margin-left"},_t={class:"crm-default-state__section"},ft={class:"text_m color_secondary"},vt={class:"crm-default-state__buttons flex-gap-4 margin-left flex"},xe={__name:"CrmPageDefaultState",setup(ht){const u=Z(),b=ot(),{$snack:k}=tt(),U=Y(),v=y(()=>U.user),h=y(()=>u.getters["account/account"]),z=y(()=>u.getters["credentials/selectedCredential"]),S=l(!1),n=l(!1),p=l({}),x=l([]),d=l([{name:"Other",desc:"Request for your CRM",action:"Request",crm:"request"},{name:"None",desc:"We don't use a CRM",action:"Hide Pipeline Tab",crm:"none"}]);I(()=>{var e,t,s,r,a,m,R,L;(t=(e=w.statuses)==null?void 0:e.pipedrive_crm)!=null&&t.exist&&d.value.unshift({name:"Pipedrive",desc:"pipedrive.com",action:"Connect",crm:"pipedrive"}),(r=(s=w.statuses)==null?void 0:s.hubspot_crm)!=null&&r.exist&&d.value.unshift({name:"Hubspot",desc:"hubspot.com",action:"Connect",crm:"hubspot"}),(m=(a=w.statuses)==null?void 0:a.native_crm)!=null&&m.exist&&d.value.unshift({name:(R=v.value)==null?void 0:R.config.name,desc:(L=v.value)==null?void 0:L.config.client_link.replace("https://",""),action:"Activate",crm:"default"})});async function D(e){if(e.name==="Other")await E();else if(e.name==="None")await B();else switch(e.crm){case"default":C(()=>_(e),"native_crm");break;case"hubspot":C(()=>_(e),"hubspot_crm");break;case"pipedrive":C(()=>_(e),"pipedrive_crm");break;default:await _(e);break}}async function F(e){const t=new URL(e),s={},r=new URLSearchParams(t.searchParams);for(const[a,m]of r)s[a]=m;await at(s)}async function N(){try{await st(p.value._id)}catch(e){k.error(e.message)}finally{n.value=!1}}const _=$(T,()=>{var e;Object.keys(((e=h.value)==null?void 0:e.crm_tokens)||{}).some(t=>t==="default")&&b.push({path:"/crm/manage/"+Object.keys(h.value.crm_tokens)[0]})});async function T(e){var s;const t=await G(e.crm.toLowerCase(),(s=z.value)==null?void 0:s._id);t.url&&(t.url.match(/default/)?(await F(t.url),await u.dispatch("account/SET_ACCOUNT")):window.open(t.url,"_self"))}const E=J(j,S);async function j(){n.value=!0;const e=await K();x.value=e.map(t=>({name:t,_id:t}))}const B=$(H);async function H(){await X(h.value._id,{show_crm:!1}),await u.dispatch("account/SET_ACCOUNT"),await b.push({name:"my-campaigns"}),k.success("You can add crm in integrations page")}return(e,t)=>{var r;const s=W("loader");return c(),i("div",rt,[P(o("section",it,[t[2]||(t[2]=o("span",{class:"text_l"},"What CRM do you use?",-1)),(c(!0),i(V,null,Q(d.value,a=>(c(),i("div",{key:a.name,class:"crm-default-state__item",onClick:m=>D(a)},[a.crm==="default"?(c(),i("img",{key:0,loading:"lazy",class:"crm-default-state__img crm-default-state__img_default",src:M(A).default,alt:`logo ${a.crm}`},null,8,nt)):(c(),i("img",{key:1,loading:"lazy",class:"crm-default-state__img",src:M(A)[a.crm],alt:`logo ${a.crm}`},null,8,mt)),o("div",lt,[o("span",ut,f(a.name),1),o("span",pt,f(a.desc),1)]),o("span",dt,f(a.action),1)],8,ct))),128))],512),[[q,!n.value]]),P((c(),i("section",_t,[t[3]||(t[3]=o("span",{class:"text_l"},"Let us know what you need!",-1)),o("span",ft,f(`If you don’t use Pipedrive or HubSpot, ${(r=v.value)==null?void 0:r.config.name} has not yet built an integration with your CRM.
2        Add your request and be the first to know when it’s available!`),1),g(et,{value:p.value?p.value.name:"","is-fulled":!0,items:x.value,"data-closable":"crmList","read-only":!0,"input-placeholder":"CRM name...",onSelect:t[0]||(t[0]=a=>{p.value=a})},null,8,["value","items"]),o("div",vt,[g(O,{form:"square",size:"m",title:"Cancel","title-color":"primary",color:"transparent",onAction:t[1]||(t[1]=a=>n.value=!1)}),g(O,{form:"square",size:"m",title:"Done",color:"primary",onAction:N})])])),[[q,n.value],[s,S.value]])])}}};export{xe as default};