https://app.callsine.com/_next/static/chunks/9911.ac93aa1414dc4018.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9911],{39911:(e,t,r)=>{r.r(t),r.d(t,{default:()=>H});var i=r(57090),a=r(39092),n=r.n(a),s=r(12115),l=r(8240),d=r(80069),o=r(18837),w=r(53512),c=r(24939),h=r(89618),m=r(15007);let u=(0,s.lazy)(()=>r.e(2189).then(r.bind(r,52189))),b=(0,s.lazy)(()=>r.e(2737).then(r.bind(r,62737))),g=(0,s.lazy)(()=>Promise.all([r.e(8500),r.e(1278)]).then(r.bind(r,69125))),p=(0,s.lazy)(()=>r.e(718).then(r.bind(r,80718))),f=(0,s.lazy)(()=>r.e(1865).then(r.bind(r,71865))),y=(0,s.lazy)(()=>r.e(4535).then(r.bind(r,94535))),x=(0,s.lazy)(()=>Promise.all([r.e(8500),r.e(2532)]).then(r.bind(r,33793))),v=(0,s.lazy)(()=>Promise.all([r.e(2823),r.e(2834),r.e(1785),r.e(3534),r.e(1199),r.e(7216),r.e(1923),r.e(8419)]).then(r.bind(r,98419))),z=(0,s.lazy)(()=>r.e(8513).then(r.bind(r,68513))),N=(0,s.lazy)(()=>Promise.all([r.e(8500),r.e(6736)]).then(r.bind(r,9357))),Y=(0,s.lazy)(()=>Promise.all([r.e(8500),r.e(9794)]).then(r.bind(r,53435))),_=(0,s.lazy)(()=>r.e(4286).then(r.bind(r,14286))),k=(0,s.lazy)(()=>r.e(378).then(r.bind(r,50378)));function D(){return(0,i.Y)("div",{className:"tw-flex tw-items-center tw-justify-center tw-h-full tw-bg-white/[0.02]",children:(0,i.Y)(w.A,{size:24,className:"tw-text-white/30 tw-animate-spin"})})}function P({widget:e,period:t,refreshKey:r,filters:a,onEdit:n,onRemove:l}){let d=(0,s.useMemo)(()=>{switch(e.chart_type){case"metric_card":return u;case"funnel":return b;case"hot_leads_cards":return g;case"velocity_arrows":return p;case"heatmap":return f;case"queue_list":return y;case"campaign_cards":return x;case"time_series":return v;case"daily_digest":return z;case"new_responses":return N;case"reply_inbox":return Y;case"weekly_recap":return _;default:return k}},[e.chart_type]);return(0,i.FD)("div",{className:"tw-h-full tw-flex tw-flex-col tw-bg-gradient-to-br tw-from-slate-900/90 tw-to-slate-800/70 tw-border tw-border-slate-700/50 tw-rounded-2xl tw-overflow-hidden tw-group tw-transition-all tw-duration-200 hover:tw-border-slate-600/70",children:[(0,i.FD)("div",{className:"tw-flex tw-items-center tw-justify-between tw-px-4 tw-py-3 tw-border-b tw-border-slate-700/30",children:[(0,i.FD)("div",{className:"tw-flex tw-items-center tw-gap-2",children:[(0,i.Y)("div",{className:"widget-drag-handle tw-cursor-grab tw-p-1 tw-rounded tw-text-white/30 hover:tw-text-white/50 hover:tw-bg-white/5 tw-transition-colors",children:(0,i.Y)(c.A,{size:14})}),(0,i.Y)("h3",{className:"tw-text-sm tw-font-medium tw-text-white/80 tw-line-clamp-1",children:"daily_digest"===e.chart_type?"1d"===t?"Daily Digest":"7d"===t?"Weekly Digest":"30d"===t?"Monthly Digest":"90d"===t?"Quarterly Digest":e.title:e.title})]}),(0,i.FD)("div",{className:"tw-flex tw-items-center tw-gap-1 tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity",children:[(0,i.Y)("button",{onClick:n,className:"tw-p-1.5 tw-rounded-lg tw-text-white/40 hover:tw-text-white/70 hover:tw-bg-white/5 tw-transition-colors",title:"Edit widget",children:(0,i.Y)(h.A,{size:14})}),(0,i.Y)("button",{onClick:l,className:"tw-p-1.5 tw-rounded-lg tw-text-white/40 hover:tw-text-rose-400 hover:tw-bg-rose-400/10 tw-transition-colors",title:"Remove widget",children:(0,i.Y)(m.A,{size:14})})]})]}),(0,i.Y)("div",{className:"tw-flex-1 tw-p-4 tw-overflow-auto",children:(0,i.Y)(s.Suspense,{fallback:(0,i.Y)(D,{}),children:(0,i.Y)(d,{widget:e,period:t,refreshKey:r,filters:a})})})]})}var F=r(80642),A=r(77433);function C({isVisible:e,message:t="Fetching data for that time frame"}

1){let[r,a]=(0,s.useState)("");return(0,s.useEffect)(()=>{if(!e)return;let t=setInterval(()=>{a(e=>e.length>=3?"":e+".")},400);return()=>clearInterval(t)},[e]),(0,i.Y)(F.N,{children:e&&(0,i.FD)(A.P.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:[.4,0,.2,1]},className:"tw-absolute tw-inset-0 tw-z-40 tw-flex tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-2xl",children:[(0,i.Y)("div",{className:"tw-absolute tw-inset-0 tw-backdrop-blur-md tw-bg-slate-900/60"}),(0,i.Y)(A.P.div,{animate:{scale:[1,1.2,1],opacity:[.15,.25,.15]},transition:{duration:3,repeat:1/0,ease:"easeInOut"},className:"tw-absolute tw-w-[400px] tw-h-[400px] tw-rounded-full tw-bg-gradient-to-br tw-from-accent-primary/30 tw-via-cyan-500/20 tw-to-transparent tw-blur-3xl"}),(0,i.FD)(A.P.div,{initial:{opacity:0,y:10,scale:.98},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.98},transition:{duration:.4,delay:.1,ease:[.4,0,.2,1]},className:"tw-relative tw-flex tw-flex-col tw-items-center tw-gap-6",children:[(0,i.FD)("div",{className:"tw-relative tw-w-16 tw-h-16",children:[(0,i.Y)(A.P.div,{animate:{rotate:360},transition:{duration:3,repeat:1/0,ease:"linear"},className:"tw-absolute tw-inset-0 tw-rounded-full tw-border-2 tw-border-transparent tw-border-t-accent-primary/60 tw-border-r-accent-primary/20"}),(0,i.Y)(A.P.div,{animate:{rotate:-360},transition:{duration:2,repeat:1/0,ease:"linear"},className:"tw-absolute tw-inset-2 tw-rounded-full tw-border-2 tw-border-transparent tw-border-t-white/30 tw-border-l-white/10"}),(0,i.Y)(A.P.div,{animate:{scale:[.8,1,.8],opacity:[.4,.8,.4]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"},className:"tw-absolute tw-inset-4 tw-rounded-full tw-bg-gradient-to-br tw-from-accent-primary/40 tw-to-accent-primary/10"})]}),(0,i.FD)("div",{className:"tw-text-center",children:[(0,i.FD)("p",{className:"tw-text-base tw-font-medium tw-text-white/90 tw-tracking-wide",children:[t,(0,i.Y)("span",{className:"tw-inline-block tw-w-6 tw-text-left tw-text-accent-primary",children:r})]}),(0,i.Y)(A.P.p,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.5},className:"tw-mt-2 tw-text-xs tw-text-white/40",children:"Widgets will refresh momentarily"})]}),(0,i.Y)(A.P.div,{initial:{scaleX:0},animate:{scaleX:1},transition:{duration:.6,delay:.3,ease:[.4,0,.2,1]},className:"tw-w-32 tw-h-px tw-bg-gradient-to-r tw-from-transparent tw-via-accent-primary/40 tw-to-transparent"})]}),(0,i.Y)("div",{className:"tw-absolute tw-top-8 tw-left-8 tw-w-12 tw-h-12 tw-border-l-2 tw-border-t-2 tw-border-accent-primary/20 tw-rounded-tl-xl"}),(0,i.Y)("div",{className:"tw-absolute tw-bottom-8 tw-right-8 tw-w-12 tw-h-12 tw-border-r-2 tw-border-b-2 tw-border-accent-primary/20 tw-rounded-br-xl"})]})})}var E=r(95463);r(17847),r(80083);let W=[0,0],j=[16,16];function H({refreshKey:e}){let t=(0,s.useRef)(null),[r,a]=(0,s.useState)(1200),w=(0,o.f)(e=>e.widgets),c=(0,o.f)(e=>e.period),h=(0,o.f)(e=>e.filters),m=(0,o.f)(e=>e.isFetching),u=(0,o.f)(e=>e.updateLayout),b=(0,o.f)(e=>e.setShowAddWidgetModal),g=(0,o.f)(e=>e.setEditingWidgetId),p=(0,o.f)(e=>e.removeWidget);(0,s.useEffect)(()=>{function e(){t.current&&a(t.current.offsetWidth)}return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let f=(0,s.useMemo)(()=>w.map(e=>({i:e.id,x:e.grid.x,y:e.grid.y,w:e.grid.w,h:e.grid.h,minW:e.grid.minW||2,minH:e.grid.minH||2})),[w]),y=(0,s.useCallback)(e=>{u(e.map(e=>({i:e.i,x:e.x,y:e.y,w:e.w,h:e.h})))},[u]),x=(0,s.useCallback)(e=>{g(e)},[g]),v=(0,s.useCallback)(e=>{p(e)},[p]);return 0===w.length?(0,i.Y)("div",{className:"tw-mt-8",children:(0,i.Y)(E.pp,{icon:(0,i.Y)(d.A,{size:32,className:"tw-text-white/40"}),title:"No widgets yet",description:"Add your first widget to start building your dashboard.",children:(0,i.Y)(E.rA,{onClick:()=>b(!0),icon:(0,i.Y)(d.A,{size:16}),children:"Add Widget"})})}):(0,i.FD)("div",{ref:t,className:"jsx-12e528c7e958c1b0 tw-relative tw-min-h-[400px] tw-rounded-2xl tw-overflow-hidden",children:[(0,i.Y)(l.JT,{className:"layout",layout:f,cols:12,rowHeight:80,width:r,margin:j,containerPadding:W,onLayoutChange:y,draggableHandle:".widget-drag-handle",resizeHandles:["se","e","s"],compactType:"vertical",preventCollision:!1,isResizable:!0,isDraggable:!0,children:w.map(t=>(0,i.Y)("div",{className:"jsx-12e528c7e958c1b0 tw-relative",children:(0,i.Y)(P,{widget:t,period:c,refreshKey:e,filters:h,onEdit:()=>x(t.id),onRemove:()=>v(t.id)})},t.id))}),(0,i.Y)(C,{isVisible:m}),(0,i.Y)(n(),{id:"12e528c7e958c1b0",children:'.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3)}.react-grid-item:hover>.react-resizable-handle::after{border-color:rgba(161,252,221,.5)}.react-resizable-handle-se{right:0;bottom:0;cursor:se-resize}.react-resizable-handle-e{right:0;top:50%;transform:translatey(-50%);cursor:e-resize}.react-resizable-handle-s{bottom:0;left:50%;transform:translatex(-50%);cursor:s-resize}.react-grid-placeholder{background:rgba(161,252,221,.1);border:2px dashed rgba(161,252,221,.3);border-radius:16px;transition-duration:100ms;z-index:2}'})]})}}}]);