https://id.wisepops.com/assets/index-BUck8C1N.js

1import{e as $,g as S,f as D,a as f,r as d,j as s,T as z,bw as B,bx as E,bt as R,h as N,bs as H,B as I,q as x,P as O,c7 as F,b as Q,ag as P,dV as U,dW as o,dX as K,c as W,dY as j,s as A,a8 as V,ap as g,dZ as M}from"./index-Bk9gjvYU.js";import{u as X,W as Y}from"./WorkspaceDataContext-CEJni88Z.js";import{u as L}from"./useSearchParamAsEnum-HAiv2Sj8.js";import{u as G,a as J}from"./useTableManagement-CUBc54yh.js";import{u as ee}from"./useUnarchiveAudienceMutation-CnRck-6N.js";import{D as m}from"./DataTable-CJdSrEAa.js";import{S as se}from"./SearchInput-yD90E6OE.js";import{F as ae}from"./Filter-CtZyM9Rx.js";import"./NotFound-DquEvZuQ.js";import"./index-CLjZYYJj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="4f769ede-f4a1-4ff5-af4c-34addecc125b",e._sentryDebugIdIdentifier="sentry-dbid-4f769ede-f4a1-4ff5-af4c-34addecc125b")}catch{}})();const te=e=>$({...e,mutationFn:async a=>{const{archiveAudience:t}=await S.request({document:D(`
2                    mutation ArchiveAudience($websiteId: Int!, $id: Int!) {
3                        archiveAudience(websiteId: $websiteId, id: $id) {
4                            id
5                            archived
6                        }
7                    }
8                `),variables:a});return t}}),ie=e=>$({...e,mutationFn:async a=>{const{cloneAudience:t}=await S.request({document:D(`
9                    mutation CloneAudience(
10                        $websiteId: Int!
11                        $id: Int!
12                        $newName: String
13                    ) {
14                        cloneAudience(
15                            websiteId: $websiteId
16                            id: $id
17                            newName: $newName
18                        ) {
19                            id
20                            name
21                        }
22                    }
23                `),variables:a});return t}}),ne=e=>$({...e,mutationFn:async a=>{const{deleteAudience:t}=await S.request({document:D(`
24                    mutation DeleteAudience($websiteId: Int!, $id: Int!) {
25                        deleteAudience(websiteId: $websiteId, id: $id)
26                    }
27                `),variables:a});return t}}),de="data:image/svg+xml,%3csvg%20fill='currentColor'%20height='24'%20width='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12%207a4%204%200%201%200-8%200%204%204%200%200%200%208%200ZM6%207a2%202%200%201%201%204%200%202%202%200%200%201-4%200Zm4%206a4%204%200%200%201%204%204v4H2v-4a4%204%200%200%201%204-4h4Zm-4%202a2%202%200%200%200-1.995%201.85L4%2017v2h8v-2a2%202%200%200%200-1.85-1.995L10%2015H6Zm12-2a4%204%200%200%201%204%204v2h-7v-2a4.981%204.981%200%200%200-1.25-3.307A3.979%203.979%200%200%201%2016%2013h2Zm0%202h-1.292l.063.218c.125.479.2.974.223%201.478l.005.304H20a2%202%200%200%200-1.85-1.995L18%2015ZM17%205a3%203%200%201%201%200%206%203%203%200%200%201%200-6Zm0%202a1%201%200%201%200%200%202%201%201%200%200%200%200-2Z'%20fill-rule='evenodd'%20/%3e%3c/svg%3e",q=({audienceName:e,isDeleting:a,isOpen:t,onCancel:n,onConfirm:l})=>{const c=f(),u=d.useRef(null);return s.jsx(z,{appear:!0,in:t,mountOnEnter:!0,nodeRef:u,timeout:500,unmountOnExit:!0,children:r=>s.jsxs(B,{onClose:n,parent:"app",ref:u,transitionStatus:r,width:420,children:[s.jsx(E,{children:c.formatMessage({id:"audiences.delete.modal.title",defaultMessage:"Delete audience?",description:"Title of the confirmation modal before permanently deleting an archived audience"})}),s.jsx(R,{children:s.jsx(N.Body,{children:c.formatMessage({id:"audiences.delete.modal.description",defaultMessage:"“{name}” will be permanently deleted. This can't be undone.",description:"Body of the audience delete confirmation modal — warns the deletion is permanent"},{name:e})})}),s.jsxs(H,{children:[s.jsx(I,{kind:"tertiary",onClick:n,size:"medium",children:c.formatMessage({id:"audiences.delete.modal.cancel",defaultMessage:"Cancel",description:"Cancel button on the audience delete confirmation modal"})}),s.jsx(I,{kind:"destructive",loading:a,onClick:l,size:"medium",children:c.formatMessage({id:"audiences.delete.modal.confirm",defaultMessage:"Delete",description:"Confirm button on the audience delete confirmation modal"})})]})]})})};q.displayName="DeleteAudienceModal";const ce=x(m)`
28    min-width: 800px;
29
30    th:first-of-type,
31    td:first-of-type {
32        max-width: 320px;
33        overflow: hidden;
34        padding: 12px 16px;
35        text-overflow: ellipsis;
36        white-space: nowrap;
37    }
38
39    /* action */
40    td:last-of-type {
41        > div {
42            justify-content: flex-end;
43            padding-right: 0;
44        }
45    }
46`,le=x(O)`
47    display: flex;
48    flex-direction: column;
49    gap: 24px;
50    padding: 24px;
51`,ue=x.header`

52    align-items: center;
53    display: flex;
54    justify-content: space-between;
55`,re=x(N.H2)`
56    font-weight: 500;
57`,oe=({status:e})=>{const a=f();return e===j.Published?s.jsx(A,{color:"green",kind:"light",shape:"round",size:"small",children:a.formatMessage({id:"audiences.table.status.published",description:"Audiences page - status published",defaultMessage:"Published"})}):e===j.UnpublishedChanges?s.jsx(A,{color:"yellow",kind:"light",shape:"round",size:"small",children:a.formatMessage({id:"audiences.table.status.unpublished_changes",description:"Audiences page - status unpublished changes",defaultMessage:"Unpublished changes"})}):e===j.Archived?s.jsx(A,{color:"neutral",kind:"solid",shape:"round",size:"small",children:a.formatMessage({id:"audiences.table.status.archived",description:"Audiences page - status archived",defaultMessage:"Archived"})}):s.jsx(A,{color:"neutral",kind:"light",shape:"round",size:"small",children:a.formatMessage({id:"audiences.table.status.draft",description:"Audiences page - status draft",defaultMessage:"Draft"})})},me=({row:e})=>{const a=f(),t=F(),n=V(),{workspace:l,website:c}=P({from:"/_nav/workspaces/$workspace/websites/$website/audiences

57/"}),[u,r]=d.useState(!1),{mutate:v}=te({onSuccess:()=>{n.invalidateQueries({queryKey:M.all})}}),{mutate:h}=ee({onSuccess:()=>{n.invalidateQueries({queryKey:M.all})}}),{mutate:p}=ie({onSuccess:({id:Z})=>{n.invalidateQueries({queryKey:M.all}),t({to:"/workspaces/$workspace/websites/$website/audiences/$audience",params:{workspace:l,website:c,audience:String(Z)}})}}),b=d.useCallback(()=>{v({websiteId:e.websiteId,id:e.id})},[v,e.websiteId,e.id]),C=d.useCallback(()=>{h({websiteId:e.websiteId,id:e.id})},[h,e.websiteId,e.id]),k=d.useCallback(()=>{p({websiteId:e.websiteId,id:e.id})},[p,e.websiteId,e.id]),{mutate:w,isPending:y}=ne({onSuccess:()=>{n.invalidateQueries({queryKey:M.all}),r(!1)}}),i=d.useCallback(()=>{r(!0)},[]),T=d.useCallback(()=>{r(!1)},[]),_=d.useCallback(()=>{w({websiteId:e.websiteId,id:e.id})},[w,e.websiteId,e.id]);return s.jsxs(s.Fragment,{children:[s.jsxs(m.ActionsMenu,{children:[s.jsx(g,{label:a.formatMessage({id:"audiences.table.action.open",description:"Open action in audiences table",defaultMessage:"Open"}),params:{workspace:l,website:c,audience:String(e.id)}

57,to:"/workspaces/$workspace/websites/$website/audiences/$audience"}),s.jsx(g,{label:a.formatMessage({id:"audiences.table.action.clone",description:"Clone action in audiences table",defaultMessage:"Clone"}),onClick:k}),e.archived?s.jsxs(s.Fragment,{children:[s.jsx(g,{label:a.formatMessage({id:"audiences.table.action.unarchive",description:"Unarchive action in audiences table",defaultMessage:"Unarchive"}),onClick:C}),s.jsx(g,{label:a.formatMessage({id:"audiences.table.action.delete",description:"Delete action in audiences table",defaultMessage:"Delete"}),onClick:i})]}):s.jsx(g,{label:a.formatMessage({id:"audiences.table.action.archive",description:"Archive action in audiences table",defaultMessage:"Archive"}),onClick:b})]}),s.jsx(q,{audienceName:e.name,isDeleting:y,isOpen:u,onCancel:T,onConfirm:_})]})},he=({row:e})=>{const a=f(),{workspace:t,website:n}=P({from:"/_nav/workspaces/$workspace/websites/$website/audiences/"}),l=e.publishedAt?new Date(e.publishedAt).toLocaleDateString():a.formatMessage({id:"audiences.table.last_published.never",description:"Audiences page - last published never",defaultMessage:"Never"});return s.jsxs(s.Fragment,{children:[s.jsx(m.Cell.Label,{wrap:!0,children:s.jsx(W,{kind:"default",params:{workspace:t,website:n,audience:String(e.id)}

57,to:"/workspaces/$workspace/websites/$website/audiences/$audience",children:e.name})}),s.jsx(m.Cell.Label,{children:s.jsx(oe,{status:e.status})}),s.jsx(m.Cell.Label,{children:l}),s.jsx(m.Cell.Buttons,{children:s.jsx(me,{row:e})})]})},pe=({onStatusFilterChange:e})=>{const a=f(),t=L("status",o)??o.All,n=d.useCallback(r=>{e(r.value)},[e]),{handleSearchChange:l,handleSearchClear:c,value:u}=J();return s.jsx(m.Toolbar,{buttons:s.jsx(se,{name:"search",onChange:l,onClear:c,placeholder:a.formatMessage({id:"audiences.table.search.placeholder",description:"Placeholder for Audiences table search input",defaultMessage:"Search by Name"}),size:"small",value:u}),filters:s.jsx(ae,{label:a.formatMessage({id:"audiences.table.filter.status",description:"Audiences table - status filter label",defaultMessage:"Status"}),onChange:n,options:[{value:o.All,label:a.formatMessage({id:"audiences.table.filter.status.all",description:"Audiences table - status filter all",defaultMessage:"All"})},{value:o.Active,label:a.formatMessage({id:"audiences.table.filter.status.active",description:"Audiences table - status filter active",defaultMessage:"Active"})},{value:o.Archived,label:a.formatMessage({id:"audiences.table.filter.status.archived",description:"Audiences table - status filter archived",defaultMessage:"Archived"})}],value:t})})},fe=()=>{const e=f(),a=F(),{handleFilter:t}=G(),n=Q({strict:!1}),{workspace:l,website:c}=P({from:"/_nav/workspaces/$workspace/websites/$website/audiences

57/"}),{website:{id:u}}=X(),{data:r,isFetching:v}=U(u,{includeArchived:!0}),h=d.useMemo(()=>r??[],[r]),p=L("status",o)??o.All,b=typeof n.search=="string"?n.search:"",C=d.useMemo(()=>h.filter(i=>p===o.Active?!i.archived:p===o.Archived?i.archived:!0).filter(i=>b?i.name.toLowerCase().includes(b.toLowerCase()):!0).map(i=>({id:i.id,name:i.name,status:K({...i,publishedAt:i.publishedAt??null}),publishedAt:i.publishedAt??null,archived:i.archived,websiteId:u})),[h,p,b,u]),k=d.useMemo(()=>({name:{name:e.formatMessage({id:"audiences.table.column.name",description:"Audiences page - name column",defaultMessage:"Name"})},status:{name:e.formatMessage({id:"audiences.table.column.status",description:"Audiences page - status column",defaultMessage:"Status"})},lastPublished:{name:e.formatMessage({id:"audiences.table.column.last_published",description:"Audiences page - last published column",defaultMessage:"Last published"})},action:{name:""}}),[e]),w=d.useCallback(i=>{t("status",i)},[t]),y=d.useCallback(()=>{a({to:"/workspaces/$workspace/websites/$website/audiences

57/new",params:{workspace:l,website:c}})},[a,l,c]);return s.jsxs(le,{title:e.formatMessage({description:"Audiences page website title",id:"page.title.audiences",defaultMessage:"Audiences - Wisepops"}),children:[s.jsxs(ue,{children:[s.jsx(re,{children:e.formatMessage({id:"audiences.header",description:"Audiences page header",defaultMessage:"Audiences"})}),s.jsx(I,{kind:"secondary",onClick:y,size:"small",children:e.formatMessage({id:"audiences.action.new",description:"New audience button in Audiences page",defaultMessage:"New audience"})})]}),s.jsx(ce,{columns:k,data:C,dataRowComponent:he,loading:v,noResults:s.jsx(m.NoResults,{image:de,text:h.length>0?e.formatMessage({id:"audiences.search.empty",description:"No results in audiences table after filtering",defaultMessage:"No audience matches your criteria."}):e.formatMessage({id:"audiences.empty",description:"No audiences yet",defaultMessage:"No audience created yet"})}),toolbar:s.jsx(pe,{onStatusFilterChange:w})})]})},je=()=>s.jsx(Y,{children:s.jsx(fe,{})});export{je as component};