https://ecomitram.org/_next/static/chunks/app/activities/page-a4712dd680d8954e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5982],{6884:(e,t,r)=>{"use strict";r.d(t,{R:()=>c});var a=r(84157),n=r(62733),s=r.n(n),i=r(74062),o=r(41865);let l=new Set,c=(0,o.forwardRef)(function(e,t){let{href:r,prefetch:n,onMouseEnter:c,onTouchStart:d,onFocus:u,children:m,...p}=e,f=null;try{f=(0,i.useRouter)()}catch(e){f=null}let g=(0,o.useCallback)(()=>{var e;if(!1===n||!f)return;let t="string"==typeof r?r:null!=(e=r.pathname)?e:JSON.stringify(r);if(!l.has(t)){l.add(t);try{f.prefetch(t)}catch(e){}}},[r,n,f]),h=(0,o.useCallback)(e=>{g(),null==c||c(e)},[g,c]),x=(0,o.useCallback)(e=>{g(),null==d||d(e)},[g,d]),v=(0,o.useCallback)(e=>{g(),null==u||u(e)},[g,u]);return(0,a.jsx)(s(),{ref:t,href:r,prefetch:n,onMouseEnter:h,onTouchStart:x,onFocus:v,...p,children:m})})},12696:(e,t,r)=>{"use strict";r.d(t,{DX:()=>u,TL:()=>d});var a,n=r(41865),s=r(74515),i=r(84157),o=Symbol.for("react.lazy"),l=(a||(a=r.t(n,2)))[" use ".trim().toString()];function c(e){var t;return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===o&&"_payload"in e&&"object"==typeof(t=e._payload)&&null!==t&&"then"in t}function d(e){let t=function(e){let t=n.forwardRef((e,t)=>{let{children:r,...a}=e;if(c(r)&&"function"==typeof l&&(r=l(r._payload)),n.isValidElement(r)){var i;let e,o,l=(i=r,(o=(e=Object.getOwnPropertyDescriptor(i.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?i.ref:(o=(e=Object.getOwnPropertyDescriptor(i,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?i.props.ref:i.props.ref||i.ref),c=function(e,t){let r={...t};for(let a in t){let n=e[a],s=t[a];/^on[A-Z]/.test(a)?n&&s?r[a]=(...e)=>{let t=s(...e);return n(...e),t}:n&&(r[a]=n):"style"===a?r[a]={...n,...s}:"className"===a&&(r[a]=[n,s].filter(Boolean).join(" "))}return{...e,...r}}(a,r.props);return r.type!==n.Fragment&&(c.ref=t?(0,s.t)(t,l):l),n.cloneElement(r,c)}return n.Children.count(r)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=n.forwardRef((e,r)=>{let{children:a,...s}=e;c(a)&&"function"==typeof l&&(a=l(a._payload));let o=n.Children.toArray(a),d=o.find(p);if(d){let e=d.props.children,a=o.map(t=>

1t!==d?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,i.jsx)(t,{...s,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,a):null})}return(0,i.jsx)(t,{...s,ref:r,children:a})});return r.displayName=`${e}.Slot`,r}var u=d("Slot"),m=Symbol("radix.slottable");function p(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===m}},35563:(e,t,r)=>{Promise.resolve().then(r.bind(r,61167))},47104:(e,t,r)=>{"use strict";r.d(t,{cn:()=>s});var a=r(77786),n=r(97721);function s(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},61167:(e,t,r)=>{"use strict";r.d(t,{CampaignList:()=>v});var a=r(84157),n=r(41865),s=r(74062),i=r(78079),o=r(6884),l=r(82142),c=r(72830),d=r(86558);function u(e){let{className:t}=e;return(0,a.jsx)(d.E,{tone:"soft-info",className:t,"data-testid":"org-only-badge",children:"Org Only"})}function m(e){let{campaign:t}=e,{title:r,slug:n,description:s,campaignType:i,status:d,startDate:m,endDate:p,ecoPoints:f,imageKey:g,participantCount:h}=t;return(0,a.jsxs)(o.R,{href:"/activities/".concat(n),className:"flex gap-3 rounded-2xl border border-border-soft bg-card p-3 transition-colors hover:bg-muted","data-testid":"campaign-card",children:[g?(0,a.jsx)("img",{src:(0,l.B)(g,128,128),alt:"",className:"h-16 w-16 shrink-0 rounded-md object-cover"}):(0,a.jsx)("div",{className:"h-16 w-16 shrink-0 rounded-md bg-gradient-to-br from-primary-soft to-primary","data-testid":"campaign-image-placeholder"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("div",{className:"font-medium text-foreground line-clamp-2",children:r}),s&&(0,a.jsx)("div",{className:"text-xs text-muted-foreground line-clamp-1",children:s}),(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-1",children:[(0,a.jsx)(c.M,{status:d}),t.orgLinkOnly?(0,a.jsx)(u,{}):null]}),(0,a.jsxs)("div",{className:"mt-1 flex items-center gap-2 text-xs text-muted-foreground",children:[(0,a.jsx)("span",{"data-testid":"campaign-type",children:"campaign"===i?"Activity":i.charAt(0).toUpperCase()+i.slice(1)}),(0,a.jsx)("span",{children:"\xb7"}),(0,a.jsx)("span",{"data-testid":"campaign-date",children:function(e,t,r){let a={day:"numeric",month:"short",year:"numeric"};if("published"===r&&t){let e=new Date(t);if(!isNaN(e.getTime()))return"Opens ".concat(e.toLocaleDateString("en-IN",a))}if(!e)return"Ongoing";let n=new Date(e);if(isNaN(n.getTime()))return"Ongoing";let s=n.toLocaleDateString("en-IN",a);return"active"===r?"Ends ".concat(s):"Ended ".concat(s)}(p,m,d)}),null!=f&&f>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{children:"\xb7"}),(0,a.jsxs)("span",{"data-testid":"campaign-eco-points",children:[f," Eco Points"]})]})]}),null!=h&&h>0&&(0,a.jsxs)("div",{className:"mt-1 text-xs text-muted-foreground",children:[h.toLocaleString()," joined"]})]})]})}var p=r(81954),f=r(95175),g=r(93757);let h=["active","upcoming","completed"],x={active:"No active activities right now. Check back soon!",upcoming:"No upcoming activities at the moment.",completed:"No completed activities yet."};function v(){let e=(0,s.useSearchParams)(),t=(0,s.useRouter)(),r=e.get("status"),o=h.includes(r)?r:"active",[l,c]=(0,n.useState)(o),[d,u]=(0,n.use

1State)([]),[v,b]=(0,n.useState)(null),[y,j]=(0,n.useState)(!0),[N,w]=(0,n.useState)(!1),[C,E]=(0,n.useState)(null),[S,k]=(0,n.useState)(null),P=(0,n.useCallback)(async(e,t)=>{let r=new URLSearchParams({status:e,limit:"12"});return t&&r.set("cursor",t),await (0,i.uE)("/campaigns?".concat(r.toString()))},[]);(0,n.useEffect)(()=>{let e=!1;return j(!0),E(null),u([]),b(null),Promise.all([P(l),(0,i.uE)("/campaigns/counts").catch(()=>null)]).then(t=>{let[r,a]=t;!e&&(u(r.campaigns),b(r.nextCursor),a&&k(a.counts))}).catch(t=>{e||E(t instanceof Error?t.message:"Failed to load activities")}).finally(()=>{e||j(!1)}),()=>{e=!0}},[l,P]);let _=(0,n.useCallback)(e=>{c(e),t.replace("/activities?status=".concat(e))},[t]),R=(0,n.useCallback)(async()=>{if(v&&!N){w(!0);try{let e=await P(l,v);u(t=>[...t,...e.campaigns]),b(e.nextCursor)}catch(e){E(e instanceof Error?e.message:"Failed to load more activities")}finally{w(!1)}}},[v,N,l,P]),O=(0,n.useCallback)(()=>{j(!0),E(null),u([]),b(null),P(l).then(e=>{u(e.campaigns),b(e.nextCursor)}).catch(e=>{E(e instanceof Error?e.message:"Failed to load activities")}).finally(()=>j(!1))},[l,P]);return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex gap-2",children:h.map(e=>(0,a.jsxs)(f.v,{as:"button","data-testid":"filter-pill-".concat(e),"aria-pressed":l===e,selected:l===e,onClick:()=>_(e),children:[e.charAt(0).toUpperCase()+e.slice(1),null!==S?" (".concat(S[e],")"):(0,a.jsx)("span",{"aria-hidden":"true",className:"opacity-0",children:" (0)"})]},e))}),(0,a.jsxs)("div",{className:"mt-4 space-y-3",children:[y&&(0,a.jsxs)("div",{"aria-live":"polite",role:"status",className:"space-y-3",children:[(0,a.jsx)(p.E,{className:"h-24 w-full rounded-lg"}),(0,a.jsx)(p.E,{className:"h-24 w-full rounded-lg"}),(0,a.jsx)(p.E,{className:"h-24 w-full rounded-lg"})]}),C&&!y&&(0,a.jsxs)("div",{className:"rounded-2xl bg-destructive-soft p-4 text-center text-destructive",role:"alert",children:[(0,a.jsx)("p",{children:C}),(0,a.jsx)("button",{onClick:O,className:"mt-2 rounded-md bg-destructive/10 px-4 py-1 text-sm text-destructive hover:bg-destructive/15",children:"Try again"})]}),!y&&!C&&0===d.length&&(0,a.jsx)("div",{"data-testid":"activities-empty-state",className:"py-8 text-center text-muted-foreground",children:x[l]}),!y&&d.length>0&&(0,a.jsx)("div",{className:"space-y-3","data-testid":"activities-list",children:d.map(e=>(0,a.jsx)(m,{campaign:e},e._id))}),v&&!y&&(0,a.jsxs)(a.Fragment,{children:[N&&(0,a.jsxs)("div",{className:"space-y-3","aria-live":"polite",role:"status",children:[(0,a.jsx)(p.E,{className:"h-20 w-full rounded-lg"}),(0,a.jsx)(p.E,{className:"h-20 w-full rounded-lg"})]}),(0,a.jsx)(g.$,{type:"button",variant:"outline",size:"md",onClick:R,disabled:N,className:"w-full",children:N?"Loading more...":"Load more"})]})]})]})}},72830:(e,t,r)=>{"use strict";r.d(t,{M:()=>i});var a=r(84157),n=r(86558);let s={active:{label:"Active",tone:"soft-success"},published:{label:"Upcoming",tone:"soft-info"},unlisted:{label:"Preview",tone:"soft-warning"},closed:{label:"Closed",tone:"soft-muted"},archived:{label:"Closed",tone:"soft-muted"},draft:{label:"Closed",tone:"soft-muted"}};function i(e){let{status:t,className:r}=e,{label:i,tone:o}=s[t];return(0,a.jsx)(n.E,{tone:o,className:r,children:i})}},74062:(e,t,r)=>{"use strict";var a=r(79714);r.o(a,"useParams")&&r.d(t,{useParams:function(){return a.useParams}}),r.o(a,"usePathname")&&r.d(t,{usePathname:function(){return a.usePathname}}),r.o(a,"useRouter")&&r.d(t,{useRouter:function(){return a.useRouter}}),r.o(a,"useSearchParams")&&r.d(t,{useSearchParams:function(){return a.useSearchParams}})},81954:(e,t,r)=>{"use strict";r.d(t,{E:()=>s});var a=r(84157),n=r(47104);function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"skeleton",className:(0,n.cn)("bg-accent animate-pulse motion-reduce:animate-none rounded-md",t),...r})}},82142:(e,t,r)=>{"use strict";function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:400,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"webp";if(e.startsWith("http")||e.startsWith("/"))return e;let n="https://img.ecomitram.org",s="ecomitram-v3";if(!n||!s){let t="https://cdn.ecomitram.org";return t?"".concat(t,"/").concat(e):""}let i="s3://".concat(s,"/").concat(e);return"".concat(n,"/insecure/rs:fit:").concat(t,":").concat(r,"/plain/").concat(encodeURIComponent(i),"@").concat(a)}function n(e,t){if(e.startsWith("http"))return e;let r="https://img.ecomitram.org",a="ecomitram-v3";if(!r||!a){let t="https://cdn.ecomitram.org";return t?"".concat(t,"/").concat(e):"https://ecomitram-v3.blr1.digitaloceanspaces.com/".concat(e)}let n="s3://".concat(a,"/").concat(e);return"".concat(r,"/insecure/rs:fit:").concat(t,":0/plain/").concat(encodeURIComponent(n),"@webp")}r.d(t,{B:()=>a,t:()=>n})},86558:(e,t,r)=>{"use strict";r.d(t,{E:()=>o});var a=r(84157);r(41865);var n=r(54572),s=r(47104);let i=(0,n.F)("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-semibold leading-tight whitespace-nowrap",{variants:{tone

1:{"solid-success":"bg-success text-[var(--color-success-foreground)]","solid-warning":"bg-warning text-[var(--color-warning-foreground)]","solid-danger":"bg-destructive text-[var(--color-destructive-foreground)]","solid-info":"bg-info text-[var(--color-info-foreground)]","solid-vana":"bg-primary text-primary-foreground","solid-haldi":"bg-accent text-accent-foreground","solid-muted":"bg-muted text-muted-foreground","soft-success":"bg-success-soft text-success","soft-warning":"bg-warning-soft text-warning","soft-danger":"bg-destructive-soft text-destructive","soft-info":"bg-info-soft text-info","soft-vana":"bg-primary-soft text-primary","soft-muted":"bg-muted text-muted-foreground"}},defaultVariants:{tone:"soft-muted"}});function o(e){let{className:t,tone:r,...n}=e;return(0,a.jsx)("span",{"data-slot":"pwa-badge",className:(0,s.cn)(i({tone:r,className:t})),...n})}},93757:(e,t,r)=>{"use strict";r.d(t,{$:()=>l});var a=r(84157);r(41865);var n=r(12696),s=r(54572),i=r(47104);let o=(0,s.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-semibold transition-[background-color,color,border-color,transform] duration-150 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/40 disabled:opacity-45 disabled:cursor-not-allowed disabled:pointer-events-none active:translate-y-px [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0",{variants:{variant:{primary:"bg-primary text-primary-foreground hover:bg-[var(--color-primary-hover)] focus-visible:ring-primary/40",accent:"bg-accent text-accent-foreground hover:bg-[var(--color-accent-hover)] focus-visible:ring-accent/40",outline:"border border-primary/40 bg-transparent text-primary hover:bg-primary/10 focus-visible:ring-primary/40",ghost:"bg-transparent text-foreground hover:bg-muted",text:"bg-transparent text-destructive underline-offset-4 hover:underline px-0 has-[>svg]:px-0"},size:{lg:"h-[52px] px-7 text-[15px] has-[>svg]:px-6",md:"h-11 px-5 text-sm has-[>svg]:px-4",sm:"h-9 px-4 text-[13px] has-[>svg]:px-3",icon:"size-11 border border-border bg-card hover:bg-muted"}},defaultVariants:{variant:"primary",size:"md"}});function l(e){let{className:t,variant:r,size:s,asChild:l=!1,...c}=e,d=l?n.DX:"button";return(0,a.jsx)(d,{"data-slot":"pwa-button",className:(0,i.cn)(o({variant:r,size:s,className:t})),...c})}},95175:(e,t,r)=>{"use strict";r.d(t,{v:()=>o});var a=r(84157);r(41865);var n=r(54572),s=r(47104);let i=(0,n.F)("inline-flex items-center gap-1 rounded-full border px-3 h-9 text-[13px] font-semibold whitespace-nowrap transition-colors",{variants:{selected:{true:"bg-primary text-primary-foreground border-primary",false:"bg-transparent text-primary border-primary/30 hover:bg-primary/10 hover:border-primary/50"}},defaultVariants:{selected:!1}});function o(e){let{className:t,selected:r,as:n="a",...o}=e;if("button"===n){let{children:e,...n}=o;return(0,a.jsx)("button",{"data-slot":"pwa-chip",type:"button",className:(0,s.cn)(i({selected:r,className:t})),...n,children:e})}let{children:l,...c}=o;return(0,a.jsx)("a",{"data-slot":"pwa-chip",className:(0,s.cn)(i({selected:r,className:t})),...c,children:l})}}},e=>{e.O(0,[2733,4262,8079,6341,3902,7358],()=>e(e.s=35563)),_N_E=e.O()}]);