ghost 6.63.0 → 6.65.0

package/core/built/admin/assets/members-CtMVO_AB.js

@@ -0,0 +1,4 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{_ as n}from"./framework-provider-DB-svAju.js";import{E as r,T as i,_ as a,g as o,m as s,o as c,p as l,u,y as d}from"./hooks-DYfTEQLk.js";import{t as f}from"./jsx-runtime-BlNNh7jY.js";import{n as p}from"./dist-DziNzWI2.js";import{n as m}from"./offers-ByWSK0rR.js";import{s as h}from"./config-BPljH6wF.js";import{_ as g,n as _,u as v}from"./chunk-KS7C4IRE-DhOcHQOU.js";import{a as y}from"./router-provider-DDZvgS3V.js";import{H as b,J as x,L as S,U as C,c as w}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{t as T}from"./box-LUuYRT-1.js";import{t as E}from"./container-CHHif8km.js";import{m as D}from"./users-C60_hpn6.js";import{_ as O,c as k,d as A,f as j,g as M,l as N,m as P,r as F,u as ee}from"./schemas-BoYdB6YU.js";import{r as te}from"./newsletters-Dz77m__5.js";import{B as I,C as L,D as ne,F as R,Fn as re,Gt as z,I as ie,Kt as ae,Nr as oe,O as B,Pn as se,Rn as ce,S as le,V,a as ue,er as de,et as H,ft as fe,g as U,l as pe,nr as me,nt as he,t as W,tr as ge,u as _e,ur as ve,v as ye,yn as be}from"./button-D414TI3B.js";import{n as xe}from"./input-surface-CL23Mlh8.js";import{i as Se,n as Ce,o as we,s as Te,t as Ee}from"./select-D_4xWFYv.js";import{a as De,i as Oe,l as ke,n as Ae,o as je,r as Me,s as Ne,t as Pe}from"./command-B5wfm6pd.js";import{t as Fe}from"./dropzone-B2auMkf2.js";import{t as Ie}from"./badge-CI1Z0xyG.js";import{t as Le}from"./checkbox-CFFqf0Nh.js";import{t as Re}from"./empty-indicator-CSQts7GV.js";import{a as ze,i as Be,o as Ve,t as He}from"./field-BXEh3ptU.js";import{i as Ue,n as We,t as Ge}from"./input-group-CvH-3d3F.js";import{a as G,c as K,n as Ke,r as q,s as qe,t as Je}from"./table-BDYbUHJz.js";import{An as Ye,Bn as Xe,Di as Ze,Dn as Qe,Ei as $e,En as et,Fn as tt,Fr as nt,Gn as rt,Hn as it,Jn as at,K as ot,Kn as J,Ln as st,Mn as ct,Mr as lt,Nn as ut,Nr as dt,Oi as ft,On as pt,Pn as mt,Pr as ht,Qn as gt,Si as _t,Sn as vt,Ti as yt,Vn as bt,Vr as xt,Wn as St,Zr as Ct,_i as wt,cr as Tt,er as Et,gi as Dt,jn as Ot,jr as kt,ki as At,kr as jt,l as Mt,m as Nt,nr as Pt,o as Ft,or as It,p as Lt,qn as Rt,s as zt,u as Bt,vi as Vt,wi as Ht,xn as Ut}from"./index-DOF2jDq0.js";import{t as Y}from"./page-header-CdCpekG9.js";import{a as Wt,i as Gt,n as Kt,r as qt,s as Jt}from"./filters-DTtZKQyq.js";import{n as Yt}from"./dirty-confirm-dialog-BT_Vq9TD.js";import{t as Xt}from"./get-site-timezone-HgL0jI_F.js";import{t as Zt}from"./list-page-CH_wnDC3.js";import{t as Qt}from"./validator-DlFQP70j.js";import{A as $t,C as en,D as tn,E as nn,M as rn,N as an,O as on,S as sn,T as cn,_ as ln,a as un,b as dn,c as fn,d as pn,f as mn,g as hn,h as gn,i as _n,j as vn,k as yn,l as bn,m as xn,n as Sn,o as Cn,p as wn,r as Tn,s as En,t as Dn,u as On,v as kn,w as An,x as jn}from"./filters-0SYNTqyQ.js";import{a as Mn,i as Nn,n as Pn,t as Fn}from"./filter-sources-DHK2IoCk.js";import{i as In,n as Ln,r as Rn,t as zn}from"./virtual-list-tAuPUICw.js";import{t as Bn}from"./use-availability-DnKqOyqd.js";import{_ as Vn,a as Hn,b as Un,g as Wn,i as Gn,o as Kn,r as qn,t as Jn,u as Yn,v as Xn}from"./member-custom-fields-CTFGnnYv.js";import{a as Zn,i as Qn,n as $n,r as er,t as tr}from"./label-picker-Bq1XXr1D.js";import{t as nr}from"./papaparse.min-BlhnCUXn.js";import{n as rr,t as ir}from"./custom-field-type-option-DrSlETOI.js";var X=e(t(),1),Z=f();function ar({open:e,memberCount:t,onOpenChange:n,onConfirm:r,isLoading:i=!1}){let[a,o]=(0,X.useState)([]),s=$n({selectedSlugs:a,onSelectionChange:o}),c=(0,X.useCallback)(e=>{e||o([]),n(e)},[n]);return(0,Z.jsx)(it,{open:e,onOpenChange:c,children:(0,Z.jsxs)(St,{className:`gap-5`,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,Z.jsx)(Rt,{children:(0,Z.jsxs)(at,{children:[`Add label to `,b(t),` `,t===1?`member`:`members`]})}),(0,Z.jsx)(er,{isCreating:s.isCreating,labels:s.labels,optionSource:s.optionSource,resolvedSelectedLabels:s.resolvedSelectedLabels,selectedSlugs:a,onCreate:s.createLabel,onDelete:s.deleteLabel,onEdit:s.editLabel,onToggle:s.toggleLabel}),(0,Z.jsxs)(J,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:()=>c(!1),children:`Cancel`}),(0,Z.jsx)(W,{disabled:a.length===0||i,onClick:()=>{let e=s.labels.filter(e=>a.includes(e.slug)).map(e=>e.id);e.length>0&&r(e)},children:i?`Adding...`:a.length>1?`Add ${b(a.length)} labels`:`Add label`})]})]})})}function or({open:e,memberCount:t,nql:n,search:r,onOpenChange:i,onConfirm:a,isLoading:o=!1}){let[s,c]=(0,X.useState)([]),{data:l,isLoading:u}=lt({searchParams:{...n?{filter:n}:{},...r?{search:r}:{},include:`labels`,limit:`all`,fields:`id`},enabled:e}),d=(0,X.useMemo)(()=>{let e=new Set;for(let t of l?.members||[])for(let n of t.labels||[])e.add(n.slug);return e},[l]),f=$n({selectedSlugs:s,onSelectionChange:c}),p={...f.optionSource,options:f.optionSource.options.filter(e=>d.has(String(e.value)))},m=(0,X.useCallback)(e=>{e||c([]),i(e)},[i]),h=()=>{let e=f.labels.filter(e=>s.includes(e.slug)).map(e=>e.id);e.length>0&&a(e)};return(0,Z.jsx)(it,{open:e,onOpenChange:m,children:(0,Z.jsxs)(St,{className:`gap-5`,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,Z.jsx)(Rt,{children:(0,Z.jsxs)(at,{children:[`Remove label from `,b(t),` `,t===1?`member`:`members`]})}),(0,Z.jsx)(er,{labels:f.labels.filter(e=>d.has(e.slug)),optionSource:{...p,isInitialLoad:p.isInitialLoad||u},resolvedSelectedLabels:f.resolvedSelectedLabels.filter(e=>d.has(e.slug)),selectedSlugs:s,onDelete:f.deleteLabel,onEdit:f.editLabel,onToggle:f.toggleLabel}),(0,Z.jsxs)(J,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:()=>m(!1),children:`Cancel`}),(0,Z.jsx)(W,{disabled:s.length===0||o,onClick:h,children:o?`Removing...`:s.length>1?`Remove ${b(s.length)} labels`:`Remove label`})]})]})})}function sr({open:e,newsletters:t,memberCount:n,onOpenChange:r,onConfirm:i,isLoading:a=!1}){let[o,s]=(0,X.useState)(`all`),[c,l]=(0,X.useState)([]),[u,d]=(0,X.useState)(``),[f,p]=(0,X.useState)(!1),m=(0,X.useRef)(null),h=(0,X.useRef)(null);(0,X.useEffect)(()=>{e||(s(`all`),l([]),d(``),p(!1))},[e]),(0,X.useEffect)(()=>{if(!f)return;let e=e=>{m.current&&!m.current.contains(e.target)&&p(!1)};return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[f]);let g=e=>{e||(s(`all`),l([]),d(``),p(!1)),r(e)},_=(0,X.useCallback)(e=>{l(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),v=t.length>=2,y=()=>{i(!v||o===`all`?null:c)},x=a||v&&o===`selected`&&c.length===0,S=n===1?`member`:`members`;return(0,Z.jsx)(it,{open:e,onOpenChange:g,children:(0,Z.jsxs)(St,{className:`gap-5`,children:[(0,Z.jsx)(Rt,{children:(0,Z.jsx)(at,{children:`Unsubscribe members`})}),v?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{"aria-label":`Unsubscribe scope`,className:`flex flex-col gap-3`,role:`radiogroup`,children:[(0,Z.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-3`,children:[(0,Z.jsx)(`input`,{checked:o===`all`,className:`mt-0.5 size-4 cursor-pointer accent-black`,name:`unsubscribe-mode`,type:`radio`,value:`all`,onChange:()=>s(`all`)}),(0,Z.jsxs)(`div`,{className:`flex flex-col`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-semibold`,children:`Unsubscribe from all newsletters`}),(0,Z.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[b(n),` `,S,` will be unsubscribed from`,` `,t.length,` `,t.length===1?`newsletter`:`newsletters`,`.`]})]})]}),(0,Z.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-3`,children:[(0,Z.jsx)(`input`,{checked:o===`selected`,className:`mt-0.5 size-4 cursor-pointer accent-black`,name:`unsubscribe-mode`,type:`radio`,value:`selected`,onChange:()=>s(`selected`)}),(0,Z.jsxs)(`div`,{className:`flex flex-col`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-semibold`,children:`Unsubscribe from selected newsletters`}),(0,Z.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[`Select which newsletters to unsubscribe `,b(n),` `,S,` from.`]})]})]})]}),o===`selected`&&(0,Z.jsxs)(`div`,{ref:m,className:`relative space-y-2`,children:[(0,Z.jsx)(`label`,{className:`text-sm font-semibold`,htmlFor:`newsletter-search`,children:`Newsletters`}),(0,Z.jsxs)(`div`,{className:`flex min-h-9 w-full cursor-text flex-wrap items-center gap-1.5 rounded-md border bg-background px-3 py-1 text-sm`,onClick:()=>{h.current?.focus(),p(!0)},children:[c.map(e=>{let n=t.find(t=>t.id===e);return n?(0,Z.jsxs)(Ie,{className:`cursor-pointer gap-1 pr-1`,variant:`outline`,onClick:t=>{t.stopPropagation(),_(e)},children:[n.name,(0,Z.jsx)(ue,{className:`size-3`})]},e):null}),(0,Z.jsx)(`input`,{ref:h,className:`min-w-[80px] flex-1 bg-transparent py-1 text-sm outline-hidden placeholder:text-muted-foreground`,id:`newsletter-search`,placeholder:c.length===0?`Search newsletters...`:``,value:u,onChange:e=>{d(e.target.value),f||p(!0)},onFocus:()=>p(!0),onKeyDown:e=>{e.key===`Escape`&&(p(!1),h.current?.blur()),e.key===`Backspace`&&!u&&c.length>0&&_(c[c.length-1])}})]}),f&&(0,Z.jsx)(`div`,{className:`absolute top-full left-0 z-50 mt-1 w-full rounded-md border bg-white shadow-md dark:bg-gray-950`,children:(0,Z.jsx)(Pe,{shouldFilter:!1,children:(0,Z.jsxs)(Ne,{className:`max-h-64 overflow-y-auto`,children:[(0,Z.jsx)(Me,{children:`No newsletters found.`}),t.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())).map(e=>(0,Z.jsxs)(je,{value:e.name,onSelect:()=>_(e.id),children:[e.name,c.includes(e.id)&&(0,Z.jsx)(Ae,{})]},e.id))]})})})]})]}):(0,Z.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Are you sure you want to unsubscribe `,b(n),` `,S,` from all newsletters? They will no longer receive any email newsletters from you.`]}),(0,Z.jsxs)(J,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:()=>g(!1),children:`Cancel`}),(0,Z.jsx)(W,{disabled:x,variant:`destructive`,onClick:y,children:a?`Unsubscribing...`:`Unsubscribe`})]})]})})}function cr({open:e,memberCount:t,onOpenChange:n,onConfirm:r,onExportBackup:i,isLoading:a=!1}){let[o,s]=(0,X.useState)(!1),c=e=>{e||s(!1),n(e)},l=async()=>{if(!(t<1||a||o))try{s(!0),await i(),r()}catch{}finally{s(!1)}};return(0,Z.jsx)(it,{open:e,onOpenChange:c,children:(0,Z.jsxs)(St,{className:`gap-5`,children:[(0,Z.jsx)(Rt,{children:(0,Z.jsx)(at,{children:`Delete selected members?`})}),t>0?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`p`,{children:[`You're about to delete`,` `,(0,Z.jsxs)(`strong`,{children:[b(t),` `,t===1?`member`:`members`]}),`. This is permanent! All Ghost data will be deleted, this will have no effect on subscriptions in Stripe.`]}),(0,Z.jsx)(`p`,{children:`A backup of your selection will be automatically downloaded to your device before deletion.`})]}):(0,Z.jsx)(`p`,{children:`No members are selected.`}),(0,Z.jsxs)(J,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:()=>c(!1),children:`Cancel`}),(0,Z.jsx)(W,{disabled:a||o||t<1,variant:`destructive`,onClick:()=>void l(),children:a||o?`Deleting...`:`Download backup & delete members`})]})]})})}function lr({fileError:e,onClose:t,onDropAccepted:n,onDropRejected:r}){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[(0,Z.jsxs)(Ut,{variant:`info`,children:[`Need some help?`,` `,(0,Z.jsx)(`a`,{className:`font-semibold underline`,href:`https://ghost.org/help/import-members/`,rel:`noopener noreferrer`,target:`_blank`,children:`Learn more`}),` `,`about importing members or`,` `,(0,Z.jsx)(`a`,{className:`font-semibold underline`,href:`https://static.ghost.org/v4.0.0/files/member-import-template.csv`,rel:`noopener noreferrer`,target:`_blank`,children:`download a sample CSV file`}),`.`]}),e&&(0,Z.jsxs)(`div`,{className:`flex items-start gap-2 text-sm text-red-600`,children:[(0,Z.jsx)(L,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`p`,{children:e})]}),(0,Z.jsx)(Fe,{accept:{"text/csv":[`.csv`],"application/vnd.ms-excel":[`.csv`]},"aria-label":`Select or drop a CSV file`,onDropAccepted:e=>{let t=e[0];t&&n(t)},onDropRejected:r,children:({isDragActive:e,isDragReject:t})=>(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(ye,{className:`mb-2 size-6 text-gray-600`}),(0,Z.jsx)(`span`,{className:`text-sm text-gray-700`,children:t?`The file type you uploaded is not supported`:e?`Drop CSV file to upload`:`Select or drop a CSV file`})]})})]}),(0,Z.jsx)(J,{className:`mt-5`,children:(0,Z.jsx)(W,{variant:`outline`,onClick:t,children:`Close`})})]})}var ur=e(Qt(),1),dr=[{label:`Email`,value:`email`},{label:`Name`,value:`name`},{label:`Note`,value:`note`},{label:`Subscribed to emails`,value:`subscribed_to_emails`},{label:`Stripe Customer ID`,value:`stripe_customer_id`},{label:`Complimentary plan`,value:`complimentary_plan`},{label:`Labels`,value:`labels`},{label:`Created at`,value:`created_at`},{label:`Gift ID`,value:`gift_id`}],fr={label:`Tier`,value:`import_tier`},pr=[`email`,`name`,`note`,`subscribed_to_emails`,`complimentary_plan`,`stripe_customer_id`,`labels`,`created_at`,`gift_id`];function mr({importMemberTier:e=!1,customFieldColumns:t=[]}={}){return[...pr,...e?[fr.value]:[],...t.map(e=>e.value)]}function hr({importMemberTier:e=!1}={}){return[...dr,...e?[fr]:[]]}var gr=[`email`],_r=class e{_mapping;constructor(e){if(this._mapping={},e)for(let[t,n]of Object.entries(e))this._mapping[n]=t}get(e){return this._mapping[e]??null}toJSON(){return{...this._mapping}}getKeyByValue(e){for(let[t,n]of Object.entries(this._mapping))if(n===e)return t;return null}updateMapping(t,n){let r=new e({});if(r._mapping={...this._mapping},n)for(let e in r._mapping)r._mapping[e]===n&&(r._mapping[e]=null);return r._mapping[t]=n,r}};function vr(e){let t=new Set;for(let n of e)for(let e of Object.keys(n))e!==`__parsed_extra`&&t.add(e);return[...t]}function yr(e,t=30){if(!e||e.length<=t)return e;let n=[];return vr(e).forEach(r=>{let i=e.filter(e=>e[r]&&e[r].trim()!==``),a=[];if(i.length<=t)a=i;else{let e=Math.floor(t/3),n=e,r=t-e-n,o=i.slice(0,e),s=n>0?i.slice(-n):[],c=Math.max(0,Math.floor(i.length/2)-Math.floor(r/2)),l=i.slice(c,c+r);a=[...o,...l,...s].slice(0,t)}a.forEach((e,t)=>{n[t]||(n[t]={}),n[t][r]=e[r]})}),n}function br(e,t={}){let n=yr(e),r={},i=mr(t);if(e.length>0)for(let t of vr(e)){if(!r.name&&/name/i.test(t)&&!Wn(t)){r.name=t;continue}!r[t]&&i.includes(t)&&!gr.includes(t)&&(r[t]=t)}let a=0;for(;a<=n.length-1&&!r.email;){let e=n[a];for(let[t,n]of Object.entries(e))!r.email&&n&&ur.default.isEmail(n)&&!Wn(t)&&(r.email=t);a+=1}return r}function xr(e){return e.replace(`Value in [members.email] cannot be blank.`,`Missing email address`).replace(`Value in [members.note] exceeds maximum length of 2000 characters.`,`Note is too long`).replace(`Value in [members.subscribed] must be one of true, false, 0 or 1.`,`Value of "Subscribed to emails" must be "true" or "false"`).replace(`Validation (isEmail) failed for email`,`Invalid email address`).replace(/No such customer:[\s\S]*/,`Could not find Stripe customer`)}function Sr({status:e,fileData:t,mapping:n,mappingError:r,showMappingErrors:i,membersCount:a,dataPreviewIndex:o,hasPrevRecord:s,hasNextRecord:c,fieldMappings:l,labelPicker:u,onUpdateMapping:d,onDataPreviewIndexChange:f,onStartOver:p,onUpload:m}){let h=t&&t.length>0&&n?Object.entries(t[o]||{}).map(([e,t])=>({key:e,value:t,mapTo:n.get(e)})):[];return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`mt-5 flex min-h-0 flex-1 flex-col space-y-5`,children:t===null?(0,Z.jsx)(`div`,{className:`flex items-center justify-center rounded-md border bg-muted p-10`,children:(0,Z.jsx)(et,{size:`md`})}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:S(`flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border`,i&&r&&`border-red-500`),children:(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto`,children:(0,Z.jsxs)(Je,{className:`table-fixed`,children:[(0,Z.jsx)(qe,{children:(0,Z.jsxs)(K,{children:[(0,Z.jsx)(G,{className:`w-1/3`,children:`Field`}),(0,Z.jsx)(G,{className:`w-1/3`,children:(0,Z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Z.jsxs)(`span`,{children:[`Sample data`,` `,(0,Z.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(#`,b(o+1),`)`]})]}),(0,Z.jsxs)(`div`,{className:`flex items-center`,children:[(0,Z.jsx)(`button`,{"aria-label":`Show previous sample row`,className:S(`rounded p-0.5 hover:bg-muted`,!s&&`cursor-default opacity-30`),disabled:!s||e===`UPLOADING`,type:`button`,onClick:()=>f(o-1),children:(0,Z.jsx)(ge,{className:`size-4`})}),(0,Z.jsx)(`button`,{"aria-label":`Show next sample row`,className:S(`rounded p-0.5 hover:bg-muted`,!c&&`cursor-default opacity-30`),disabled:!c||e===`UPLOADING`,type:`button`,onClick:()=>f(o+1),children:(0,Z.jsx)(de,{className:`size-4`})})]})]})}),(0,Z.jsx)(G,{className:`w-1/3`,children:`Import as`})]})}),(0,Z.jsx)(Ke,{children:h.length>0?h.map(t=>(0,Z.jsxs)(K,{className:S(!t.mapTo&&`bg-muted`),children:[(0,Z.jsx)(q,{className:`text-sm font-medium break-all`,children:t.key}),(0,Z.jsx)(q,{className:S(`text-sm break-all`,!t.value&&`text-muted-foreground`),children:t.value||`\xA0`}),(0,Z.jsx)(q,{children:(0,Z.jsxs)(Ee,{disabled:e===`UPLOADING`,value:t.mapTo||`__not_imported__`,onValueChange:e=>{d(t.key,e===`__not_imported__`?null:e)},children:[(0,Z.jsx)(we,{className:S(`h-8 text-sm`,!t.mapTo&&`text-muted-foreground`),children:(0,Z.jsx)(Te,{})}),(0,Z.jsxs)(Ce,{children:[(0,Z.jsx)(Se,{value:`__not_imported__`,children:`Not imported`}),l.map(e=>(0,Z.jsx)(Se,{value:e.value,children:e.label},e.value))]})]})})]},t.key)):(0,Z.jsx)(K,{children:(0,Z.jsx)(q,{className:`text-muted-foreground`,colSpan:3,children:`No data found in the uploaded CSV.`})})})]})})}),i&&r&&(0,Z.jsx)(`p`,{className:`text-sm text-red-600`,children:r}),a>0&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`If an email address in your CSV matches an existing member, they will be updated with the mapped values.`}),(0,Z.jsxs)(`div`,{className:`mt-5`,children:[(0,Z.jsx)(`label`,{className:`mb-1 block text-sm font-semibold`,children:`Label these members`}),(0,Z.jsx)(er,{isCreating:u.isCreating,labels:u.labels,optionSource:u.optionSource,resolvedSelectedLabels:u.resolvedSelectedLabels,selectedSlugs:u.selectedSlugs,onCreate:u.createLabel,onDelete:u.deleteLabel,onEdit:u.editLabel,onToggle:u.toggleLabel})]})]})}),(0,Z.jsxs)(J,{className:`mt-5`,children:[(0,Z.jsx)(W,{disabled:e===`UPLOADING`,variant:`outline`,onClick:p,children:`Start over`}),(0,Z.jsx)(W,{disabled:e===`UPLOADING`||a===0,onClick:m,children:e===`UPLOADING`?(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(et,{color:`light`,size:`sm`}),`Uploading`]}):a>0?`Import ${b(a)} ${a===1?`member`:`members`}`:`Import members`})]})]})}function Cr({onUploadAnotherFile:e,onClose:t}){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`mt-5`,children:(0,Z.jsx)(`p`,{className:`text-sm`,children:`Your import is being processed, and you'll receive a confirmation email as soon as it's complete. Usually this only takes a few minutes, but larger imports may take longer.`})}),(0,Z.jsxs)(J,{className:`mt-5`,children:[(0,Z.jsx)(W,{variant:`outline`,onClick:e,children:`Upload another file`}),(0,Z.jsx)(W,{onClick:t,children:`Got it`})]})]})}var wr=()=>({status:`INIT`,file:null,fileData:null,mapping:null,selectedLabelSlugs:[],dataPreviewIndex:0,mappingError:null,showMappingErrors:!1,importResponse:null,errorMessage:null,errorHeader:`Import error`,showTryAgainButton:!0,dragOver:!1,fileError:null});function Tr({importResponse:e,onReset:t,onClose:n}){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`mt-5 space-y-4`,children:[e.importedCount===0?(0,Z.jsxs)(`p`,{className:`text-sm`,children:[`No members were added`,e.errorCount>0?` due to the following errors:`:`.`]}):(0,Z.jsxs)(`p`,{className:`text-sm`,children:[`A total of `,(0,Z.jsx)(`strong`,{children:b(e.importedCount)}),` `,e.importedCount===1?`person was`:`people were`,` successfully added or updated in your list of members, and now have access to your site.`]}),e.errorCount>0&&(0,Z.jsxs)(Z.Fragment,{children:[e.importedCount>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`hr`,{className:`border-gray-200`}),(0,Z.jsxs)(`p`,{className:`text-sm`,children:[(0,Z.jsx)(`strong`,{children:b(e.errorCount)}),` `,e.errorCount===1?`member was`:`members were`,` skipped due to the following errors:`]})]}),(0,Z.jsx)(`ul`,{className:`list-inside list-disc space-y-1 text-sm text-muted-foreground`,children:e.errorList.map(e=>(0,Z.jsxs)(`li`,{children:[e.message,` (`,e.count,`)`]},e.message))})]})]}),(0,Z.jsx)(J,{className:`mt-5`,children:e.errorCount>0?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(W,{variant:`outline`,asChild:!0,children:(0,Z.jsx)(`a`,{download:e.errorCsvName,href:e.errorCsvUrl,children:`Download error file`})}),e.importedCount===0?(0,Z.jsx)(W,{onClick:t,children:`Try again`}):(0,Z.jsx)(W,{onClick:n,children:`View members`})]}):(0,Z.jsx)(Z.Fragment,{children:e.importedCount===0?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:n,children:`Close`}),(0,Z.jsx)(W,{onClick:t,children:`Try again`})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(W,{variant:`outline`,onClick:t,children:`Upload another file`}),(0,Z.jsx)(W,{onClick:n,children:`View members`})]})})})]})}function Er({errorMessage:e,showTryAgainButton:t,onTryAgain:n,onClose:r}){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`mt-5`,children:(0,Z.jsxs)(`div`,{className:`flex items-start gap-2 text-sm text-red-600`,children:[(0,Z.jsx)(L,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`p`,{children:e})]})}),(0,Z.jsxs)(J,{className:`mt-5`,children:[t&&(0,Z.jsx)(W,{variant:`outline`,onClick:n,children:`Try again`}),(0,Z.jsx)(W,{onClick:r,children:`OK`})]})]})}var Dr=e(x(),1),Or=e(nr(),1);function kr(e){let t=Or.default.parse(e,{header:!0,skipEmptyLines:!0});return!t.data||t.data.length<1?[]:t.data.map(e=>{let t={};for(let[n,r]of Object.entries(e))t[n]=typeof r==`string`?r:typeof r==`number`||typeof r==`boolean`?String(r):``;return t})}var Ar=M([P(),A({name:P()})]),jr=A({error:P().catch(``)}).catchall(O());function Mr(e){return typeof e==`string`?e:Array.isArray(e)?e.map(e=>{let t=Ar.safeParse(e);return t.success?typeof t.data==`string`?t.data:t.data.name:``}).filter(Boolean).join(`,`):``}function Q(e){return typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):``}function Nr(e){let t={email:Q(e.email),name:Q(e.name),note:Q(e.note),...e.subscribed===void 0?{}:{subscribed_to_emails:Q(e.subscribed)},...e.complimentary_plan===void 0?{}:{complimentary_plan:Q(e.complimentary_plan)},stripe_customer_id:Q(e.stripe_customer_id),created_at:Q(e.created_at),labels:Mr(e.labels)};e.newsletters!==void 0&&(t.newsletters=Mr(e.newsletters));for(let[n,r]of Object.entries(e))Wn(n)&&(t[n]=Q(r));return t.gift_id=Q(e.gift_id),t.error=Q(e.error),t}function Pr(e){if(e.length===0)return``;let t=e.map(e=>Nr(jr.parse(e))),n=[];for(let e of t)for(let t of Object.keys(e))t!==`error`&&!n.includes(t)&&n.push(t);return n.push(`error`),Or.default.unparse(t,{quotes:!0,escapeFormulae:!0,columns:n})}var Fr=A({errors:F(P()).catch([])}).catchall(O());function Ir(e){let t=e.meta.stats.imported,n=Array.isArray(e.meta.stats.invalid)?e.meta.stats.invalid:[],r=n.length,i={},a=Pr(n.map(e=>{let t=Fr.safeParse(e),{errors:n,...r}=t.success?t.data:{errors:[]},a=n.map(e=>xr(e).trim()).filter(Boolean);for(let e of a)i[e]?i[e].count+=1:i[e]={message:e,count:1};return{...r,error:a.join(`
+`)}})),o=new Blob([a],{type:`text/csv`}),s=URL.createObjectURL(o),c=e.meta.import_label;return{importedCount:t,errorCount:r,errorCsvUrl:s,errorCsvName:c?`${c.name} - Errors.csv`:`Import ${(0,Dr.default)().format(`YYYY-MM-DD HH:mm`)} - Errors.csv`,errorList:Object.values(i),importLabel:e.meta.import_label||void 0}}function Lr(e,t){switch(t.type){case`SELECT_FILE`:return{...e,status:`MAPPING`,file:t.file,fileData:null,mapping:null,dataPreviewIndex:0,mappingError:null,showMappingErrors:!1,fileError:null};case`SET_FILE_ERROR`:return{...e,fileError:t.fileError};case`PARSE_SUCCESS`:return{...e,fileData:t.fileData,mapping:t.mapping,mappingError:t.mappingError};case`PARSE_FAILURE`:return{...e,fileData:[],mapping:null,mappingError:t.mappingError};case`UPDATE_MAPPING`:return{...e,mapping:t.mapping,mappingError:t.mappingError};case`SET_SELECTED_LABEL_SLUGS`:return{...e,selectedLabelSlugs:t.selectedLabelSlugs};case`SET_DATA_PREVIEW_INDEX`:return{...e,dataPreviewIndex:t.dataPreviewIndex};case`SET_SHOW_MAPPING_ERRORS`:return{...e,showMappingErrors:t.showMappingErrors};case`SET_DRAG_OVER`:return{...e,dragOver:t.dragOver};case`UPLOAD_START`:return{...e,status:`UPLOADING`,showMappingErrors:!1};case`UPLOAD_ACCEPTED`:return{...e,status:`PROCESSING`};case`UPLOAD_COMPLETE`:return{...e,status:`COMPLETE`,importResponse:t.importResponse};case`UPLOAD_ERROR`:return{...e,status:`ERROR`,errorMessage:t.errorMessage,errorHeader:t.errorHeader??`Import error`,showTryAgainButton:t.showTryAgainButton??!0};case`RESET`:return wr();default:return e}}function Rr({open:e,onOpenChange:t,onComplete:n,onClose:r}){let[s,c]=(0,X.useReducer)(Lr,void 0,wr),l=(0,X.useRef)(null),{mutateAsync:u}=xt(),f=Ct(`importMemberTier`),p=(0,X.useRef)({importMemberTier:f});p.current={importMemberTier:f};let m=(0,X.useMemo)(()=>hr({importMemberTier:f}),[f]),h=$n({selectedSlugs:s.selectedLabelSlugs,onSelectionChange:e=>c({type:`SET_SELECTED_LABEL_SLUGS`,selectedLabelSlugs:e})}),g=(0,X.useCallback)(()=>{l.current&&typeof URL.revokeObjectURL==`function`?(URL.revokeObjectURL(l.current),l.current=null):l.current&&=null},[]),_=(0,X.useCallback)(()=>{g(),c({type:`RESET`})},[g]);(0,X.useEffect)(()=>()=>{g()},[g]);let v=(0,X.useCallback)(e=>{if(!(!e&&s.status===`UPLOADING`)){if(!e){let e=s.importResponse??void 0;_(),r?.(e)}t(e)}},[r,t,_,s.importResponse,s.status]);(0,X.useEffect)(()=>{if(!s.file)return;let e=!1,t=new FileReader;return t.onload=t=>{if(!e)try{let e=t.target?.result,n=kr(e);if(n.length>0){let e=new _r(br(n,p.current));c({type:`PARSE_SUCCESS`,fileData:n,mapping:e,mappingError:e.getKeyByValue(`email`)?null:`Please map "Email" to one of the fields in the CSV.`})}else c({type:`PARSE_SUCCESS`,fileData:[],mapping:null,mappingError:`File is empty, nothing to import. Please select a different file.`})}catch{c({type:`PARSE_FAILURE`,mappingError:`Failed to parse this file. Please try another CSV file.`})}},t.onerror=()=>{e||c({type:`PARSE_FAILURE`,mappingError:`Failed to read file${t.error?.message?`: ${t.error.message}`:``}`})},t.onabort=()=>{e||c({type:`PARSE_FAILURE`,mappingError:`File read was interrupted. Please try again.`})},t.readAsText(s.file),()=>{e=!0,t.readyState===FileReader.LOADING&&t.abort()}},[s.file]);let y=(0,X.useCallback)(e=>{let t=/(?:\.([^.]+))?$/.exec(e.name)?.[1];return!t||t.toLowerCase()!==`csv`?(c({type:`SET_FILE_ERROR`,fileError:`The file type you uploaded is not supported`}),!1):(c({type:`SET_FILE_ERROR`,fileError:null}),!0)},[]),b=(0,X.useCallback)(e=>{y(e)&&c({type:`SELECT_FILE`,file:e})},[y]),x=(0,X.useCallback)((e,t)=>{if(!s.mapping)return;let n=s.mapping.updateMapping(e,t),r=s.fileData&&s.fileData.length===0?`File is empty, nothing to import. Please select a different file.`:n.getKeyByValue(`email`)?null:`Please map "Email" to one of the fields in the CSV.`;c({type:`UPDATE_MAPPING`,mapping:n,mappingError:r})},[s.fileData,s.mapping]),C=(0,X.useCallback)(async()=>{if(!s.file||s.mappingError){c({type:`SET_SHOW_MAPPING_ERRORS`,showMappingErrors:!0});return}c({type:`UPLOAD_START`});let e=[];for(let t of s.selectedLabelSlugs){let n=h.labels.find(e=>e.slug===t);n&&e.push(n.name)}try{let t=await u({file:s.file,labels:e,mapping:s.mapping?.toJSON()});if(jt(t)){let e=Ir(t);g(),l.current=e.errorCsvUrl,c({type:`UPLOAD_COMPLETE`,importResponse:e}),n?.(e);return}c({type:`UPLOAD_ACCEPTED`}),n?.()}catch(e){if(e instanceof d){c({type:`UPLOAD_ERROR`,errorMessage:`The file you uploaded was larger than the maximum file size your server allows.`});return}let t=e instanceof a?e.data?.errors?.[0]:null;if(e instanceof o&&t?.code===`EMAIL_VERIFICATION_NEEDED`){c({type:`UPLOAD_ERROR`,errorMessage:t.message,errorHeader:`Woah there cowboy, that's a big list`,showTryAgainButton:!1}),n?.();return}if(e instanceof i||t?.type===`DataImportError`){c({type:`UPLOAD_ERROR`,errorMessage:t?.message||(e instanceof Error?e.message:`An unexpected error occurred, please try again`)});return}c({type:`UPLOAD_ERROR`,errorMessage:`An unexpected error occurred, please try again`})}},[s.file,s.mapping,s.mappingError,s.selectedLabelSlugs,h.labels,u,g,n]),w=s.fileData?!!s.fileData[s.dataPreviewIndex+1]:!1,T=s.dataPreviewIndex>0,E=s.fileData?.length??0,D=s.status===`MAPPING`||s.status===`UPLOADING`,O=(0,X.useMemo)(()=>{switch(s.status){case`PROCESSING`:return`Import in progress`;case`COMPLETE`:return`Import complete`;case`ERROR`:return s.errorHeader;default:return`Import members`}},[s.errorHeader,s.status]);return(0,Z.jsx)(it,{open:e,onOpenChange:v,children:(0,Z.jsxs)(St,{className:S(`gap-0`,D&&`max-w-2xl`,D&&`flex max-h-[calc(100vh-16vmin)] flex-col`),children:[(0,Z.jsxs)(Rt,{children:[(0,Z.jsx)(at,{children:O}),(0,Z.jsx)(rt,{className:`sr-only`,children:`Import members from a CSV file.`})]}),s.status===`INIT`&&(0,Z.jsx)(lr,{fileError:s.fileError,onClose:()=>v(!1),onDropAccepted:b,onDropRejected:()=>c({type:`SET_FILE_ERROR`,fileError:`The file type you uploaded is not supported`})}),(s.status===`MAPPING`||s.status===`UPLOADING`)&&(0,Z.jsx)(Sr,{dataPreviewIndex:s.dataPreviewIndex,fieldMappings:m,fileData:s.fileData,hasNextRecord:w,hasPrevRecord:T,labelPicker:h,mapping:s.mapping,mappingError:s.mappingError,membersCount:E,showMappingErrors:s.showMappingErrors,status:s.status,onDataPreviewIndexChange:e=>{c({type:`SET_DATA_PREVIEW_INDEX`,dataPreviewIndex:e})},onStartOver:_,onUpdateMapping:x,onUpload:()=>void C()}),s.status===`PROCESSING`&&(0,Z.jsx)(Cr,{onClose:()=>v(!1),onUploadAnotherFile:_}),s.status===`COMPLETE`&&s.importResponse&&(0,Z.jsx)(Tr,{importResponse:s.importResponse,onClose:()=>v(!1),onReset:_}),s.status===`ERROR`&&(0,Z.jsx)(Er,{errorMessage:s.errorMessage,showTryAgainButton:s.showTryAgainButton,onClose:()=>v(!1),onTryAgain:_})]})})}function zr(e){let t=((Wn(e)?e.split(`.`)[2]:e)??e).replace(/[._-]+/g,` `).trim();return t.charAt(0).toUpperCase()+t.slice(1)}function Br({columnKey:e,isSaving:t,nameError:n,saveError:r,canRetry:i,onSubmit:a,onEdit:o,onCancel:s}){let[c,l]=(0,X.useState)(()=>zr(e)),[u,d]=(0,X.useState)(Kn[0].id),f=(0,X.useRef)(null);(0,X.useEffect)(()=>{f.current?.scrollIntoView({block:`nearest`})},[]);let p=()=>a(c,u);return(0,Z.jsxs)(`div`,{ref:f,className:`scroll-mb-8 space-y-3`,"data-testid":`import-create-custom-field`,onKeyDown:e=>{if(e.key===`Escape`){e.stopPropagation(),t||s();return}e.key===`Enter`&&!t&&i&&(e.preventDefault(),p())},children:[(0,Z.jsxs)(ze,{className:`flex-row flex-wrap items-start gap-3`,children:[(0,Z.jsxs)(He,{className:`min-w-56 flex-1`,"data-invalid":!!n||void 0,children:[(0,Z.jsx)(Ve,{className:`text-sm!`,htmlFor:`import-custom-field-name`,children:`Name`}),(0,Z.jsx)(Qe,{"aria-invalid":!!n||void 0,autoComplete:`off`,className:`h-8 text-sm!`,id:`import-custom-field-name`,placeholder:`Enter custom field name`,value:c,autoFocus:!0,onChange:e=>{l(e.target.value),o()}}),n&&(0,Z.jsx)(Be,{children:n})]}),(0,Z.jsxs)(He,{className:`w-44`,children:[(0,Z.jsx)(Ve,{className:`text-sm!`,children:`Type`}),(0,Z.jsxs)(Ee,{value:u,onValueChange:e=>d(e),children:[(0,Z.jsx)(we,{"aria-label":`Type`,className:`h-8 text-sm!`,children:(0,Z.jsx)(Te,{children:(0,Z.jsx)(ir,{type:u})})}),(0,Z.jsx)(Ce,{children:Kn.map(e=>(0,Z.jsx)(Se,{value:e.id,children:(0,Z.jsx)(ir,{type:e.id})},e.id))})]})]}),(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 self-end pb-0.5`,children:[(0,Z.jsx)(W,{disabled:t,size:`sm`,variant:`outline`,onClick:s,children:`Cancel`}),(0,Z.jsx)(W,{disabled:t||!i,size:`sm`,onClick:p,children:t?`Saving`:`Save`})]})]}),r&&(0,Z.jsx)(`p`,{className:`text-sm text-destructive`,role:`alert`,children:r})]})}var Vr={membership:{heading:`Membership fields`,badge:null,ariaKind:null},custom:{heading:`Custom fields`,badge:`Custom`,ariaKind:`Custom field`}},Hr=Object.keys(Vr);function Ur({membershipFields:e,customFieldColumns:t}){let n=[...e.map(e=>({value:e.value,source:`membership`,fieldName:e.label,label:e.label})),...t.map(e=>({value:e.value,source:`custom`,fieldName:e.fieldName,...e.partLabel===void 0?{}:{partLabel:e.partLabel},label:e.label,type:e.type}))],r=Gr(n),i=n.map(e=>({...e,badge:r.has(Wr(e))?Vr[e.source].badge:null,ariaKind:Vr[e.source].ariaKind}));return Hr.map(e=>({source:e,heading:Vr[e].heading,targets:i.filter(t=>t.source===e)})).filter(e=>e.targets.length>0)}function Wr(e){return e.label.trim().toLowerCase()}function Gr(e){let t=new Map;for(let n of e){let e=t.get(Wr(n))??new Set;e.add(n.source),t.set(Wr(n),e)}return new Set([...t].filter(([,e])=>e.size>1).map(([e])=>e))}var Kr={email:z,name:_e,note:I,subscribed_to_emails:H,stripe_customer_id:ce,complimentary_plan:B,labels:ie,created_at:ve,gift_id:be,import_tier:V};function qr(e,t){return(0,Z.jsx)(le,{className:t})}function Jr({target:e,className:t}){switch(e.source){case`membership`:return(0,Z.jsx)(Kr[e.value]??le,{className:t});case`custom`:return(0,Z.jsx)(rr,{className:t,type:e.type});default:return qr(e,t)}}function Yr(e,t,n){return ke((n??[]).join(` `),t)}function Xr({className:e,columnKey:t,value:n,disabled:r,invalid:i,targetGroups:a,canCreateField:o,open:s,search:c,onOpenChange:l,onSearchChange:u,onSelect:d,onCreateField:f,triggerRef:p}){let m=(0,X.useRef)(!1),h=a.flatMap(e=>e.targets).find(e=>e.value===n),g=h?.badge??null,_=h?.ariaKind??null,v=e=>{l(!1),d(e)};return(0,Z.jsxs)(st,{open:s,modal:!0,onOpenChange:e=>{r||l(e)},children:[(0,Z.jsx)(bt,{asChild:!0,children:(0,Z.jsxs)(W,{ref:p,"aria-disabled":r||void 0,"aria-invalid":i||void 0,"aria-label":h?`Field for ${t}, ${h.label}${_?`, ${_}`:``}`:`Field for ${t}, not chosen`,className:S(`h-(--control-height) w-full scroll-my-8 justify-start gap-2 px-2 font-normal`,e,`hover:text-current`,xe.invalidSelf,`aria-[invalid=true]:ring-2`,r&&`cursor-not-allowed hover:bg-transparent`),role:`combobox`,variant:`outline`,children:[(0,Z.jsxs)(`span`,{className:S(`flex shrink-0 items-center`,r&&`opacity-60`),children:[h&&(0,Z.jsx)(Jr,{className:`size-4 text-foreground`,target:h}),!h&&(0,Z.jsx)(`span`,{className:`size-4 rounded-sm border border-dashed border-border-strong`})]}),h?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`span`,{className:S(`flex min-w-0 flex-1 items-baseline text-left text-sm font-medium`,r&&`opacity-60`),children:[(0,Z.jsx)(`span`,{className:`min-w-0 shrink-[999] truncate`,children:h.fieldName}),h.partLabel&&(0,Z.jsx)(`span`,{className:`min-w-0 truncate whitespace-pre`,children:` (${h.partLabel})`})]}),g&&(0,Z.jsx)(Ie,{className:S(`ms-2 shrink-0 max-md:hidden`,r&&`opacity-60`),variant:`secondary`,children:g})]}):(0,Z.jsx)(`span`,{className:S(`min-w-0 truncate text-sm text-muted-foreground`,r&&`opacity-60`),children:`Select field`}),(0,Z.jsx)(me,{className:`ms-auto size-4 shrink-0 opacity-50`})]})}),(0,Z.jsx)(Xe,{align:`start`,className:`flex max-h-(--radix-popover-content-available-height) w-(--radix-popover-trigger-width) min-w-64 flex-col p-0`,collisionPadding:16,onCloseAutoFocus:e=>{m.current&&(m.current=!1,e.preventDefault(),f())},children:(0,Z.jsxs)(Pe,{className:`min-h-0`,filter:Yr,children:[(0,Z.jsx)(De,{className:`h-(--control-height) shrink-0`,placeholder:`Search fields...`,value:c,onValueChange:u}),(0,Z.jsxs)(Ne,{className:`min-h-0 flex-1`,children:[a.map(e=>(0,Z.jsx)(Oe,{heading:e.heading,children:e.targets.map(e=>(0,Z.jsxs)(je,{keywords:[e.label],value:e.value,onSelect:()=>v(e.value),children:[(0,Z.jsx)(Jr,{target:e}),(0,Z.jsx)(`span`,{className:`truncate`,children:e.label}),n===e.value&&(0,Z.jsx)(Ae,{})]},e.value))},e.source)),o?(0,Z.jsx)(Oe,{forceMount:!0,children:(0,Z.jsxs)(je,{className:`font-semibold text-green`,value:`Add custom field`,forceMount:!0,onSelect:()=>{m.current=!0,l(!1)},children:[(0,Z.jsx)(fe,{}),(0,Z.jsx)(`span`,{children:`Add custom field`})]})}):(0,Z.jsx)(Me,{children:`No fields found.`})]})]})})]})}function Zr(e,t,n){let r=new Set(e);return n?r.add(t):r.delete(t),r}function Qr(e){return Hn(e.type)?null:qn([e])[0]?.value??null}function $r({status:e,fileData:t,mapping:n,mappingError:c,showMappingErrors:u,dataPreviewIndex:d,targetGroups:f,canCreateCustomFields:p,labelPicker:m,onUpdateMapping:h,onFieldCreated:g,onDataPreviewIndexChange:_,onStartOver:v,onColumnsChanged:y,onUpload:x}){let[C,w]=(0,X.useState)(new Set),[T,E]=(0,X.useState)(new Set),[D,O]=(0,X.useState)(null),k=(0,X.useRef)(new Map);(0,X.useLayoutEffect)(()=>{let[e]=D?.columns??[];e&&k.current.get(e)?.scrollIntoView({block:`nearest`,behavior:window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`})},[D]);let[A,j]=(0,X.useState)(null),[M,N]=(0,X.useState)(null),{mutateAsync:P,isPending:F}=Yn(),[ee,te]=(0,X.useState)(null),[I,L]=(0,X.useState)(null),[ne,R]=(0,X.useState)(!0),re=l(),z=(0,X.useCallback)(()=>{te(null),L(null),R(!0)},[]),ie=e=>{let t=e instanceof a?e.data?.errors?.[0]:null;if(e instanceof i&&t?.property===`name`){te(r(e,`Invalid name`));return}L(r(e,e instanceof s?e.message:`Could not create the custom field, please try again.`)),R(!(e instanceof o)&&t?.type!==`NoPermissionError`),e instanceof o||re(e,{withToast:!1})},ae=async(e,t,n)=>{z();let r;try{r=(await P({name:t,type:n,access:{member:`none`}})).members_metafields?.[0]}catch(e){ie(e);return}if(!r){L(`The field was created, but this column could not be mapped to it. Choose it from the list.`),R(!1),re(Error(`Custom field create returned no field`));return}let i=Qr(r);if(g(e,i),j(null),O(null),i){k.current.get(e)?.focus();return}se(e,r.name)},oe=e=>!!A&&A!==e.key,B=t=>e===`UPLOADING`||F,se=(e,t)=>{z(),j(null),N({columnKey:e,search:t})},ce=e=>{z(),j(e)},le=(e,t)=>{let r=n?.getKeyByValue(t);r&&r!==e.key&&w(e=>Zr(e,r,!0)),h(e.key,t)},V=e=>!T.has(e.key)&&(!!e.mapTo||C.has(e.key)),ue=(e,t)=>{O(null),y(),E(n=>Zr(n,e.key,!t)),w(n=>Zr(n,e.key,t&&!e.mapTo)),!t&&A===e.key&&j(null)},H=u&&c||D?.message,fe=!!H&&!D?.columns.size,U=t.length,pe=d>0,me=!!t[d+1],he=(0,X.useMemo)(()=>vr(t),[t]),_e=n?he.map(e=>({key:e,value:t[d]?.[e]??``,mapTo:n.get(e)})):[],ve=Object.fromEntries(_e.map(e=>[e.key,V(e)?e.mapTo:``])),ye=()=>{if(c)return null;if(!Object.values(ve).includes(`email`))return{message:`Please map "Email" to one of the fields in the CSV, and make sure it is selected.`,columns:new Set};let e=Object.keys(ve).filter(e=>ve[e]===null);return e.length===0?null:{message:`Choose a field for ${e.map(e=>`"${e}"`).join(`, `)}, or deselect ${e.length===1?`it`:`them`}.`,columns:new Set(e)}};return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`mt-5 flex min-h-0 flex-1 flex-col space-y-5`,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:S(`flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border`,fe&&`border-destructive`),children:(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto`,children:(0,Z.jsxs)(Je,{className:`table-fixed`,children:[(0,Z.jsx)(qe,{children:(0,Z.jsxs)(K,{children:[(0,Z.jsx)(G,{className:`w-10`,children:(0,Z.jsx)(`span`,{className:`sr-only`,children:`Import this column`})}),(0,Z.jsx)(G,{className:`w-[26%]`,children:`Field`}),(0,Z.jsx)(G,{className:`w-[30%]`,children:(0,Z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Z.jsxs)(`span`,{children:[`Sample data`,` `,(0,Z.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(#`,b(d+1),`)`]})]}),(0,Z.jsxs)(`div`,{className:`flex items-center`,children:[(0,Z.jsx)(`button`,{"aria-label":`Show previous sample row`,className:S(`rounded p-0.5 hover:bg-muted`,!pe&&`cursor-default opacity-30`),disabled:!pe||e===`UPLOADING`,type:`button`,onClick:()=>_(d-1),children:(0,Z.jsx)(ge,{className:`size-4`})}),(0,Z.jsx)(`button`,{"aria-label":`Show next sample row`,className:S(`rounded p-0.5 hover:bg-muted`,!me&&`cursor-default opacity-30`),disabled:!me||e===`UPLOADING`,type:`button`,onClick:()=>_(d+1),children:(0,Z.jsx)(de,{className:`size-4`})})]})]})}),(0,Z.jsx)(G,{className:`w-[38%]`,children:`Import as`})]})}),(0,Z.jsx)(Ke,{children:_e.length>0?_e.map(e=>(0,Z.jsxs)(X.Fragment,{children:[(0,Z.jsxs)(K,{className:S(`transition-opacity [&>td]:group-hover:bg-transparent`,!V(e)&&`bg-muted/50`,oe(e)&&`opacity-40`),children:[(0,Z.jsx)(q,{children:(0,Z.jsx)(Le,{"aria-label":`Import ${e.key}`,checked:V(e),disabled:B(e),onCheckedChange:t=>ue(e,t===!0)})}),(0,Z.jsx)(q,{className:S(`text-sm font-medium break-all`,!V(e)&&`text-muted-foreground`),children:e.key}),(0,Z.jsx)(q,{className:S(`text-sm break-all`,(!e.value||!V(e))&&`text-muted-foreground`),children:e.value||`\xA0`}),(0,Z.jsx)(q,{children:(0,Z.jsx)(Xr,{canCreateField:p,className:S(!V(e)&&`invisible`),columnKey:e.key,disabled:B(e),invalid:D?.columns.has(e.key),open:M?.columnKey===e.key,search:M?.columnKey===e.key?M.search:``,targetGroups:f,triggerRef:t=>{t?k.current.set(e.key,t):k.current.delete(e.key)},value:e.mapTo,onCreateField:()=>ce(e.key),onOpenChange:t=>t?se(e.key,``):N(null),onSearchChange:t=>N({columnKey:e.key,search:t}),onSelect:t=>{O(null),le(e,t)}})})]}),A===e.key&&(0,Z.jsx)(K,{className:`bg-transparent hover:bg-transparent`,children:(0,Z.jsx)(q,{className:`p-2`,colSpan:4,children:(0,Z.jsx)(`div`,{className:`rounded-lg border bg-surface-elevated-2 p-3 shadow-lg`,children:(0,Z.jsx)(Br,{canRetry:ne,columnKey:e.key,isSaving:F,nameError:ee,saveError:I,onCancel:()=>{z(),j(null),k.current.get(e.key)?.focus()},onEdit:z,onSubmit:(t,n)=>void ae(e.key,t,n)})})})})]},e.key)):(0,Z.jsx)(K,{children:(0,Z.jsx)(q,{className:`text-muted-foreground`,colSpan:4,children:`No data found in the uploaded CSV.`})})})]})})}),H&&(0,Z.jsx)(`p`,{className:`text-sm text-destructive`,role:`alert`,children:H}),U>0&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`If an email address in your CSV matches an existing member, they will be updated with the mapped values.`}),(0,Z.jsxs)(`div`,{className:`mt-5`,children:[(0,Z.jsx)(`label`,{className:`mb-1 block text-sm font-semibold`,children:`Label these members`}),(0,Z.jsx)(er,{isCreating:m.isCreating,labels:m.labels,optionSource:m.optionSource,resolvedSelectedLabels:m.resolvedSelectedLabels,selectedSlugs:m.selectedSlugs,onCreate:m.createLabel,onDelete:m.deleteLabel,onEdit:m.editLabel,onToggle:m.toggleLabel})]})]})}),(0,Z.jsxs)(J,{className:`mt-5`,children:[(0,Z.jsx)(W,{disabled:e===`UPLOADING`,variant:`outline`,onClick:v,children:`Start over`}),(0,Z.jsx)(W,{disabled:e===`UPLOADING`||U===0,onClick:()=>{let e=ye();if(e){O(e);return}x(ve)},children:e===`UPLOADING`?(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(et,{color:`light`,size:`sm`}),`Uploading`]}):U>0?`Import ${b(U)} ${U===1?`member`:`members`}`:`Import members`})]})]})}function ei({open:e,onOpenChange:t,onComplete:n,onClose:s}){let[c,l]=(0,X.useReducer)(Lr,void 0,wr),u=(0,X.useRef)(null),{mutateAsync:f}=xt(),p=Ct(`importMemberTier`),m=Bn(),{data:h,isError:g}=Qn(),_=(0,X.useMemo)(()=>qn(h??[]),[h]),v=h!==void 0||g,y=(0,X.useRef)({importMemberTier:p,customFieldColumns:_});(0,X.useLayoutEffect)(()=>{y.current={importMemberTier:p,customFieldColumns:_}},[p,_]);let b=(0,X.useMemo)(()=>Ur({membershipFields:hr({importMemberTier:p}),customFieldColumns:_}),[p,_]),x=$n({selectedSlugs:c.selectedLabelSlugs,onSelectionChange:e=>{D.current=!0,l({type:`SET_SELECTED_LABEL_SLUGS`,selectedLabelSlugs:e})}}),C=(0,X.useCallback)(()=>{u.current&&typeof URL.revokeObjectURL==`function`?(URL.revokeObjectURL(u.current),u.current=null):u.current&&=null},[]),w=(0,X.useCallback)(()=>{C(),D.current=!1,l({type:`RESET`})},[C]);(0,X.useEffect)(()=>()=>{C()},[C]);let{confirm:T,dialogProps:E}=Yt(),D=(0,X.useRef)(!1),O=(0,X.useCallback)(e=>{if(!(!e&&c.status===`UPLOADING`)){if(!e){T(c.status===`MAPPING`&&D.current,()=>{let e=c.importResponse??void 0;w(),s?.(e),t(!1)});return}t(e)}},[T,s,t,w,c.importResponse,c.status]);(0,X.useEffect)(()=>{if(!c.file||!v)return;let e=!1,t=new FileReader;return t.onload=t=>{if(!e)try{let e=t.target?.result,n=kr(e);if(n.length>0){let e=new _r(br(n,y.current));l({type:`PARSE_SUCCESS`,fileData:n,mapping:e,mappingError:null})}else l({type:`PARSE_SUCCESS`,fileData:[],mapping:null,mappingError:`File is empty, nothing to import. Please select a different file.`})}catch{l({type:`PARSE_FAILURE`,mappingError:`Failed to parse this file. Please try another CSV file.`})}},t.onerror=()=>{e||l({type:`PARSE_FAILURE`,mappingError:`Failed to read file${t.error?.message?`: ${t.error.message}`:``}`})},t.onabort=()=>{e||l({type:`PARSE_FAILURE`,mappingError:`File read was interrupted. Please try again.`})},t.readAsText(c.file),()=>{e=!0,t.readyState===FileReader.LOADING&&t.abort()}},[c.file,v]);let k=(0,X.useCallback)(e=>{let t=/(?:\.([^.]+))?$/.exec(e.name)?.[1];return!t||t.toLowerCase()!==`csv`?(l({type:`SET_FILE_ERROR`,fileError:`The file type you uploaded is not supported`}),!1):(l({type:`SET_FILE_ERROR`,fileError:null}),!0)},[]),A=(0,X.useCallback)(e=>{k(e)&&l({type:`SELECT_FILE`,file:e})},[k]),j=(0,X.useCallback)((e,t)=>{if(!c.mapping)return;D.current=!0;let n=c.mapping.updateMapping(e,t),r=c.fileData&&c.fileData.length===0?`File is empty, nothing to import. Please select a different file.`:null;l({type:`UPDATE_MAPPING`,mapping:n,mappingError:r})},[c.fileData,c.mapping]),M=(0,X.useCallback)((e,t)=>{t&&j(e,t)},[j]),N=(0,X.useCallback)(async e=>{if(!c.file||c.mappingError){l({type:`SET_SHOW_MAPPING_ERRORS`,showMappingErrors:!0});return}l({type:`UPLOAD_START`});let t=[];for(let e of c.selectedLabelSlugs){let n=x.labels.find(t=>t.slug===e);n&&t.push(n.name)}try{let r=await f({file:c.file,labels:t,mapping:e});if(jt(r)){let e=Ir(r);C(),u.current=e.errorCsvUrl,l({type:`UPLOAD_COMPLETE`,importResponse:e}),n?.(e);return}l({type:`UPLOAD_ACCEPTED`}),n?.()}catch(e){if(e instanceof d){l({type:`UPLOAD_ERROR`,errorMessage:`The file you uploaded was larger than the maximum file size your server allows.`});return}let t=e instanceof a?e.data?.errors?.[0]:null;if(e instanceof o&&t?.code===`EMAIL_VERIFICATION_NEEDED`){l({type:`UPLOAD_ERROR`,errorMessage:r(e,e.message),errorHeader:`Woah there cowboy, that's a big list`,showTryAgainButton:!1}),n?.();return}if(e instanceof i||t?.type===`DataImportError`){l({type:`UPLOAD_ERROR`,errorMessage:r(e,e instanceof Error?e.message:`An unexpected error occurred, please try again`)});return}l({type:`UPLOAD_ERROR`,errorMessage:`An unexpected error occurred, please try again`})}},[c.file,c.mappingError,c.selectedLabelSlugs,x.labels,f,C,n]),P=c.status===`MAPPING`||c.status===`UPLOADING`,F=(0,X.useMemo)(()=>{switch(c.status){case`PROCESSING`:return`Import in progress`;case`COMPLETE`:return`Import complete`;case`ERROR`:return c.errorHeader;default:return`Import members`}},[c.errorHeader,c.status]);return(0,Z.jsxs)(it,{open:e,onOpenChange:O,children:[(0,Z.jsxs)(St,{className:S(`gap-0`,P&&`max-w-4xl`,P&&`flex max-h-[calc(100vh-16vmin)] flex-col`),children:[(0,Z.jsxs)(Rt,{children:[(0,Z.jsx)(at,{children:F}),(0,Z.jsx)(rt,{className:`sr-only`,children:`Import members from a CSV file.`})]}),c.status===`INIT`&&(0,Z.jsx)(lr,{fileError:c.fileError,onClose:()=>O(!1),onDropAccepted:A,onDropRejected:()=>l({type:`SET_FILE_ERROR`,fileError:`The file type you uploaded is not supported`})}),(c.status===`MAPPING`||c.status===`UPLOADING`)&&c.fileData===null&&(0,Z.jsx)(`div`,{className:`flex items-center justify-center rounded-md border bg-muted p-10`,children:(0,Z.jsx)(et,{size:`md`})}),(c.status===`MAPPING`||c.status===`UPLOADING`)&&c.fileData!==null&&(0,Z.jsx)($r,{canCreateCustomFields:m,dataPreviewIndex:c.dataPreviewIndex,fileData:c.fileData,labelPicker:x,mapping:c.mapping,mappingError:c.mappingError,showMappingErrors:c.showMappingErrors,status:c.status,targetGroups:b,onColumnsChanged:()=>{D.current=!0},onDataPreviewIndexChange:e=>{l({type:`SET_DATA_PREVIEW_INDEX`,dataPreviewIndex:e})},onFieldCreated:M,onStartOver:w,onUpdateMapping:j,onUpload:e=>void N(e)}),c.status===`PROCESSING`&&(0,Z.jsx)(Cr,{onClose:()=>O(!1),onUploadAnotherFile:w}),c.status===`COMPLETE`&&c.importResponse&&(0,Z.jsx)(Tr,{importResponse:c.importResponse,onClose:()=>O(!1),onReset:w}),c.status===`ERROR`&&(0,Z.jsx)(Er,{errorMessage:c.errorMessage,showTryAgainButton:c.showTryAgainButton,onClose:()=>O(!1),onTryAgain:w})]}),(0,Z.jsx)(pt,{open:E.open,onOpenChange:E.onOpenChange,children:(0,Z.jsxs)(Ot,{className:`z-[1100]`,"data-testid":`import-members-leave-guard`,overlayClassName:`z-[1100]`,onEscapeKeyDown:e=>e.stopPropagation(),children:[(0,Z.jsxs)(mt,{children:[(0,Z.jsx)(tt,{children:`Leave without importing?`}),(0,Z.jsx)(ct,{children:`The columns you have mapped will be lost.`})]}),(0,Z.jsxs)(ut,{children:[(0,Z.jsx)(Ye,{children:`Keep mapping`}),(0,Z.jsx)(W,{variant:`destructive`,onClick:E.onConfirm,children:`Leave`})]})]})})]})}function ti(e){return Ct(`membersImportRedesign`)?(0,Z.jsx)(ei,{...e}):(0,Z.jsx)(Rr,{...e})}var ni=`metafields`,ri=`${ni}.key`,ii=`${ni}.value`,ai=`metafields.`;function $(e){return`${ai}${e.namespace}.${e.key}`}function oi(e){if(!e.startsWith(`metafields.`))return null;let[t,n,...r]=e.slice(11).split(`.`);return!t||!n||r.length>0?null:{namespace:t,key:n}}function si(e,t){return Vn({namespace:e.namespace,key:e.key,partPath:t||null})}function ci(e){let t=typeof e==`string`?Xn(e):null;return t?{namespace:t.namespace,key:t.key,subfield:t.partPath??``}:null}var li=nn;function ui(e){return`${ri}:${Dt(e)}`}function di(e){let[t,...n]=e;return{subfield:typeof t==`string`?t:``,rest:n.filter(e=>e!==``)}}function fi(e,t){return e||(t.namespace&&t.key?{namespace:t.namespace,key:t.key}:null)}function pi(e){return{presenceOperators:li,address(t,n){let r=fi(e,n.params),{subfield:i,rest:a}=di(t.values);return r?{valueKey:ii,companions:[ui(si(r,i))],values:a}:null},addressPresence(t,n){let r=fi(e,n.params),{subfield:i}=di(t.values);if(!r)return null;let a=si(r,i);return t.operator===`is-set`?[ui(a)]:[`${ri}:-${Dt(a)}`]},match(){return null},matchCompound(t){let n=t=>e===void 0||t.namespace===e.namespace&&t.key===e.key,r=on(t,`$and`);if(!r){let e=ci(t[ri]);if(e)return n(e)?{kind:`predicate`,predicate:{field:$(e),operator:`is-set`,values:[e.subfield,``]}}:null;let r=ci(yn(t[ri]));return r&&n(r)?{kind:`predicate`,predicate:{field:$(r),operator:`is-not-set`,values:[r.subfield,``]}}:null}if(r.length!==2)return null;let i,a,o=!1;for(let e of r){let t=ci(e[ri]);t&&(i=t),ii in e&&(a=e[ii],o=!0)}if(!i||!o||!n(i))return null;let s=$t(a);return s?{kind:`value`,field:$(i),leadingValues:[i.subfield],comparator:s}:null}}}var mi={text:`text`,date:`plain_date`,number:`number`},hi={short_text:`text`,postal_code:`text`,country_code:`set`},gi=[`text`,`set`],_i={text:()=>An(),set:()=>en({quoteStrings:!0})};function vi(e,t){let n=Hn(e)?.find(e=>e.key===t);return n?hi[n.type]:void 0}function yi(e){let t=new Set((Hn(e)??[]).map(e=>hi[e.type]));return gi.filter(e=>t.has(e))}function bi(e){let t=gi.filter(t=>e.includes(t)).map(e=>_i[e]());return{operators:t.flatMap(e=>e.operators),serialize(e,n){let r=t.find(t=>tn(t.operators,e.operator));return r?r.serialize(e,n):null},parse(e,n){for(let r of t){if(r!==t[0]&&!Array.isArray(e.value))continue;let i=r.parse(e,n);if(i)return i}return null}}}function xi(e){return[...gi.filter(t=>e.includes(t)).flatMap(e=>ln[e].operators),...li]}var Si=ai;function Ci(e){let t=Gn(e.type);return t===`record`?un({key:$(e),icon:`text`,semantics:bi(yi(e.type)),operators:xi(yi(e.type)),addressing:pi(e),ui:{label:e.name,type:`custom`,defaultOperator:`is-set`}}):{key:$(e),icon:`text`,type:mi[t],addressing:pi(e),ui:{label:e.name,type:`custom`}}}function wi(e){return{resolved:e!==void 0,claims:[Si],fields:(e??[]).map(Ci)}}var Ti=`newsletters.`,Ei=`newsletters.slug`,Di=`email_disabled`,Oi=[{value:`subscribed`,label:`Subscribed`},{value:`unsubscribed`,label:`Unsubscribed`}];function ki(e){return{operators:[`is`],serialize({operator:t,values:n},r){let i=e??r.params.slug,a=n[0];return!i||t!==`is`?null:a===`subscribed`?{join:`and`,fragments:[{expression:i},{key:Di,expression:`0`}]}:a===`unsubscribed`?{join:`or`,fragments:[{expression:`-${i}`},{key:Di,expression:`1`}]}:null},parse(){return null}}}function Ai(e){return{address(t,n){return e??n.params.slug?{valueKey:Ei,values:t.values}:null},match(){return null},matchCompound(e){for(let t of[`and`,`or`]){let n=on(e,t===`and`?`$and`:`$or`);if(!n||n.length!==2)continue;let r,i=!1,a;for(let e of n){let t=e[Ei];typeof t==`string`&&(r=t,i=!1);let n=yn(t);n!==null&&(r=n,i=!0),typeof e[Di]==`number`&&(a=e[Di])}let o=!i&&t===`and`&&a===0;if(!(!r||!o&&!(i&&t===`or`&&a===1)))return{kind:`predicate`,predicate:{field:`${Ti}${r}`,operator:`is`,values:[o?`subscribed`:`unsubscribed`]}}}return null}}}function ji(e){return un({key:`${Ti}${e.slug}`,icon:`newspaper`,semantics:ki(e.slug),addressing:Ai(e.slug),operators:[`is`],options:Oi,ui:{label:e.name,type:`select`,searchable:!1,hideOperatorSelect:!0}})}function Mi(e){return{resolved:e!==void 0,claims:[Ei],fields:(e??[]).map(ji)}}var Ni=un({key:`${Ti}:slug`,icon:`newspaper`,semantics:ki(),addressing:Ai(),operators:[`is`],options:Oi,ui:{label:`Newsletter`,type:`select`,searchable:!1,hideOperatorSelect:!0}}),Pi=`email_disabled`;function Fi(e,t){return e.clauses.find(e=>e.key===t)}function Ii(){return{operators:[`is`,`is-not`],serialize({operator:e,values:t}){let n=t[0],r=e===`is`;if(e!==`is`&&e!==`is-not`)return null;if(n===`email-disabled`)return{fragments:[{key:Pi,expression:r?`1`:`0`}]};if(n!==`subscribed`&&n!==`unsubscribed`)return null;let i=n===`subscribed`;return r?{join:`and`,fragments:[{expression:String(i)},{key:Pi,expression:`0`}]}:{join:`or`,fragments:[{expression:String(!i)},{key:Pi,expression:`1`}]}},parse(){return null},parseClauses(e){let t=Fi(e,Pi),n=Fi(e,`subscribed`);return t&&!n&&e.clauses.length===1?t.value===1?{operator:`is`,values:[`email-disabled`]}:t.value===0?{operator:`is-not`,values:[`email-disabled`]}:null:!n||typeof n.value!=`boolean`?null:!t&&e.clauses.length===1?{operator:`is`,values:[n.value?`subscribed`:`unsubscribed`]}:!t||e.clauses.length!==2?null:e.join===`and`&&t.value===0?{operator:`is`,values:[n.value?`subscribed`:`unsubscribed`]}:e.join===`or`&&t.value===1?{operator:`is-not`,values:[n.value?`unsubscribed`:`subscribed`]}:null}}}function Li(){return{operators:[`1`,`0`],serialize({operator:e,values:t}){let n=t[0];return typeof n!=`string`||!n?null:{join:`and`,fragments:[{expression:Dt(n)},{key:`feedback.score`,expression:e}]}},parse(){return null},parseClauses(e){let t=Fi(e,`feedback.post_id`),n=Fi(e,`feedback.score`);return e.clauses.length!==2||e.join!==`and`||!t||!n||typeof t.value!=`string`||n.value!==0&&n.value!==1?null:{operator:n.value===1?`1`:`0`,values:[t.value]}}}}var Ri=`count.active_stripe_customers`,zi=`${Ri}:>1`;`${Ri}`;var Bi=N({multipleActiveSubscriptionsBanner:N({dismissedCount:ee().finite().optional().catch(void 0),dismissedAt:P().optional().catch(void 0)}).optional().catch(void 0)});function Vi(e){return e===zi}function Hi(e){if(!e)return Bi.parse({});try{let t=JSON.parse(e);return Bi.parse(t)}catch{return Bi.parse({})}}function Ui(e){return Hi(e).multipleActiveSubscriptionsBanner??{}}function Wi(e,t,n){let r=Hi(e),i=Ui(e);return JSON.stringify({...r,multipleActiveSubscriptionsBanner:{...i,dismissedCount:t,dismissedAt:n}})}function Gi(e,t,n){return{...e,accessibility:Wi(e.accessibility,t,n)}}var Ki=[{key:`name`,icon:`person`,type:`text`,ui:{label:`Name`,placeholder:`Enter name...`,className:`w-48`}},{key:`email`,icon:`mail`,type:`text`,ui:{label:`Email`,placeholder:`Enter email...`,className:`w-48`}},{key:`label`,icon:`tag`,type:`set`,ui:{label:`Label`,searchable:!0,className:`w-64`},metadata:{activeColumn:{key:`labels`,label:`Labels`},columnInclude:`labels`}},un({key:`subscribed`,icon:`mail`,semantics:Ii(),operators:ln.scalar.operators,ui:{label:`Newsletter subscription`,type:`select`,searchable:!1},options:[{value:`subscribed`,label:`Subscribed`},{value:`unsubscribed`,label:`Unsubscribed`},{value:`email-disabled`,label:`Email disabled`}]}),{key:`last_seen_at`,icon:`eye`,type:`timestamp`,operators:jn,ui:{label:`Last seen`}},{key:`created_at`,icon:`calendar`,type:`timestamp`,operators:jn,ui:{label:`Created`}},{key:`signup`,icon:`person-plus`,type:`scalar`,valueConfig:{quoteStrings:!0},ui:{label:`Signed up on post/page`,searchable:!0,placeholder:`Select a post or page...`,className:`w-64`}},{key:`tier_id`,icon:`card`,type:`set`,ui:{label:`Membership tier`,searchable:!0,className:`w-64`},metadata:{activeColumn:{key:`tiers`,label:`Tiers`},columnInclude:`tiers`}},{key:`status`,icon:`person-circle`,type:`scalar`,ui:{label:`Member status`,searchable:!1},options:[{value:`paid`,label:`Paid`},{value:`free`,label:`Free`},{value:`comped`,label:`Complimentary`}]},{key:`subscriptions.plan_interval`,icon:`calendar-clock`,type:`scalar`,ui:{label:`Billing period`,searchable:!1},options:[{value:`month`,label:`Monthly`},{value:`year`,label:`Yearly`}],metadata:{activeColumn:{key:`subscriptions.plan_interval`,label:`Billing period`},columnInclude:`subscriptions`}},{key:`subscriptions.status`,icon:`card`,type:`scalar`,ui:{label:`Stripe subscription status`,searchable:!1},options:[{value:`active`,label:`Active`},{value:`trialing`,label:`Trialing`},{value:`canceled`,label:`Canceled`},{value:`unpaid`,label:`Unpaid`},{value:`past_due`,label:`Past Due`},{value:`incomplete`,label:`Incomplete`},{value:`incomplete_expired`,label:`Incomplete - Expired`}],metadata:{activeColumn:{key:`subscriptions.status`,label:`Subscription status`},columnInclude:`subscriptions`}},{key:`subscriptions.start_date`,icon:`calendar-start`,type:`timestamp`,operators:jn,ui:{label:`Paid start date`},metadata:{activeColumn:{key:`subscriptions.start_date`,label:`Paid start date`},columnInclude:`subscriptions`}},{key:`subscriptions.current_period_end`,icon:`calendar-end`,type:`timestamp`,operators:dn,ui:{label:`Next billing date`},metadata:{activeColumn:{key:`subscriptions.current_period_end`,label:`Next billing date`},columnInclude:`subscriptions`}},{key:`conversion`,icon:`arrows`,type:`scalar`,valueConfig:{quoteStrings:!0},ui:{label:`Subscription started on post/page`,searchable:!0,placeholder:`Select a post or page...`,className:`w-64`}},{key:`email_count`,icon:`send`,type:`number`,ui:{label:`Emails sent (all time)`,defaultOperator:`is-greater`,min:0,className:`w-24`}},{key:`email_opened_count`,icon:`mail-open`,type:`number`,ui:{label:`Emails opened (all time)`,defaultOperator:`is-greater`,min:0,className:`w-24`}},{key:`email_open_rate`,icon:`percent`,type:`number`,ui:{label:`Open rate (all time)`,defaultOperator:`is-greater`,min:0,max:100,suffix:`%`,className:`w-24`}},{key:`emails.post_id`,icon:`send`,type:`scalar`,valueConfig:{quoteStrings:!0},ui:{label:`Sent email`,searchable:!0,placeholder:`Select an email...`,className:`w-64`}},{key:`opened_emails.post_id`,icon:`mail-open`,type:`scalar`,valueConfig:{quoteStrings:!0},ui:{label:`Opened email`,searchable:!0,placeholder:`Select an email...`,className:`w-64`}},{key:`clicked_links.post_id`,icon:`click`,type:`scalar`,valueConfig:{quoteStrings:!0},ui:{label:`Clicked email`,searchable:!0,placeholder:`Select an email...`,className:`w-64`}},un({key:`newsletter_feedback`,icon:`message`,semantics:Li(),addressing:cn({field:`feedback.post_id`}),operators:[`1`,`0`],ui:{label:`Responded with feedback`,type:`select`,searchable:!0,placeholder:`Select an email...`,className:`w-64`,defaultOperator:`1`}}),{key:`offer_redemptions`,icon:`ticket`,type:`set`,valueConfig:{quoteStrings:!0,serializeSingletonAsScalar:!0},ui:{label:`Offer`,searchable:!0,className:`w-64`},metadata:{activeColumn:{key:`offer_redemptions`,label:`Offer`}}},{key:Ri,icon:`layers`,type:`count`,valueConfig:{threshold:1,absentForm:`below`},ui:{label:`Multiple active subscriptions`,type:`select`,searchable:!1,hideOperatorSelect:!0},options:[{value:`true`,label:`Yes`},{value:`false`,label:`No`}]}],qi=[`text`,`set`],Ji=un({key:`metafields.:namespace.:key`,icon:`text`,semantics:bi(qi),addressing:pi(),operators:xi(qi),ui:{label:`Custom field`,type:`custom`},metadata:{activeColumn:({params:e,label:t})=>t&&e.namespace&&e.key?{key:$({namespace:e.namespace,key:e.key}),label:t}:null,columnInclude:`metafields`}}),Yi=[...Ki,Ni,Ji],Xi=Sn(Yi),Zi=2;function Qi(e,t={}){let n=new Map;for(let r of e){let e=xn(Xi,r.field,`UTC`),i=e?.definition.metadata?.activeColumn;if(!i)continue;let{context:a}=e;if(typeof i!=`function`){let e=ra[i.key];e&&n.set(i.key,{...i,getValue:e});continue}let o=ia[a.pattern]?.(a.params,t);if(!o)continue;let s=i({...a,label:o.label});s&&n.set(s.key,{...s,getValue:o.getValue})}return Array.from(n.values()).slice(0,Zi)}function $i(e){let t=new Set([`labels`,`tiers`]);for(let n of e){let e=xn(Xi,n.field,`UTC`)?.definition.metadata?.columnInclude;e&&t.add(e)}return Array.from(t).join(`,`)}function ea({filters:e,nql:t,search:n}){if(!t&&!n)return;let r={include:$i(e),limit:`100`,order:`created_at desc`};return t&&(r.filter=t),n&&(r.search=n),r}function ta({nql:e,search:t}){return!e&&!t?{all:!0}:{...e?{filter:e}:{},...t?{search:t}:{}}}function na(e,t){return e?{text:Dr.default.tz(e,t).format(`D MMM YYYY`),subtext:(0,Dr.default)(e).fromNow()}:null}var ra={labels:e=>e.labels?.length?{text:e.labels.map(e=>e.name).join(`, `)}:null,tiers:e=>e.tiers?.length?{text:e.tiers.map(e=>e.name).join(`, `)}:null,"subscriptions.plan_interval":e=>{let t=e.current_subscription?.plan?.interval;return t?{text:t===`month`?`Monthly`:`Yearly`}:null},"subscriptions.status":e=>{let t=e.current_subscription?.status;return t?{text:t.split(`_`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}:null},"subscriptions.start_date":(e,t)=>na(e.current_subscription?.start_date,t),"subscriptions.current_period_end":(e,t)=>na(e.current_subscription?.current_period_end,t),offer_redemptions:e=>{let t=e.subscriptions?.map(e=>e.offer?.name).filter(Boolean);return t?.length?{text:t.join(`, `)}:null}},ia={"metafields.:namespace.:key":({namespace:e,key:t},{customFields:n})=>{let r=n?.find(n=>n.namespace===e&&n.key===t);return r?{label:r.name,getValue:e=>{let t=Jn(r.type,e.metafields?.[r.namespace]?.[r.key]);return t?{text:t}:null}}:null}};async function aa(e,t){let n=new URLSearchParams({limit:`all`});e&&n.set(`filter`,e),t&&n.set(`search`,t),await u(`/members/upload/?${n}`,`members.csv`)}var oa=({children:e,hasFilterOrSearch:t,memberCount:n,nql:r,search:i,canBulkDelete:a,showMenu:o=!0,showNewMember:s=!0,onImportComplete:c})=>{let{isAdmin7:l}=w(),u=v(),d=y(),f=u.pathname===`/members/import`,m=u.search??``,h=u.pathname===`/members`?`${u.pathname}${m}`:`/members`,g=`#/members/new?back=${encodeURIComponent(h)}`,[_,x]=(0,X.useState)(!1),[S,C]=(0,X.useState)(!1),[T,E]=(0,X.useState)(!1),[D,O]=(0,X.useState)(!1),{data:k,isLoading:A}=te({searchParams:{filter:`status:-archived`,limit:`50`}}),j=k?.newsletters||[],{mutateAsync:M,isPending:N}=nt(),{mutate:P,isPending:F}=ht(),[ee,I]=(0,X.useState)(!1),L=ta({nql:r,search:i}),z=(0,X.useCallback)(async()=>{try{await aa(r,i)}catch(e){throw p.error(`Export failed`,{description:`There was a problem downloading your member data. Please check your connection and try again.`}),e}},[r,i]),oe=(0,X.useCallback)(async e=>{try{for(let t of e)await M({...L,action:{type:`addLabel`,meta:{label:{id:t}}}});x(!1),p.success(e.length>1?`Labels added successfully`:`Label added successfully`)}catch{p.error(`Failed to add label`,{description:`There was a problem applying this label. Please try again.`})}},[M,L]),B=(0,X.useCallback)(async e=>{try{for(let t of e)await M({...L,action:{type:`removeLabel`,meta:{label:{id:t}}}});C(!1),p.success(e.length>1?`Labels removed successfully`:`Label removed successfully`)}catch{p.error(`Failed to remove label`,{description:`There was a problem removing this label. Please try again.`})}},[M,L]),ce=(0,X.useCallback)(async e=>{let t=L;if(e===null){try{await M({...t,action:{type:`unsubscribe`}}),E(!1),p.success(`Members unsubscribed successfully`)}catch{p.error(`Failed to unsubscribe members`,{description:`There was a problem unsubscribing these members. Please try again.`})}return}I(!0);try{let n=await Promise.allSettled(e.map(e=>M({...t,action:{type:`unsubscribe`,newsletter:e}}))),r=n.filter(e=>e.status===`fulfilled`).length,i=n.length;E(!1),r===i?p.success(`Unsubscribed from ${i} ${i===1?`newsletter`:`newsletters`}`):r>0?p.warning(`Unsubscribed from ${r} of ${i} newsletters`,{description:`Some newsletters could not be unsubscribed. Please try again.`}):p.error(`Failed to unsubscribe members`,{description:`There was a problem unsubscribing these members. Please try again.`})}catch{p.error(`Failed to unsubscribe members`,{description:`There was a problem unsubscribing these members. Please try again.`})}finally{I(!1)}},[M,L]),le=(0,X.useCallback)(()=>{P(L,{onSuccess:()=>{O(!1),p.success(`Members deleted successfully`)},onError:()=>{p.error(`Failed to delete members`,{description:`There was a problem deleting these members. Please try again.`})}})},[P,L]),V=(0,X.useCallback)(async()=>{try{await aa(r,i)}catch(e){throw p.error(`Export failed`,{description:`There was a problem downloading your backup. Please check your connection and try again.`}),e}},[r,i]),ue=(0,X.useCallback)(()=>{},[]),de=(0,X.useCallback)(()=>{d(`/members/import${m}`)},[m,d]),H=(0,X.useCallback)(e=>{c?.(e)},[c]),U=(0,X.useCallback)(e=>{if(e?.importLabel){d(Nt({filter:`label:[${e.importLabel.slug}]`}),{replace:!0});return}d(`/members${m}`,{replace:!0})},[m,d]);return(0,Z.jsxs)(Z.Fragment,{children:[o&&(0,Z.jsx)(Z.Fragment,{children:(0,Z.jsxs)(gt,{children:[(0,Z.jsx)(Tt,{asChild:!0,children:(0,Z.jsx)(Y.Action,{"data-testid":`members-actions`,label:`More member actions`,iconOnly:!0,children:(0,Z.jsx)(se,{className:`size-4`})})}),(0,Z.jsxs)(Et,{align:`end`,children:[(0,Z.jsxs)(Pt,{onClick:de,children:[(0,Z.jsx)(ye,{className:`mr-2 size-4`}),`Import members`]}),n>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Pt,{onClick:()=>void z(),children:[(0,Z.jsx)(re,{className:`mr-2 size-4`}),t?`Export ${b(n)} members`:`Export all members`]}),(0,Z.jsx)(It,{}),(0,Z.jsxs)(Pt,{onClick:()=>x(!0),children:[(0,Z.jsx)(R,{className:`mr-2 size-4`}),`Add label to `,b(n),` `,n===1?`member`:`members`]}),(0,Z.jsxs)(Pt,{onClick:()=>C(!0),children:[(0,Z.jsx)(ie,{className:`mr-2 size-4`}),`Remove label from `,b(n),` `,n===1?`member`:`members`]}),(0,Z.jsxs)(Pt,{disabled:A,onClick:()=>E(!0),children:[(0,Z.jsx)(ae,{className:`mr-2 size-4`}),`Unsubscribe `,b(n),` `,n===1?`member`:`members`]}),(0,Z.jsx)(It,{}),(0,Z.jsxs)(Pt,{className:`text-destructive focus:text-destructive`,disabled:!a,onClick:()=>O(!0),children:[(0,Z.jsx)(ne,{className:`mr-2 size-4`}),`Delete `,b(n),` `,n===1?`member`:`members`]})]})]})]})}),e,s&&(0,Z.jsx)(Y.ActionGroup.Primary,{children:(0,Z.jsx)(Y.Action,{fallbackVariant:`default`,label:`New member`,asChild:!0,primary:!0,children:(0,Z.jsxs)(`a`,{"aria-label":`New member`,className:`inline-flex items-center data-[control-shape=pill]:w-(--control-height) max-sm:data-[control-shape=pill]:px-0 sm:data-[control-shape=pill]:w-auto`,href:g,children:[(0,Z.jsx)(fe,{className:l?`stroke-2!`:`sm:hidden`}),(0,Z.jsx)(`span`,{className:`hidden sm:inline`,children:`New member`})]})})}),(0,Z.jsx)(ti,{open:f,onClose:U,onComplete:H,onOpenChange:ue}),(0,Z.jsx)(ar,{isLoading:N,memberCount:n,open:_,onConfirm:e=>void oe(e),onOpenChange:x}),(0,Z.jsx)(or,{isLoading:N,memberCount:n,nql:r,open:S,search:i,onConfirm:e=>void B(e),onOpenChange:C}),(0,Z.jsx)(sr,{isLoading:N||ee,memberCount:n,newsletters:j,open:T,onConfirm:e=>void ce(e),onOpenChange:E}),(0,Z.jsx)(cr,{isLoading:F,memberCount:n,open:D,onConfirm:le,onExportBackup:V,onOpenChange:O})]})},sa=({membershipsEnabled:e,onMemberCreated:t})=>{let{data:n,isLoading:r}=c(),{mutateAsync:i,isPending:a}=kt(),o=l(),s=(0,X.useCallback)(async()=>{if(!(!n||a))try{await i({email:n.email,name:n.name}),p.success(`You've been added as a member`),await t?.()}catch(e){o(e)}},[i,n,o,a,t]);return e?(0,Z.jsx)(`div`,{className:`flex h-full flex-col items-center justify-center px-4`,children:(0,Z.jsx)(Re,{actions:(0,Z.jsxs)(`div`,{className:`flex flex-col items-center gap-3`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-col items-center gap-2 sm:flex-row`,children:[(0,Z.jsx)(W,{asChild:!0,children:(0,Z.jsx)(_,{to:`/members/new?back=%2Fmembers`,children:`New member`})}),(0,Z.jsx)(W,{disabled:a||r||!n,variant:`outline`,onClick:()=>void s(),children:a?`Adding...`:`Add yourself as a member`})]}),(0,Z.jsxs)(`p`,{className:`text-sm leading-tight text-pretty text-muted-foreground`,children:[`Already have members?`,` `,(0,Z.jsx)(_,{className:`font-medium text-foreground underline-offset-4 hover:underline`,to:`/members/import`,children:`Import with CSV`})]})]}),description:`Use memberships to allow your readers to sign up and subscribe to your content.`,title:`Start building your audience`,children:(0,Z.jsx)(pe,{})})}):(0,Z.jsx)(`div`,{className:`flex h-full flex-col items-center justify-center px-4`,children:(0,Z.jsx)(Re,{actions:(0,Z.jsx)(W,{variant:`outline`,asChild:!0,children:(0,Z.jsx)(`a`,{href:`#/settings/members`,children:`Membership settings`})}),description:`Adjust your membership settings to start adding members.`,title:`Memberships have been disabled`,children:(0,Z.jsx)(pe,{})})})},ca=Bt.extend({route:k(`members`),filter:j(P(),P().nullable()).refine(e=>typeof e.filter==`string`&&e.filter.length>0)}),la=`A view with this name already exists`,ua=`Saved view could not be found for update`,da=`Multiple saved views matched update target`,fa=`Saved view could not be found for delete`,pa=`Multiple saved views matched delete target`;function ma(e){return ca.safeParse(e).success}function ha(e){let t=Mt(e);return t.ok?{ok:!0,views:t.views.filter(ma)}:t}function ga(e,t){return{name:e.trim(),route:`members`,filter:{filter:t}}}function _a(e,t,n,r){let i=ga(t,n);if(r){let t=Ft(e,r);if(t.length===0)throw Error(ua);if(t.length>1)throw Error(da);let n=t[0];if(zt(e,i,n))throw Error(la);return e.map((e,t)=>t===n?i:e)}if(zt(e,i))throw Error(la);return[...e,i]}function va(e,t){let n=Ft(e,t);if(n.length===0)throw Error(fa);if(n.length>1)throw Error(pa);let r=n[0];return e.filter((e,t)=>t!==r)}var ya=`Cannot modify saved views because shared_views is invalid`;function ba(e){return Vt(e?.settings??null,`shared_views`)??`[]`}function xa(){let{data:e}=_t(),t=l(),n=ba(e),r=(0,X.useRef)(null),i=(0,X.useMemo)(()=>ha(n),[n]);return(0,X.useEffect)(()=>{i.ok||r.current===n||(r.current=n,t(i.error,{withToast:!1}))},[t,i,n]),i.ok?i.views:[]}function Sa(){let{data:e}=_t(),{mutateAsync:t}=Ht(),n=l();return(0,X.useCallback)(async(r,i,a)=>{let o=Mt(ba(e));if(!o.ok){let e=Error(ya,{cause:o.error});throw n(e,{withToast:!1}),e}let s=_a(o.views,r,i,a);try{await t([{key:`shared_views`,value:JSON.stringify(s)}])}catch(e){throw n(e,{withToast:!1}),e}},[e,t,n])}function Ca(){let{data:e}=_t(),{mutateAsync:t}=Ht(),n=l();return(0,X.useCallback)(async r=>{let i=Mt(ba(e));if(!i.ok){let e=Error(ya,{cause:i.error});throw n(e,{withToast:!1}),e}let a=va(i.views,r);try{await t([{key:`shared_views`,value:JSON.stringify(a)}])}catch(e){throw n(e,{withToast:!1}),e}},[e,t,n])}function wa(e,t){return(0,X.useMemo)(()=>!t||e.length===0?null:e.find(e=>e.filter.filter===t)??null,[e,t])}var Ta=({filter:e,existingViews:t,activeView:n,onDeleted:r,onClose:i})=>{let[a,o]=(0,X.useState)(()=>n?.name??``),[s,c]=(0,X.useState)(``),[l,u]=(0,X.useState)(!1),[d,f]=(0,X.useState)(!1),[p,m]=(0,X.useState)(!1),h=Sa(),g=Ca(),_=!!n,v=async()=>{let r=a.trim();if(!r){c(`Please enter a name`);return}if(!_&&t.find(e=>e.name.trim().toLowerCase()===r.toLowerCase())){c(`A view with this name already exists`);return}u(!0);try{await h(r,e,n??void 0),i()}catch(e){c(e instanceof Error?e.message:`Failed to save view`)}finally{u(!1)}},y=async()=>{if(n){f(!0);try{await g(n),i(),r?.()}catch(e){c(e instanceof Error?e.message:`Failed to delete view`)}finally{f(!1)}}};return(0,Z.jsx)(Xe,{align:`end`,className:`w-72`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold`,children:_?`Edit view`:`Save view`}),(0,Z.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,Z.jsx)(Qe,{placeholder:`View name`,value:a,autoFocus:!0,onChange:e=>{o(e.target.value),s&&c(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),v())}}),s&&(0,Z.jsx)(`p`,{className:`text-xs text-red-500`,children:s})]}),_?p?(0,Z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Z.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Delete view?`}),(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>m(!1),children:`Cancel`}),(0,Z.jsx)(W,{disabled:d,size:`sm`,variant:`destructive`,onClick:()=>void y(),children:d?`Deleting...`:`Delete`})]})]}):(0,Z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Z.jsx)(W,{className:`text-red hover:bg-red/5 hover:text-red`,size:`sm`,variant:`ghost`,onClick:()=>m(!0),children:`Delete`}),(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(W,{size:`sm`,variant:`outline`,onClick:i,children:`Cancel`}),(0,Z.jsx)(W,{disabled:l||!a.trim(),size:`sm`,onClick:()=>void v(),children:l?`Saving...`:`Save`})]})]}):(0,Z.jsx)(W,{className:`w-full`,disabled:l||!a.trim(),onClick:()=>void v(),children:l?`Saving...`:`Save`})]})})},Ea=({filter:e,existingViews:t,activeView:n,onDeleted:r})=>{let[i,a]=(0,X.useState)(!1),o=n?`edit:${n.name}:${n.filter.filter}`:`save:${e}`;return(0,Z.jsxs)(st,{open:i,onOpenChange:a,children:[(0,Z.jsx)(bt,{asChild:!0,children:(0,Z.jsx)(Jt.Action,{variant:`outline`,children:n?`Edit view`:`Save view`})}),i&&(0,Z.jsx)(Ta,{activeView:n,existingViews:t,filter:e,onClose:()=>a(!1),onDeleted:r},o)]})},Da=kn(li);function Oa(e,t){let n=e.operators?.length?e.operators:Da,r=t===`whole`?li:t?[...ln[t].operators,...li]:null,i=r?n.filter(e=>tn(r,e.value)):n,a=i.map(e=>e.value);return{options:i,ids:a,fallback:a[0]??`is-set`}}var ka=({field:e,values:t,onChange:n,operator:r,onOperatorChange:i,readOnly:a})=>{let{data:o}=Zn(),s=o??[],c=oi(e.key??``)?.key??``,l=s.find(e=>e.key===c),u=l?(Hn(l.type)??[]).map(({key:e,label:t})=>({value:e,label:t})):[],d=e.label??l?.name??`Custom field`,f=u.length>0,[p=``,...m]=t,h=l?vi(l.type,p):void 0,g=f?h??`whole`:null,{options:_,ids:v,fallback:y}=Oa(e,g);(0,X.useEffect)(()=>{a||!i||v.includes(r)||i(y)},[a,r,v,y,i]);let b=!tn(li,r),x=[{value:``,label:`Any`},...u],S=(0,X.useMemo)(()=>t.slice(1).filter(e=>e!==``),[t]);return(0,Z.jsxs)(Z.Fragment,{children:[f&&(0,Z.jsx)(Gt,{ariaLabel:`${d} part`,options:x,readOnly:a,testId:`custom-field-filter-subfield`,value:p,onChange:e=>{n(l&&vi(l.type,e)===h?[e,...m]:[e])}}),i&&(0,Z.jsx)(Gt,{ariaLabel:`${d} operator`,options:_,readOnly:a,testId:`custom-field-filter-operator`,value:r,onChange:i}),b&&g===`set`&&(0,Z.jsx)(qt,{ariaLabel:`${d} value`,options:Un(S),placeholder:`Select countries...`,readOnly:a,searchPlaceholder:`Search countries...`,testId:`custom-field-filter-value`,values:S,onChange:e=>n([p,...e])}),b&&g!==`set`&&(0,Z.jsx)(Kt,{ariaLabel:`${d} value`,placeholder:`Enter value...`,readOnly:a,testId:`custom-field-filter-value`,value:m[0]??``,onChange:e=>n([p,e])})]})};function Aa({newsletters:e,customFields:t}={}){return[{resolved:!0,fields:Yi},Mi(e),wi(t)]}function ja(e={}){return!e.newsletters&&!e.customFields?Xi:Tn(Aa(e))}function Ma(e,t={}){return _n(e,Aa(t))}var Na=[`name`,`email`,`label`,`subscribed`,`last_seen_at`,`created_at`,`signup`],Pa=[`tier_id`,`status`,Ri,`subscriptions.plan_interval`,`subscriptions.status`,`subscriptions.start_date`,`subscriptions.current_period_end`,`conversion`,`offer_redemptions`],Fa=[`email_count`,`email_opened_count`,`email_open_rate`,`emails.post_id`,`opened_emails.post_id`,`clicked_links.post_id`,`newsletter_feedback`],Ia=[],La=[],Ra=[],za=[],Ba=[],Va=5,Ha={"is-any":`is any of`,"is-not-any":`is none of`,"does-not-contain":`does not contain`,...rn,1:`More like this`,0:`Less like this`};function Ua(e,t){return{options:e,valueSource:t}}function Wa(e){let t=new Map,n=[],r=[];for(let t of e)t.redemption_type===`retention`&&(t.cadence===`month`?n.push(t.id):t.cadence===`year`&&r.push(t.id));return n.length>0&&t.set(`retention:month`,n),r.length>0&&t.set(`retention:year`,r),t}function Ga(e){return Array.isArray(e.metadata?.offerIds)?e.metadata.offerIds.filter(e=>typeof e==`string`):null}function Ka(e){let t=[],n=Wa(e);for(let n of e)n.redemption_type!==`retention`&&t.push({value:n.id,label:n.name});return n.has(`retention:month`)&&t.push({value:`retention:month`,label:`Monthly Retention`,metadata:{offerIds:n.get(`retention:month`)}}),n.has(`retention:year`)&&t.push({value:`retention:year`,label:`Yearly Retention`,metadata:{offerIds:n.get(`retention:year`)}}),t}function qa(e,t){let n=[],r=new Set;for(let i of t){let t=Ga(i);t&&t.length>0&&t.every(t=>e.includes(t))&&(n.push(String(i.value)),t.forEach(e=>{r.add(e)}))}for(let t of e)r.has(t)||n.push(t);return n}function Ja(e,t){let n=[];for(let r of e){let e=t.find(e=>e.value===r),i=e?Ga(e):null;i?n.push(...i):n.push(r)}return[...new Set(n)]}function Ya(e){return new Map(e.map(e=>[e.id,e.name]))}function Xa(e,t,n){let r=e.map(e=>t.find(t=>t.value===e)).filter(e=>!!e);return r.length===1?r[0].label:r.length>1?`${r.length} selected`:e.length===1?n.get(e[0])??`Select...`:e.length>1?`${e.length} selected`:`Select...`}function Za({labelValueSource:e,tierValueSource:t,newsletters:n=Ia,hydratedNewsletterSlugs:r=La,hasMultipleTiers:i=!1,paidMembersEnabled:a=!1,emailFiltersEnabled:o=!1,postValueSource:s,emailValueSource:c,offers:l=Ra,multipleActiveSubscriptionsCount:u=0,membersTrackSources:d=!1,emailTrackOpens:f=!1,emailTrackClicks:p=!1,customFields:m=za,archivedCustomFields:h=Ba,siteTimezone:g=`UTC`}){let _=(0,X.useMemo)(()=>ja({newsletters:[...n,...r.filter(e=>!n.some(t=>t.slug===e)).map(e=>({slug:e,name:e}))],customFields:[...m,...h]}),[n,r,m,h]);return(0,X.useMemo)(()=>{function v(e,t={},n=Ha){let r=hn(e,`newsletters`)?_[`newsletters.:slug`]:hn(e,`metafields.`)?_[`metafields.:namespace.:key`]:void 0,i=_[e]??r;return{key:e,...i.ui,icon:Dn[i.ui.icon],operators:kn(i.operators,{labels:{...n,...i.operatorLabels}}),...`options`in i&&i.options?{options:i.options}:{},...t}}function y(e,t,n={}){let r=_[e],i=v(e,{defaultValue:t,...n});return an(r)?{...i,customRenderer:vn(t)}:i}let b=[],x=n.filter(e=>e.status!==`archived`),S=new Set(x.map(e=>e.slug)),C=[...new Set(r)].map(e=>({slug:e,name:n.find(t=>t.slug===e)?.name??e})),w=C.filter(e=>!S.has(e.slug)),T=Ka(l),E=Ya(l),D=sn(g),O=x.length<=1,k={label:!!e,subscribed:O,signup:d},A=Na.filter(e=>k[e]??!0).flatMap(t=>{switch(t){case`label`:return[v(t,{...Ua([],e),customRenderer:e=>X.createElement(tr,e)})];case`subscribed`:return[v(t),...C.map(e=>v(`newsletters.${e.slug}`,{label:e.name}))];case`last_seen_at`:case`created_at`:return[y(t,D)];case`signup`:return[v(t,Ua([],s))];default:return[v(t)]}});b.push({group:`Basic`,fields:A});let j=m.map(e=>v($(e),{label:e.name,icon:X.createElement(rr,{type:e.type,className:`size-4`}),renderOperatorInValue:!0,customRenderer:e=>X.createElement(ka,e)})),M=h.map(e=>v($(e),{label:e.name,icon:X.createElement(oe,{className:`size-4`}),readOnly:!0,renderOperatorInValue:!0,customRenderer:e=>X.createElement(ka,e)})),N=[...j,...M];if(N.length>0&&b.push({group:`Custom fields`,fields:N,previewLimit:Va}),x.length>1){let e=[v(`subscribed`,{label:`All newsletters`,options:[{value:`subscribed`,label:`Subscribed to at least one`},{value:`unsubscribed`,label:`Unsubscribed from all`},{value:`email-disabled`,label:`Email disabled`}]})];for(let t of x)e.push(v(`newsletters.${t.slug}`,{label:t.name}));for(let t of w)e.push(v(`newsletters.${t.slug}`,{label:t.name}));b.push({group:`Newsletters`,fields:e})}if(a){let e={tier_id:i,[Ri]:u>0,conversion:d,offer_redemptions:l.length>0},n=Pa.filter(t=>e[t]??!0).map(e=>{switch(e){case`tier_id`:return v(e,Ua([],t));case`status`:return v(e,{options:[..._.status?.options??[],{value:`gift`,label:`Gift subscription`}]});case`subscriptions.start_date`:case`subscriptions.current_period_end`:return y(e,D);case`conversion`:return v(e,Ua([],s));case`offer_redemptions`:return v(e,{options:T,customValueRenderer:e=>Xa(e,T,E)});default:return v(e)}});b.push({group:`Subscription`,fields:n})}if(o){let e={email_open_rate:f,"opened_emails.post_id":f,"clicked_links.post_id":p},t=new Set([`email_count`,`email_opened_count`,`email_open_rate`]),n=Fa.filter(t=>e[t]??!0).map(e=>t.has(e)?v(e):v(e,Ua([],c)));b.push({group:`Email`,fields:n})}return b},[_,o,c,p,f,i,e,d,u,n,l,r,a,s,g,t])}var Qa=[],$a=[],eo=[],to=[];function no(e,t){let n=[...new Set(e.map(e=>e.field).map(e=>gn(e,t)).filter(e=>e!==null))].sort().join(`
+`);return(0,X.useMemo)(()=>n?n.split(`
+`):to,[n])}function ro(e,t){return e.map(e=>e.field===`offer_redemptions`?{...e,values:t(e.values)}:e)}var io=({filters:e,multipleActiveSubscriptionsCount:t,nql:n,onFiltersChange:r,savedViews:i=[],activeView:a,iconOnly:o=!1})=>{let{data:s}=m({}),{data:c}=te({searchParams:{limit:`100`}}),{data:l}=_t({}),u=l?.settings||[],d=At()===!0,f=ft()??!0,p=Ze()===!0,h=$e()===!0,g=yt()===!0,_=Xt(u),v=c?.newsletters??eo,y=(0,X.useMemo)(()=>s?.offers??Qa,[s?.offers]),b=(0,X.useMemo)(()=>Ka(y),[y]),x=no(e,`newsletters.`),C=(0,X.useMemo)(()=>ro(e,e=>qa(e,b)),[e,b]),T=(0,X.useCallback)(e=>{r(ro(e,e=>Ja(e,b)))},[r,b]),E=Pn(),D=Mn(),O=Nn(),{valueSource:k,hasMultipleTiers:A}=Fn(),{data:j}=Zn(),M=j??$a,N=(0,X.useMemo)(()=>M.filter(e=>e.status===`active`),[M]),P=no(e,ai),F=(0,X.useMemo)(()=>new Set(P),[P]),ee=Za({newsletters:v,hydratedNewsletterSlugs:x,hasMultipleTiers:A,paidMembersEnabled:d,emailFiltersEnabled:f,labelValueSource:O,tierValueSource:k,offers:y,multipleActiveSubscriptionsCount:t,postValueSource:E,emailValueSource:D,membersTrackSources:p,emailTrackOpens:h,emailTrackClicks:g,siteTimezone:_,customFields:N,archivedCustomFields:(0,X.useMemo)(()=>M.filter(e=>e.status===`archived`&&F.has(`${e.namespace}.${e.key}`)).map(e=>({namespace:e.namespace,key:e.key,name:e.name,type:e.type})),[M,F])}),I=e.length>0,{isAdmin7:L}=w(),ne=Ct(`postsListReact`),R=!L&&!ne,re=I?(0,Z.jsxs)(Jt.Actions,{className:S(R&&`gap-4`),"data-testid":`members-filter-actions`,gap:R?void 0:`sm`,children:[(0,Z.jsxs)(Jt.Action,{className:S(`hidden items-center lg:inline-flex`,!L&&`text-muted-foreground hover:text-foreground`,R&&`gap-1 !px-0 text-sm font-normal hover:bg-transparent`),type:`button`,variant:!L&&ne?`outline`:`ghost`,onClick:()=>r([]),children:[R&&(0,Z.jsx)(ue,{className:`size-4`}),`Clear`]}),n&&(0,Z.jsx)(Ea,{activeView:a,existingViews:i,filter:n,onDeleted:()=>r([])})]}):void 0;return(0,Z.jsx)(Wt,{addButton:(0,Z.jsx)(Wt.Trigger,{collapseLabel:o,fallbackClassName:`bg-background`,fallbackStyle:ne?`list`:`funnel`}),allowMultiple:!0,className:S(`[&>button]:order-last`,I?`sm:!pr-40`:`w-auto`),clearButton:re,fields:ee,filters:C,keyboardShortcut:`f`,popoverAlign:`start`,popoverContentClassName:`z-[80] w-[280px] [&_[data-slot=command-list]]:max-h-[450px]`,showClearButton:I,showSearchInput:!0,onChange:T})},ao=({search:e,onSearchChange:t,autoFocus:n=!1,collapsible:r=!1,ariaLabel:i=`Search members`})=>{let{controlShape:a,isAdmin7:o}=w(),[s,c]=(0,X.useState)(!1),l=(0,X.useRef)(!1),u=!r||s||e.length>0,d=i===`Search members mobile`?`members-mobile-search-input`:`members-search-input`,f=(0,Z.jsxs)(Ge,{className:S(`h-(--control-height) min-w-0`,r?`w-full`:`basis-full lg:w-[180px] lg:basis-auto xl:w-[240px]`),shape:a,variant:o?`secondary`:`default`,children:[(0,Z.jsx)(We,{children:(0,Z.jsx)(he,{className:`size-4`,strokeWidth:r?2:1.75})}),(0,Z.jsx)(Ue,{"aria-label":i,autoFocus:n||r&&s,className:`!h-[34px] min-w-0`,"data-testid":d,placeholder:`Search members...`,value:e,onBlur:()=>{r&&!e&&c(!1)},onChange:e=>t(e.target.value),onFocus:()=>{r&&c(!0)},onKeyDown:t=>{r&&t.key===`Escape`&&!e&&(t.preventDefault(),t.stopPropagation(),l.current=!0,c(!1))}})]});return r?(0,Z.jsx)(T,{className:S(`shrink-0 transition-[width] duration-(--duration-base) motion-reduce:transition-none`,u?`w-[160px] sm:w-[180px] xl:w-[240px]`:`w-(--control-height)`),children:u?f:(0,Z.jsx)(Y.Action,{ref:e=>{e&&l.current&&(e.focus(),l.current=!1)},label:`Search members`,type:`button`,iconOnly:!0,onClick:()=>c(!0),children:(0,Z.jsx)(he,{className:`size-4 stroke-2!`})})}):f},oo=({children:e,description:t,title:n,url:r})=>(0,Z.jsx)(`a`,{className:`group/card block rounded-xl border bg-card p-6 transition-all hover:bg-table-row-hover hover:shadow-xs`,href:r,rel:`noopener noreferrer`,target:`_blank`,children:(0,Z.jsxs)(`div`,{className:`flex items-center gap-6`,children:[e,(0,Z.jsxs)(`div`,{className:`flex flex-col leading-tight`,children:[(0,Z.jsx)(`h4`,{className:`text-md font-medium tracking-normal text-pretty text-foreground`,children:n}),(0,Z.jsx)(`p`,{className:`mt-1.5 text-sm leading-tight text-pretty text-muted-foreground`,children:t})]})]})}),so=`flex h-18 w-[100px] min-w-[100px] items-center justify-center rounded-md p-4 opacity-80 transition-all group-hover/card:opacity-100`,co=()=>(0,Z.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-4 lg:grid-cols-2`,children:[(0,Z.jsx)(oo,{description:`Learn how to turn anonymous visitors into logged-in members with memberships in Ghost.`,title:`Building your audience with subscriber signups`,url:`https://ghost.org/resources/build-audience-subscriber-signups/`,children:(0,Z.jsx)(`div`,{className:S(so,`bg-gradient-to-tr from-[#22C55E]/20 to-[#84CC16]/20`),children:(0,Z.jsx)(U,{className:`text-[#16A34A]`,size:20,strokeWidth:1.5})})}),(0,Z.jsx)(oo,{description:`Starting from zero? Use this guide to find your founding audience members.`,title:`Get your first 100 email subscribers`,url:`https://ghost.org/resources/first-100-email-subscribers/`,children:(0,Z.jsx)(`div`,{className:S(so,`bg-gradient-to-tl from-[#A855F7]/20 to-[#EC4899]/20`),children:(0,Z.jsx)(z,{className:`text-[#DB2777]`,size:20,strokeWidth:1.5})})})]});function lo(e,t){let n=new URLSearchParams;t&&n.set(`back`,t);let r=n.toString();return`/members/${e}${r?`?${r}`:``}`}var uo={left:`100%`};function fo(e){if(!e)return{text:`Unknown`,isKnown:!1};try{let t=JSON.parse(e);return t.country?t.country_code===`US`&&t.region?{text:`${t.region}, US`,isKnown:!0}:{text:t.country,isKnown:!0}:{text:`Unknown`,isKnown:!1}}catch{return{text:`Unknown`,isKnown:!1}}}function po(e){switch(e){case`paid`:return`Paid`;case`comped`:return`Complimentary`;case`gift`:return`Gift`;default:return`Free`}}function mo(e){return e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey}function ho(e,t){window.open(`#${lo(e,t)}`,`_blank`,`noopener`)}function go({item:e,backPath:t,onClick:n}){return(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,Z.jsx)(vt,{className:`size-8 min-w-8`,...Lt(e),src:e.avatar_image}),(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(_,{className:`block min-w-0 cursor-pointer`,to:lo(e.id,t),onClick:n?t=>{if(mo(t)){t.stopPropagation();return}t.preventDefault(),t.stopPropagation(),n(e.id)}:void 0,children:(0,Z.jsx)(`span`,{className:`block truncate text-md font-semibold`,children:e.name||e.email||`Anonymous`})}),e.name&&e.email&&(0,Z.jsx)(`div`,{className:`truncate text-muted-foreground`,"data-testid":`member-email`,children:e.email})]})]})}function _o({status:e,tiers:t}){let n=t?.map(e=>e.name).join(`, `);return(0,Z.jsx)(`div`,{className:`flex min-w-0 justify-start`,children:(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(`div`,{className:`truncate`,children:po(e)}),n&&(0,Z.jsx)(`div`,{className:`truncate text-sm text-muted-foreground`,children:n})]})})}function vo({emailOpenRate:e}){let t=e!=null;return(0,Z.jsx)(`div`,{className:S(`text-base`,t?`text-foreground`:`text-muted-foreground`),children:t?C(e/100):`N/A`})}function yo({geolocation:e}){let t=fo(e);return(0,Z.jsx)(`div`,{className:S(`truncate text-base`,t.isKnown?`text-foreground`:`text-muted-foreground`),children:t.text})}function bo({createdAt:e}){return(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`text-base`,children:Dr.default.utc(e).format(`D MMM YYYY`)}),(0,Z.jsx)(`div`,{className:`text-base text-muted-foreground`,children:Dr.default.utc(e).fromNow()})]})}function xo({column:e,member:t,timezone:n}){let r=e.getValue(t,n);return r?(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(`div`,{className:`truncate text-base`,title:r.text,children:r.text}),r.subtext&&(0,Z.jsx)(`div`,{className:`truncate text-base text-muted-foreground`,title:r.subtext,children:r.subtext})]}):(0,Z.jsx)(`span`,{className:`text-base text-muted-foreground`,children:`-`})}var So=(0,X.forwardRef)(function({item:e,activeColumns:t,backPath:n,columnStyles:r,showPinnedEdge:i,showEmailOpenRate:a,timezone:o,onClick:s,...c},l){let u=t=>{if(mo(t)){ho(e.id,n);return}s(e.id)},d=t=>{t.button===1&&(t.preventDefault(),ho(e.id,n))};return(0,Z.jsxs)(K,{...c,ref:l,className:S(`group cursor-pointer`,c.className),"data-testid":`members-list-item`,onAuxClick:d,onClick:u,children:[(0,Z.jsxs)(q,{className:S(`min-w-0 bg-background px-4 py-3 group-hover:bg-table-row-hover max-sm:!w-full max-sm:!min-w-0 lg:sticky lg:left-0 lg:z-20`),children:[(0,Z.jsx)(go,{backPath:n,item:e,onClick:s}),i&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-y-px hidden w-[24px] group-hover:opacity-0 lg:block`,style:{...uo,background:`linear-gradient(to right, var(--background) 0px, color-mix(in hsl, var(--background) 78%, transparent) 6px, color-mix(in hsl, var(--background) 28%, transparent) 16px, transparent 24px)`}}),(0,Z.jsx)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-y-px hidden w-[24px] opacity-0 group-hover:opacity-100 lg:block`,style:{...uo,background:`linear-gradient(to right, var(--table-row-hover) 0px, color-mix(in hsl, var(--table-row-hover) 78%, transparent) 6px, color-mix(in hsl, var(--table-row-hover) 28%, transparent) 16px, transparent 24px)`}})]})]}),(0,Z.jsx)(q,{className:`hidden px-4 py-3 sm:table-cell`,style:r.status,children:(0,Z.jsx)(_o,{status:e.status,tiers:e.tiers})}),a&&(0,Z.jsx)(q,{className:`hidden px-4 py-3 lg:table-cell`,style:r.openRate,children:(0,Z.jsx)(vo,{emailOpenRate:e.email_open_rate})}),(0,Z.jsx)(q,{className:`hidden px-4 py-3 lg:table-cell`,style:r.location,children:(0,Z.jsx)(yo,{geolocation:e.geolocation})}),(0,Z.jsx)(q,{className:`hidden px-4 py-3 lg:table-cell`,style:r.created,children:(0,Z.jsx)(bo,{createdAt:e.created_at})}),t.map(t=>(0,Z.jsx)(q,{className:`hidden px-4 py-3 lg:table-cell`,style:r.dynamic,children:(0,Z.jsx)(xo,{column:t,member:e,timezone:o})},t.key))]})}),Co={left:`100%`,background:`linear-gradient(to right, var(--members-sticky-fade-base) 0px, color-mix(in hsl, var(--members-sticky-fade-base) 78%, transparent) 6px, color-mix(in hsl, var(--members-sticky-fade-base) 28%, transparent) 16px, transparent 24px)`},wo=({activeColumns:e,columnStyles:t,showEmailOpenRate:n})=>(0,Z.jsxs)(`colgroup`,{children:[(0,Z.jsx)(`col`,{className:`max-sm:!w-full max-sm:!min-w-0 sm:max-lg:!w-auto sm:max-lg:!min-w-0`,style:t.member}),(0,Z.jsx)(`col`,{className:`hidden sm:table-column`,style:t.status}),n&&(0,Z.jsx)(`col`,{className:`hidden lg:table-column`,style:t.openRate}),(0,Z.jsx)(`col`,{className:`hidden lg:table-column`,style:t.location}),(0,Z.jsx)(`col`,{className:`hidden lg:table-column`,style:t.created}),e.map(e=>(0,Z.jsx)(`col`,{className:`hidden lg:table-column`,style:t.dynamic},e.key))]}),To=({activeColumns:e,className:t,columnStyles:n,headerRef:r,memberHeaderRef:i,showEmailOpenRate:a})=>(0,Z.jsx)(qe,{ref:r,className:S(`hidden bg-transparent lg:table-header-group [&_th]:whitespace-nowrap`,t),children:(0,Z.jsxs)(K,{children:[(0,Z.jsx)(G,{ref:i,className:`sticky left-0 z-[70] bg-transparent px-4 [--members-sticky-fade-base:var(--background)]`,style:n.member,children:`Member`}),(0,Z.jsx)(G,{className:`bg-transparent px-4`,style:n.status,children:`Status`}),a&&(0,Z.jsx)(G,{className:`bg-transparent px-4`,style:n.openRate,children:`Open rate`}),(0,Z.jsx)(G,{className:`bg-transparent px-4`,style:n.location,children:`Location`}),(0,Z.jsx)(G,{className:`bg-transparent px-4`,style:n.created,children:`Created`}),e.map(e=>(0,Z.jsx)(G,{className:`bg-transparent px-4`,style:n.dynamic,children:e.label},e.key))]})}),Eo=({columnStyle:e,showPinnedEdge:t})=>(0,Z.jsxs)(`div`,{className:`pointer-events-none absolute inset-y-0 left-0 z-[70] overflow-visible bg-transparent [--members-sticky-fade-base:var(--background)]`,style:e,children:[(0,Z.jsxs)(Je,{className:`w-full table-fixed border-collapse`,children:[(0,Z.jsx)(`colgroup`,{children:(0,Z.jsx)(`col`,{style:{width:`100%`}})}),(0,Z.jsx)(qe,{className:`bg-transparent lg:table-header-group [&_th]:whitespace-nowrap`,children:(0,Z.jsx)(K,{children:(0,Z.jsx)(G,{className:`bg-transparent px-4`,children:`Member`})})})]}),t&&(0,Z.jsx)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-y-px w-[24px]`,style:Co})]}),Do={member:40,status:15,openRate:10,location:17.5,created:17.5},Oo={member:320,status:180,openRate:140,location:180,created:160},ko=17.5,Ao=220;function jo(e){return Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function Mo({showEmailOpenRate:e,activeColumnCount:t}){let n=[{key:`member`,width:Do.member},{key:`status`,width:Do.status},...e?[{key:`openRate`,width:Do.openRate}]:[],{key:`location`,width:Do.location},{key:`created`,width:Do.created}],r=jo(t),i=n.reduce((e,t)=>e+t.width,0),a=100+r*ko,o=ko/a*100,s=n.reduce((e,t)=>{let n=t.width/i*100;return e[t.key]=n/a*100,e},{member:0,status:0,openRate:0,location:0,created:0});return{tableWidthPercentage:a,minTableWidth:n.reduce((e,t)=>e+Oo[t.key],0)+r*Ao,dynamicColumnWidthPercentage:o,baseColumnWidthPercentages:s,baseColumnMinWidths:{member:Oo.member,status:Oo.status,openRate:Oo.openRate,location:Oo.location,created:Oo.created},dynamicColumnMinWidth:Ao}}function No(e){let t=(e,t)=>({width:`${e}%`,minWidth:`${t}px`});return{tableStyle:{"--members-table-width":`${e.tableWidthPercentage}%`,"--members-table-min-width":`${e.minTableWidth}px`},columnStyles:{member:t(e.baseColumnWidthPercentages.member,e.baseColumnMinWidths.member),status:t(e.baseColumnWidthPercentages.status,e.baseColumnMinWidths.status),openRate:t(e.baseColumnWidthPercentages.openRate,e.baseColumnMinWidths.openRate),location:t(e.baseColumnWidthPercentages.location,e.baseColumnMinWidths.location),created:t(e.baseColumnWidthPercentages.created,e.baseColumnMinWidths.created),dynamic:t(e.dynamicColumnWidthPercentage,e.dynamicColumnMinWidth)}}}var Po=({height:e})=>(0,Z.jsx)(`tr`,{"aria-hidden":`true`,style:{height:e},children:(0,Z.jsx)(`td`,{colSpan:999})}),Fo=(0,X.forwardRef)(function(e,t){return(0,Z.jsx)(K,{ref:t,...e,"aria-hidden":`true`,children:(0,Z.jsx)(q,{className:`h-[72px] px-4 py-3`,colSpan:999,children:(0,Z.jsx)(`div`,{className:`h-full animate-pulse rounded-md bg-muted`,"data-testid":`loading-placeholder`})})})});function Io({items:e,totalItems:t,backPath:n,hasNextPage:r,isFetchingNextPage:i,fetchNextPage:a,isLoading:o,showEmailOpenRate:s=!0,activeColumns:c,timezone:l,pageHeaderRef:u,onRowClick:d}){let f=(0,X.useRef)(null),p=(0,X.useRef)(null),m=(0,X.useRef)(null),h=(0,X.useRef)(null),g=(0,X.useRef)(null),[_,v]=(0,X.useState)(0),[b,x]=(0,X.useState)(0),[S,C]=(0,X.useState)(!1),{visibleItemCount:w,canLoadMore:T,loadMore:E}=Rn(t),D=(0,X.useMemo)(()=>Mo({showEmailOpenRate:s,activeColumnCount:c.length}),[c.length,s]),{tableStyle:O,columnStyles:k}=(0,X.useMemo)(()=>No(D),[D]);Ln({parentRef:f,isLoading:o}),(0,X.useEffect)(()=>{let e=g.current;if(!e)return;let t=()=>{let t=e.scrollLeft;C(t>0),h.current&&(h.current.scrollLeft=t)};return t(),e.addEventListener(`scroll`,t,{passive:!0}),window.addEventListener(`resize`,t),()=>{e.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t)}},[c.length,e.length,s]),(0,X.useEffect)(()=>{let e=u?.current,t=p.current,n=m.current;if(!e||!t||!n){v(0),x(0);return}let r=e.style.paddingBottom,i=e.style.marginBottom,a=parseFloat(getComputedStyle(e).paddingBottom)||0,o=parseFloat(getComputedStyle(e).marginBottom)||0,s=()=>{r?e.style.setProperty(`padding-bottom`,r):e.style.removeProperty(`padding-bottom`),i?e.style.setProperty(`margin-bottom`,i):e.style.removeProperty(`margin-bottom`)},c=()=>{if(!window.matchMedia(`(min-width: 1024px)`).matches){s(),v(0),x(0);return}let r=t.getBoundingClientRect().height,i=n.getBoundingClientRect().width;e.style.setProperty(`padding-bottom`,`${a+r}px`,`important`),e.style.setProperty(`margin-bottom`,`${o-r}px`,`important`);let c=e.getBoundingClientRect().height;v(i),x(Math.max(c-r,0))};c();let l=new ResizeObserver(()=>{c()});return l.observe(e),l.observe(t),l.observe(n),window.addEventListener(`resize`,c),()=>{s(),l.disconnect(),window.removeEventListener(`resize`,c)}},[c.length,u,s]);let{visibleItems:A,spaceBefore:j,spaceAfter:M}=In({items:e,totalItems:w,hasNextPage:r,isFetchingNextPage:i,fetchNextPage:a,parentRef:f,estimateSize:()=>72}),N=y(),P=e=>{d?d(e):N(lo(e,n))};return(0,Z.jsxs)(`div`,{ref:f,className:`w-full min-w-0`,"data-testid":`members-list-scroll-root`,children:[(0,Z.jsx)(`div`,{className:`sticky z-[50] hidden overflow-visible bg-transparent lg:block`,style:{top:b},children:(0,Z.jsxs)(`div`,{className:`relative`,children:[(0,Z.jsx)(Eo,{columnStyle:_>0?{width:_}:k.member,showPinnedEdge:S}),(0,Z.jsx)(`div`,{ref:h,className:`w-full overflow-hidden`,style:_>0?{clipPath:`inset(0 0 0 ${_}px)`}:void 0,children:(0,Z.jsxs)(Je,{"aria-hidden":`true`,className:`w-full border-collapse lg:w-[var(--members-table-width)] lg:min-w-[var(--members-table-min-width)] lg:table-fixed`,style:O,children:[(0,Z.jsx)(wo,{activeColumns:c,columnStyles:k,showEmailOpenRate:s}),(0,Z.jsx)(To,{activeColumns:c,columnStyles:k,headerRef:p,memberHeaderRef:m,showEmailOpenRate:s})]})})]})}),(0,Z.jsx)(`div`,{ref:g,className:`w-full overflow-x-auto overflow-y-visible`,children:(0,Z.jsxs)(Je,{className:`w-full border-collapse max-sm:table-fixed sm:max-lg:table-auto lg:w-[var(--members-table-width)] lg:min-w-[var(--members-table-min-width)] lg:table-fixed`,"data-testid":`members-list`,style:O,children:[(0,Z.jsx)(wo,{activeColumns:c,columnStyles:k,showEmailOpenRate:s}),(0,Z.jsx)(To,{activeColumns:c,className:`lg:h-0 lg:overflow-hidden lg:[&_th]:pointer-events-none lg:[&_th]:h-0 lg:[&_th]:border-0 lg:[&_th]:p-0 lg:[&_th]:text-[0px] lg:[&_th]:leading-none lg:[&_th]:opacity-0 lg:[&_tr]:h-0 lg:[&_tr]:border-0`,columnStyles:k,showEmailOpenRate:s}),(0,Z.jsxs)(Ke,{children:[(0,Z.jsx)(Po,{height:j}),A.map(({key:t,virtualItem:r,item:i,props:a})=>r.index>e.length-1?(0,Z.jsx)(Fo,{...a},t):(0,Z.jsx)(So,{...a,activeColumns:c,backPath:n,columnStyles:k,item:i,showEmailOpenRate:s,showPinnedEdge:S,timezone:l,onClick:P},t)),(0,Z.jsx)(Po,{height:M})]})]})}),T&&(0,Z.jsx)(zn,{isLoading:i,onClick:E})]})}function Lo({count:e,hasResolvedCount:t,nql:n,search:r}){let i=y(),{data:a}=c(),{mutateAsync:o,isPending:s}=D(),[l,u]=(0,X.useState)(null),d=Vi(n),f=!r&&(!n||d),m=(0,X.useMemo)(()=>Ui(a?.accessibility),[a?.accessibility]),h=l??m.dismissedCount??0,g=!d,_=f&&(d||e>h);return(0,X.useEffect)(()=>{let n=m.dismissedCount;!a||l!==null||s||n===void 0||!t||e>=n||(u(e),o(Gi(a,e,m.dismissedAt??new Date().toISOString())).then(()=>{u(null)}).catch(e=>{u(null),console.log(`Unable to update multiple active subscriptions banner dismissed count`,e)}))},[e,a,o,t,s,l,m.dismissedAt,m.dismissedCount]),{canDismiss:g,count:e,handleDismiss:(0,X.useCallback)(()=>{if(!a||s)return;let t=l;u(e),o(Gi(a,e,new Date().toISOString())).then(()=>{u(null)}).catch(()=>{u(t),p.error(`Unable to dismiss notification. Please try again.`)})},[e,a,o,s,l]),handleViewMembers:(0,X.useCallback)(()=>{i(Nt({filter:zi}))},[i]),shouldShow:_}}var Ro=({count:e,hasResolvedCount:t,nql:n,search:r})=>{let i=Lo({count:e,hasResolvedCount:t,nql:n,search:r});return i.shouldShow?(0,Z.jsx)(Ut,{role:`status`,variant:`warning`,...i.canDismiss?{dismissible:!0,onDismiss:i.handleDismiss}:{dismissible:!1},children:(0,Z.jsxs)(`div`,{className:`flex flex-col items-baseline gap-3 pr-8 sm:flex-row`,children:[`We found `,b(i.count),` `,i.count===1?`member`:`members`,` with more than one active paid subscription.`,` `,(0,Z.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[i.canDismiss&&(0,Z.jsx)(`button`,{className:`nowrap font-semibold !underline`,type:`button`,onClick:i.handleViewMembers,children:`View members`}),(0,Z.jsx)(`a`,{className:`nowrap font-semibold underline`,href:`https://ghost.org/help/duplicate-subscription-warning/`,rel:`noopener noreferrer`,target:`_blank`,children:`Learn more`})]})]})}):null},zo=[`subscriptions.plan_interval`,`subscriptions.status`,`subscriptions.start_date`,`subscriptions.current_period_end`,`conversion`,`offer_redemptions`,Ri];function Bo(e,t){return t&&e.length===0?!1:!e.some(e=>zo.includes(e.field))}function Vo({isFetching:e,isFetchingNextPage:t}){return e&&!t}var Ho=En(Xi,`date`);function Uo(e,t=Xi){return bn(e,t)}function Wo(e,t,n=Xi){let r=On(e??``);return r?wn(pn(r,n,t)):[]}function Go(e){let t=On(e??``);return t?fn(t,Ho):!1}function Ko(e,t,n=Xi){return mn(e,n,t)}function qo(e,{hasResolvedSettings:t,isLoadingSettings:n=!t,newsletters:r,customFields:i}){return e?n&&!t&&Go(e)||!Ma(e,{newsletters:r,customFields:i}):!1}function Jo(e,t){return e.filter(e=>Uo(e,t))}function Yo({baseSearchParams:e,filters:t,search:n,timezone:r,fields:i}){let a=new URLSearchParams(e),o=Ko(Jo(t,i),r,i);return a.delete(`filter`),a.delete(`search`),o&&a.set(`filter`,o),n&&a.set(`search`,n),a}function Xo(e,t,n){let r=(0,X.useMemo)(()=>ja({newsletters:t,customFields:n}),[t,n]),[i,a]=g(),o=(0,X.useRef)(null),s=(0,X.useRef)(!1),c=(0,X.useMemo)(()=>i.get(`filter`)??void 0,[i]),l=(0,X.useMemo)(()=>i.toString(),[i]),u=(0,X.useMemo)(()=>Jo(Wo(c,e,r),r),[c,e,r]),[d,f]=(0,X.useState)(u),p=(0,X.useMemo)(()=>i.get(`search`)??``,[i]),m=(0,X.useMemo)(()=>Ko(Jo(d,r),e,r),[d,e,r]);return(0,X.useEffect)(()=>{l!==o.current&&(s.current=o.current!==null,f(u),o.current=l)},[l,u]),(0,X.useEffect)(()=>{if(s.current){s.current=!1;return}if(o.current!==null&&l!==o.current)return;let t=Yo({baseSearchParams:i,filters:d,search:p,timezone:e,fields:r}),n=t.toString();n!==l&&(o.current=n,a(t,{replace:!0}))},[l,d,p,i,a,e,r]),{filters:d,nql:m,search:p,setFilters:(0,X.useCallback)((t,n={})=>{let s=n.replace??!0,c=Yo({baseSearchParams:i,filters:t,search:p,timezone:e,fields:r});f(t),o.current=c.toString(),a(c,{replace:s})},[p,i,a,e,r]),setSearch:(0,X.useCallback)((t,n={})=>{let s=n.replace??!0,c=Yo({baseSearchParams:i,filters:d,search:t,timezone:e,fields:r});o.current=c.toString(),a(c,{replace:s})},[d,i,a,e,r]),clearFilters:(0,X.useCallback)(({replace:t=!0}={})=>{let n=Yo({baseSearchParams:i,filters:[],search:p,timezone:e,fields:r});f([]),o.current=n.toString(),a(n,{replace:t})},[p,i,a,e,r]),clearAll:(0,X.useCallback)(({replace:t=!0}={})=>{let n=Yo({baseSearchParams:i,filters:[],search:``,timezone:e,fields:r});f([]),o.current=n.toString(),a(n,{replace:t})},[i,a,e,r]),hasFilterOrSearch:!!m||p.length>0}}var Zo=`newsletters`,Qo=[],$o=[];function es(e){let t=Cn(e,Zo),{data:n,isError:r}=te({searchParams:{limit:`100`},enabled:t}),{data:i,isError:a}=Zn();return{newsletters:!t||r?Qo:n?.newsletters,customFields:a?$o:i}}function ts({enabled:e}){let{data:t}=lt({searchParams:{filter:zi,limit:`1`,fields:`id`,order:`id`},defaultErrorHandler:!1,enabled:e,refetchOnMount:`always`,staleTime:0});return{count:t?.meta?.pagination?.total??0,hasResolvedCount:t!==void 0}}var ns=250,rs=6,is=({emailAnalyticsEnabled:e,hasStripeEnabled:t,membershipsEnabled:r,timezone:i})=>{let{isAdmin7:a}=w(),o=(0,X.useRef)(null),s=(0,X.useCallback)(e=>{o.current=e?.closest(`[data-list-page="header"]`)},[]),[c]=g(),{newsletters:l,customFields:u}=es(c.get(`filter`)??void 0),{filters:d,nql:f,search:p,setFilters:m,setSearch:h,hasFilterOrSearch:_,clearAll:y}=Xo(i,l,u),x=v(),C=xa(),D=wa(C,f),[O,k]=(0,X.useState)(a&&p.length>0),[A,j]=(0,X.useState)(!1),[M,N]=(0,X.useState)(p),P=ot(e=>{h(e)},ns),{count:F,hasResolvedCount:ee}=ts({enabled:t}),te=(0,X.useMemo)(()=>Qi(d,{customFields:u}),[d,u]),I=(0,X.useMemo)(()=>Bo(d,f),[d,f]),{data:L,isError:ne,isFetching:R,isFetchingNextPage:re,refetch:z,fetchNextPage:ie,hasNextPage:ae}=dt({searchParams:(0,X.useMemo)(()=>ea({filters:d,nql:f,search:p}),[d,f,p]),placeholderData:n}),oe=Vo({isFetching:R,isFetchingNextPage:re}),B=L?.meta?.pagination?.total??0,se=d.length>0,ce=O,le=se,V=_||B>0,ue=!_&&!oe&&!ne&&B<rs;(0,X.useEffect)(()=>{N(p),P.cancel(),a&&p&&k(!0)},[p,P,a]);let de=e=>{N(e),P(e)},H=()=>{if(O){k(!1),j(!1);return}j(!0),k(!0)},fe=()=>{P.cancel(),N(``),y({replace:!1})},U=V&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(T,{className:`hidden lg:flex`,children:(0,Z.jsx)(ao,{collapsible:a,search:M,onSearchChange:de})}),a?(0,Z.jsx)(Y.Action,{"aria-expanded":O,className:`lg:hidden`,label:O?`Hide member search`:`Show member search`,iconOnly:!0,onClick:H,children:(0,Z.jsx)(he,{})}):(0,Z.jsx)(W,{"aria-label":O?`Hide member search`:`Show member search`,className:S(`lg:hidden`,O&&`bg-secondary hover:bg-secondary`),variant:`outline`,onClick:H,children:(0,Z.jsx)(he,{className:`size-4`})})]}),me=V&&!se&&(0,Z.jsx)(io,{activeView:D,filters:d,iconOnly:!a,multipleActiveSubscriptionsCount:F,nql:f,savedViews:C,onFiltersChange:m}),ge=V&&ce&&(0,Z.jsx)(T,{className:`w-full lg:hidden`,children:(0,Z.jsx)(ao,{ariaLabel:`Search members mobile`,autoFocus:A,search:M,onSearchChange:de})});return(0,Z.jsx)(T,{className:`size-full`,children:(0,Z.jsx)(E,{className:`relative flex h-full flex-col`,size:`page`,children:(0,Z.jsxs)(Zt,{"data-testid":`members-page`,children:[(0,Z.jsx)(Zt.Header,{className:`py-4 sidebar:py-5`,children:(0,Z.jsxs)(`div`,{ref:s,className:`flex flex-col gap-4 sidebar:gap-6`,children:[(0,Z.jsxs)(Y,{blurredBackground:!1,sticky:!1,children:[(0,Z.jsx)(Y.Left,{children:(0,Z.jsxs)(Y.Title,{children:[`Members`,` `,!oe&&B>0&&(0,Z.jsx)(Y.Count,{className:`hidden sm:inline`,children:b(B)})]})}),(0,Z.jsx)(Y.Actions,{children:(0,Z.jsxs)(Y.ActionGroup,{className:`ml-auto flex-wrap justify-end sm:ml-0 sm:flex-nowrap`,children:[U,!a&&me,(0,Z.jsx)(oa,{canBulkDelete:I,hasFilterOrSearch:_,memberCount:B,nql:f,search:p,showMenu:V,showNewMember:V,onImportComplete:()=>{z()},children:a&&me})]})})]}),a&&ge,V&&(le||!a&&ce)&&(0,Z.jsxs)(Jt,{className:S(`flex-col gap-4 lg:flex-row lg:items-center sidebar:gap-6 lg:gap-6`,!le&&`lg:hidden`),children:[!a&&ge,le&&(0,Z.jsx)(io,{activeView:D,filters:d,multipleActiveSubscriptionsCount:F,nql:f,savedViews:C,onFiltersChange:m})]}),t&&(0,Z.jsx)(Ro,{count:F,hasResolvedCount:ee,nql:f,search:p})]})}),(0,Z.jsxs)(Zt.Body,{children:[oe?(0,Z.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,Z.jsx)(et,{size:`lg`})}):ne?(0,Z.jsxs)(`div`,{className:`mb-16 flex flex-1 flex-col items-center justify-center`,children:[(0,Z.jsx)(`h2`,{className:`mb-2 text-xl font-medium`,children:`Error loading members`}),(0,Z.jsx)(`p`,{className:`mb-4 text-muted-foreground`,children:`Please reload the page to try again`}),(0,Z.jsx)(W,{onClick:()=>window.location.reload(),children:`Reload page`})]}):L?.members.length?(0,Z.jsx)(Io,{activeColumns:te,backPath:`${x.pathname}${x.search}`,fetchNextPage:()=>void ie(),hasNextPage:ae,isFetchingNextPage:re,isLoading:R&&!re,items:L.members,pageHeaderRef:o,showEmailOpenRate:e,timezone:i,totalItems:B}):_?(0,Z.jsx)(`div`,{className:`flex flex-1 flex-col items-center justify-center`,children:(0,Z.jsx)(Re,{actions:(0,Z.jsx)(W,{variant:`outline`,onClick:fe,children:`Show all members`}),title:`No matching members found.`,children:(0,Z.jsx)(pe,{})})}):(0,Z.jsx)(sa,{membershipsEnabled:r,onMemberCreated:async()=>{await z()}}),ue&&(0,Z.jsx)(`div`,{className:S(L?.members.length&&`mt-8`),children:(0,Z.jsx)(co,{})})]})]})})})},as=()=>{let[e]=g(),{data:t,isLoading:n}=_t({}),{data:r,isLoading:i}=h(),a=e.get(`filter`)??void 0,o=!!t?.settings,{newsletters:s,customFields:c}=es(a),l=qo(a,{hasResolvedSettings:o,isLoadingSettings:n,newsletters:s,customFields:c});if(n||i||!t?.settings||!r?.config||l)return(0,Z.jsx)(T,{className:`size-full`,children:(0,Z.jsx)(E,{className:`relative flex h-full flex-col`,size:`page`,children:(0,Z.jsxs)(Zt,{children:[(0,Z.jsx)(Zt.Header,{className:`py-4 sidebar:py-6`,children:(0,Z.jsx)(Y,{blurredBackground:!1,sticky:!1,children:(0,Z.jsx)(Y.Left,{children:(0,Z.jsx)(Y.Title,{children:`Members`})})})}),(0,Z.jsx)(Zt.Body,{children:(0,Z.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,Z.jsx)(et,{size:`lg`})})})]})})});let u=Xt(t.settings),d=Vt(t.settings,`members_signup_access`)!==`none`,f=r.config.emailAnalytics===!0,p=wt(t.settings,r.config);return(0,Z.jsx)(is,{emailAnalyticsEnabled:f,hasStripeEnabled:p,membershipsEnabled:d,timezone:u})};export{as as default};

package/core/built/admin/assets/modal-page-8Ipfl51B.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{L as r}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{t as i}from"./box-LUuYRT-1.js";import{t as a}from"./text-BLI0C8Mc.js";var o=e(t(),1),s=n(),c=o.forwardRef(function({className:e,...t},n){return(0,s.jsx)(a,{ref:n,as:`h1`,className:r(`mb-8 text-4xl`,e),"data-modal-page":`title`,leading:`supertight`,weight:`bold`,...t})});c.displayName=`ModalPage.Title`;var l=o.forwardRef(function({className:e,...t},n){return(0,s.jsx)(i,{ref:n,className:r(`w-full p-[8vmin] pt-5`,e),"data-modal-page":`root`,...t})});l.displayName=`ModalPage`;var u=Object.assign(l,{Title:c});export{u as t};

package/core/built/admin/assets/moderation-B8VtA-W0.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{n as r}from"./dist-DziNzWI2.js";import{n as i}from"./heading-ih-fOVqF.js";import{Cr as a,t as o}from"./button-D414TI3B.js";import{i as s,n as c,r as l,t as u}from"./tabs-BZyz4ZCH.js";import{t as d}from"./switch-DoOJF2yg.js";import{t as f}from"./skeleton-CPcTiTSX.js";import{t as p}from"./use-navigate-with-base-path-BzgNwMAx.js";import{At as m,G as h,J as g,Jt as _,Mt as v,Qt as y,St as b,Ut as x,Yt as S,ft as C,jt as w,kt as T,lt as E,mn as D,pn as O}from"./index-DOF2jDq0.js";import"./layout-Ckwzsnsu.js";import{a as k,i as A,n as j,r as M,t as N}from"./settings-BRl7-7a9.js";var P=e(t(),1),F=n(),I=()=>{let{data:e,isLoading:t}=w(`index`),{data:n,isLoading:I}=v(`index`),L=t?[,,,,,].fill({apId:``,name:``,handle:``,avatarUrl:``}):e?.pages.flatMap(e=>e.accounts)??[],R=I?[,,,,,].fill({apId:``,name:``}):n?.pages.flatMap(e=>e.domains)??[],ee=m(`index`),z=S(`index`),[B,V]=(0,P.useState)(new Set),H=T(`index`),U=_(`index`),[W,G]=(0,P.useState)(new Set),[K,q]=(0,P.useState)(null),J=p(),{data:Y,isError:X,isLoading:Z,isSuccess:Q}=x(),$=y({onError:()=>{r.error(`Could not update sensitive media preference.`)}}),te=Y?.showSensitiveMedia??!1,ne=e=>{Q&&$.mutate({showSensitiveMedia:e})},re=e=>{V(t=>{let n=new Set([...t]);return n.add(e.apId),n}),z.mutate(e),r.success(`User unblocked`)},ie=e=>{V(t=>{let n=new Set([...t]);return n.delete(e.apId),n}),ee.mutate(e),r.success(`User blocked`)},ae=e=>{G(t=>{let n=new Set([...t]);return n.add(e.url),n}),U.mutate({url:e.url}),r.success(`Domain unblocked`)},oe=e=>{G(t=>{let n=new Set([...t]);return n.delete(e.url),n}),H.mutate({url:e.url}),r.success(`Domain blocked`)};return(0,F.jsx)(h,{children:(0,F.jsxs)(`div`,{className:`mx-auto max-w-[620px] py-[min(4vh,48px)]`,children:[(0,F.jsx)(`div`,{className:`flex items-center justify-between gap-8`,children:(0,F.jsx)(i,{children:`Moderation`})}),!X&&(0,F.jsx)(`div`,{className:`mt-6`,children:(0,F.jsxs)(A,{children:[(0,F.jsxs)(M,{children:[(0,F.jsx)(k,{children:`Show sensitive media`}),(0,F.jsx)(j,{children:`Display adult content or media marked as sensitive without a warning`})]}),(0,F.jsx)(N,{children:(0,F.jsx)(d,{"aria-label":`Show sensitive media`,checked:te,disabled:Z||!Q,onCheckedChange:ne})})]})}),(0,F.jsx)(`div`,{className:`mt-6`,children:(0,F.jsxs)(u,{defaultValue:`blocked_users`,variant:`underline`,children:[(0,F.jsxs)(l,{children:[(0,F.jsx)(s,{value:`blocked_users`,children:`Blocked users`}),(0,F.jsx)(s,{value:`blocked_domains`,children:`Blocked domains`})]}),(0,F.jsx)(c,{className:`mt-2`,value:`blocked_users`,children:!t&&L.length===0?(0,F.jsxs)(O,{children:[(0,F.jsx)(D,{children:(0,F.jsx)(a,{})}),(0,F.jsx)(`div`,{className:`mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center`,children:(0,F.jsx)(`p`,{children:`When you block someone, they won't be able to follow you or interact with your content on the social web.`})})]}):L.map((e,n)=>(0,F.jsx)(C,{actor:e,isCurrentUser:!0,children:(0,F.jsx)(`div`,{children:(0,F.jsxs)(g,{onClick:t?void 0:()=>E(e.handle,J),children:[(0,F.jsx)(b,{author:{icon:{url:e.avatarUrl},name:e.name,handle:e.handle}}),(0,F.jsxs)(`div`,{className:`flex min-w-0  flex-col`,children:[(0,F.jsx)(`span`,{className:`block truncate font-semibold text-black dark:text-white`,children:t?(0,F.jsx)(f,{className:`w-24`}):e.name}),(0,F.jsx)(`span`,{className:`block truncate text-sm text-gray-600`,children:t?(0,F.jsx)(f,{className:`w-40`}):e.handle})]}),B.has(e.apId)?(0,F.jsx)(o,{className:`ml-auto min-w-[90px] text-red hover:bg-red/5! hover:text-red-400`,variant:`outline`,onClick:t=>{t.stopPropagation(),ie(e)},children:`Block`}):t?(0,F.jsx)(`div`,{className:`ml-auto w-16`,children:(0,F.jsx)(f,{})}):(0,F.jsx)(o,{className:`ml-auto min-w-[90px]`,variant:`destructive`,onClick:t=>{t.stopPropagation(),re(e)},onMouseEnter:()=>q(e.apId),onMouseLeave:()=>q(null),children:K===e.apId?`Unblock`:`Blocked`})]})})},e.apId?e.apId:`loading-${n}`))}),(0,F.jsx)(c,{className:`mt-[11px]`,value:`blocked_domains`,children:!I&&R.length===0?(0,F.jsxs)(O,{children:[(0,F.jsx)(D,{children:(0,F.jsx)(a,{})}),(0,F.jsx)(`div`,{className:`mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center`,children:(0,F.jsx)(`p`,{children:`When you block a domain, all users from that domain won't be able to follow you or interact with your content.`})})]}):R.map((e,t)=>(0,F.jsxs)(g,{children:[(0,F.jsx)(`div`,{className:`flex min-w-0 flex-col`,children:(0,F.jsx)(`span`,{className:`block truncate font-semibold text-black dark:text-white`,children:I?(0,F.jsx)(f,{className:`w-48`}):new URL(e.url).hostname})}),W.has(e.url)?(0,F.jsx)(o,{className:`ml-auto min-w-[90px] text-red hover:bg-red/5! hover:text-red-400`,variant:`outline`,onClick:()=>oe(e),children:`Block`}):I?(0,F.jsx)(`div`,{className:`ml-auto w-16`,children:(0,F.jsx)(f,{})}):(0,F.jsx)(o,{className:`ml-auto min-w-[90px]`,variant:`destructive`,onClick:()=>ae(e),onMouseEnter:()=>q(e.url),onMouseLeave:()=>q(null),children:K===e.url?`Unblock`:`Blocked`})]},e.url?e.url:`loading-${t}`))})]})})]})})};export{I as default};

package/core/built/admin/assets/multi-select-combobox-_9wEYmGv.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{L as r}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{en as i,rr as a}from"./button-D414TI3B.js";import{a as o,c as s,i as c,o as l,r as u,s as d,t as f}from"./command-B5wfm6pd.js";var p=e(t(),1),m=n(),h={searchPlaceholder:`Search...`,noResultsFound:`No results found.`,loading:`Loading...`,loadMore:`Load more`};function g(e,t){let n=t.trim().toLowerCase();return n?e.filter(e=>e.label.toLowerCase().includes(n)||e.detail?.toLowerCase().includes(n)):e}function _(e,t,n,r,i,a,o){if(e)return{...e,shouldClientFilter:o??e.shouldClientFilter};let s=!!t,c=t?.useOptions({query:r,selectedValues:i});return{options:s?c?.options??[]:n??[],isInitialLoad:s?c?.isInitialLoad??!1:a&&(n?.length??0)===0,isSearching:s?c?.isSearching??!1:a&&(n?.length??0)>0,hasMore:s?c?.hasMore??!1:!1,isLoadingMore:s?c?.isLoadingMore??!1:!1,loadMore:s?c?.loadMore??(()=>{}):()=>{},shouldClientFilter:o??!s}}function v({optionSource:e,options:t,values:n,onChange:v,valueSource:y,searchable:b=!0,isLoading:x=!1,maxSelections:S,isMultiSelect:C=!0,onClose:w,autoCloseOnSelect:T=!1,className:E,searchInputClassName:D,shouldFilter:O,onSearchChange:k,i18n:A,renderItem:ee,groupBy:j,header:M,footer:N}){let P=(0,p.useMemo)(()=>({...h,...A}),[A]),[F,I]=(0,p.useState)(``),L=(0,p.useCallback)(t=>{I(t),e?.onSearchChange?.(t),k?.(t)},[k,e]),R=_(e,y,t,F,n,x,O),z=R.options,[B,V]=(0,p.useState)([]),H=(0,p.useMemo)(()=>z.filter(e=>n.includes(e.value)),[z,n]);(0,p.useEffect)(()=>{if(n.length===0){V([]);return}H.length>0&&V(e=>{let t=[];for(let r of n){let n=H.find(e=>e.value===r)??e.find(e=>e.value===r);n&&t.push(n)}return t})},[H,n]);let U=(0,p.useMemo)(()=>n.length===0?[]:B.length>0?B:H,[B,n.length,H]),W=(0,p.useMemo)(()=>g(U,F),[F,U]),G=(0,p.useMemo)(()=>z.filter(e=>!n.includes(e.value)),[z,n]),K=(0,p.useMemo)(()=>{let e=new Map;for(let t of G){let n=j?.(t),r=typeof n==`string`?n:n?.key,i=typeof n==`string`?n:n?.label,a=e.get(r);e.set(r,{label:i,options:[...a?.options??[],t]})}return[...e.entries()].map(([e,t])=>({key:e,...t}))},[j,G]),q=(0,p.useCallback)(e=>{v(n.filter(t=>t!==e.value))},[v,n]),J=e=>{v([]),w?.()},Y=e=>{let t=[...n,e.value];S&&t.length>S||(v(t),T&&w?.())},X=e=>{v([e.value]),w?.()},Z=C?q:J,Q=C?Y:X,te=(0,p.useCallback)(()=>L(``),[L]),ne=e=>{let t=e.detail?` - ${e.detail}`:``;return e.label+t},$=ee??(({option:e,isSelected:t,onSelect:n})=>(0,m.jsxs)(l,{className:`group flex items-center gap-2`,value:ne(e),onSelect:n,children:[e.icon,(0,m.jsxs)(`div`,{className:`flex flex-col overflow-hidden`,children:[(0,m.jsx)(`span`,{className:`truncate text-accent-foreground`,title:e.label,children:e.label}),e.detail&&(0,m.jsx)(`span`,{className:`truncate text-sm text-muted-foreground`,title:e.detail,children:e.detail})]}),(0,m.jsx)(a,{className:r(`ms-auto text-primary`,!t&&`opacity-0`)})]},String(e.value)));return(0,m.jsx)(`div`,{className:r(`w-full`,E),children:(0,m.jsxs)(f,{shouldFilter:R.shouldClientFilter,children:[M?.({selectedOptions:U,onDeselect:q}),b&&(0,m.jsxs)(`div`,{className:`relative`,children:[(0,m.jsx)(o,{className:r(`h-(--control-height) pr-8`,D),placeholder:P.searchPlaceholder,value:F,onValueChange:L}),R.isSearching&&(0,m.jsx)(i,{className:`pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 animate-spin text-muted-foreground`})]}),(0,m.jsxs)(d,{className:`outline-hidden`,children:[R.isInitialLoad?(0,m.jsxs)(`div`,{className:`flex items-center justify-center py-6 text-sm text-muted-foreground`,children:[(0,m.jsx)(i,{className:`mr-2 size-4 animate-spin`}),P.loading]}):(0,m.jsx)(u,{children:P.noResultsFound}),W.length>0&&(0,m.jsx)(c,{heading:P.selectedHeading,children:W.map(e=>$({option:e,isSelected:!0,onSelect:()=>Z(e)}))}),G.length>0&&(0,m.jsxs)(m.Fragment,{children:[W.length>0&&(0,m.jsx)(s,{}),K.map(e=>(0,m.jsx)(c,{heading:e.label,children:e.options.map(e=>$({option:e,isSelected:!1,onSelect:()=>Q(e)}))},e.key===void 0?`ungrouped`:`group:${e.key}`))]}),R.hasMore&&(0,m.jsxs)(m.Fragment,{children:[(W.length>0||G.length>0)&&(0,m.jsx)(s,{}),(0,m.jsx)(`div`,{className:`p-1.5`,children:(0,m.jsxs)(`button`,{className:`flex w-full items-center justify-center rounded-menu-item px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50`,disabled:R.isLoadingMore,type:`button`,onClick:R.loadMore,children:[R.isLoadingMore&&(0,m.jsx)(i,{className:`mr-2 size-4 animate-spin`}),R.isLoadingMore?P.loading:P.loadMore]})})]})]}),N?.({searchInput:F,clearSearch:te})]})})}export{v as t};

package/core/built/admin/assets/navigation-modal-CGcjJvkc.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{p as n}from"./hooks-DYfTEQLk.js";import{t as r}from"./jsx-runtime-BlNNh7jY.js";import{Z as i}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{D as a,ft as o,nr as s,t as c,v as l}from"./button-D414TI3B.js";import{i as u,n as d,r as f,t as p}from"./tabs-BZyz4ZCH.js";import{t as m}from"./switch-DoOJF2yg.js";import{o as h,t as g}from"./use-settings-navigation-CzGU4sus.js";import{i as _,o as v,t as y}from"./field-BXEh3ptU.js";import{i as b,n as x,t as S}from"./use-url-input-C5KHJw79.js";import{$r as C,Dn as w,Qn as T,Zr as E,_i as D,cr as O,er as k,nr as A,yi as j}from"./index-DOF2jDq0.js";import{a as M,c as N,i as P,n as ee,o as F,r as I,s as L,t as te}from"./images-H-BIm8OQ.js";import{t as ne}from"./validator-DlFQP70j.js";import{n as re}from"./global-data-context-3MItMry2.js";import{t as ie}from"./use-setting-group-ldtX1Vsk.js";import{t as R}from"./format-url-Ju4k5CIm.js";var ae=e(ne(),1),z=e(t(),1),B=[`public`,`members`,`paid`,`public_free`,`public_paid`,`public_only`,`free_members`,`none`],V=e=>!!(e&&!e.match(/^\s*$/)),H=e=>!!(V(e.label)||e.url!==`/`||V(e.icon)),U=e=>({...e,icon:e.icon||``,visibility:e.visibility||`public`,errors:{}}),W=({url:e,label:t,icon:n,visibility:r})=>({url:e.trim(),label:t.trim(),...n?.trim()?{icon:n.trim()}:{},...r&&r!==`public`?{visibility:r}:{}}),G=({items:e,setItems:t})=>{let n=x({items:(0,z.useMemo)(()=>e.map(U),[e]),setItems:(0,z.useCallback)(e=>{t(e.map(W))},[t]),blank:{url:`/`,label:``,icon:``,visibility:`public`,errors:{}},canAddNewItem:H}),r=new RegExp(/^(\/|#|[a-zA-Z0-9-]+:)/),i=e=>{let t={},n=V(e.label),i=V(e.icon);return!n&&!i&&(t.label=`You must specify a label or icon`),(!e.url||e.url.match(/\s/)||!ae.default.isURL(e.url,{require_protocol:!0})&&!e.url.match(r))&&(t.url=`You must specify a valid URL or relative path`),e.visibility&&!B.includes(e.visibility)&&(t.visibility=`You must specify a valid visibility`),t},a=(e,t)=>{let n={...e.errors};return V(t.icon)&&(n.icon=void 0,n.label=void 0),{...e,...t,errors:n}},o=(e,t)=>{let r=n.items.find(t=>t.id===e);n.updateItem(e,a(r.item,t))},s=()=>{let e=i(n.newItem);Object.values(e).some(e=>e)?n.setNewItem({...n.newItem,errors:e}):n.addItem()},c=e=>{n.removeItem(e)},l=(e,t)=>{n.moveItem(e,t)},u=(e,t)=>{if(e===`new`)n.setNewItem({...n.newItem,errors:{...n.newItem.errors,[t]:void 0}});else{let r=n.items.find(t=>t.id===e).item;n.updateItem(e,{...r,errors:{...r.errors,[t]:void 0}})}};return{items:n.items.map(({item:e,id:t})=>({...e,id:t})),updateItem:o,addItem:s,removeItem:c,moveItem:l,newItem:{...n.newItem,id:`new`},setNewItem:e=>n.setNewItem(a(n.newItem,e)),clearError:u,validate:()=>{let e=!0;if(n.items.forEach(({item:t,id:r})=>{let a=i(t);Object.values(a).some(e=>e)&&(e=!1,n.updateItem(r,{...t,errors:a}))}),H(n.newItem)){let t=i(n.newItem);Object.values(t).some(e=>e)&&(e=!1,n.setNewItem({...n.newItem,errors:t}))}return e}}},K=r(),q=({idPrefix:e,item:t,clearError:n,updateItem:r,uploadIcon:i})=>(0,K.jsx)(I,{className:`size-[38px]`,children:t.icon?(0,K.jsxs)(N,{children:[(0,K.jsx)(L,{alt:``,className:`size-[38px] rounded-lg object-contain p-2.5`,src:t.icon}),(0,K.jsx)(M,{className:`inset-0 flex items-center justify-center`,children:(0,K.jsx)(P,{"aria-label":`Remove navigation icon`,className:`size-full rounded-lg bg-black/75 p-0 text-white hover:bg-black/90 hover:text-white`,onClick:()=>{n?.(`icon`),r?.({icon:``})},children:(0,K.jsx)(a,{className:`size-4`})})})]}):(0,K.jsx)(F,{accept:{"image/*":[]},"aria-label":`Upload navigation icon`,className:`size-[38px] rounded-lg border-0 bg-muted p-0 text-muted-foreground hover:bg-muted hover:text-foreground`,id:`${e}-icon-${t.id}`,inputAriaLabel:`Upload navigation icon`,onDropAccepted:([e])=>void i?.(e).then(e=>{e&&r?.({icon:e})}),children:(0,K.jsx)(l,{"aria-hidden":`true`,className:`size-4`})})}),J={public:`Everyone`,members:`Members only`,paid:`Paid-members only`,public_free:`Public + free`,public_paid:`Public + paid`,public_only:`Public only`,free_members:`Free only`,none:`Hidden`},oe=B.map(e=>({value:e,label:J[e]})),se=[{key:`public-visitors`,label:`Public visitors`},{key:`free-members`,label:`Free members`},{key:`paid-members`,label:`Paid members`}],ce={public:{"public-visitors":!0,"free-members":!0,"paid-members":!0},members:{"public-visitors":!1,"free-members":!0,"paid-members":!0},paid:{"public-visitors":!1,"free-members":!1,"paid-members":!0},public_free:{"public-visitors":!0,"free-members":!0,"paid-members":!1},public_paid:{"public-visitors":!0,"free-members":!1,"paid-members":!0},public_only:{"public-visitors":!0,"free-members":!1,"paid-members":!1},free_members:{"public-visitors":!1,"free-members":!0,"paid-members":!1},none:{"public-visitors":!1,"free-members":!1,"paid-members":!1}},le=[`paid`,`public_paid`],ue={"000":`none`,"001":`paid`,"010":`free_members`,"011":`members`,100:`public_only`,101:`public_paid`,110:`public_free`,111:`public`},de=e=>oe.some(t=>t.value===e)?e:`public`,fe=e=>J[e],pe=(e,t)=>({...ce[e],...t?{}:{"paid-members":!1}}),me=e=>ue[[e[`public-visitors`],e[`free-members`],e[`paid-members`]].map(e=>e?`1`:`0`).join(``)],he=({idPrefix:e,item:t,clearError:n,updateItem:r,showPaidVisibility:i})=>{let a=de(t.visibility),o=fe(a),c=`${e}-visibility-${t.id}`,l=`${c}-error`,u=pe(a,i),d=e=>{n?.(`visibility`),r?.({visibility:e})},f=(e,t)=>{let n={...u,[e]:t};i||(n[`paid-members`]=n[`free-members`]);let r=me(n);!i&&le.includes(r)||d(r)};return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`label`,{className:`sr-only`,id:c,children:`Visibility`}),(0,K.jsxs)(T,{children:[(0,K.jsx)(O,{asChild:!0,children:(0,K.jsxs)(`button`,{"aria-describedby":t.errors.visibility?l:void 0,"aria-invalid":!!t.errors.visibility,"aria-labelledby":c,className:`flex h-[38px] w-full items-center justify-between rounded-lg border-transparent bg-gray-100 px-3 text-md text-black hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:outline-hidden dark:bg-gray-900 dark:text-white dark:hover:bg-gray-900`,"data-testid":`navigation-item-visibility`,type:`button`,children:[(0,K.jsx)(`span`,{className:`truncate`,children:o}),(0,K.jsx)(s,{"aria-hidden":`true`,className:`size-4 opacity-80`})]})}),(0,K.jsx)(k,{align:`end`,className:`z-[300] w-[190px] rounded-lg p-2`,sideOffset:6,children:(0,K.jsx)(`div`,{className:`flex flex-col`,children:se.filter(e=>e.key!==`paid-members`||i).map(e=>{let t=u[e.key];return(0,K.jsxs)(A,{className:`flex cursor-pointer items-center justify-between gap-3 rounded-md px-2 py-1.5 text-sm text-gray-900 dark:text-gray-100`,onSelect:n=>{n.preventDefault(),f(e.key,!t)},children:[(0,K.jsx)(`span`,{children:e.label}),(0,K.jsx)(m,{"aria-label":e.label,checked:t,size:`sm`,onCheckedChange:t=>f(e.key,t),onClick:e=>e.stopPropagation()})]},e.key)})})})]}),t.errors.visibility&&(0,K.jsx)(`div`,{className:`mt-1 text-xs text-red`,id:l,role:`alert`,children:t.errors.visibility})]})},ge=`flex w-full items-start gap-3 [--control-height:38px]`,Y={icon:`w-[38px] shrink-0`,label:`min-w-0 flex-[0.75]`,url:`min-w-0 flex-[1.25]`,visibility:`w-[190px] shrink-0`,action:`w-10 shrink-0`},X=`pt-1`,Z=({baseUrl:e,idPrefix:t,item:n,updateItem:r,uploadIcon:a,addItem:o,clearError:s,labelPlaceholder:c,unstyled:l,textFieldClasses:u,action:d,showIcon:f,showPaidVisibility:p,showVisibility:m,className:h,...g})=>{let b=S({baseUrl:e,nullable:!0,value:n.url,onChange:e=>r?.({url:e||``})});return(0,K.jsxs)(`div`,{className:i(ge,h),"data-testid":`navigation-item-editor`,...g,children:[f&&(0,K.jsx)(`div`,{className:i(`flex flex-col`,Y.icon,`pt-1`),children:(0,K.jsx)(q,{clearError:s,idPrefix:t,item:n,updateItem:r,uploadIcon:a})}),(0,K.jsx)(`div`,{className:i(`flex`,Y.label,X),children:(0,K.jsxs)(y,{className:`grow`,"data-invalid":!!n.errors.label||void 0,children:[(0,K.jsx)(v,{className:`sr-only`,htmlFor:`navigation-label-${n.id}`,children:`Label`}),(0,K.jsx)(w,{"aria-invalid":!!n.errors.label||void 0,className:i(l&&`border-0 bg-transparent shadow-none focus-visible:ring-0`,u),id:`navigation-label-${n.id}`,placeholder:c,value:n.label,onChange:e=>r?.({label:e.target.value}),onKeyDown:e=>{r?.({label:e.target.value}),e.key===`Enter`&&(e.preventDefault(),o?.()),n.errors.label&&s?.(`label`)}}),n.errors.label&&(0,K.jsx)(_,{children:n.errors.label})]})}),(0,K.jsx)(`div`,{className:i(`flex`,Y.url,X),children:(0,K.jsxs)(y,{className:`grow`,"data-invalid":!!n.errors.url||void 0,children:[(0,K.jsx)(v,{className:`sr-only`,htmlFor:`navigation-url-${n.id}`,children:`URL`}),(0,K.jsx)(w,{"aria-invalid":!!n.errors.url||void 0,className:u,id:`navigation-url-${n.id}`,value:b.displayValue,onBlur:b.commitValue,onChange:e=>b.setDisplayValue(e.target.value),onFocus:b.handleFocus,onKeyDown:t=>{b.handleKeyDown(t);let n=R(t.target.value,e,!0);r?.({url:n.save||``})},onKeyUp:t=>{if(t.key===`Enter`){t.preventDefault();let n=R(t.target.value,e,!0);r?.({url:n.save||``}),o?.()}n.errors.url&&s?.(`url`)}}),n.errors.url&&(0,K.jsx)(_,{children:n.errors.url})]})}),m&&(0,K.jsx)(`div`,{className:i(`flex flex-col`,Y.visibility,`pt-1`),children:(0,K.jsx)(he,{clearError:s,idPrefix:t,item:n,showPaidVisibility:p,updateItem:r})}),d&&(0,K.jsx)(C,{align:`center`,className:i(`h-[calc(var(--control-height)+0.25rem)] shrink-0 pt-1`,Y.action),children:d})]})},Q=`text-xs font-semibold text-muted-foreground`,$=({baseUrl:e,idPrefix:t,navigation:n,showIcon:r,showPaidVisibility:i,showVisibility:s,uploadIcon:l})=>(0,K.jsxs)(`div`,{className:`w-full pt-2`,children:[(r||s)&&(0,K.jsxs)(`div`,{className:`-mb-1 flex w-full items-center gap-3`,children:[(0,K.jsx)(`div`,{className:`h-7 w-4 shrink-0`}),(0,K.jsxs)(`div`,{className:`flex w-full items-start gap-3 [--control-height:38px]`,children:[r&&(0,K.jsx)(`div`,{className:`${Y.icon} ${Q}`,children:`Icon`}),(0,K.jsx)(`div`,{className:`${Y.label} ${Q}`,children:`Label`}),(0,K.jsx)(`div`,{className:`${Y.url} ${Q}`,children:`URL`}),s&&(0,K.jsx)(`div`,{className:`${Y.visibility} ${Q}`,children:`Visibility`}),(0,K.jsx)(`div`,{className:Y.action})]})]}),(0,K.jsx)(b,{dragHandleClass:`translate-y-0.5`,getDragHandleLabel:e=>`Reorder ${e.label||`navigation item`}`,items:n.items,itemSeparator:!1,renderItem:o=>(0,K.jsx)(Z,{action:(0,K.jsx)(c,{"aria-label":`Delete navigation item`,size:`icon`,type:`button`,variant:`ghost`,onClick:()=>n.removeItem(o.id),children:(0,K.jsx)(a,{})}),baseUrl:e,clearError:e=>n.clearError(o.id,e),idPrefix:t,item:o,showIcon:r,showPaidVisibility:i,showVisibility:s,updateItem:e=>n.updateItem(o.id,e),uploadIcon:l}),onMove:n.moveItem}),(0,K.jsxs)(C,{align:`start`,className:`mt-5 border-t pt-5`,gap:`md`,children:[(0,K.jsx)(C,{align:`center`,className:`h-[calc(var(--control-height)+0.5rem)] shrink-0 translate-y-0.5 pt-2`,children:(0,K.jsx)(o,{className:`size-4 text-muted-foreground`})}),(0,K.jsx)(Z,{action:(0,K.jsx)(c,{"aria-label":`Add navigation item`,"data-testid":`add-button`,size:`icon`,type:`button`,variant:`ghost`,onClick:n.addItem,children:(0,K.jsx)(o,{})}),addItem:n.addItem,baseUrl:e,className:`mt-1`,clearError:e=>n.clearError(n.newItem.id,e),"data-testid":`new-navigation-item`,idPrefix:t,item:n.newItem,labelPlaceholder:`New item label`,showIcon:r,showPaidVisibility:i,showVisibility:s,updateItem:n.setNewItem,uploadIcon:l})]})]});function _e(){let{updateRoute:e}=g(),t=n(),{mutateAsync:r}=ee(),{config:i}=re(),{localSettings:a,updateSetting:o,saveState:s,handleSave:c,siteData:l}=ie(),[m,_,v]=j(a,[`navigation`,`secondary_navigation`,`members_signup_access`]),y=E(`navigationIcons`),b=y,x=y&&v!==`none`,S=D(a,i),C=(0,z.useMemo)(()=>JSON.parse(m||`[]`),[m]),w=(0,z.useMemo)(()=>JSON.parse(_||`[]`),[_]),T=(0,z.useCallback)(e=>{o(`navigation`,JSON.stringify(e))},[o]),O=(0,z.useCallback)(e=>{o(`secondary_navigation`,JSON.stringify(e))},[o]),k=G({items:C,setItems:T}),A=G({items:w,setItems:O}),[M,N]=(0,z.useState)(`primary-nav`),P=async e=>{try{return te(await r({file:e}))}catch(e){let n=e;n.response?.status===415&&(n.message=`Unsupported file type`),t(n)}};return(0,K.jsx)(h,{buttonsDisabled:s===`saving`,cancelLabel:`Close`,dirty:a.some(e=>e.dirty),okLabel:s===`saving`?`Saving...`:`Save`,scrolling:!0,size:`lg`,stickyFooter:!0,testId:`navigation-modal`,title:`Navigation`,onClose:()=>{e(`navigation`)},onOk:async()=>{k.validate()&&A.validate()&&(await c(),e(`navigation`))},children:(0,K.jsx)(`div`,{className:`mt-6 mb-1`,children:(0,K.jsxs)(p,{value:M,variant:`underline`,onValueChange:N,children:[(0,K.jsxs)(f,{children:[(0,K.jsx)(u,{value:`primary-nav`,children:`Primary`}),(0,K.jsx)(u,{value:`secondary-nav`,children:`Secondary`})]}),(0,K.jsx)(d,{value:`primary-nav`,children:(0,K.jsx)($,{baseUrl:l.url,idPrefix:`primary-navigation`,navigation:k,showIcon:b,showPaidVisibility:S,showVisibility:x,uploadIcon:P})}),(0,K.jsx)(d,{value:`secondary-nav`,children:(0,K.jsx)($,{baseUrl:l.url,idPrefix:`secondary-navigation`,navigation:A,showIcon:b,showPaidVisibility:S,showVisibility:x,uploadIcon:P})})]})})})}export{_e as default};

package/core/built/admin/assets/newsletter-BpHjjqmq.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{n as r}from"./dist-DziNzWI2.js";import{f as i}from"./posts-tcoO3iRG.js";import{h as a}from"./chunk-KS7C4IRE-DhOcHQOU.js";import{a as o}from"./router-provider-DDZvgS3V.js";import{H as s,L as c,U as l,W as u,c as d,q as f}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{a as p}from"./heading-ih-fOVqF.js";import{a as m,n as h,o as g,r as _,t as v}from"./simple-pagination-D5t_ox6x.js";import{A as y,Er as b,L as x,er as S,k as C,t as w,xt as ee}from"./button-D414TI3B.js";import{i as te,r as T,t as E}from"./tabs-BZyz4ZCH.js";import{n as ne}from"./skeleton-CPcTiTSX.js";import{a as re,i as ie,n as D,o as O,r as k,t as A}from"./card-C2dfd5u0.js";import{c as j,l as ae,n as oe,o as se,r as ce,s as le,t as ue,u as de}from"./data-list-DM8yqpXi.js";import{Cn as fe,Dn as pe,Ei as me,Sn as M,Ti as he,Tn as ge,d as N,f as P,m as _e,yn as F}from"./index-DOF2jDq0.js";import{a as I,o as L}from"./stats-Cvp8Ep5m.js";import{n as ve}from"./email-sending-status-context-C76KYL1V.js";import{n as R}from"./feedback-BTPBQLT5.js";import{n as ye,r as z}from"./links-Ctujreuh.js";import{n as be}from"./post-analytics-context-bt2YTBAC.js";import{a as B,i as V,n as H,r as U,t as W}from"./kpi-card-iCDUTgOR.js";import{r as xe,t as Se}from"./post-analytics-header-DKWHwoK2.js";import{i as G,n as K,r as q,t as J}from"./link-helpers-o9GgBTni.js";var Y=e(t(),1),Ce=(e,t)=>{let{data:n,isLoading:r,error:i}=R(e,{searchParams:{limit:`50`,...t===void 0?{}:{score:t.toString()}}});return{feedback:(0,Y.useMemo)(()=>n?.feedback?n.feedback:[],[n]),isLoading:r,error:i}},X=n(),we=({feedbackStats:e})=>{let{isAdmin7:t}=d(),{postId:n}=a(),r=o(),{isNewsletterDataHidden:i}=ve(),[s,c]=(0,Y.useState)(`positive`),{feedback:b,isLoading:S}=Ce(n||``,+(s===`positive`)),{totalPages:ee,paginatedData:j,nextPage:ae,previousPage:oe,hasNextPage:se,hasPreviousPage:ce}=g({data:b,itemsPerPage:9}),le=S;return(0,X.jsxs)(A,{children:[(0,X.jsxs)(re,{className:`pb-5`,children:[(0,X.jsx)(O,{children:`Feedback`}),(0,X.jsx)(k,{children:`What did your readers think?`})]}),i?(0,X.jsx)(D,{className:`pb-3`,children:(0,X.jsx)(G,{description:`Once the first responses are recorded, they'll show here`,title:`No feedback data available`})}):e.totalFeedback>0?(0,X.jsx)(D,{className:`pb-3`,children:(0,X.jsxs)(G,{description:`Once the first responses are recorded, they'll show here`,title:`No feedback data available`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,X.jsx)(E,{className:`pb-3`,defaultValue:`positive`,value:s,variant:t?`button-sm`:`button`,onValueChange:e=>c(e),children:(0,X.jsxs)(T,{className:`gap-1`,children:[(0,X.jsx)(te,{className:`h-7`,value:`positive`,children:(0,X.jsxs)(`div`,{className:`flex items-center gap-1 text-xs`,children:[(0,X.jsx)(C,{size:14,strokeWidth:1.25}),(0,X.jsx)(`span`,{className:`hidden font-medium sm:visible! sm:inline!`,children:`More like this`}),(0,X.jsx)(`span`,{className:`font-semibold tracking-tight`,children:l(e.positiveFeedback/e.totalFeedback)})]})}),(0,X.jsx)(te,{className:`h-7`,value:`negative`,children:(0,X.jsxs)(`div`,{className:`flex items-center gap-1 text-xs`,children:[(0,X.jsx)(y,{size:14,strokeWidth:1.25}),(0,X.jsx)(`span`,{className:`hidden font-medium sm:visible! sm:inline!`,children:`Less like this`}),(0,X.jsx)(`span`,{className:`font-semibold tracking-tight`,children:l(e.negativeFeedback/e.totalFeedback)})]})})]})}),(0,X.jsx)(p,{className:`mr-2 mb-3 lg:hidden xl:visible! xl:block!`,children:`Date`})]}),(0,X.jsx)(F,{}),le?(0,X.jsx)(ne,{className:`mt-3`,lines:3}):j&&j.length>0?(0,X.jsx)(`div`,{className:`flex w-full flex-col py-3`,children:j.map(e=>(0,X.jsxs)(`div`,{className:`flex h-10 w-full items-center justify-between gap-3 rounded-sm border-none px-2 text-sm hover:cursor-pointer hover:bg-accent`,onClick:()=>{r(`/members/${e.member.id}`)},children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 font-medium`,children:[(0,X.jsxs)(M,{className:`size-7`,children:[e.member?.avatar_image&&(0,X.jsx)(`img`,{className:`absolute aspect-square size-full`,src:e.member?.avatar_image}),(0,X.jsx)(fe,{className:`text-white`,style:{backgroundColor:`${f(N(e.member),`45`,`55`)}`},children:P(e.member)})]}),N(e.member)]}),(0,X.jsx)(`div`,{className:`whitespace-nowrap text-muted-foreground`,children:u(e.created_at)})]},e.id))}):(0,X.jsx)(`div`,{className:`flex h-full items-center justify-center py-8 text-center text-sm text-muted-foreground`,children:(0,X.jsxs)(`div`,{children:[`No `,s===`positive`?`positive`:`negative`,` feedback yet`]})})]})}):(0,X.jsxs)(D,{className:`flex grow flex-col items-center justify-center text-center text-sm text-muted-foreground`,children:[(0,X.jsx)(`div`,{children:`No members have given feedback yet`}),(0,X.jsx)(`div`,{children:`When someone does, you'll see their response here.`})]}),e.totalFeedback>0&&!i&&(0,X.jsx)(ie,{className:`grow-0`,children:(0,X.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,X.jsxs)(w,{variant:`subtle`,onClick:()=>{let e=`(feedback.post_id:'${n}'+feedback.score:1)`,t=`(feedback.post_id:'${n}'+feedback.score:0)`,i=`${encodeURIComponent(e)}&post=${n}`,a=`${encodeURIComponent(t)}&post=${n}`;r(`/members?filter=${s===`positive`?i:a}`)},children:[`View all`,(0,X.jsx)(x,{})]}),ee>1&&(0,X.jsx)(v,{className:`pb-0`,children:(0,X.jsxs)(h,{children:[(0,X.jsx)(m,{disabled:!ce,onClick:oe}),(0,X.jsx)(_,{disabled:!se,onClick:ae})]})})]})})]})},Te=e=>{let{data:t,isLoading:n}=i(e),{data:r,isLoading:a}=i(e,{searchParams:{include:`count.positive_feedback,count.negative_feedback`}}),o=(0,Y.useMemo)(()=>t?.posts[0],[t]),s=(0,Y.useMemo)(()=>r?.posts[0],[r]),c=(0,Y.useMemo)(()=>o?{sent:o.email?.email_count||0,opened:o.email?.opened_count||0,clicked:o.count?.clicks||0,openedRate:o.email?.opened_count?o.email.opened_count/o.email.email_count:0,clickedRate:o.count?.clicks&&o.email?.email_count?o.count.clicks/o.email.email_count:0}:{sent:0,opened:0,clicked:0,openedRate:0,clickedRate:0},[o]),l=(0,Y.useMemo)(()=>{if(!s?.count)return{positiveFeedback:0,negativeFeedback:0,totalFeedback:0};let e=s.count.positive_feedback||0,t=s.count.negative_feedback||0;return{positiveFeedback:e,negativeFeedback:t,totalFeedback:e+t}},[s]),u=(0,Y.useMemo)(()=>o?.newsletter?.id,[o]),{data:d,isLoading:f}=I({searchParams:u?{newsletter_id:u}:{},enabled:!!u}),p=(0,Y.useMemo)(()=>d?.stats?d.stats.map(e=>e.post_id):[],[d]),{data:m,isLoading:h}=L({searchParams:u&&p.length>0?{newsletter_id:u,post_ids:p.join(`,`)}:{},enabled:!!u&&p.length>0}),g=(0,Y.useMemo)(()=>{if(!d?.stats)return;let e=d.stats,t=m?.stats||[],n=new Map;t.forEach(e=>{n.set(e.post_id,e)});let r=e.map(e=>{let t=n.get(e.post_id);return{...e,total_clicks:t?.total_clicks||0,click_rate:t?.click_rate||0}});return{...d,stats:r}},[d,m]),_=f||h,{data:v,isLoading:y,refetch:b}=z({searchParams:{filter:`post_id:'${e}'`}}),x=(0,Y.useMemo)(()=>{if(!g||!g.stats)return{openRate:0,clickRate:0};let e=g.stats;if(e.length===0)return{openRate:0,clickRate:0};let t=e.reduce((e,t)=>e+(t.open_rate||0),0),n=e.reduce((e,t)=>e+(t.click_rate||0),0);return{openRate:Number((t/e.length).toFixed(2)),clickRate:Number((n/e.length).toFixed(2))}},[g]),S=(0,Y.useMemo)(()=>K(v),[v]);return{post:o,stats:c,feedbackStats:l,averageStats:(0,Y.useMemo)(()=>({openedRate:x.openRate,clickedRate:x.clickRate}),[x]),topLinks:S,refetchTopLinks:b,isLoading:n||a||_||y}},Ee=({breakpoints:e={sm:1080,md:1280,lg:1360}}={})=>{let[t,n]=(0,Y.useState)(`md`);return(0,Y.useEffect)(()=>{let t=()=>{let t=window.innerWidth;t<e.sm?n(`sm`):t<e.md?n(`md`):n(`lg`)};return t(),window.addEventListener(`resize`,t),()=>window.removeEventListener(`resize`,t)},[e]),{chartSize:t,isSmall:t===`sm`,isMedium:t===`md`,isLarge:t===`lg`}},De=()=>(0,X.jsx)(`div`,{className:`absolute top-1/2 -right-4 z-10 hidden size-8 -translate-y-1/2 items-center justify-center rounded-full border bg-background text-muted-foreground md:visible! md:flex!`,children:(0,X.jsx)(S,{className:`ml-0.5`,size:16,strokeWidth:1.5})}),Oe=({dataColor:e,value:t,avgValue:n})=>(0,X.jsxs)(`div`,{className:`absolute top-6 left-1/2 z-50 flex w-[200px] -translate-x-1/2 flex-col items-stretch gap-1.5 rounded-md bg-background px-4 py-2 text-sm opacity-0 shadow-md transition-all group-hover/block:top-3 group-hover/block:opacity-100`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,X.jsx)(`div`,{className:`size-2 rounded-full bg-chart-blue opacity-50`,style:{backgroundColor:e}}),`This newsletter`]}),(0,X.jsx)(`div`,{className:`text-right font-mono`,children:t})]}),(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,X.jsx)(`div`,{className:`size-2 rounded-full bg-chart-gray opacity-80`}),`Average`]}),(0,X.jsx)(`div`,{className:`text-right font-mono`,children:n})]})]}),ke=()=>{let{isAdmin7:e}=d(),t=o(),[n,i]=(0,Y.useState)(null),[a,u]=(0,Y.useState)(``),f=(0,Y.useRef)(null),y=(0,Y.useRef)(null),{chartSize:x}=Ee(),S=he(),C=me(),{hasNewsletterAnalytics:te,isNewsletterDataHidden:T,isStatusLoading:E}=ve(),{post:fe,isPostLoading:M,postId:N}=be(),P=e=>t(_e({filter:e})),I=fe,L=te;(0,Y.useEffect)(()=>{!M&&!E&&!L&&t(`/posts/analytics/${N}`)},[t,N,M,E,L]);let{stats:R,averageStats:z,topLinks:K,isLoading:Ce,refetchTopLinks:ke}=Te(N),{mutate:Ae}=ye(),Z=(0,Y.useMemo)(()=>{if(!I?.count)return{positiveFeedback:0,negativeFeedback:0,totalFeedback:0};let e=I.count.positive_feedback||0,t=I.count.negative_feedback||0;return{positiveFeedback:e,negativeFeedback:t,totalFeedback:e+t}},[I]),je=(0,Y.useMemo)(()=>I?.newsletter?.feedback_enabled===!0,[I]),Me=(0,Y.useMemo)(()=>Z.totalFeedback>0?!0:je,[Z.totalFeedback,je]),Ne=e=>{let t=J(K,e);t&&(i(e),u(t.link.to))},Pe=()=>{if(!n)return;let e=J(K,n);if(!e)return;let t=a.trim();if(t===``||t===e.link.to){i(null),u(``);return}Ae({originalUrl:e.link.originalTo,editedUrl:a,postId:N},{onSuccess:()=>{i(null),u(``),ke()},onError:()=>{r.error(`Couldn’t update the link. Please try again.`)}})},{totalPages:Fe,paginatedData:Ie,nextPage:Le,previousPage:Re,hasNextPage:ze,hasPreviousPage:Be}=g({data:K,itemsPerPage:10});(0,Y.useEffect)(()=>{if(n&&f.current){f.current.focus();let e=J(K,n),t=t=>{y.current&&!y.current.contains(t.target)&&a===e?.link.to&&(i(null),u(``))};return document.addEventListener(`mousedown`,t),()=>{document.removeEventListener(`mousedown`,t)}}},[n,a,K]);let Ve=Ce||M||E,He=S&&!T,Ue=(0,X.jsx)(`span`,{className:`font-normal text-muted-foreground`,children:`–`}),We=[{datatype:`Sent`,value:1,fill:`url(#gradientPurple)`,color:`var(--chart-purple)`}],Ge={percentage:{label:`O`},Average:{label:`Average`},"This newsletter":{label:`This newsletter`}},Ke=[{datatype:`Average`,value:z.openedRate,fill:`url(#gradientGray)`,color:`var(--chart-gray)`},{datatype:`This newsletter`,value:R.openedRate,fill:`url(#gradientBlue)`,color:`var(--chart-blue)`}],qe={percentage:{label:`Opened`},Average:{label:`Average`},"This newsletter":{label:`This newsletter`}},Je=[{datatype:`Average`,value:z.clickedRate,fill:`url(#gradientGray)`,color:`var(--chart-gray)`},{datatype:`This newsletter`,value:R.clickedRate,fill:`url(#gradientTeal)`,color:`var(--chart-teal)`}],Ye={percentage:{label:`Clicked`},Average:{label:`Average`},"This newsletter":{label:`This newsletter`}},Q=`grid-cols-3`,$=`aspect-[16/10] w-full max-w-[320px] sm:aspect-[2/1] md:aspect-[10/14] md:max-w-none lg:aspect-square`;return(!S||!C)&&(Q=`grid-cols-2`,$=`aspect-[16/10] w-full max-w-[320px] sm:aspect-[2/1] md:aspect-square md:max-w-none lg:aspect-[15/10]`),!S&&!C&&(Q=`grid-cols-1`,$=`aspect-square w-full sm:aspect-[16/10] md:max-w-[320px] md:max-h-[320px] lg:aspect-[12/10]`),(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(Se,{currentTab:`Newsletter`}),(0,X.jsx)(xe,{children:(0,X.jsxs)(`div`,{className:`grid grid-cols-1 gap-6 ${Me&&He&&`lg:grid-cols-2`}`,children:[(0,X.jsxs)(A,{className:Me&&He?`lg:col-span-2`:``,children:[(0,X.jsxs)(re,{className:`hidden`,children:[(0,X.jsx)(O,{children:`Newsletters`}),(0,X.jsx)(k,{children:`How did this post perform`})]}),Ve&&!T?(0,X.jsx)(D,{className:`h-[25vw] p-6`,children:(0,X.jsx)(ge,{})}):(0,X.jsxs)(D,{className:`p-0`,children:[(0,X.jsxs)(`div`,{className:`grid ${Q} items-stretch border-b ${T?`pointer-events-none opacity-40`:``}`,children:[(0,X.jsxs)(W,{className:`group relative isolate grow p-3 md:px-6 md:py-5`,children:[!T&&(0,X.jsx)(V,{onClick:()=>{P(`emails.post_id:${N}`)},children:`View members →`}),(0,X.jsxs)(U,{onClick:()=>{P(`emails.post_id:${N}`)},children:[(0,X.jsx)(`div`,{className:`ml-0.5 size-[9px] rounded-full bg-chart-purple opacity-50`}),`Sent`]}),(0,X.jsx)(H,{children:(0,X.jsx)(B,{className:`text-xl leading-none sm:text-2xl md:text-[2.6rem]`,children:T?Ue:s(R.sent)})})]}),C&&(0,X.jsxs)(W,{className:`p-3 md:px-6 md:py-5`,children:[!T&&(0,X.jsx)(V,{onClick:()=>{P(`opened_emails.post_id:${N}`)},children:`View members →`}),(0,X.jsxs)(U,{onClick:()=>{P(`opened_emails.post_id:${N}`)},children:[(0,X.jsx)(`div`,{className:`ml-0.5 size-[9px] rounded-full bg-chart-blue opacity-50`}),`Opened`]}),(0,X.jsx)(H,{children:(0,X.jsx)(B,{className:`text-xl leading-none sm:text-2xl md:text-[2.6rem]`,children:T?Ue:s(R.opened)})})]}),S&&(0,X.jsxs)(W,{className:`group relative isolate grow p-3 md:px-6 md:py-5`,children:[!T&&(0,X.jsx)(V,{onClick:()=>{P(`clicked_links.post_id:${N}`)},children:`View members →`}),(0,X.jsxs)(U,{onClick:()=>{P(`clicked_links.post_id:${N}`)},children:[(0,X.jsx)(`div`,{className:`ml-0.5 size-[9px] rounded-full bg-chart-teal opacity-50`}),`Clicked`]}),(0,X.jsx)(H,{children:(0,X.jsx)(B,{className:`text-xl leading-none sm:text-2xl md:text-[2.6rem]`,children:T?Ue:s(R.clicked)})})]})]}),(0,X.jsx)(G,{description:`Sends, opens and clicks will appear once every email has been sent`,title:`Your newsletter is being sent`,children:(0,X.jsxs)(`div`,{className:`mx-auto grid grid-cols-1 items-center justify-center gap-4 transition-all md:gap-0 ${Q===`grid-cols-2`&&`md:grid-cols-2`} ${Q===`grid-cols-3`&&`md:grid-cols-3`}`,children:[(0,X.jsxs)(`div`,{className:`relative border-r-0 px-6 ${(C||S)&&`md:border-r`}`,children:[(0,X.jsx)(q,{className:$,config:Ge,data:We,percentageLabel:`Sent`,percentageValue:l(1),size:x,tooltip:!1}),(C||S)&&(0,X.jsx)(De,{})]}),C&&(0,X.jsxs)(`div`,{className:`group/block relative border-r-0 px-6 transition-all hover:bg-muted/25 ${S&&`md:border-r`}`,children:[(0,X.jsx)(Oe,{avgValue:l(z.openedRate),dataColor:`var(--chart-blue)`,value:l(R.openedRate)}),(0,X.jsx)(q,{className:$,config:qe,data:Ke,percentageLabel:`Open rate`,percentageValue:l(R.openedRate),size:x,tooltip:!1}),S&&(0,X.jsx)(De,{})]}),S&&(0,X.jsxs)(`div`,{className:`group/block relative px-6 transition-all hover:bg-muted/25`,children:[(0,X.jsx)(Oe,{avgValue:l(z.clickedRate),dataColor:`var(--chart-teal)`,value:l(R.clickedRate)}),(0,X.jsx)(q,{className:$,config:Ye,data:Je,percentageLabel:`Click rate`,percentageValue:l(R.clickedRate),size:x,tooltip:!1})]})]})})]})]}),Me&&(0,X.jsx)(we,{feedbackStats:Z}),He&&(0,X.jsxs)(A,{className:`group/datalist overflow-hidden`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between p-6`,children:[(0,X.jsxs)(re,{className:`p-0`,children:[(0,X.jsx)(O,{children:`Newsletter clicks`}),(0,X.jsx)(k,{children:`Which links resonated with your readers`})]}),(0,X.jsx)(p,{className:`mr-2`,children:`Members`})]}),Ve?(0,X.jsxs)(D,{className:`p-6 pt-0`,children:[(0,X.jsx)(F,{}),(0,X.jsx)(ne,{className:`mt-6`})]}):(0,X.jsxs)(D,{className:`pb-0`,children:[(0,X.jsx)(F,{}),K.length>0?(0,X.jsx)(ue,{className:``,children:(0,X.jsx)(ce,{children:Ie?.map(t=>{let r=R.clicked>0?t.count/R.clicked:0,i=t.link.link_id,o=t.link.title,d=t.link.to,p=t.link.edited;return(0,X.jsxs)(de,{children:[n!==i&&(0,X.jsx)(oe,{style:{width:`${r?Math.round(r*100):0}%`}}),(0,X.jsx)(se,{className:`w-full`,children:n===i?(0,X.jsxs)(`div`,{ref:y,className:`flex w-full items-center gap-2`,children:[(0,X.jsx)(pe,{ref:f,className:`z-50 h-7 w-full border-border bg-background text-sm`,value:a,onChange:e=>u(e.target.value)}),(0,X.jsx)(w,{size:`sm`,onClick:Pe,children:`Update`})]}):(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(w,{"aria-label":`Edit link`,className:c(`mr-2 shrink-0`,!e&&`bg-background`),size:e?`icon-sm`:`sm`,title:e?`Edit link`:void 0,variant:`subtle`,onClick:()=>Ne(i),children:(0,X.jsx)(ee,{})}),(0,X.jsx)(`a`,{className:`block truncate font-medium hover:underline`,href:d,rel:`noreferrer`,target:`_blank`,title:o,children:o}),p&&(0,X.jsx)(`span`,{className:`ml-1 text-gray-500`,children:`(edited)`})]})}),(0,X.jsxs)(le,{children:[(0,X.jsx)(j,{children:s(t.count||0)}),(0,X.jsx)(ae,{children:l(r)})]})]},i)})})}):(0,X.jsx)(`div`,{className:`py-20 text-center text-sm text-gray-700`,children:`You have no links in your post.`})]}),!Ve&&K.length>1&&(0,X.jsx)(ie,{children:(0,X.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-3`,children:[(0,X.jsxs)(`div`,{className:`mt-2 flex items-start gap-2 pl-4 text-sm text-green`,children:[(0,X.jsx)(b,{size:20,strokeWidth:1.5}),`Sent a broken link? You can update it!`]}),Fe>1&&(0,X.jsx)(v,{className:`pb-0`,children:(0,X.jsxs)(h,{children:[(0,X.jsx)(m,{disabled:!Be,onClick:Re}),(0,X.jsx)(_,{disabled:!ze,onClick:Le})]})})]})})]})]})})]})};export{ke as default};

package/core/built/admin/assets/newsletter-detail-modal-DzTbGOyo.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{g as n,p as r}from"./hooks-DYfTEQLk.js";import{t as i}from"./jsx-runtime-BlNNh7jY.js";import{n as a}from"./dist-DziNzWI2.js";import{t as o}from"./use-form-DJKZJhQh.js";import{a as s,i as c,r as l}from"./config-BPljH6wF.js";import{h as u}from"./chunk-KS7C4IRE-DhOcHQOU.js";import{Z as d,i as f,o as p,r as m}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{t as h}from"./use-limiter-DlL7au90.js";import{i as g,r as _}from"./newsletters-Dz77m__5.js";import{A as v,Kn as y,N as b,P as ee,S as x,U as S,W as C,Z as w,gn as te,k as T,t as ne,x as re,yr as E,zt as ie}from"./button-D414TI3B.js";import{i as D,n as O,o as k,s as A,t as j}from"./select-D_4xWFYv.js";import{i as M,n as N,r as ae,t as oe}from"./tabs-BZyz4ZCH.js";import{t as P}from"./switch-DoOJF2yg.js";import{t as F}from"./use-settings-navigation-CzGU4sus.js";import{a as I,c as L,i as R,n as z,o as B,r as se,s as V,t as H}from"./field-BXEh3ptU.js";import{t as ce}from"./textarea-C5qolByg.js";import{n as U,t as W}from"./toggle-group-BTL1QsWY.js";import{r as le}from"./components-CwL6a6As-CCRaoCeP.js";import{$r as G,Dn as K,Qr as ue,Zr as de,vi as fe,yi as pe,yn as me}from"./index-DOF2jDq0.js";import{t as he}from"./validator-DlFQP70j.js";import{n as ge}from"./confirmation-context-znVJD4pX.js";import{n as q}from"./global-data-context-3MItMry2.js";import{t as _e}from"./use-upgrade-route-CVjDlNSs.js";import{t as ve}from"./use-setting-group-ldtX1Vsk.js";import{t as J}from"./color-picker-field-DP0moHz9.js";import{i as ye,r as be,t as Y}from"./newsletter-emails-BMKH4Osp.js";import{t as xe}from"./html-field-B3CrKV9Y.js";import{t as X}from"./color-utils-Dzeeuj1F.js";import{t as Se}from"./preview-modal-CFUxUGHp.js";``+new URL(`user-cover-yM4cP_Mo.jpg`,import.meta.url).href,``+new URL(`latest-posts-1-D7-ilqhR.jpg`,import.meta.url).href,``+new URL(`latest-posts-2-BPfbGB8B.jpg`,import.meta.url).href,``+new URL(`latest-posts-3-D72O3dn8.jpg`,import.meta.url).href;var Z=i(),Ce=({senderName:e,senderEmail:t,senderReplyTo:n,headerImage:r,headerIcon:i,headerTitle:a,headerSubtitle:o,showPostTitleSection:s,showExcerpt:l,titleAlignment:u,titleFontCategory:f,titleFontWeight:p,bodyFontCategory:m,authorPlaceholder:h,showCommentCta:g,showFeatureImage:_,showFeedback:y,showShareButton:b,showLatestPosts:ee,showSubscriptionDetails:x,siteTitle:S,footerContent:C,showBadge:te,backgroundColor:ne,headerBackgroundColor:re,accentColor:E,textColor:D,secondaryTextColor:O,headerTextColor:k,secondaryHeaderTextColor:A,postTitleColor:j,sectionTitleColor:M,dividerColor:N,buttonColor:ae,buttonTextColor:oe,linkColor:P,buttonCorners:F,buttonStyle:I,imageCorners:L,linkStyle:R,dividerStyle:z})=>{let B=i||a,{config:se}=q(),V=new Date().toLocaleDateString(`default`,{year:`numeric`,month:`short`,day:`numeric`}),H=new Date().getFullYear(),ce=C?C.replace(/<a/g,`<a target="_blank" rel="noopener noreferrer"`):``,U;U=c(se)?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`p`,{className:`leading-normal`,children:[(0,Z.jsx)(`span`,{className:`font-semibold text-gray-900`,children:`From: `}),(0,Z.jsxs)(`span`,{children:[e,` (`,t,`)`]})]}),(0,Z.jsxs)(`p`,{className:`leading-normal`,children:[(0,Z.jsx)(`span`,{className:`font-semibold text-gray-900`,children:`Reply-to: `}),n||t]})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`p`,{className:`leading-normal`,children:[(0,Z.jsx)(`span`,{className:`font-semibold text-gray-900`,children:e}),(0,Z.jsxs)(`span`,{children:[` `,t]})]}),(0,Z.jsxs)(`p`,{className:`leading-normal`,children:[(0,Z.jsx)(`span`,{className:`font-semibold text-gray-900`,children:`To:`}),` Jamie Larson jamie@example.com`]})]});let W=`mb-5 text-pretty leading-[1.7] text-black`;return W=f===`serif`&&m===`serif`?d(W,`mb-8 font-serif text-[2.0rem] leading-tight`):f!==`serif`&&m===`serif`?d(W,`mb-8 text-[1.7rem] leading-tight tracking-tight`):f===`serif`&&m!==`serif`?d(W,`mb-8 font-serif text-[2.0rem] leading-tight`):d(W,`mb-8 text-[1.9rem] leading-tight tracking-tight`),u===`center`&&(W=d(W,`text-center`)),(0,Z.jsx)(`div`,{className:`relative flex grow flex-col`,children:(0,Z.jsx)(`div`,{className:`absolute inset-0 m-5 flex items-center justify-center`,children:(0,Z.jsxs)(`div`,{className:`mx-auto my-0 flex max-h-full w-full max-w-[700px] flex-col overflow-hidden rounded-[4px] text-black shadow-sm`,children:[(0,Z.jsx)(`div`,{className:`flex-column flex min-h-[77px] justify-center gap-1 rounded-t-sm border-b border-gray-200 bg-white px-6 text-gray-700`,children:U}),(0,Z.jsxs)(`div`,{className:`overflow-y-auto`,style:{backgroundColor:ne},children:[(0,Z.jsxs)(`div`,{className:`px-[7rem]`,style:{backgroundColor:re},children:[r&&(0,Z.jsx)(`div`,{children:(0,Z.jsx)(`img`,{alt:``,className:`mb-4 block pt-6`,src:r})}),B&&(0,Z.jsxs)(`div`,{className:`py-3`,children:[i&&(0,Z.jsx)(`img`,{alt:``,className:`mx-auto mb-2 size-10`,role:`presentation`,src:i}),a&&(0,Z.jsx)(`h4`,{className:`mb-1 text-center text-[1.6rem] leading-tight font-bold tracking-tight text-gray-900 uppercase`,style:{color:k},children:a}),o&&(0,Z.jsx)(`h5`,{className:`mb-1 text-center text-[1.3rem] font-normal text-gray-700`,style:{color:A},children:o})]}),s&&(0,Z.jsxs)(`div`,{className:d(`flex flex-col py-8`,u===`center`?`items-center`:`items-start`),children:[(0,Z.jsx)(`h2`,{className:d(`text-4xl leading-supertight font-bold text-black`,f===`serif`&&`font-serif`,p===`normal`&&`font-normal`,p===`medium`&&`font-medium`,p===`semibold`&&`font-semibold`,p===`bold`&&`font-bold`,u===`center`?`text-center`:`text-left`,l?`mb-2`:`mb-8`),style:{color:j},children:`Your email newsletter`}),l&&(0,Z.jsx)(`p`,{className:W,style:{color:k},children:`A subtitle to highlight key points and engage your readers.`}),(0,Z.jsxs)(`div`,{className:d(`flex w-full justify-between text-center text-md leading-none text-gray-700`,u===`center`?`flex-col gap-1`:`flex-row`),children:[(0,Z.jsxs)(`p`,{className:`pb-1 text-[1.3rem]`,style:{color:A},children:[`By `,h,(0,Z.jsx)(`span`,{className:`before:pr-1 before:pl-0.5 before:content-['•']`,children:V})]}),(0,Z.jsx)(`p`,{className:`pb-1 text-[1.3rem] underline`,style:{color:A},children:(0,Z.jsx)(`span`,{children:`View in browser`})})]})]}),_&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:d(`h-[unset] w-full max-w-[600px] bg-cover bg-no-repeat`,s?``:`pt-6`),children:(0,Z.jsx)(`img`,{alt:`Feature`,className:d(`min-h-full min-w-full shrink-0`,L===`square`&&`rounded-none`,L===`rounded`&&`rounded-md`),src:``+new URL(`user-cover-yM4cP_Mo.jpg`,import.meta.url).href})}),(0,Z.jsx)(`div`,{className:`mt-1 w-full max-w-[600px] pb-8 text-center text-[1.3rem] text-gray-700`,style:{color:A},children:`Feature image caption`})]})]}),(0,Z.jsxs)(`div`,{className:d(`px-[7rem]`,re!==`transparent`&&`pt-10`),children:[(0,Z.jsxs)(`div`,{className:d(`max-w-[600px] border-b border-gray-200 pb-[52px] leading-[27.2px] text-black`,z===`dashed`&&`border-dashed`,z===`dotted`&&`border-b-2 border-dotted`,m===`serif`?`font-serif text-[1.8rem]`:`text-[1.7rem] tracking-tight`,_||s?``:`pt-8`),style:{borderColor:N},children:[(0,Z.jsx)(`p`,{className:`mb-6`,style:{color:D},children:`This is what your content will look like when you send one of your posts as an email newsletter to your subscribers.`}),(0,Z.jsx)(`p`,{className:`mb-6`,style:{color:D},children:`Over there on the right you'll see some settings that allow you to customize the look and feel of this template – from colors and typography to layout and buttons – to make it perfectly suited to your brand.`}),(0,Z.jsx)(`p`,{className:`mb-[52px]`,style:{color:D},children:`Email templates are exceptionally finnicky to make, but we've spent a long time optimising this one to make it work beautifully across devices, email clients and content types. So, you can trust that every email you send with Ghost will look great and work well. Just like the rest of your site.`}),(0,Z.jsx)(`hr`,{className:d(`my-[52px] border-[#e0e7eb]`,z===`dashed`&&`border-dashed`,z===`dotted`&&`border-t-0 border-b-2 border-dotted`),style:{borderColor:N}}),(0,Z.jsx)(`h3`,{className:d(`mb-[13px] text-[2.6rem] leading-supertight`,f===`serif`&&`font-serif`,f===`sans_serif`&&`font-sans`,p===`normal`&&`font-normal`,p===`medium`&&`font-medium`,p===`semibold`&&`font-semibold`,p===`bold`&&`font-bold`),style:{color:M},children:`Need inspiration?`}),(0,Z.jsxs)(`p`,{className:`mb-[27px]`,style:{color:D},children:[`We've put together a`,` `,(0,Z.jsx)(`a`,{className:d(R===`underline`&&`underline`,R===`bold`&&`font-bold`),href:`https://ghost.org/help/email-design/`,rel:`noopener noreferrer`,style:{color:P||E},target:`_blank`,children:`quick guide`}),` `,`that walks through all of the available settings, along with a few examples of what's possible.`]}),(0,Z.jsx)(`a`,{className:d(`inline-block border px-[18px] py-2 font-sans text-[15px]`,F===`rounded`&&`rounded-[6px]`,F===`pill`&&`rounded-full`,F===`square`&&`rounded-none`,I===`outline`?`bg-transparent`:`border-transparent text-white`,R===`bold`?`font-bold`:`font-semibold`),href:`https://ghost.org/help/email-design/`,rel:`noopener noreferrer`,style:I===`outline`?{borderColor:ae||E,color:ae||E}:{backgroundColor:ae||E,color:oe},target:`_blank`,children:`Learn more`})]}),(y||g||b)&&(0,Z.jsx)(`div`,{className:d(`grid gap-5 border-b border-gray-200 px-6 py-5`,z===`dashed`&&`border-dashed`,z===`dotted`&&`border-b-2 border-dotted`),style:{borderColor:N},children:(0,Z.jsxs)(`div`,{className:`grid auto-cols-fr grid-flow-col gap-4`,children:[y&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`pointer-events-none flex min-w-[120px] cursor-default flex-col items-center gap-[11px] text-center`,children:[(0,Z.jsx)(`span`,{className:`inline-flex size-[54px] items-center justify-center rounded-full border`,style:{borderColor:N,color:D},children:(0,Z.jsx)(T,{className:`size-5`})}),(0,Z.jsx)(`span`,{className:`font-sans text-[1.3rem] leading-[1.4] font-medium`,style:{color:D},children:`More like this`})]}),(0,Z.jsxs)(`div`,{className:`pointer-events-none flex min-w-[120px] cursor-default flex-col items-center gap-[11px] text-center`,children:[(0,Z.jsx)(`span`,{className:`inline-flex size-[54px] items-center justify-center rounded-full border`,style:{borderColor:N,color:D},children:(0,Z.jsx)(v,{className:`size-5`})}),(0,Z.jsx)(`span`,{className:`font-sans text-[1.3rem] leading-[1.4] font-medium`,style:{color:D},children:`Less like this`})]})]}),g&&(0,Z.jsxs)(`div`,{className:`pointer-events-none flex min-w-[120px] cursor-default flex-col items-center gap-[11px] text-center`,children:[(0,Z.jsx)(`span`,{className:`inline-flex size-[54px] items-center justify-center rounded-full border`,style:{borderColor:N,color:D},children:(0,Z.jsx)(ie,{className:`size-5`})}),(0,Z.jsx)(`span`,{className:`font-sans text-[1.3rem] leading-[1.4] font-medium`,style:{color:D},children:`Comment`})]}),b&&(0,Z.jsxs)(`div`,{className:`pointer-events-none flex min-w-[120px] cursor-default flex-col items-center gap-[11px] text-center`,children:[(0,Z.jsx)(`span`,{className:`inline-flex size-[54px] items-center justify-center rounded-full border`,style:{borderColor:N,color:D},children:(0,Z.jsx)(w,{className:`size-5`})}),(0,Z.jsx)(`span`,{className:`font-sans text-[1.3rem] leading-[1.4] font-medium`,style:{color:D},children:`Share`})]})]})}),ee&&(0,Z.jsxs)(`div`,{className:d(`border-b border-gray-200 py-6`,z===`dashed`&&`border-dashed`,z===`dotted`&&`border-b-2 border-dotted`),style:{borderColor:N},children:[(0,Z.jsx)(`h3`,{className:`mt-2 mb-4 pb-1 text-[1.2rem] font-semibold tracking-wide text-black uppercase`,style:{color:D},children:`Keep reading`}),(0,Z.jsxs)(`div`,{className:`flex justify-between gap-4 py-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`h4`,{className:d(`mt-0.5 text-[1.9rem] text-black`,f===`serif`&&`font-serif`,p===`normal`&&`font-normal`,p===`medium`&&`font-medium`,p===`semibold`&&`font-semibold`,p===`bold`&&`font-bold`),style:{color:M},children:`The three latest posts published on your site`}),(0,Z.jsx)(`p`,{className:`m-0 text-base text-gray-700`,style:{color:O},children:`Posts sent as an email only will never be shown here.`})]}),(0,Z.jsx)(`div`,{className:`aspect-square h-auto w-full max-w-[100px] bg-cover bg-no-repeat`,children:(0,Z.jsx)(`img`,{alt:`Latest post`,className:d(L===`square`&&`rounded-none`,L===`rounded`&&`rounded-md`),src:``+new URL(`latest-posts-1-D7-ilqhR.jpg`,import.meta.url).href})})]}),(0,Z.jsxs)(`div`,{className:`flex justify-between gap-4 py-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`h4`,{className:d(`mt-0.5 text-[1.9rem] text-black`,f===`serif`&&`font-serif`,p===`normal`&&`font-normal`,p===`medium`&&`font-medium`,p===`semibold`&&`font-semibold`,p===`bold`&&`font-bold`),style:{color:M},children:`Displayed at the bottom of each newsletter`}),(0,Z.jsx)(`p`,{className:`m-0 text-base text-gray-700`,style:{color:O},children:`Giving your readers one more place to discover your stories.`})]}),(0,Z.jsx)(`div`,{className:`aspect-square h-auto w-full max-w-[100px] bg-cover bg-no-repeat`,children:(0,Z.jsx)(`img`,{alt:`Latest post`,className:d(L===`square`&&`rounded-none`,L===`rounded`&&`rounded-md`),src:``+new URL(`latest-posts-2-BPfbGB8B.jpg`,import.meta.url).href})})]}),(0,Z.jsxs)(`div`,{className:`flex justify-between gap-4 py-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`h4`,{className:d(`mt-0.5 text-[1.9rem] text-black`,f===`serif`&&`font-serif`,p===`normal`&&`font-normal`,p===`medium`&&`font-medium`,p===`semibold`&&`font-semibold`,p===`bold`&&`font-bold`),style:{color:M},children:`To keep your work front and center`}),(0,Z.jsx)(`p`,{className:`m-0 text-base text-gray-700`,style:{color:O},children:`Making sure that your audience stays engaged.`})]}),(0,Z.jsx)(`div`,{className:`aspect-square h-auto w-full max-w-[100px] bg-cover bg-no-repeat`,children:(0,Z.jsx)(`img`,{alt:`Latest post`,className:d(L===`square`&&`rounded-none`,L===`rounded`&&`rounded-md`),src:``+new URL(`latest-posts-3-D72O3dn8.jpg`,import.meta.url).href})})]})]}),x&&(0,Z.jsxs)(`div`,{className:d(`border-b border-gray-200 py-8`,z===`dashed`&&`border-dashed`,z===`dotted`&&`border-b-2 border-dotted`),style:{borderColor:N},children:[(0,Z.jsx)(`h4`,{className:`mb-3 text-[1.2rem] tracking-wide text-black uppercase`,style:{color:D},children:`Subscription details`}),(0,Z.jsxs)(`p`,{className:`m-0 mb-4 text-base`,style:{color:D},children:[`You are receiving this because you are a paid subscriber to `,S,`. Your subscription will renew on 17 Jul 2024.`]}),(0,Z.jsxs)(`div`,{className:`flex`,children:[(0,Z.jsxs)(`div`,{className:`shrink-0 text-base`,children:[(0,Z.jsx)(`p`,{style:{color:D},children:`Name: Jamie Larson`}),(0,Z.jsx)(`p`,{style:{color:D},children:`Email: jamie@example.com`}),(0,Z.jsx)(`p`,{style:{color:D},children:`Member since: 17 July 2023`})]}),(0,Z.jsx)(`span`,{className:d(`w-full self-end text-right text-base whitespace-nowrap`,R===`underline`&&`underline`,R===`bold`&&`font-bold`),style:{color:P||E},children:`Manage subscription`})]})]}),(0,Z.jsxs)(`div`,{className:`flex flex-col items-center pt-10`,children:[(0,Z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:ce||``},className:`text px-8 py-3 text-center text-[1.3rem] leading-base break-words text-gray-700 [&_a]:underline`,style:{color:O}}),(0,Z.jsxs)(`div`,{className:`px-8 pt-3 pb-14 text-center text-[1.3rem] text-gray-700`,children:[(0,Z.jsxs)(`span`,{style:{color:O},children:[S,` © `,H,` —`,` `]}),(0,Z.jsx)(`span`,{className:`pointer-events-none cursor-auto underline`,style:{color:O},children:`Unsubscribe`})]}),te&&(0,Z.jsx)(`div`,{className:`flex flex-col items-center pt-[10px] pb-[40px]`,children:(0,Z.jsxs)(`a`,{className:`pointer-events-none inline-flex cursor-auto items-center px-2 py-1 text-[1.25rem] font-semibold tracking-tight text-gray-900`,href:`https://ghost.org`,style:{color:D},children:[(0,Z.jsx)(le,{className:`mr-[6px] size-4`}),(0,Z.jsx)(`span`,{children:`Powered by Ghost`})]})})]})]})]})]})})})},Q=e(t(),1),we=({newsletter:e})=>{let{currentUser:t,settings:n,siteData:r,config:i}=q(),[a,o,s,c,l]=pe(n,[`title`,`icon`,`comments_enabled`,`support_email_address`,`default_email_address`]),u=null;e.show_header_title?u=a||null:e.show_header_name&&(u=e.name);let d=e.show_header_title&&e.show_header_name?e.name:void 0,f=e.show_comment_cta&&s!==`off`,p=e.feedback_enabled,m=e.show_share_button,h=()=>{let t=e.background_color;return/#([0-9a-f]{3}){1,2}$/i.test(t)?t:`#ffffff`},g=()=>{let t=e.header_background_color;return!t||t===`transparent`?`transparent`:/#([0-9a-f]{3}){1,2}$/i.test(t)?t:`transparent`},_=()=>{let t=e.button_color;return/#([0-9a-f]{3}){1,2}$/i.test(t||``)?t:t===null?X(h()).hex():r.accent_color},v=()=>{let t=e.button_style,n=_();if(n&&t===`fill`)return X(n).hex()},y=()=>{let t=e.link_color===void 0?`accent`:e.link_color;return t===`accent`?r.accent_color:/#([0-9a-f]{3}){1,2}$/i.test(t||``)?t:X(h()).hex()},b=()=>{let t=e.post_title_color;if(/#([0-9a-f]{3}){1,2}$/i.test(t||``))return t;if(t===`accent`)return r.accent_color;let n=g();return X(n===`transparent`?h():n).hex()},ee=()=>{let t=e.section_title_color;return/#([0-9a-f]{3}){1,2}$/i.test(t||``)?t:t===`accent`?r.accent_color:X(h()).hex()},x=()=>{let t=e.divider_color;return/#([0-9a-f]{3}){1,2}$/i.test(t||``)?t:t===`accent`?r.accent_color:`#e0e7eb`},S=X(h()).hex(),C=X(h()).alpha(.5).toString(),w=g()===`transparent`?S:X(g()).hex(),te=g()===`transparent`?C:X(g()).alpha(.5).toString(),T={backgroundColor:h(),headerBackgroundColor:g(),postTitleColor:b()||void 0,sectionTitleColor:ee()||void 0,buttonColor:_()||void 0,buttonTextColor:v()||void 0,linkColor:y()||void 0,dividerColor:x()||void 0,textColor:S,secondaryTextColor:C,headerTextColor:w,secondaryHeaderTextColor:te};return(0,Z.jsx)(Ce,{accentColor:r.accent_color,authorPlaceholder:t.name||t.email,backgroundColor:T.backgroundColor||`#ffffff`,bodyFontCategory:e.body_font_category,buttonCorners:e.button_corners||`rounded`,buttonStyle:e.button_style||`fill`,dividerStyle:e.divider_style||`solid`,footerContent:e.footer_content,headerBackgroundColor:T.headerBackgroundColor||`transparent`,headerIcon:e.show_header_icon?o:void 0,headerImage:e.header_image,headerSubtitle:d,headerTitle:u,imageCorners:e.image_corners||`square`,linkStyle:e.link_style||`underline`,senderEmail:be(e,i,l),senderName:e.sender_name||a,senderReplyTo:Y(e,i,c,l),showBadge:e.show_badge,showCommentCta:f,showExcerpt:e.show_excerpt,showFeatureImage:e.show_feature_image,showFeedback:p,showLatestPosts:e.show_latest_posts,showPostTitleSection:e.show_post_title_section,showShareButton:m,showSubscriptionDetails:e.show_subscription_details,siteTitle:a,titleAlignment:e.title_alignment,titleFontCategory:e.title_font_category,titleFontWeight:e.title_font_weight||`bold`,...T})},Te=e(he(),1),$=({label:e,value:t,options:n,onValueChange:r})=>(0,Z.jsx)(W,{"aria-label":e,type:`single`,value:t,onValueChange:e=>e&&r(e),children:n.map(e=>(0,Z.jsxs)(m,{children:[(0,Z.jsx)(p,{asChild:!0,children:(0,Z.jsx)(U,{"aria-label":e.label,disabled:e.disabled,value:e.value,children:e.icon})}),(0,Z.jsx)(f,{children:e.label})]},e.value))}),Ee=({newsletter:e,updateNewsletter:t,errors:n,clearError:r})=>{let{settings:i,config:a}=q(),[o,s]=pe(i,[`default_email_address`,`support_email_address`]),[c,l]=(0,Q.useState)(Y(e,a,s,o)||``),u=be(e,a,o),d=(0,Q.useCallback)(e=>{l(e.target.value),t({sender_reply_to:e.target.value||`newsletter`})},[t,l]);return(0,Z.jsxs)(H,{"data-invalid":!!n.sender_reply_to||void 0,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-reply-to`,children:`Reply-to email`}),(0,Z.jsx)(K,{"aria-invalid":!!n.sender_reply_to||void 0,id:`newsletter-reply-to`,maxLength:191,placeholder:u||``,value:c,onBlur:()=>{let t=Y(e,a,s,o)||``;l(t)},onChange:d,onKeyDown:()=>r(`sender_reply_to`)}),n.sender_reply_to&&(0,Z.jsx)(R,{children:n.sender_reply_to})]})},De=({newsletter:e,onlyOne:t,updateNewsletter:i,validate:o,errors:s,clearError:u})=>{let{updateRoute:d}=F(),f=_e(),{mutateAsync:p}=g(),m=h(),{settings:v,config:w,siteData:T}=q(),[ie,U]=pe(v,[`icon`,`default_email_address`]),[W,le]=(0,Q.useState)(`generalSettings`),{localSettings:de}=ve(),[he]=pe(de,[`title`]),Y=r(),{confirm:Se,showLimit:Ce}=ge(),{data:{newsletters:we}={}}=_(),Te=[`all`,`paid`].includes(fe(v,`comments_enabled`)||``),De=be(e,w,U),[Oe,ke]=(0,Q.useState)(we||[]),Ae=Oe.filter(e=>e.status===`active`);(0,Q.useEffect)(()=>{ke(we||[])},[we]);let je=[{value:`serif`,label:`Elegant serif`,className:`font-serif`},{value:`sans_serif`,label:`Clean sans-serif`}],Me={sans_serif:{options:[{value:`normal`,label:`Regular`,className:`font-normal`},{value:`medium`,label:`Medium`,className:`font-medium`},{value:`semibold`,label:`Semi-bold`,className:`font-semibold`},{value:`bold`,label:`Bold`,className:`font-bold`}]},serif:{options:[{value:`normal`,label:`Regular`,className:`font-normal`},{value:`bold`,label:`Bold`,className:`font-bold`}],map:{medium:`normal`,semibold:`bold`}}},Ne=()=>e.background_color===`light`?!1:X(e.background_color).hex().toLowerCase()===`#ffffff`,Pe=async()=>{if(e.status===`active`)Se({title:`Archive newsletter`,prompt:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`mb-6`,children:[`Your newsletter `,(0,Z.jsx)(`strong`,{children:e.name}),` will no longer be visible to members or available as an option when publishing new posts.`]}),(0,Z.jsx)(`div`,{children:`Existing posts previously sent as this newsletter will remain unchanged.`})]}),okLabel:`Archive`,okVariant:`destructive`,onOk:async t=>{try{await p({...e,status:`archived`}),t?.remove(),a.success(`Newsletter archived`)}catch(e){Y(e)}}});else{try{await m?.errorIfWouldGoOverLimit(`newsletters`)}catch(e){if(e instanceof n){Ce({prompt:e.message||`Your current plan doesn't support more newsletters.`,onOk:()=>d({route:f,isExternal:!0})});return}else throw e}Se({title:`Reactivate newsletter`,prompt:(0,Z.jsxs)(Z.Fragment,{children:[`Reactivating `,(0,Z.jsx)(`strong`,{children:e.name}),` will immediately make it visible to members and re-enable it as an option when publishing new posts.`]}),okLabel:`Reactivate`,onOk:async t=>{await p({...e,status:`active`}),t?.remove(),a.success(`Newsletter reactivated`)}})}},Fe=()=>{if(!c(w))return(0,Z.jsxs)(H,{"data-invalid":!!s.sender_email||void 0,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-sender-email`,children:`Sender email address`}),(0,Z.jsx)(K,{"aria-invalid":!!s.sender_email||void 0,id:`newsletter-sender-email`,placeholder:De||``,value:e.sender_email||``,onChange:e=>i({sender_email:e.target.value}),onKeyDown:()=>u(`sender_email`)}),s.sender_email&&(0,Z.jsx)(R,{children:s.sender_email})]});if(l(w))return(0,Z.jsxs)(H,{"data-invalid":!!s.sender_email||void 0,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-sender-email`,children:`Sender email address`}),(0,Z.jsx)(K,{"aria-invalid":!!s.sender_email||void 0,id:`newsletter-sender-email`,maxLength:191,placeholder:U,value:e.sender_email||``,onChange:e=>{i({sender_email:e.target.value})},onKeyDown:()=>u(`sender_email`)}),s.sender_email&&(0,Z.jsx)(R,{children:s.sender_email})]})},Ie=Me[e.title_font_category||`sans_serif`].options,Le=[{id:`generalSettings`,title:`General`,contents:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Name and description`}),(0,Z.jsxs)(I,{children:[(0,Z.jsxs)(H,{"data-invalid":!!s.name||void 0,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-detail-name`,children:`Name`}),(0,Z.jsx)(K,{"aria-invalid":!!s.name||void 0,id:`newsletter-detail-name`,maxLength:191,placeholder:`Weekly Roundup`,value:e.name||``,onChange:e=>i({name:e.target.value}),onKeyDown:()=>u(`name`)}),s.name&&(0,Z.jsx)(R,{children:s.name})]}),(0,Z.jsxs)(H,{children:[(0,Z.jsx)(B,{htmlFor:`newsletter-description`,children:`Description`}),(0,Z.jsx)(ce,{id:`newsletter-description`,maxLength:2e3,rows:2,value:e.description||``,onChange:e=>i({description:e.target.value})})]})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Email info`}),(0,Z.jsxs)(I,{children:[(0,Z.jsxs)(H,{children:[(0,Z.jsx)(B,{htmlFor:`newsletter-sender-name`,children:`Sender name`}),(0,Z.jsx)(K,{id:`newsletter-sender-name`,maxLength:191,placeholder:he,value:e.sender_name||``,onChange:e=>i({sender_name:e.target.value})})]}),Fe(),(0,Z.jsx)(Ee,{clearError:u,errors:s,newsletter:e,updateNewsletter:i,validate:o})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Member settings`}),(0,Z.jsx)(I,{children:(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-subscribe-on-signup`,children:`Subscribe new members on signup`}),(0,Z.jsx)(P,{checked:!!e.subscribe_on_signup,id:`newsletter-subscribe-on-signup`,onCheckedChange:e=>i({subscribe_on_signup:e})})]})})]}),(0,Z.jsx)(`div`,{className:`mt-10 mb-5`,children:e.status===`active`?!t&&(0,Z.jsx)(ne,{disabled:Ae.length===1,type:`button`,variant:`destructive-ghost`,onClick:()=>void Pe(),children:`Archive newsletter`}):(0,Z.jsx)(ne,{className:`text-green hover:text-green`,type:`button`,variant:`ghost`,onClick:()=>void Pe(),children:`Reactivate newsletter`})})]})},{id:`content`,title:`Content`,contents:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Header`}),(0,Z.jsxs)(I,{children:[(0,Z.jsx)(ye,{inputId:`newsletter-header-image`,value:e.header_image||``,onChange:e=>i({header_image:e||null}),onUploadError:Y}),(0,Z.jsxs)(ue,{gap:`md`,children:[ie&&(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-header-icon`,children:`Publication icon`}),(0,Z.jsx)(P,{checked:!!e.show_header_icon,id:`newsletter-show-header-icon`,onCheckedChange:e=>i({show_header_icon:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-header-title`,children:`Publication title`}),(0,Z.jsx)(P,{checked:!!e.show_header_title,id:`newsletter-show-header-title`,onCheckedChange:e=>i({show_header_title:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-header-name`,children:`Newsletter name`}),(0,Z.jsx)(P,{checked:!!e.show_header_name,id:`newsletter-show-header-name`,onCheckedChange:e=>i({show_header_name:e})})]})]})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Title section`}),(0,Z.jsxs)(I,{children:[(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-post-title`,children:`Post title`}),(0,Z.jsx)(P,{checked:!!e.show_post_title_section,id:`newsletter-show-post-title`,onCheckedChange:e=>i({show_post_title_section:e})})]}),e.show_post_title_section&&(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-excerpt`,children:`Post excerpt`}),(0,Z.jsx)(P,{checked:!!e.show_excerpt,id:`newsletter-show-excerpt`,onCheckedChange:e=>i({show_excerpt:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-feature-image`,children:`Feature image`}),(0,Z.jsx)(P,{checked:!!e.show_feature_image,id:`newsletter-show-feature-image`,onCheckedChange:e=>i({show_feature_image:e})})]})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Footer`}),(0,Z.jsxs)(I,{children:[(0,Z.jsxs)(ue,{gap:`lg`,children:[(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-feedback-enabled`,children:`Ask your readers for feedback`}),(0,Z.jsx)(P,{checked:!!e.feedback_enabled,id:`newsletter-feedback-enabled`,onCheckedChange:e=>i({feedback_enabled:e})})]}),Te&&(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-comment-cta`,children:`Add a link to your comments`}),(0,Z.jsx)(P,{checked:!!e.show_comment_cta,id:`newsletter-show-comment-cta`,onCheckedChange:e=>i({show_comment_cta:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-share-button`,children:`Show share button`}),(0,Z.jsx)(P,{checked:!!e.show_share_button,id:`newsletter-show-share-button`,onCheckedChange:e=>i({show_share_button:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-latest-posts`,children:`Share your latest posts`}),(0,Z.jsx)(P,{checked:!!e.show_latest_posts,id:`newsletter-show-latest-posts`,onCheckedChange:e=>i({show_latest_posts:e})})]}),(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-subscription-details`,children:`Show subscription details`}),(0,Z.jsx)(P,{checked:!!e.show_subscription_details,id:`newsletter-show-subscription-details`,onCheckedChange:e=>i({show_subscription_details:e})})]})]}),(0,Z.jsx)(xe,{hint:`Any extra information or legal text`,nodes:`MINIMAL_NODES`,placeholder:` `,title:`Email footer`,value:e.footer_content||``,onChange:e=>i({footer_content:e})})]})]}),(0,Z.jsx)(me,{className:`mt-8`}),(0,Z.jsxs)(`div`,{className:`my-5 flex w-full items-start`,children:[(0,Z.jsx)(`span`,{children:(0,Z.jsx)(te,{className:`mt-[-1px] mr-2 size-5 text-red`})}),(0,Z.jsx)(I,{className:`gap-8`,children:(0,Z.jsxs)(H,{orientation:`horizontal`,children:[(0,Z.jsxs)(z,{children:[(0,Z.jsx)(B,{htmlFor:`newsletter-show-badge`,children:`Promote independent publishing`}),(0,Z.jsx)(se,{children:`Show you're a part of the indie publishing movement with a small badge in the footer`})]}),(0,Z.jsx)(P,{checked:!!e.show_badge,id:`newsletter-show-badge`,onCheckedChange:e=>i({show_badge:e})})]})})]})]})},{id:`design`,title:`Design`,contents:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Global`}),(0,Z.jsxs)(I,{children:[(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{hex:`#ffffff`,value:`light`,title:`White`}],title:`Background color`,value:e.background_color||`light`,onChange:e=>i({background_color:e})})}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{className:`shrink-0`,children:`Heading font`}),(0,Z.jsxs)(H,{className:`max-w-[200px]`,children:[(0,Z.jsx)(B,{className:`sr-only`,children:`Heading font`}),(0,Z.jsxs)(j,{value:e.title_font_category,onValueChange:t=>{let n=e.title_font_weight,r=n;return Me[t].options.find(e=>e.value===n)||(r=Me[t].map?.[n]||`bold`),i({title_font_category:t,title_font_weight:r})},children:[(0,Z.jsx)(k,{"aria-label":`Heading font`,children:(0,Z.jsx)(A,{})}),(0,Z.jsx)(O,{children:je.map(e=>(0,Z.jsx)(D,{value:e.value,children:(0,Z.jsx)(`span`,{className:e.className,children:e.label})},e.value))})]})]})]}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{className:`shrink-0`,children:`Heading weight`}),(0,Z.jsxs)(H,{className:`max-w-[200px]`,children:[(0,Z.jsx)(B,{className:`sr-only`,children:`Heading weight`}),(0,Z.jsxs)(j,{value:(()=>{let t=e.title_font_category||`sans_serif`,n=e.title_font_weight,r=Me[t].map,i=r&&r[n]||n;return Ie.find(e=>e.value===i)||Ie[0]})().value,onValueChange:e=>i({title_font_weight:e}),children:[(0,Z.jsx)(k,{"aria-label":`Heading weight`,children:(0,Z.jsx)(A,{})}),(0,Z.jsx)(O,{children:Ie.map(e=>(0,Z.jsx)(D,{value:e.value,children:(0,Z.jsx)(`span`,{className:e.className,children:e.label})},e.value))})]})]})]}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{className:`shrink-0`,children:`Body font`}),(0,Z.jsxs)(H,{className:`max-w-[200px]`,children:[(0,Z.jsx)(B,{className:`sr-only`,children:`Body font`}),(0,Z.jsxs)(j,{value:e.body_font_category,onValueChange:e=>i({body_font_category:e}),children:[(0,Z.jsx)(k,{"aria-label":`Body font`,"data-testid":`body-font-select`,children:(0,Z.jsx)(A,{})}),(0,Z.jsx)(O,{children:je.map(e=>(0,Z.jsx)(D,{value:e.value,children:(0,Z.jsx)(`span`,{className:e.className,children:e.label})},e.value))})]})]})]})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Header`}),(0,Z.jsxs)(I,{children:[(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:`transparent`,title:`Transparent`,hex:`#00000000`}],title:`Header background color`,value:e.header_background_color||`transparent`,onChange:e=>i({header_background_color:e})})}),(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:null,title:`Auto`,hex:Ne()?`#ffffff`:`#000000`},{value:`accent`,title:`Accent`,hex:T.accent_color}],title:`Post title color`,value:e.post_title_color,onChange:e=>i({post_title_color:e})})}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{children:`Title alignment`}),(0,Z.jsx)($,{label:`Title alignment`,options:[{value:`left`,label:`Left`,icon:(0,Z.jsx)(b,{className:`size-3.5!`}),disabled:!e.show_post_title_section},{value:`center`,label:`Center`,icon:(0,Z.jsx)(ee,{className:`size-3.5!`}),disabled:!e.show_post_title_section}],value:e.title_alignment,onValueChange:e=>i({title_alignment:e})})]})]})]}),(0,Z.jsxs)(L,{className:`mt-8`,children:[(0,Z.jsx)(V,{className:`text-lg! font-semibold`,children:`Body`}),(0,Z.jsxs)(I,{children:[(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:null,title:`Auto`,hex:Ne()?`#ffffff`:`#000000`},{value:`accent`,title:`Accent`,hex:T.accent_color}],title:`Section title color`,value:e.section_title_color,onChange:e=>i({section_title_color:e})})}),(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:`accent`,title:`Accent`,hex:T.accent_color},{value:null,title:`Auto`,hex:Ne()?`#ffffff`:`#000000`}],title:`Button color`,value:e.button_color,onChange:e=>i({button_color:e})})}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{children:`Button style`}),(0,Z.jsx)($,{label:`Button style`,options:[{value:`fill`,label:`Fill`,icon:(0,Z.jsx)(S,{className:`size-3.5!`,fill:`currentColor`})},{value:`outline`,label:`Outline`,icon:(0,Z.jsx)(S,{className:`size-3.5!`})}],value:e.button_style||`fill`,onValueChange:e=>i({button_style:e})})]}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{children:`Button corners`}),(0,Z.jsx)($,{label:`Button corners`,options:[{value:`square`,label:`Squared`,icon:(0,Z.jsx)(C,{className:`size-3.5!`})},{value:`rounded`,label:`Rounded`,icon:(0,Z.jsx)(S,{className:`size-3.5!`})},{value:`pill`,label:`Pill`,icon:(0,Z.jsx)(y,{className:`size-3.5!`})}],value:e.button_corners||`rounded`,onValueChange:e=>i({button_corners:e})})]}),(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:`accent`,title:`Accent`,hex:T.accent_color},{value:null,title:`Auto`,hex:Ne()?`#ffffff`:`#000000`}],title:`Link color`,value:e.link_color,onChange:e=>i({link_color:e})})}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{children:`Link style`}),(0,Z.jsx)($,{label:`Link style`,options:[{value:`underline`,label:`Underline`,icon:(0,Z.jsx)(re,{className:`size-3.5!`})},{value:`regular`,label:`Regular`,icon:(0,Z.jsx)(x,{className:`size-3.5!`})},{value:`bold`,label:`Bold`,icon:(0,Z.jsx)(E,{className:`size-3.5!`})}],value:e.link_style||`underline`,onValueChange:e=>i({link_style:e})})]}),(0,Z.jsxs)(G,{className:`w-full`,gap:`sm`,justify:`between`,children:[(0,Z.jsx)(`div`,{children:`Image corners`}),(0,Z.jsx)($,{label:`Image corners`,options:[{value:`square`,label:`Squared`,icon:(0,Z.jsx)(C,{className:`size-3.5!`})},{value:`rounded`,label:`Rounded`,icon:(0,Z.jsx)(S,{className:`size-3.5!`})}],value:e.image_corners||`square`,onValueChange:e=>i({image_corners:e})})]}),(0,Z.jsx)(`div`,{className:`mb-1`,children:(0,Z.jsx)(J,{direction:`rtl`,eyedropper:!0,swatches:[{value:`light`,title:`Light`,hex:`#e0e7eb`},{value:`accent`,title:`Accent`,hex:T.accent_color}],title:`Divider color`,value:e.divider_color||`light`,onChange:e=>i({divider_color:e})})})]})]})]})}];return(0,Z.jsx)(`div`,{className:`flex flex-col`,children:(0,Z.jsx)(`div`,{className:`px-7 pt-0 pb-7`,children:(0,Z.jsxs)(oe,{value:W,variant:`underline`,onValueChange:e=>{le(e)},children:[(0,Z.jsx)(ae,{className:`sticky top-0 z-50 bg-surface-elevated-2`,children:Le.map(e=>(0,Z.jsx)(M,{value:e.id,children:e.title},e.id))}),Le.map(e=>(0,Z.jsx)(N,{value:e.id,children:e.contents},e.id))]})})})},Oe=({newsletter:e,onlyOne:t})=>{let{config:n}=q(),{mutateAsync:i}=g(),{updateRoute:c}=F(),u=de(`automations`)?`emails`:`newsletters`,{formState:d,saveState:f,updateForm:p,setFormState:m,handleSave:h,validate:_,errors:v,clearError:y,okProps:b}=o({initialState:e,savingDelay:500,onSave:async()=>{let{meta:{sent_email_verification:[e]=[]}={}}=await i(d),t;(e&&e===`sender_email`||e&&e===`sender_reply_to`)&&(t=(0,Z.jsx)(`div`,{children:`We‘ve sent a confirmation email to the new address.`})),t&&a.info(t)},onSaveError:r(),onValidate:()=>{let e={};return d.name||(e.name=`A name is required for your newsletter`),d.sender_email&&!Te.default.isEmail(d.sender_email)?e.sender_email=`Enter a valid email address`:d.sender_email&&l(n)&&d.sender_email.split(`@`)[1]!==s(n)&&(e.sender_email=`Email address must end with @${s(n)}`),d.sender_reply_to&&!Te.default.isEmail(d.sender_reply_to)&&![`newsletter`,`support`].includes(d.sender_reply_to)&&(e.sender_reply_to=`Enter a valid email address`),e}}),ee=e=>{p(t=>({...t,...e}))};(0,Q.useEffect)(()=>{m(()=>e)},[m,e]);let x=(0,Z.jsx)(we,{newsletter:d}),S=(0,Z.jsx)(De,{clearError:y,errors:v,newsletter:d,onlyOne:t,updateNewsletter:ee,validate:_});return(0,Z.jsx)(Se,{buttonsDisabled:b.disabled,cancelLabel:`Close`,dirty:f===`unsaved`,okLabel:b.label||`Save`,okVariant:b.variant,preview:x,previewBgColor:`grey`,previewToolbar:!1,sidebar:S,sidebarPadding:!1,testId:`newsletter-modal`,title:`Newsletter`,onClose:()=>c(u),onOk:async()=>{await h({fakeWhenUnchanged:!0})}})},ke=()=>{let{newsletterId:e}=u(),{data:{newsletters:t,isEnd:n}={},fetchNextPage:r}=_(),i=t?.find(({id:t})=>t===e);return(0,Q.useEffect)(()=>{!i&&!n&&r()},[r,n,i]),i?(0,Z.jsx)(Oe,{newsletter:i,onlyOne:t.length===1}):null};export{ke as default};

package/core/built/admin/assets/newsletter-emails-BMKH4Osp.js

@@ -0,0 +1 @@
+import{t as e}from"./react-BXwhMTuc.js";import{t}from"./jsx-runtime-BlNNh7jY.js";import{i as n,r}from"./config-BPljH6wF.js";import{H as i}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{D as a}from"./button-D414TI3B.js";import{o,r as s,t as c}from"./field-BXEh3ptU.js";import{a as l,c as u,i as d,n as f,o as p,r as m,s as h,t as g}from"./images-H-BIm8OQ.js";e();var _=t(),v=({inputId:e=`welcome-email-header-image`,onUploadError:t,value:n,onChange:r})=>{let{mutateAsync:v}=f(),y=async e=>{try{r(g(await v({file:e})))}catch(e){if(t){t(e);return}throw e}};return(0,_.jsxs)(c,{"data-testid":`header-image-field`,children:[(0,_.jsx)(o,{htmlFor:e,children:`Header image`}),(0,_.jsx)(m,{className:`aspect-[2/1] w-full`,children:n?(0,_.jsxs)(u,{children:[(0,_.jsx)(h,{alt:`Header`,src:n}),(0,_.jsx)(l,{children:(0,_.jsx)(d,{"aria-label":`Remove header image`,type:`button`,onClick:()=>r(``),children:(0,_.jsx)(a,{})})})]}):(0,_.jsx)(p,{accept:{"image/*":[`.jpg`,`.jpeg`,`.png`,`.gif`,`.webp`,`.svg`]},inputId:e,onDropAccepted:e=>e[0]&&void y(e[0]),children:(0,_.jsx)(`span`,{className:`text-control font-medium`,children:`Upload header image`})})}),(0,_.jsxs)(s,{children:[i(1200),`×`,i(600),` recommended. Use a transparent PNG for best results on any background.`]})]})},y=(e,t,i)=>n(t)&&!r(t)&&i?i:e.sender_email||i||``,b=(e,t,r,i)=>e.sender_reply_to===`newsletter`?n(t)?``:y(e,t,i):e.sender_reply_to===`support`?r||i||``:e.sender_reply_to,x=(e,t,n,r)=>b(e,t,n,r)||(e.sender_reply_to===`newsletter`?y(e,t,r)||n||r||``:n||r||``);export{v as i,x as n,y as r,b as t};

package/core/built/admin/assets/newsletters-BxC84_cL.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{i as r}from"./pagemenu-CKQD9hoP.js";import{_ as i}from"./chunk-KS7C4IRE-DhOcHQOU.js";import{a,t as o}from"./router-provider-DDZvgS3V.js";import{H as s,I as c,R as l,U as u}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{r as d}from"./newsletters-Dz77m__5.js";import{g as f,n as p,o as m,r as h}from"./chart-B_UNLXse.js";import{a as g,i as _,o as v,r as y}from"./trend-badge-1w_HEzkG.js";import{n as b,t as x}from"./sort-button-C0EXGjnS.js";import{Gt as ee,Wt as te,t as S}from"./button-D414TI3B.js";import{a as C,i as w,n as T,r as E,s as D,t as O}from"./select-D_4xWFYv.js";import{r as ne,t as re}from"./tabs-BZyz4ZCH.js";import{n as k}from"./skeleton-CPcTiTSX.js";import{a as A,n as j,o as ie,r as M,t as N}from"./card-C2dfd5u0.js";import{t as P}from"./empty-indicator-CSQts7GV.js";import{a as F,c as I,n as L,r as R,s as z,t as B}from"./table-BDYbUHJz.js";import{Ei as V,O as H,Oi as U,Qn as ae,Ti as W,Tn as G,cr as oe,er as se,nr as K}from"./index-DOF2jDq0.js";import{t as ce}from"./page-header-CdCpekG9.js";import{n as q,r as J,t as le}from"./kpi-tabs-DbOmmyOo.js";import{i as ue,n as de,r as fe,t as pe}from"./stats-view-CzpGoHzF.js";import{a as me,f as he,o as ge}from"./stats-Cvp8Ep5m.js";import{a as Y,c as _e,i as X,n as Z,r as ve}from"./chart-helpers-Czu_9QpJ.js";import{t as ye}from"./use-analytics-data-B3lGOxsC.js";import{t as be}from"./get-site-timezone-HgL0jI_F.js";var Q=e(t(),1),$=n(),xe=({active:e,payload:t})=>{if(!e||!t?.length)return null;let n=t[0].payload,r=typeof n.send_date==`string`?n.send_date:n.send_date.toISOString().split(`T`)[0];return(0,$.jsxs)(`div`,{className:`max-w-[240px] min-w-[220px] rounded-lg border bg-background px-3 py-2 shadow-lg`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex w-full flex-col border-b pb-2`,children:[(0,$.jsx)(`span`,{className:`text-sm leading-tight font-semibold`,children:n.post_title}),(0,$.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[`Sent on `,l(r)]})]}),(0,$.jsxs)(`div`,{className:`mb-1 flex w-full justify-between`,children:[(0,$.jsx)(`span`,{className:`font-medium text-muted-foreground`,children:`Sent`}),(0,$.jsx)(`div`,{className:`ml-2 w-full text-right font-mono`,children:s(n.sent_to)})]}),(0,$.jsxs)(`div`,{className:`mb-1 flex w-full justify-between`,children:[(0,$.jsx)(`span`,{className:`font-medium text-muted-foreground`,children:`Opens`}),(0,$.jsxs)(`div`,{className:`ml-2 w-full text-right font-mono`,children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[s(n.total_opens),` / `]}),u(n.open_rate)]})]}),(0,$.jsxs)(`div`,{className:`mb-1 flex w-full justify-between`,children:[(0,$.jsx)(`span`,{className:`font-medium text-muted-foreground`,children:`Clicks`}),(0,$.jsxs)(`div`,{className:`ml-2 w-full text-right font-mono`,children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[s(n.total_clicks),` / `]}),u(n.click_rate)]})]})]})},Se=({subscribersData:e,avgsData:t,totals:n,isLoading:r,isAvgsLoading:o,initialTab:l=`total-subscribers`})=>{let[d,x]=(0,Q.useState)(l),[te,S]=(0,Q.useState)(!1),{range:C}=H(),w=a(),[T]=i(),E=W(),D=V(),{totalSubscribers:O,avgOpenRate:k,avgClickRate:A}=n,j=(0,Q.useMemo)(()=>{if(!e||e.length===0)return[];let t=[];return t=_e(e,C,`value`,`exact`),t.map(e=>({...e,formattedValue:s(e.value),label:`Total Subscribers`}))},[e,C]),ie=(0,Q.useMemo)(()=>ve(C,e||[]),[e,C]),M=(0,Q.useMemo)(()=>{if(!j||j.length<=1)return{direction:`same`,value:`0%`};let e=j[0]?.value??0,t=j[j.length-1]?.value??0,n=`same`;t>e?n=`up`:t<e&&(n=`down`);let r;if(e===0)r=t===0?`0%`:`+100%`;else{let n=(t-e)/e*100,i=Math.round(n*10)/10;r=`${n>=0?`+`:``}${i}%`}return{direction:n,value:r}},[j]);(0,Q.useEffect)(()=>{x(l)},[l]);let N=e=>{x(e);let t=new URLSearchParams(T);t.set(`tab`,e),w(`?${t.toString()}`,{replace:!0})},F={open_rate:{label:`Open rate`}},I=(0,Q.useMemo)(()=>({"total-subscribers":{color:`var(--chart-darkblue)`,datakey:`value`},"avg-open-rate":{color:`var(--chart-blue)`,datakey:`open_rate`},"avg-click-rate":{color:`var(--chart-teal)`,datakey:`click_rate`}}),[]),{barDomain:L,barTicks:R}=(0,Q.useMemo)(()=>{if(!t||t.length===0||d===`total-subscribers`)return{barDomain:[0,1],barTicks:[0,1]};let e=I[d]?.datakey;if(!e)return{barDomain:[0,1],barTicks:[0,1]};let n=t.map(t=>t[e]).filter(e=>typeof e==`number`);if(n.length===0)return{barDomain:[0,1],barTicks:[0,1]};let r=d===`avg-open-rate`?k:A,i=Math.max(Math.max(...n),r),a;return a=i<.01?.01:i<.1?(Math.floor(i*100)+1)/100:(Math.floor(i*10)+1)/10,{barDomain:[0,a],barTicks:[0,a]}},[t,d,I,k,A]);if(r)return(0,$.jsx)(`div`,{className:`-mb-6 flex h-[calc(16vw+132px)] w-full items-start justify-center`,children:(0,$.jsx)(G,{})});let z=`grid-cols-3`;(!E||!D)&&(z=`grid-cols-2`),!E&&!D&&(z=`grid-cols-1`);let B=d===`avg-open-rate`&&k>L[0]&&k<L[1]||d===`avg-click-rate`&&A>L[0]&&A<L[1],U=d===`avg-open-rate`?k:A;return(0,$.jsxs)(re,{defaultValue:l,variant:`kpis`,children:[(0,$.jsxs)(ne,{className:`-mx-6 hidden grid-cols-3 md:visible! md:grid! ${z}`,children:[(0,$.jsx)(q,{className:`${!D&&!E&&`cursor-auto after:hidden`}`,value:`total-subscribers`,onClick:()=>{N(`total-subscribers`)},children:(0,$.jsx)(J,{color:I[`total-subscribers`].color,"data-testid":`total-subscribers-value`,diffDirection:M.direction,diffValue:M.value,label:`Total subscribers`,value:s(O)})}),D&&(0,$.jsx)(q,{value:`avg-open-rate`,onClick:()=>{N(`avg-open-rate`)},children:(0,$.jsx)(J,{className:o?`opacity-50`:``,color:I[`avg-open-rate`].color,label:`Avg. open rate`,value:u(k)})}),E&&(0,$.jsx)(q,{value:`avg-click-rate`,onClick:()=>{N(`avg-click-rate`)},children:(0,$.jsx)(J,{className:o?`opacity-50`:``,color:I[`avg-click-rate`].color,label:`Avg. click rate`,value:u(A)})})]}),(0,$.jsxs)(ae,{children:[(0,$.jsx)(oe,{className:`md:hidden`,asChild:!0,children:(0,$.jsxs)(le,{children:[d===`total-subscribers`&&(0,$.jsx)(J,{color:I[`total-subscribers`].color,label:`Total subscribers`,value:s(O)}),d===`avg-open-rate`&&D&&(0,$.jsx)(J,{className:o?`opacity-50`:``,color:I[`avg-open-rate`].color,label:`Avg. open rate`,value:u(k)}),d===`avg-click-rate`&&E&&(0,$.jsx)(J,{className:o?`opacity-50`:``,color:I[`avg-click-rate`].color,label:`Avg. click rate`,value:u(A)})]})}),(0,$.jsxs)(se,{align:`end`,className:`w-56`,children:[(0,$.jsx)(K,{onClick:()=>N(`total-subscribers`),children:`Total subscribers`}),D&&(0,$.jsx)(K,{onClick:()=>N(`avg-open-rate`),children:`Avg. open rate`}),E&&(0,$.jsx)(K,{onClick:()=>N(`avg-click-rate`),children:`Avg. click rate`})]})]}),(0,$.jsxs)(`div`,{className:`my-4 [&_.recharts-cartesian-axis-tick-value]:fill-gray-500`,children:[d===`total-subscribers`&&(0,$.jsx)(y,{className:`-mb-3 h-[16vw] max-h-[320px] min-h-[180px] w-full`,color:I[`total-subscribers`].color,data:j,id:`mrr`,range:ie}),(d===`avg-open-rate`&&D||d===`avg-click-rate`&&E)&&(0,$.jsx)($.Fragment,{children:o?(0,$.jsx)(`div`,{className:`h-[320px] w-full items-center justify-center`,children:(0,$.jsx)(G,{})}):t&&t.length>0?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(p,{className:`aspect-auto h-[200px] w-full md:h-[220px] xl:h-[320px]`,config:F,children:(0,$.jsxs)(b,{className:te?`cursor-pointer!`:``,data:t,margin:{top:20},onClick:e=>{let t=(e.activePayload?.[0])?.payload?.post_id;t&&w(`/posts/analytics/${t}`)},onMouseLeave:()=>S(!1),onMouseMove:e=>{let t=(e.activePayload?.[0])?.payload?.post_id;S(!!t)},children:[(0,$.jsx)(`defs`,{children:(0,$.jsxs)(`linearGradient`,{id:`barGradient`,x1:`0`,x2:`0`,y1:`0`,y2:`1`,children:[(0,$.jsx)(`stop`,{offset:`0%`,stopColor:I[d].color,stopOpacity:.8}),(0,$.jsx)(`stop`,{offset:`100%`,stopColor:I[d].color,stopOpacity:.6})]})}),(0,$.jsx)(v,{horizontal:!0,stroke:`var(--border)`,vertical:!1}),(0,$.jsx)(g,{axisLine:{stroke:`var(--border)`,strokeWidth:1},dataKey:`post_id`,interval:0,stroke:`var(--border)`,tickFormatter:()=>``,tickLine:!1,tickMargin:10}),(0,$.jsx)(_,{axisLine:!1,domain:L,tickFormatter:e=>u(e),tickLine:!1,ticks:R,width:c(R,e=>u(e))}),(0,$.jsx)(h,{content:(0,$.jsx)(xe,{}),cursor:!1,isAnimationActive:!1,position:{y:10}}),B&&(0,$.jsx)(m,{label:{value:`${u(U)}`,position:`left`,offset:8,fill:`var(--muted-foreground)`},opacity:.5,stroke:`var(--muted-foreground)`,strokeDasharray:`4 4`,y:U}),(0,$.jsx)(f,{activeBar:{fillOpacity:1},dataKey:I[d].datakey,fill:`url(#barGradient)`,fillOpacity:.6,isAnimationActive:!1,maxBarSize:32,minPointSize:3,radius:4})]})}),(0,$.jsxs)(`div`,{className:`-mt-4 text-center text-sm text-muted-foreground`,children:[`Newsletters `,d===`avg-open-rate`?`opens`:`clicks`,` in this period`]})]}):(0,$.jsx)(P,{className:`size-full py-20`,title:`No newsletters ${X(C)}`,children:(0,$.jsx)(ee,{strokeWidth:1.5})})})]})]})},Ce=({newsletters:e})=>{let{selectedNewsletterId:t,setSelectedNewsletterId:n}=H(),r=(0,Q.useMemo)(()=>e?.filter(e=>e.status===`active`)||[],[e]);return(0,Q.useEffect)(()=>{if(r.length>0&&!t){let e=r.find(e=>e.sort_order===0);n(e?e.id:r[0].id)}},[r,t,n]),r.length<=1?null:(0,$.jsxs)(O,{value:t||``,onValueChange:e=>{n(e)},children:[(0,$.jsxs)(ce.SelectTrigger,{label:`Newsletter`,children:[(0,$.jsx)(te,{className:`mr-2`,size:16,strokeWidth:1.5}),(0,$.jsx)(D,{placeholder:`Select a newsletter`})]}),(0,$.jsx)(T,{align:`end`,children:(0,$.jsxs)(E,{children:[(0,$.jsx)(C,{children:`Newsletters`}),r.map(e=>(0,$.jsx)(w,{value:e.id,children:e.name},e.id))]})})]})},we=(e,t,n=!0)=>{let r=e??30,{startDate:i,endDate:a}=(0,Q.useMemo)(()=>Y(r),[r]),o=he({searchParams:(0,Q.useMemo)(()=>{let e={date_from:Z(i),date_to:Z(a)};return t&&(e.newsletter_id=t),e},[i,a,t]),enabled:n});return n?o:{data:void 0,isLoading:!1,error:null,isError:!1,refetch:o.refetch}},Te=(e,t,n,r=!0)=>{let i=e??30,a=t??`date desc`,{startDate:o,endDate:s}=(0,Q.useMemo)(()=>Y(i),[i]),c=me({searchParams:(0,Q.useMemo)(()=>{let e={date_from:Z(o),date_to:Z(s),order:a};return n&&(e.newsletter_id=n),e},[o,s,a,n]),enabled:r});return r?c:{data:void 0,isLoading:!1,error:null,isError:!1,refetch:c.refetch}},Ee=(e,t=[],n=!0)=>{let r=ge({searchParams:(0,Q.useMemo)(()=>{let n={};return e&&(n.newsletter_id=e),t.length>0&&(n.post_ids=t.join(`,`)),n},[e,t]),enabled:n});return n?r:{data:void 0,isLoading:!1,error:null,isError:!1,refetch:r.refetch}},De=(e,t,n,r=!0)=>{let i=Te(e,t,n,r),a=(0,Q.useMemo)(()=>i.data?.stats?i.data.stats.map(e=>e.post_id):[],[i.data]),o=Ee(n,a,r&&a.length>0);return{data:(0,Q.useMemo)(()=>{if(!i.data?.stats)return;let e=i.data.stats,t=o.data?.stats||[],n=new Map;t.forEach(e=>{n.set(e.post_id,e)});let r=e.map(e=>{let t=n.get(e.post_id);return{...e,total_clicks:t?.total_clicks||0,click_rate:t?.click_rate||0}});return{...i.data,stats:r}},[i.data,o.data]),isLoading:i.isLoading,isClicksLoading:o.isLoading,error:i.error||o.error,isError:i.isError||o.isError,refetch:()=>{i.refetch(),o.refetch()}}},Oe=Q.memo(({range:e,selectedNewsletterId:t,shouldFetchStats:n,sortBy:r})=>{let i=a(),{settings:o}=ye(),c=be(o),{data:d,isLoading:f,isClicksLoading:p}=De(e,r,t||void 0,!!n),m=W(),h=V(),g=(0,Q.useMemo)(()=>d?.stats||[],[d]),_=h&&m?5:h||m?4:3,v=(0,Q.useMemo)(()=>(0,$.jsx)($.Fragment,{children:(0,$.jsx)(I,{className:`last:border-none [&>td]:py-2.5`,children:(0,$.jsx)(R,{className:`font-medium`,colSpan:_,children:(0,$.jsx)(k,{className:`mt-5`})})})}),[_]),y=(0,Q.useMemo)(()=>g.length>0?(0,$.jsx)($.Fragment,{children:g.map(e=>(0,$.jsxs)(I,{className:`last:border-none [&>td]:py-2.5`,children:[(0,$.jsx)(R,{className:`font-medium`,children:(0,$.jsx)(`div`,{className:`group/link inline-flex items-center gap-2`,children:e.post_id?(0,$.jsx)(S,{className:`h-auto p-0 text-left whitespace-normal hover:underline!`,title:`View post analytics`,variant:`link`,onClick:()=>{i(`/posts/analytics/${e.post_id}/`)},children:e.post_title}):(0,$.jsx)($.Fragment,{children:e.post_title})})}),(0,$.jsx)(R,{className:`text-sm whitespace-nowrap`,children:l(e.send_date,c)}),(0,$.jsx)(R,{className:`text-right font-mono text-sm`,children:s(e.sent_to)}),h&&(0,$.jsxs)(R,{className:`text-right font-mono text-sm`,children:[(0,$.jsx)(`span`,{className:`group-hover:hidden`,children:u(e.open_rate)}),(0,$.jsx)(`span`,{className:`hidden group-hover:visible! group-hover:block!`,children:s(e.total_opens)})]}),m&&(0,$.jsx)(R,{className:`text-right font-mono text-sm`,children:p?(0,$.jsx)(`span`,{className:`inline-block h-4 w-8 animate-pulse rounded bg-gray-200`}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`group-hover:hidden`,children:u(e.click_rate)}),(0,$.jsx)(`span`,{className:`hidden group-hover:visible! group-hover:block!`,children:s(e.total_clicks)})]})})]},e.post_id))}):(0,$.jsx)(I,{className:`border-none hover:bg-transparent`,children:(0,$.jsx)(R,{className:`text-center group-hover:bg-transparent!`,colSpan:_,children:(0,$.jsx)(P,{className:`size-full py-20`,title:`No newsletters ${X(e)}`,children:(0,$.jsx)(ee,{strokeWidth:1.5})})})}),[g,p,i,m,h,e,c]);return f||!d?v:y});Oe.displayName=`NewsletterTableRows`;var ke=Q.memo(({sortBy:e,setSortBy:t,range:n})=>{let r=(0,Q.useMemo)(()=>(0,$.jsxs)(A,{children:[(0,$.jsx)(ie,{children:`Top newsletters`}),(0,$.jsxs)(M,{children:[` Your best performing newsletters `,X(n)]})]}),[n]),i=W(),a=V();return(0,$.jsx)(z,{children:(0,$.jsxs)(I,{children:[(0,$.jsx)(F,{className:`min-w-[320px]`,variant:`cardhead`,children:r}),(0,$.jsx)(F,{className:`w-[65px]`,children:(0,$.jsx)(x,{activeSortBy:e,setSortBy:t,sortBy:`date desc`,children:`Date`})}),(0,$.jsx)(F,{className:`w-[90px] text-right`,children:(0,$.jsx)(x,{activeSortBy:e,setSortBy:t,sortBy:`sent_to desc`,children:`Sent`})}),a&&(0,$.jsx)(F,{className:`w-[90px] text-right`,children:(0,$.jsx)(x,{activeSortBy:e,setSortBy:t,sortBy:`open_rate desc`,children:`Opens`})}),i&&(0,$.jsx)(F,{className:`w-[90px] text-right`,children:(0,$.jsx)(x,{activeSortBy:e,setSortBy:t,sortBy:`click_rate desc`,children:`Clicks`})})]})})});ke.displayName=`NewsletterTableHeader`;var Ae=Q.memo(({range:e,selectedNewsletterId:t,shouldFetchStats:n})=>{let[r,i]=(0,Q.useState)(`open_rate desc`);return(0,$.jsx)(N,{className:`w-full max-w-full overflow-x-auto`,"data-testid":`top-newsletters-card`,children:(0,$.jsx)(j,{children:(0,$.jsxs)(B,{children:[(0,$.jsx)(ke,{range:e,setSortBy:i,sortBy:r}),(0,$.jsx)(L,{children:(0,$.jsx)(Oe,{range:e,selectedNewsletterId:t,shouldFetchStats:n,sortBy:r})})]})})})});Ae.displayName=`TopNewslettersTable`;var je=()=>{let{range:e,selectedNewsletterId:t}=H(),[n]=i(),a=U(),s=n.get(`tab`)||`total-subscribers`,{data:c,isLoading:l}=d({searchParams:{limit:`50`}}),u=!l&&c&&c.newsletters.length>0&&!!t,{data:f,isLoading:p}=we(e,t||void 0,u||!1),{data:m,isLoading:h,isClicksLoading:g}=De(e,`date asc`,t||void 0,u||!1),_=(0,Q.useMemo)(()=>!c?.newsletters||!t?null:c.newsletters.find(e=>e.id===t)||null,[c,t]),v=(0,Q.useMemo)(()=>{let e=_?.count?.active_members||f?.stats?.[0]?.total||0,t=0,n=0;if(m?.stats&&m.stats.length>0){let e=m.stats,r=e.reduce((e,t)=>e+(t.open_rate||0),0),i=e.reduce((e,t)=>e+(t.click_rate||0),0);t=r/e.length,n=i/e.length}return{totalSubscribers:e,avgOpenRate:t,avgClickRate:n}},[_,f,m]),y=(0,Q.useMemo)(()=>{if(!f?.stats?.[0]?.values||f.stats[0].values.length===0){let{startDate:t,endDate:n}=Y(e),r=[],i=t.clone().toDate(),a=n.toDate();for(;i<=a;)r.push({date:i.toISOString().split(`T`)[0],value:0}),i.setDate(i.getDate()+1);return r}let t=f.stats[0].values;if(t.length===1){let n=t[0],r=new Date,i=e,a=new Date(r.getTime()-i*24*60*60*1e3);return[{...n,date:a.toISOString().split(`T`)[0]},{...n,date:r.toISOString().split(`T`)[0]}]}return t},[f,e]),b=(0,Q.useMemo)(()=>m?.stats?m.stats.map(e=>({post_id:e.post_id,post_title:e.post_title,send_date:e.send_date,sent_to:e.sent_to,total_opens:e.total_opens,open_rate:e.open_rate,total_clicks:e.total_clicks||0,click_rate:e.click_rate||0})):[],[m]),x=p||g||h;return a===!1?(0,$.jsx)(o,{to:`/analytics`}):(0,$.jsxs)(de,{children:[(0,$.jsx)(fe,{children:(0,$.jsxs)(r,{children:[(0,$.jsx)(Ce,{newsletters:c?.newsletters}),(0,$.jsx)(ue,{})]})}),(0,$.jsx)(pe,{isLoading:!1,loadingComponent:(0,$.jsx)($.Fragment,{}),children:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(N,{"data-testid":`newsletters-card`,children:(0,$.jsx)(j,{children:(0,$.jsx)(Se,{avgsData:b,initialTab:s,isAvgsLoading:!1,isLoading:x,subscribersData:y,totals:v})})}),(0,$.jsx)(Ae,{range:e,selectedNewsletterId:t,shouldFetchStats:!!u})]})})]})};export{je as default};

package/core/built/admin/assets/{newsletters-Rq1M3GD-.js → newsletters-Dz77m__5.js}

@@ -1 +1 @@
-import{n as e,t}from"./hooks-Cy_-oZ4o.js";import{n,r}from"./update-queries-C4CnvJaW.js";import{c as i,d as a,g as o,i as s,m as c,r as l,u}from"./schemas-BoYdB6YU.js";var d=a({id:c(),uuid:c(),name:c(),description:c().nullable(),feedback_enabled:s(),slug:c(),sender_name:c().nullable(),sender_email:c().nullable(),sender_reply_to:c(),status:c(),visibility:c(),subscribe_on_signup:s(),sort_order:u(),header_image:c().nullable(),show_header_icon:s(),show_header_title:s(),title_font_category:c(),title_font_weight:c(),title_alignment:c(),show_excerpt:s(),show_feature_image:s(),body_font_category:c(),footer_content:c().nullable(),show_badge:s(),show_header_name:s(),show_post_title_section:s(),show_comment_cta:s(),show_share_button:s(),show_subscription_details:s(),show_latest_posts:s(),background_color:c(),header_background_color:c(),button_color:c().nullable(),link_color:c().nullable(),post_title_color:c().nullable(),section_title_color:c().nullable(),divider_color:c().nullable(),button_corners:c().nullable(),button_style:c().nullable(),image_corners:c().nullable(),link_style:c().nullable(),divider_style:c().nullish(),created_at:c(),updated_at:c().nullable(),count:a({posts:u().optional(),active_members:u().optional()}).optional()}),f=a({meta:a({capabilities:a({dislikes:s().optional()}).optional(),pagination:a({page:u(),limit:o([u(),i(`all`)]),pages:u(),total:u(),next:u().nullable(),prev:u().nullable()})}).optional(),newsletters:l(d)}),p=`NewslettersResponseType`,m=p,h=t({dataType:p,path:`/newsletters/`,parseResponse:e=>f.parse(e),defaultSearchParams:{include:`count.active_members,count.posts`,limit:`50`},defaultNextPageParams:(e,t)=>{let n=e.meta?.pagination.next;if(n)return{...t,page:n.toString()}},returnData:e=>{let{pages:t}=e,n=t.flatMap(e=>e.newsletters),r=t[t.length-1].meta;return{newsletters:n,meta:r,isEnd:r?r.pagination.pages===r.pagination.page:!0}}}),g=e({method:`POST`,path:()=>`/newsletters/`,body:({opt_in_existing:e,...t})=>({newsletters:[t]}),searchParams:e=>({opt_in_existing:e.opt_in_existing.toString(),include:`count.active_members,count.posts`}),updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:n(`newsletters`)}}),_=e({method:`PUT`,path:e=>`/newsletters/${e.id}/`,body:e=>({newsletters:[e]}),defaultSearchParams:{include:`count.active_members,count.posts`},updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:r(`newsletters`)}}),v=e({method:`PUT`,path:()=>`/newsletters/verifications/`,body:({token:e})=>({token:e}),defaultSearchParams:{include:`count.active_members,count.posts`},updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:r(`newsletters`)}});export{v as a,_ as i,g as n,h as r,m as t};
+import{n as e,t}from"./hooks-DYfTEQLk.js";import{n,r}from"./update-queries-C4CnvJaW.js";import{c as i,d as a,g as o,i as s,m as c,r as l,u}from"./schemas-BoYdB6YU.js";var d=a({id:c(),uuid:c(),name:c(),description:c().nullable(),feedback_enabled:s(),slug:c(),sender_name:c().nullable(),sender_email:c().nullable(),sender_reply_to:c(),status:c(),visibility:c(),subscribe_on_signup:s(),sort_order:u(),header_image:c().nullable(),show_header_icon:s(),show_header_title:s(),title_font_category:c(),title_font_weight:c(),title_alignment:c(),show_excerpt:s(),show_feature_image:s(),body_font_category:c(),footer_content:c().nullable(),show_badge:s(),show_header_name:s(),show_post_title_section:s(),show_comment_cta:s(),show_share_button:s(),show_subscription_details:s(),show_latest_posts:s(),background_color:c(),header_background_color:c(),button_color:c().nullable(),link_color:c().nullable(),post_title_color:c().nullable(),section_title_color:c().nullable(),divider_color:c().nullable(),button_corners:c().nullable(),button_style:c().nullable(),image_corners:c().nullable(),link_style:c().nullable(),divider_style:c().nullish(),created_at:c(),updated_at:c().nullable(),count:a({posts:u().optional(),active_members:u().optional()}).optional()}),f=a({meta:a({capabilities:a({dislikes:s().optional()}).optional(),pagination:a({page:u(),limit:o([u(),i(`all`)]),pages:u(),total:u(),next:u().nullable(),prev:u().nullable()})}).optional(),newsletters:l(d)}),p=`NewslettersResponseType`,m=p,h=t({dataType:p,path:`/newsletters/`,parseResponse:e=>f.parse(e),defaultSearchParams:{include:`count.active_members,count.posts`,limit:`50`},defaultNextPageParams:(e,t)=>{let n=e.meta?.pagination.next;if(n)return{...t,page:n.toString()}},returnData:e=>{let{pages:t}=e,n=t.flatMap(e=>e.newsletters),r=t[t.length-1].meta;return{newsletters:n,meta:r,isEnd:r?r.pagination.pages===r.pagination.page:!0}}}),g=e({method:`POST`,path:()=>`/newsletters/`,body:({opt_in_existing:e,...t})=>({newsletters:[t]}),searchParams:e=>({opt_in_existing:e.opt_in_existing.toString(),include:`count.active_members,count.posts`}),updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:n(`newsletters`)}}),_=e({method:`PUT`,path:e=>`/newsletters/${e.id}/`,body:e=>({newsletters:[e]}),defaultSearchParams:{include:`count.active_members,count.posts`},updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:r(`newsletters`)}}),v=e({method:`PUT`,path:()=>`/newsletters/verifications/`,body:({token:e})=>({token:e}),defaultSearchParams:{include:`count.active_members,count.posts`},updateQueries:{dataType:p,emberUpdateType:`createOrUpdate`,update:r(`newsletters`)}});export{v as a,_ as i,g as n,h as r,m as t};

package/core/built/admin/assets/note-BPtEzzZS.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{h as r}from"./chunk-KS7C4IRE-DhOcHQOU.js";import{s as i}from"./router-provider-DDZvgS3V.js";import{_n as a}from"./button-D414TI3B.js";import{t as o}from"./skeleton-CPcTiTSX.js";import{t as s}from"./use-navigate-with-base-path-BzgNwMAx.js";import{En as c,G as l,St as u,U as d,W as f,ct as p,ft as m,in as h,lt as g,nn as _,nt as v}from"./index-DOF2jDq0.js";import{i as y,n as b,r as x,t as S}from"./use-reply-chain-data-BST2OgCM.js";var C=e(t(),1),w=n(),T=()=>(0,w.jsx)(`div`,{className:`h-px w-full bg-gray-200 dark:bg-gray-950`}),E=()=>{let{postId:e}=r(),{canGoBack:t}=i(),[n,E]=(0,C.useState)(new Set),[D,O]=(0,C.useState)(new Set),[k,A]=(0,C.useState)(new Set),[j,M]=(0,C.useState)(!1),N=(0,C.useRef)(null),P=(0,C.useRef)(null),F=(0,C.useRef)(null),I=(0,C.useRef)(null),L=s(),{threadParents:R,post:z,processedReplies:B,isLoading:V,loadMoreChildren:H,loadMoreChildReplies:U,hasMoreChildren:W,hasMoreChildReplies:G}=S(decodeURIComponent(e??``),{includeAncestors:!0}),K=z?.object,q=K?.replyCount??0,[J,Y]=(0,C.useState)(!1);if((0,C.useEffect)(()=>{P.current&&R.length>0&&!J&&(P.current.scrollIntoView({behavior:`instant`,block:`start`}),Y(!0))},[R,J]),(0,C.useEffect)(()=>{F.current&&F.current.disconnect();let e=document.querySelector(`[data-scrollable-container]`);if(e)return F.current=new IntersectionObserver(async e=>{if(e[0].isIntersecting&&W&&!j){M(!0);try{await H()}catch(e){console.error(`Failed to load more top-level replies:`,e)}finally{M(!1)}}},{root:e,rootMargin:`200px`}),I.current&&F.current.observe(I.current),()=>{F.current&&F.current.disconnect()}},[W,j,H]),V)return(0,w.jsx)(l,{children:(0,w.jsxs)(`div`,{className:`mx-auto flex max-w-[620px] flex-col items-center gap-3 pt-9 lg:px-8`,children:[(0,w.jsxs)(`div`,{className:`flex w-full items-center gap-3`,children:[(0,w.jsx)(o,{className:`size-10 rounded-full`}),(0,w.jsxs)(`div`,{className:`grow pt-1`,children:[(0,w.jsx)(o,{className:`w-24`}),(0,w.jsx)(o,{className:`w-3/5`})]})]}),(0,w.jsxs)(`div`,{className:`mb-7 w-full`,children:[(0,w.jsx)(o,{}),(0,w.jsx)(o,{className:`w-4/5`}),(0,w.jsx)(o,{})]}),(0,w.jsx)(T,{}),(0,w.jsxs)(`div`,{className:`flex w-full items-center gap-3 py-3`,children:[(0,w.jsx)(o,{className:`block size-full`,containerClassName:`size-10 rounded-full overflow-hidden`}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(o,{className:`w-52`}),(0,w.jsx)(o,{className:`w-28`})]})]}),(0,w.jsx)(T,{})]})});if(!z)return(0,w.jsx)(l,{children:(0,w.jsx)(`div`,{className:`mx-auto mt-4 flex w-full max-w-[620px] flex-col items-center`,children:(0,w.jsxs)(f,{children:[(0,w.jsx)(d,{children:(0,w.jsx)(a,{})}),(0,w.jsx)(`div`,{children:`Error loading note.`})]})})});function X(){}function Z(e){E(t=>{let n=new Set(t);return n.has(e)?n.delete(e):(n.add(e),O(t=>{let n=new Set(t);return n.add(e),n})),n})}async function Q(e,t){if(!k.has(e)){A(t=>new Set(t).add(e));try{U&&await U(t)}catch(e){console.error(`Failed to load more replies for chain:`,e)}finally{A(t=>{let n=new Set(t);return n.delete(e),n})}}}return(0,w.jsx)(l,{children:(0,w.jsx)(`div`,{className:`mx-auto flex h-full max-w-[620px] flex-col`,children:(0,w.jsx)(`div`,{className:`relative flex-1`,children:(0,w.jsx)(`div`,{className:`grow overflow-y-auto`,children:(0,w.jsxs)(`div`,{className:`mx-auto px-8 pt-5 pb-10 max-lg:px-0`,children:[!R.length&&(0,w.jsx)(m,{actor:z.actor,isCurrentUser:z.object.authored,children:(0,w.jsxs)(`div`,{className:`col-[2/3] mx-auto flex w-full cursor-pointer items-center gap-3 ${t?`pt-10 max-md:pt-5`:`pt-5`}`,children:[(0,w.jsx)(`div`,{className:`relative z-10`,children:(0,w.jsx)(u,{author:z.actor,showFollowButton:!z.object.authored&&!z.actor.followedByMe})}),(0,w.jsxs)(`div`,{className:`relative z-10 flex w-full min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]`,onClick:e=>{g(z.actor,L,e)},children:[(0,w.jsx)(`div`,{className:`flex w-full`,children:(0,w.jsx)(`span`,{className:`min-w-0 truncate font-semibold whitespace-nowrap hover:underline`,children:z.actor.name})}),(0,w.jsxs)(`div`,{className:`flex w-full`,children:[(0,w.jsx)(`span`,{className:`truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]`,children:h(z.actor)}),(0,w.jsx)(`span`,{className:`text-gray-700`,children:p(K,!K.authored)})]})]})]})}),R.map(e=>e.object.type===`Tombstone`?(0,w.jsx)(x,{last:!1}):(0,w.jsx)(v,{actor:e.actor,allowDelete:!1,commentCount:e.object.replyCount??0,last:!1,layout:`reply`,likeCount:e.object.likeCount??0,object:e.object,repostCount:e.object.repostCount??0,type:`Note`,onClick:()=>{L(`/${e.object.type===`Article`?`reader`:`notes`}/${encodeURIComponent(e.object.id)}`)}})),(0,w.jsx)(`div`,{ref:P,className:`${t?`scroll-mt-[12px]`:`scroll-mt-[124px]`}`,children:(0,w.jsxs)(`div`,{className:`${R.length>0&&`min-h-[calc(100vh-52px)]`}`,children:[(0,w.jsx)(v,{actor:z.actor,allowDelete:!1,commentCount:q,last:!0,layout:`modal`,likeCount:K.likeCount??0,object:K,repostCount:K.repostCount,showHeader:R.length>0,showStats:!0,type:`Note`}),(0,w.jsx)(y,{object:K}),(0,w.jsx)(T,{}),(0,w.jsxs)(`div`,{ref:N,children:[B.map((e,t)=>{let r=t===B.length-1,i=e.mainReply.id,a=n.has(i),o=D.has(i),s=k.has(i),c=e.chain.length>0;return(0,w.jsxs)(C.Fragment,{children:[(0,w.jsx)(v,{actor:e.mainReply.actor,allowDelete:e.mainReply.object.authored,commentCount:e.mainReply.object.replyCount??0,isChainParent:c,isPending:_(e.mainReply.id),last:!c,layout:`reply`,likeCount:e.mainReply.object.likeCount??0,object:e.mainReply.object,parentId:K.id,repostCount:e.mainReply.object.repostCount??0,type:`Note`,onClick:()=>{L(`/notes/${encodeURIComponent(e.mainReply.id)}`)},onDelete:X}),c&&e.chain[0]&&(0,w.jsx)(v,{actor:e.chain[0].actor,allowDelete:e.chain[0].object.authored,commentCount:e.chain[0].object.replyCount??0,isChainContinuation:!0,isPending:_(e.chain[0].id),last:e.chain.length===1,layout:`reply`,likeCount:e.chain[0].object.likeCount??0,object:e.chain[0].object,parentId:K.id,repostCount:e.chain[0].object.repostCount??0,type:`Note`,onClick:()=>{L(`/notes/${encodeURIComponent(e.chain[0].id)}`)},onDelete:X},e.chain[0].id),c&&a&&e.chain.slice(1).map((n,r)=>{let i=r===e.chain.slice(1).length-1,a=G&&G(t),o=i&&a;return(0,w.jsx)(v,{actor:n.actor,allowDelete:n.object.authored,commentCount:n.object.replyCount??0,isChainContinuation:!0,isPending:_(n.id),last:i&&!o,layout:`reply`,likeCount:n.object.likeCount??0,object:n.object,parentId:K.id,repostCount:n.object.repostCount??0,type:`Note`,onClick:()=>{L(`/notes/${encodeURIComponent(n.id)}`)},onDelete:X},n.id)}),c&&e.chain.length>1&&!a&&(0,w.jsx)(b,{variant:`expand`,onClick:()=>Z(i)}),c&&a&&o&&G&&G(t)&&(0,w.jsx)(b,{loading:s,variant:`loadMore`,onClick:()=>Q(i,t)}),!r&&(0,w.jsx)(T,{})]},e.mainReply.id)}),j&&(0,w.jsx)(`div`,{className:`flex flex-col items-center justify-center text-center`,children:(0,w.jsx)(c,{size:`md`})})]}),W&&(0,w.jsx)(`div`,{ref:I,className:`h-1`})]})})]})})})})})};export{E as default};

package/core/built/admin/assets/notifications-ng3ulEdp.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-BXwhMTuc.js";import{t as n}from"./jsx-runtime-BlNNh7jY.js";import{H as r}from"./shade-scope-Cccj-c7I-D0XwkdKQ.js";import{Tr as i,ct as a,gn as o,h as s,nr as c,ot as l,t as u,xr as d}from"./button-D414TI3B.js";import{t as f}from"./skeleton-CPcTiTSX.js";import{t as p}from"./use-navigate-with-base-path-BzgNwMAx.js";import{Bt as m,En as h,G as g,H as _,St as v,U as y,W as b,ct as x,dt as S,ft as C,it as w,lt as T,ot as E,rn as D,st as O,tt as k,vt as A,xt as j,yt as M}from"./index-DOF2jDq0.js";import"./layout-Ckwzsnsu.js";var N=e(t(),1),P=n(),F=({notificationType:e,size:t=`lg`,className:n})=>{let r,c=``,u=`white`,d=t===`sm`?13:20,f=t===`sm`?2:1.5;switch(e){case`follow`:r=(0,P.jsx)(s,{className:`-mt-0.5 -mr-0.5 ${t===`sm`&&`size-[11px]`}`,color:u,size:d,strokeWidth:f}),c=`bg-blue-600`;break;case`like`:r=(0,P.jsx)(o,{className:`${t===`sm`?`size-[11px]`:`mt-px size-5`}`,color:u,strokeWidth:f}),c=`bg-pink-600`;break;case`reply`:r=(0,P.jsx)(l,{className:`mr-px mb-px`,color:u,size:d,strokeWidth:f}),c=`bg-purple-600`;break;case`repost`:r=(0,P.jsx)(a,{color:u,size:d,strokeWidth:f}),c=`bg-green-500`;break;case`mention`:r=(0,P.jsx)(i,{className:`${t===`sm`?`size-[12px]`:`size-5`}`,color:u,size:d,strokeWidth:f}),c=`bg-orange-500`;break}return(0,P.jsx)(`div`,{className:`flex ${t===`sm`?`size-5`:`size-9`} items-center justify-center rounded-full ${c} ${n&&n}`,children:r})},I=N.createContext(void 0),L=({isGrouped:e,centerAlign:t,children:n,onClick:r,url:i,className:a})=>(0,P.jsx)(I.Provider,{value:{onClick:r,url:i},children:(0,P.jsx)(`div`,{className:`group relative -mx-4 -my-px ${e?`grid`:`flex`} ${t?`items-center`:`items-start`} break-anywhere cursor-pointer grid-cols-[auto_1fr] gap-x-4 gap-y-2.5 rounded-lg px-4 py-5 text-left hover:bg-gray-100 ${a}`,role:`button`,onClick:r,children:n})});L.Icon=({size:e=`lg`,type:t})=>(0,P.jsx)(`div`,{className:`col-start-1 row-start-1`,children:(0,P.jsx)(F,{notificationType:t,size:e})}),L.Avatars=({children:e})=>(0,P.jsx)(`div`,{className:`col-start-2 row-start-1 flex gap-2`,children:e}),L.Content=({children:e})=>(0,P.jsx)(`div`,{className:`col-start-2 row-start-2 -mt-0.5 grow overflow-hidden`,children:e});var R=()=>(0,P.jsx)(`div`,{className:`h-px w-full bg-gray-200 dark:bg-gray-950`});function z(e){let t=1440*60*1e3,n=new Date(e).getTime();return(Math.floor(n/t)*t).toString()}function B(e){let t={},n=null,r=0;return e.forEach(e=>{e.type!==n&&(r+=1,n=e.type);let i=``,a=`_${z(e.createdAt)}`,o=`_seq${r}`;switch(e.type){case`like`:e.post?.id&&(i=`like_${e.post.id}${a}${o}`);break;case`reply`:i=`reply_${e.id}`;break;case`repost`:e.post?.id&&(i=`repost_${e.post.id}${a}${o}`);break;case`follow`:i=`follow_${a}${o}`;break;case`mention`:i=`mention_${e.id}`;break}t[i]||(t[i]={id:e.id,type:e.type,actors:[],post:e.post,inReplyTo:e.inReplyTo,createdAt:e.createdAt}),t[i].actors.find(t=>t.id===e.actor.id)||t[i].actors.push(e.actor)}),Object.values(t)}var V=({group:e})=>{let[t,...n]=e.actors,i=n.length>0,a=n.length,o=p(),s=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(C,{actor:t,align:`center`,isCurrentUser:!1,children:(0,P.jsx)(`span`,{className:`cursor-pointer font-semibold hover:underline text-black dark:text-white`,onClick:e=>{e?.stopPropagation(),t.handle&&T(t.handle,o)},children:t.name})}),i&&` and ${r(a)} ${a>1?`others`:`other`}`]});switch(e.type){case`follow`:return(0,P.jsxs)(P.Fragment,{children:[s,` followed you`]});case`like`:return(0,P.jsxs)(P.Fragment,{children:[s,` liked your `,e.post?.type===`article`?`post`:`note`]});case`repost`:return(0,P.jsxs)(P.Fragment,{children:[s,` reposted your `,e.post?.type===`article`?`post`:`note`]});case`reply`:if(e.inReplyTo&&typeof e.inReplyTo!=`string`)return s;break;case`mention`:return s}return(0,P.jsx)(P.Fragment,{})},H=({content:e,className:t,stripTags:n=[]})=>{let r=(0,N.useRef)(null),i=p();return(0,N.useEffect)(()=>{let e=r.current;if(!e)return;let t=e=>{let t=e.target.closest(`a[data-profile]`);if(t){let n=t.getAttribute(`data-profile`)?.trim();/^@([\w.-]+)@([\w-]+\.[\w.-]+[a-zA-Z])$/.test(n||``)&&n&&(e.preventDefault(),e.stopPropagation(),T(n,i))}};return e.addEventListener(`click`,t),()=>{e.removeEventListener(`click`,t)}},[i,e]),(0,P.jsx)(`div`,{dangerouslySetInnerHTML:{__html:A(M(e||``,n))},ref:r,className:t})},U=({post:e,variant:t})=>{let n=e?.attachments??[],r=n.length>0,{contentWarning:i,shouldHideContentWarning:a,shouldHideSensitiveMedia:o,revealSensitiveMedia:s,revealContentWarning:c}=O({contentWarning:e?.contentWarning,sensitive:e?.sensitive,hasMedia:r,resetKey:e?.id});return e?a&&i?t===`inline`?(0,P.jsxs)(`button`,{className:`mt-0.5 block max-w-full truncate text-left text-sm text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white`,type:`button`,onClick:c,children:[(0,P.jsx)(`span`,{className:`font-semibold`,children:`Content warning:`}),` `,i,` `,(0,P.jsx)(`span`,{className:`font-semibold`,children:`Show`})]}):(0,P.jsx)(k,{className:`mt-2.5`,label:i,size:`compact`,onReveal:c}):t===`inline`?(0,P.jsxs)(`div`,{className:`ap-note-content mt-0.5 line-clamp-1 text-sm text-pretty text-gray-700 dark:text-gray-600`,children:[e.type===`article`&&e.title&&(0,P.jsxs)(P.Fragment,{children:[e.title,` — `]}),(0,P.jsx)(`span`,{dangerouslySetInnerHTML:{__html:A(M(e.content||``))}})]}):(0,P.jsxs)(`div`,{className:`mt-2.5 rounded-md bg-gray-100 px-5 py-[14px] group-hover:bg-gray-200 dark:bg-gray-950/30 group-hover:dark:bg-black/40`,children:[(0,P.jsx)(H,{className:`ap-note-content text-pretty`,content:e.content||``,stripTags:[`a`]}),r&&(0,P.jsxs)(`div`,{className:`relative mt-2.5 aspect-square w-[calc(20%-6.4px)] min-w-[96px] overflow-hidden rounded-md [&_img]:absolute [&_img]:inset-0 [&_img]:mt-0 [&_img]:size-full [&_img]:max-h-none [&_img]:max-w-none [&_img]:object-cover [&>.attachment-gallery]:absolute [&>.attachment-gallery]:inset-0 [&>.attachment-gallery]:mt-0 [&>.attachment-gallery]:grid [&>.attachment-gallery]:size-full`,children:[E({type:`Note`,attachment:n}),o&&(0,P.jsx)(w,{showLabel:!1,size:`compact`,isLayered:!0,onReveal:s})]})]}):null},W=()=>{let[e,t]=N.useState({}),n=p(),i=e=>{t(t=>({...t,[e]:!t[e]}))},a=()=>{},{data:o,error:s,fetchNextPage:l,hasNextPage:C,isFetchingNextPage:w,isLoading:E}=m(`index`),O=o?.pages.flatMap(e=>B(e.notifications))??Array(10).fill({actors:[{}]}),k=(0,N.useRef)(null),A=(0,N.useRef)(null);(0,N.useEffect)(()=>(k.current&&k.current.disconnect(),k.current=new IntersectionObserver(e=>{e[0].isIntersecting&&C&&!w&&l()}),A.current&&k.current.observe(A.current),()=>{k.current&&k.current.disconnect()}),[C,w,l]);let M=(e,t)=>{switch(e.type){case`like`:e.post&&n(`/${e.post.type===`article`?`reader`:`notes`}/${encodeURIComponent(e.post.id)}`);break;case`reply`:e.post&&e.inReplyTo&&n(`/notes/${encodeURIComponent(e.post.id)}`);break;case`repost`:e.post&&n(`/${e.post.type===`article`?`reader`:`notes`}/${encodeURIComponent(e.post.id)}`);break;case`follow`:e.actors.length>1?i(e.id||`${e.type}_${t}`):e.actors[0]?.handle&&T(e.actors[0].handle,n);break;case`mention`:e.post&&n(`/notes/${encodeURIComponent(e.post.id)}`);break}};return s&&D(s)?(0,P.jsx)(_,{errorCode:s.code,statusCode:s.statusCode}):(0,P.jsx)(g,{children:(0,P.jsxs)(`div`,{className:`z-0 flex w-full flex-col items-center`,children:[E===!1&&O.length===0&&(0,P.jsxs)(b,{children:[(0,P.jsx)(y,{children:(0,P.jsx)(d,{})}),`Quiet for now, but not for long! When someone likes, boosts, or replies to you, you'll find it here.`]}),O.length>0&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`div`,{className:`my-8 flex w-full max-w-[620px] flex-col max-md:mt-5`,children:O.map((t,o)=>(0,P.jsxs)(N.Fragment,{children:[(0,P.jsxs)(L,{centerAlign:t.actors.length<2&&t.type===`follow`,className:`hover:bg-gray-100 dark:hover:bg-gray-950`,isGrouped:t.actors.length>1,onClick:()=>M(t,o),children:[E?(0,P.jsx)(f,{className:`rounded-full`,containerClassName:`flex h-10 w-10`}):t.actors.length>1?(0,P.jsx)(L.Icon,{type:t.type}):(0,P.jsxs)(`div`,{className:`relative`,children:[(0,P.jsx)(v,{author:{icon:{url:t.actors[0].avatarUrl||``},name:t.actors[0].name,handle:t.actors[0].handle},size:`notification`},t.actors[0].id),(0,P.jsx)(F,{className:`absolute -right-1 -bottom-1 z-10 border-2 border-white dark:border-black`,notificationType:t.type,size:`sm`})]}),t.actors.length>1&&(0,P.jsx)(L.Avatars,{children:(0,P.jsxs)(`div`,{className:`flex w-full flex-col`,children:[(0,P.jsxs)(`div`,{className:`relative flex w-fit items-center pl-2`,children:[!e[t.id||`${t.type}_${o}`]&&t.actors.slice(0,5).map(e=>(0,P.jsx)(v,{author:{icon:{url:e.avatarUrl||``},name:e.name,handle:e.handle},className:`-ml-2 bg-[#F3F3F3]! outline-2 outline-white group-hover:bg-[#EDEEF0]! group-hover:outline-gray-100 dark:outline-black group-hover:dark:outline-gray-950`,size:`notification`},e.id)),t.actors.length>5&&!e[t.id||`${t.type}_${o}`]&&(0,P.jsx)(`div`,{className:`absolute right-[28px] z-10 flex size-9 items-center justify-center rounded-full bg-black/50 text-base font-semibold tracking-tightest text-white`,children:`+${r(t.actors.length-5)}`}),t.actors.length>1&&(0,P.jsxs)(u,{className:`group flex items-center gap-0.5 text-gray-700 hover:bg-transparent hover:text-black dark:text-gray-600 dark:hover:text-white ${e[t.id||`${t.type}_${o}`]?`ml-[-20px]`:`ml-0 w-[28px]`}`,variant:`ghost`,onClick:e=>{e?.stopPropagation(),i(t.id||`${t.type}_${o}`)},children:[(0,P.jsx)(c,{className:`${e[t.id||`${t.type}_${o}`]?`rotate-180`:``}`,size:20,strokeWidth:1.5}),e[t.id||`${t.type}_${o}`]?`Hide`:(0,P.jsx)(`span`,{className:`sr-only`,children:`Show all`})]})]}),(0,P.jsx)(`div`,{className:`overflow-hidden transition-all duration-300 ease-in-out  ${e[t.id||`${t.type}_${o}`]?`mb-2 max-h-[1384px] opacity-100`:`max-h-0 opacity-0`}`,children:e[t.id||`${t.type}_${o}`]&&t.actors.length>1&&(0,P.jsx)(`div`,{className:`flex flex-col gap-2 pt-2`,children:t.actors.map(e=>(0,P.jsxs)(`div`,{className:`group/item break-anywhere flex items-center justify-between gap-4`,onClick:t=>{t?.stopPropagation(),e.handle&&T(e.handle,n)},children:[(0,P.jsxs)(`div`,{className:`flex min-w-0 items-center`,children:[(0,P.jsx)(v,{author:{icon:{url:e.avatarUrl||``},name:e.name,handle:e.handle},size:`xs`}),(0,P.jsx)(`span`,{className:`ml-2 line-clamp-1 text-base font-semibold group-hover/item:underline dark:text-white`,children:e.name}),(0,P.jsx)(`span`,{className:`ml-1 line-clamp-1 text-base text-gray-700 dark:text-gray-600`,children:e.handle})]}),t.type===`follow`&&!e.followedByMe&&e.handle&&(0,P.jsx)(j,{following:!1,handle:e.handle,variant:`link`})]},e.id))})})]})}),(0,P.jsxs)(L.Content,{children:[(0,P.jsx)(`div`,{children:E?(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(f,{}),(0,P.jsx)(f,{className:`w-full max-w-60`})]}):(0,P.jsxs)(`div`,{className:`flex justify-between`,children:[(0,P.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,P.jsx)(`span`,{className:`truncate`,children:(0,P.jsx)(V,{group:t})}),t.actors.length<2&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{className:`mt-px text-[8px] text-gray-700 dark:text-gray-600`,children:`•`}),(0,P.jsx)(`span`,{className:`mt-0.5 text-sm text-gray-700 dark:text-gray-600`,children:x(t,!1)})]})]}),t.actors.length===1&&(t.type===`follow`||t.type===`reply`||t.type===`mention`)&&!t.actors[0].followedByMe&&t.actors[0].handle&&(0,P.jsx)(j,{following:!1,handle:t.actors[0].handle,variant:`link`})]})}),(t.type===`reply`&&t.inReplyTo||t.type===`mention`||t.type===`like`&&!t.post?.name&&t.post?.content||t.type===`repost`&&!t.post?.name&&t.post?.content)&&(0,P.jsx)(U,{post:t.post,variant:t.type!==`reply`&&t.type!==`mention`?`inline`:`quoted`}),(t.type===`reply`&&t.post||t.type===`mention`)&&(0,P.jsx)(`div`,{className:`mt-1.5`,children:(0,P.jsx)(S,{actor:{...t.actors[0],icon:{url:t.actors[0].avatarUrl||``},id:t.actors[0].url,preferredUsername:t.actors[0].handle?.replace(/^@([^@]+)@.*$/,`$1`)||`unknown`},buttonClassName:`hover:bg-gray-200`,commentCount:t.post.replyCount||0,layout:`notification`,likeCount:t.post.likeCount||0,object:{...t.post,liked:t.post.likedByMe,reposted:t.post.repostedByMe},repostCount:t.post.repostCount||0,onLikeClick:a})})]})]}),o<O.length-1&&(0,P.jsx)(`div`,{className:`pl-[52px]`,children:(0,P.jsx)(R,{})})]},t.id||`${t.type}_${o}`))}),(0,P.jsx)(`div`,{ref:A,className:`h-1`}),w&&(0,P.jsx)(`div`,{className:`-mt-4 mb-8 flex flex-col items-center justify-center gap-4 text-center`,children:(0,P.jsx)(h,{size:`md`})})]})]})})};export{W as default};