https://app.clickguard.com/static/js/866.54b66e8f.chunk.js

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e43f41e4-a5b6-5aa9-ade9-8cf250864752")}catch(e){}}();
3(self.webpackChunkclickguard_platform=self.webpackChunkclickguard_platform||[]).push([[866],{77026:function(e,t,s){s.d(t,{o:function(){return d}});var a=s(74165),n=s(15861),r=s(48932),l=s(86740),o=s(8078),c=s(25850),i=s(90484),u=s(32007),d=function(){var e=(0,u.E)(),t=(0,r.c)((0,o.N)((function(e){return{setAccount:e.setAccount,setWantsToSeeDemoData:e.setWantsToSeeDemoData,getSubscriptionByAccountId:e.getSubscriptionByAccountId}}))),s=t.setAccount,d=t.setWantsToSeeDemoData,x=t.getSubscriptionByAccountId,p=(0,l.a)((0,o.N)((function(e){return{accountsWithAssets:e.accountsWithAssets,setAsset:e.setAsset,setAssetForId:e.setAssetForId,setDemoMode:e.setDemoMode}}))),v=p.accountsWithAssets,f=p.setAsset,h=p.setAssetForId,m=p.setDemoMode;return function(){var t=(0,n.Z)((0,a.Z)().mark((function t(n,r,l){var o,u,p,g,b,w,j,N,_,C,k,y,A,I;return(0,a.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(b=window.location.pathname.split("/"),w=b[5],j=b.includes("settings"),N=b.includes("workspace"),_=b.includes("asset"),C=b.includes("settings")&&b[b.length-1],s(n),(null===n||void 0===n||null===(o=n.billing)||void 0===o?void 0:o.subscription)&&x(n.id),k=v.find((function(e){return e.id===(null===n||void 0===n?void 0:n.id)})),y=n.id,A=null!==k&&void 0!==k&&null!==(u=k.assets)&&void 0!==u&&u.length?null===k||void 0===k||null===(p=k.assets[0])||void 0===p?void 0:p.id:"website-demo",I=null!==l&&void 0!==l?l:A,(0,c.ur)([{key:"selected_asset",value:I},{key:"selected_account",value:y}]),(0,i.tG)(),d(!1),e(j?"website-demo"===I&&_?"/settings/workspace/".concat(y,"/preferences"):"/settings".concat(N||_?"":"/user").concat(N?"/workspace/".concat(y):"").concat(_?"/asset/".concat(I):"","/").concat(C):"/workspace/".concat(y,"/asset/").concat(I,"/").concat(w||"")),null===r||void 0===r||r(),!l||"website-demo"===l){t.next=23;break}return m(!1),t.next=21,h(y,l);case 21:t.next=29;break;case 23:if(!k||"website-demo"!==I){t.next=28;break}return t.next=26,h(null===k||void 0===k?void 0:k.id,"website-demo");case 26:t.next=29;break;case 28:null!==k&&void 0!==k&&null!==(g=k.assets)&&void 0!==g&&g.length&&(m(!1),f(null===k||void 0===k?void 0:k.assets[

30]));case 29:case"end":return t.stop()}}),t)})));return function(e,s,a){return t.apply(this,arguments)}}()}},18089:function(e,t,s){s.d(t,{v:function(){return r}});var a=s(61668),n=s(80184),r=function(e){var t=e.label,s=void 0===t?"View":t,r=e.leftIcon,l=e.showChevron,o=void 0===l||l,c=e.onClick;return(0,n.jsxs)("button",{type:"button",onClick:c,className:"inline-flex min-h-[32px] items-center justify-center gap-1.5 rounded-lg border border-t-card-border bg-white px-3 py-2 text-[14px] font-medium leading-[18px] text-t-base-blue hover:bg-[var(--lavender-fill-soft,#f7f6ff)]",children:[r,s,o&&(0,n.jsx)(a.Z,{className:"h-4 w-4"})]})}},22866:function(e,t,s){s.r(t),s.d(t,{WorkspacesTab:function(){return M}});var a=s(29439),n=s(72791),r=s(91933),l=s(43504),o=s(80772),c=s(87462),i=s(80184),u=function(e){return(0,i.jsx)("svg",(0,c.Z)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e,{children:(0,i.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 21V7c0-.93 0-1.395.1022-1.7765a3 3 0 0 1 2.1213-2.1213C10.605 3 11.07 3 12 3s1.395 0 1.7765.1022a3 3 0 0 1 2.1213 2.1213C16 5.605 16 6.07 16 7v14M5.2 21h13.6c1.1201 0 1.6802 0 2.108-.218a2 2 0 0 0 .874-.874C22 19.4802 22 18.9201 22 17.8v-7.6c0-1.1201 0-1.6802-.218-2.108a2 2 0 0 0-.874-.874C20.4802 7 19.9201 7 18.8 7H5.2c-1.1201 0-1.6802 0-2.108.218a2 2 0 0 0-.874.874C2 8.5198 2 9.08 2 10.2v7.6c0 1.1201 0 1.6802.218 2.108.1917.3763.4977.6823.874.874C3.5198 21 4.08 21 5.2 21"})}))},d=function(e){return(0,i.jsx)("svg",(0,c.Z)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e,{children:(0,i.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M22 11.0857v.92a10 10 0 0 1-1.9907 5.9818 9.999 9.999 0 0 1-11.4748 3.3928A10 10 0 1 1 16.07 2.8657M22 4 12 14.01l-3-3"})}))},x=s(33518),p=s(95525),v=function(e){return(0,i.jsx)("svg",(0,c.Z)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e,{children:(0,i.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 9.5V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21h1.7m7.8862-3.2887-1.6983 3.154c-.2776.5155-.4164.7733-.5856.8406a.5.5 0 0 1-.4472-.0391c-.155-.0956-.247-.3735-.431-.9293l-2.7237-8.2262c-.1612-.4868-.2418-.7301-.1838-.8922a.5.5 0 0 1 .3025-.3025c.1621-.058.4054.0226.8922.1838l8.2261 2.7237c.5559.1841.8338.2761.9294.431a.5.5 0 0 1 .039.4473c-.0672.1691-.325.3079-.8406.5855l-3.1539 1.6983c-.0785.0423-.1178.0635-.1522.0906a.5.5 0 0 0-.0823.0823c-.0271.0344-.0483.0737-.0906.1522"})}))},f=s(94438),h=s(36357),m=s(7888),g=s(48932),b=s(77026),w=s(34891),j=s(94197),N=s(25850),_=s(63361),C=s(18089),k=s(93433),y=s(41971),A=s(63876),I=s(70711),S=s(61668),E=[{value:"ACTIVE",label:"Active"},{value:"TRIAL",label:"Trial"},{value:"INACTIVE",label:"Inactive"},{value:"PAYMENT_ISSUE",label:"Payment issue"},{value:"USAGE_EXCEEDED",label:"Usage exceeded"}],T=[{value:"lite",label:"Lite"},{value:"standard",label:"Standard"},{value:"pro",label:"Pro"},{value:"custom",label:"Custom"}],Z=function(e){var t=e.n;return t>0?(0,i.jsx)("span",{className:"inline-flex items-center justify-center min-w-[20px] h-5 px-1 rounded-md bg-[#554bfd] text-[12px] font-medium text-white",children:t}):null},L=function(e){var t=e.label,s=e.checked,a=e.onToggle;return(0,i.jsx)("button",{type:"button",onClick:a,className:"flex w-full items-center gap-2 px-3 py-2 rounded-md text-left hover:bg-popover-hover focus:outline-none",children:(0,i.jsx)(o.P,{size:"sm",checked:s,readOnly:!0,tabIndex:-1,className:"pointer-events-none",label:t})})},D=function(e){var t=e.statuses,s=e.plans,a=e.onChange,n=t.length+s.length,r=function(e,t,s,n){return(0,i.jsxs)(y.Tr,{children:[(0,i.jsxs)(y.fF,{className:"flex items-center justify-between px-3 py-2 rounded-md cursor-pointer hover:bg-popover-hover data-[state=open]:bg-popover-hover focus:outline-none text-[14px] text-[color:var(--text-primary)]",children:[e,(0,i.jsxs)("div",{className:"flex items-center gap-2 pl-3",children:[(0,i.jsx)(Z,{n:s.length}),(0,i.jsx)(S.Z,{className:"h-4 w-4 text-[#80808a]"})]})]}),(0,i.jsx)(y.Uv,{children:(0,i.jsx)(y.tu,{sideOffset:4,className:"flex flex-col bg-popover rounded-2xl shadow-dropShadow p-1.5 w-[200px] max-h-[450px] overflow-y-auto focus:outline-none z-50",children:t.map((function(e){return(0,i.jsx)(L,{label:e.label,checked:s.includes(e.value),onToggle:function(){return a(n((t=s,r=e.value,t.includes(r)?t.filter((function(e){return e!==r})):[].concat((0,k.Z)(t),[r]))));var t,r}},e.value)}))})})]})};return(0,i.jsxs)(y.fC,{modal:!1,children:[(0,i.jsx)(y.xz,{asChild:!0,children:(0,i.jsx)(o.g,{variant:"secondary",roundness:"default",size:"sm",leftIcon:(0,i.jsx)(A.Z,{className:"h-4 w-4"}),rightIcon:(0,i.jsx)(I.Z,{className:"h-4 w-4"}),label:n>0?"Filters (".concat(n,")"):"Filters"})}

3),(0,i.jsx)(y.Uv,{children:(0,i.jsxs)(y.VY,{sideOffset:5,align:"end",className:"flex flex-col bg-popover rounded-2xl shadow-dropShadow p-1.5 w-[220px] focus:outline-none z-50",children:[r("Status",E,t,(function(e){return{statuses:e,plans:s}})),r("Plan",T,s,(function(e){return{statuses:t,plans:e}})),(0,i.jsx)("div",{className:"my-1.5 h-px bg-t-traffic"}),(0,i.jsx)("button",{type:"button",className:"px-3 py-2 text-left text-[14px] text-[color:var(--text-primary)] hover:bg-popover-hover rounded-md disabled:opacity-40",disabled:0===n,onClick:function(){return a({statuses:[],plans:[]})},children:"Clear filters"})]})})]})},W=function(e){return e?e.split(",").filter(Boolean):[]},V={active:"wk_active",usage_exceeding:"wk_usage",pending_issues:"wk_pending_issues"},z={ACTIVE:{label:"Active",color:"success"},TRIAL:{label:"Trial",color:"brand"},USAGE_EXCEEDED:{label:"Usage exceeded",color:"warning"},PAYMENT_ISSUE:{label:"Payment issue",color:"warning"},INACTIVE:{label:"Inactive",color:"error"}},M=function(){var e,t,s,c,k,y,A,I=(0,g.c)((function(e){return e.accounts})),S=(0,b.o)(),E=(0,w.I)(),T=(0,l.lr)(),Z=(0,a.Z)(T,2),L=Z[0],M=Z[1],U=null!==(e=L.get("search"))&&void 0!==e?e:"",P=null!==(t=L.get("card"))&&void 0!==t?t:"all",R=W(L.get("statuses")),B=W(L.get("plans")),F=(0,n.useState)(0),O=(0,a.Z)(F,2),H=O[0],G=O[1],Y=(0,n.useState)(10),X=(0,a.Z)(Y,2),J=X[0],K=X[1],Q=function(e){var t=new URLSearchParams(L);Object.entries(e).forEach((function(e){var s=(0,a.Z)(e,2),n=s[0],r=s[1];return r?t.set(n,r):t.delete(n)})),M(t,{replace:!0})},$=(0,n.useState)(U),q=(0,a.Z)($,2),ee=q[0],te=q[1];(0,n.useEffect)((function(){var e=setTimeout((function(){ee!==U&&(Q({search:ee||null}),G(0))}),400);return function(){return clearTimeout(e)}}),[ee]);var se=(0,r.useQuery)(["account-overview-workspaces",U,P,R,B,H,J],(function(){return _.r.getWorkspaces({search:U,card:P,statuses:R,plans:B,skip:H,limit:J})}),{keepPreviousData:!0}),ae=se.data,ne=se.isFetching,re=se.refetch,le=null!==(s=null===ae||void 0===ae?void 0:ae.rows)&&void 0!==s?s:[],oe=null===ae||void 0===ae?void 0:ae.card_counts,ce=(0,n.useMemo)((function(){return[{label:"Workspace",path:"name",className:"justify-start",parentClassName:"bg-table-band",render:function(e){var t;return(0,i.jsx)(o.bp,{avatar:(0,i.jsx)(o.l,{size:"sm",tone:e.avatar?"gray":"purple",className:e.avatar?"cg-bg-white":void 0,style:e.avatar?{boxShadow:"none"}:void 0,name:e.name,src:null!==(t=e.avatar)&&void 0!==t?t:void 0}),children:(0,i.jsx)(o.bz,{primary:e.name})})}},{label:"Status",path:"status",className:"justify-start",parentClassName:"bg-table-band",render:function(e){return(0,i.jsx)(o.ai,{size:"sm",color:z[e.status].color,children:z[e.status].label})}},{label:"Plan",path:"plan_name",className:"justify-start",parentClassName:"bg-table-band",render:function(e){return(0,i.jsx)("span",{className:"text-[14px] text-[color:var(--text-primary)]",children:e.plan_name})}},{label:"Usage",path:"usage",className:"justify-start",parentClassName:"bg-table-band",render:function(e){var t=function(t){return e.usage_is_clicks?t.toLocaleString():(0,N.WZ)(t,!0)||"$0"};return(0,i.jsxs)("div",{className:"flex min-w-[180px] flex-col gap-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(o.aT,{value:e.usage_percentage,size:"sm",variant:e.usage_percentage>=100?"danger":"brand",className:"flex-1"}),(0,i.jsxs)("span",{className:"text-[14px] text-[color:var(--text-primary)]",children:[e.usage_percentage,"%"]})]}),(0,i.jsxs)("span",{className:"text-[12px] text-[#80808a]",children:[t(e.usage_used)," / ",t(e.usage_cap)]})]})}},{label:"Resets",path:"reset",className:"justify-start",parentClassName:"bg-table-band",render:function(e){return(0,i.jsx)("span",{className:"text-[14px] text-[color:var(--text-primary)]",children:(t=e.reset_date,t?new Date(t).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}):"\u2013")});var t}},{label:"Members",path:"members",className:"justify-start",parentClassName:"bg-table-band",render:function(e){return(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsxs)("span",{className:"text-[14px] text-[color:var(--text-secondary)]",children:[e.member_count," ",1===e.member_count?"user":"users"]}),(0,i.jsx)(o.m,{avatars:e.members.map((function(e){var t,s;return{name:null!==(t=e.name)&&void 0!==t?t:void 0,src:null!==(s=e.avatar)&&void 0!==s?s:void 0}})),max:3,size:"xs"})]})}},{label:"",freezeRight:!0,parentClassName:"bg-table-band",render:function(e){return(0,i.jsx)(C.v,{label:"Select",leftIcon:(0,i.jsx)(v,{className:"h-4 w-4"}),showChevron:!1,onClick:function(){return function(e){var t=I.find((function(t){return t.id===e}));t&&S(t)}(e.id)}})}}]}),[I]),ie=function(e){Q({card:"all"===e?null:e}),G(0);var t=V[e];t&&E(j.H.ACCOUNT_OVERVIEW_CLICK_CARD_FILTER,j.f.ACCOUNT_OVERVIEW,{filter:t})};return(0,i.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,i.jsxs)("div",{className:"flex flex-wrap gap-px overflow-hidden rounded-xl border border-t-traffic bg-t-traffic shadow-[0px_4px_16px_

3-2px_rgba(16,24,40,0.03),0px_1px_4px_-2px_rgba(16,24,40,0.02)]",children:[(0,i.jsx)(o.w,{className:"grow basis-[calc(50%_-_1px)] xl:basis-0",icon:(0,i.jsx)(u,{className:"h-3 w-3 text-[#80808a]"}),label:"All workspaces",value:null!==(c=null===oe||void 0===oe?void 0:oe.all)&&void 0!==c?c:0,selected:"all"===P,onClick:function(){return ie("all")}}),(0,i.jsx)(o.w,{className:"grow basis-[calc(50%_-_1px)] xl:basis-0",icon:(0,i.jsx)(d,{className:"h-3 w-3 text-[#80808a]"}),label:"Active workspaces",value:null!==(k=null===oe||void 0===oe?void 0:oe.active)&&void 0!==k?k:0,selected:"active"===P,onClick:function(){return ie("active")}}),(0,i.jsx)(o.w,{className:"grow basis-[calc(50%_-_1px)] xl:basis-0",icon:(0,i.jsx)(x.Z,{className:"h-3 w-3 text-[#80808a]"}),label:"Usage exceeding",value:null!==(y=null===oe||void 0===oe?void 0:oe.usage_exceeding)&&void 0!==y?y:0,selected:"usage_exceeding"===P,onClick:function(){return ie("usage_exceeding")}}),(0,i.jsx)(o.w,{className:"grow basis-[calc(50%_-_1px)] xl:basis-0",icon:(0,i.jsx)(p.Z,{className:"h-3 w-3 text-[#80808a]"}),label:"Pending issues",value:null!==(A=null===oe||void 0===oe?void 0:oe.pending_issues)&&void 0!==A?A:0,selected:"pending_issues"===P,onClick:function(){return ie("pending_issues")}})]}),(0,i.jsxs)("div",{className:"flex flex-col gap-3 overflow-hidden rounded-xl border border-t-traffic bg-white p-3 shadow-[0px_4px_16px_-2px_rgba(16,24,40,0.03),0px_1px_4px_-2px_rgba(16,24,40,0.02)]",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-3",children:[(0,i.jsxs)("div",{className:"relative w-[240px]",children:[(0,i.jsx)(f.Z,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#80808a]"}),(0,i.jsx)("input",{className:"h-8 w-full rounded-lg border border-t-checkbox bg-transparent pl-9 pr-3 text-[14px] placeholder:text-[#9f9ea3] focus:outline-none",placeholder:"Search for workspaces...",value:ee,onChange:function(e){return te(e.target.value)}})]}),(0,i.jsx)(D,{statuses:R,plans:B,onChange:function(e){Q({statuses:e.statuses.join(",")||null,plans:e.plans.join(",")||null}),G(0)}})]}),(0,i.jsx)(o.g,{variant:"secondary",size:"sm",label:"Refresh",leftIcon:(0,i.jsx)(h.Z,{className:"h-4 w-4"}),onClick:function(){return re()}})]}),(0,i.jsx)("div",{className:"overflow-hidden rounded-t-lg",children:(0,i.jsx)(m.J,{variant:"ds",containerClassName:"rounded-none bg-transparent",columns:ce,data:le,getRowId:function(e){return e.id},totalCount:null===ae||void 0===ae?void 0:ae.total,pageSize:J,changePageSize:K,pageListener:function(e){return G(e)},isLoading:ne,showPagination:!0})})]})]})}},95525:function(e,t,s){var a=s(87462),n=(s(72791),s(80184));t.Z=function(e){return(0,n.jsx)("svg",(0,a.Z)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e,{children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 10.5V7m0 7h.01M7 18v2.3355c0 .5329 0 .7993.1092.9361a.5.5 0 0 0 .3913.1881c.1751-.0002.3832-.1666.7993-.4995l2.3854-1.9084c.4873-.3898.731-.5847 1.0023-.7233a3 3 0 0 1 .7617-.2672C12.7477 18 13.0597 18 13.6837 18H16.2c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.7202 21 14.8802 21 13.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8V14c0 .93 0 1.395.1022 1.7765a3 3 0 0 0 2.1213 2.1213C5.605 18 6.07 18 7 18"})}))}}}]);
4//# sourceMappingURL=866.54b66e8f.chunk.js.map
5//# debugId=e43f41e4-a5b6-5aa9-ade9-8cf250864752