https://ecomitram.org/_next/static/chunks/5456-c6ad9497b87ffea9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5114,5456],{6884:(e,t,r)=>{r.d(t,{R:()=>o});var n=r(84157),s=r(62733),c=r.n(s),l=r(74062),a=r(41865);let i=new Set,o=(0,a.forwardRef)(function(e,t){let{href:r,prefetch:s,onMouseEnter:o,onTouchStart:d,onFocus:x,children:u,...h}=e,p=null;try{p=(0,l.useRouter)()}catch(e){p=null}let f=(0,a.useCallback)(()=>{var e;if(!1===s||!p)return;let t="string"==typeof r?r:null!=(e=r.pathname)?e:JSON.stringify(r);if(!i.has(t)){i.add(t);try{p.prefetch(t)}catch(e){}}},[r,s,p]),m=(0,a.useCallback)(e=>{f(),null==o||o(e)},[f,o]),j=(0,a.useCallback)(e=>{f(),null==d||d(e)},[f,d]),g=(0,a.useCallback)(e=>{f(),null==x||x(e)},[f,x]);return(0,n.jsx)(c(),{ref:t,href:r,prefetch:s,onMouseEnter:m,onTouchStart:j,onFocus:g,...h,children:u})})},15557:(e,t,r)=>{function n(e){let t=0x811c9dc5;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,0x1000193);return t>>>0}function s(e){let t=e;return()=>{t|=0;let e=Math.imul((t=t+0x6d2b79f5|0)^t>>>15,1|t);return(((e=e+Math.imul(e^e>>>7,61|e)^e)^e>>>14)>>>0)/0x100000000}}function c(e,t){if(0===e.length)return[];let r=s(n(t));return e.map(e=>({card:e,key:r()})).sort((e,t)=>t.key-e.key).map(e=>e.card)}function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date;return"".concat(e,"|").concat(t.toISOString().slice(0,10))}function a(e,t){if(e<=0)return[];let r=s(n("".concat(t,"|inline"))),c=[],l=-1;for(let t=0;t<e;t++)c.push(l+=4+Math.floor(2*r()));return c}r.d(t,{Px:()=>l,SZ:()=>a,mB:()=>c})},35114:(e,t,r)=>{r.d(t,{apiMutate:()=>s});var n=r(78079);async function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};try{return await (0,n.uE)(e,t)}catch(e){if(e instanceof n.hD&&401===e.status&&"AUTH_REQUIRED"===e.errorCode){var r;null==(r=(0,n.uA)())||r()}throw e}}},37265:(e,t,r)=>{r.d(t,{B:()=>n});function n(e){let t=e.trim().split(/\s+/).filter(Boolean);return 0===t.length?"?":1===t.length?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}},47104:(e,t,r)=>{r.d(t,{cn:()=>c});var n=r(77786),s=r(97721);function c(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,s.QP)((0,n.$)(t))}},60582:(e,t,r)=>{r.d(t,{As:()=>n.useAuth,BG:()=>n.useAuthActions,Xi:()=>n.useAuthModal});var n=r(44996);r(24404),r(85785),r(4993)},79988:(e,t,r)=>{r.d(t,{b:()=>i});var n=r(41865),s=r(80506);let c=[],l=null;function a(){if(0===c.length)return;let e=c.splice(0,c.length);try{let t="".concat(s.tE,"/promotions/impressions");if("undefined"!=typeof navigator&&navigator.sendBeacon){let r=new Blob([JSON.stringify({events:e})],{type:"application/json"});navigator.sendBeacon(t,r)}else fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0,credentials:"include"}).catch(()=>{})}catch(e){}}function i(e,t){let r=(0,n.useRef)(null),s=(0,n.useRef)(!1),i=(0,n.useCallback)((r,n)=>{for(let o of r)if(o.isIntersecting&&!s.current){var i;s.current=!0,n.disconnect(),i={promotionId:e,placement:t},c.push(i),c.length>=10?(null!==l&&(clearTimeout(l),l=null),a()):null===l&&(l=setTimeout(()=>{l=null,a()},2e3))}},[e,t]);return(0,n.useEffect)(()=>{let e=r.current;if(!e)return;let t=new IntersectionObserver(i,{threshold:.5});return t.observe(e),()=>{t.disconnect()}},[i]),{ref:r}}window.addEventListener("pagehide",a),document.addEventListener("visibilitychange",()=>{"hidden"===document.visibilityState&&a()})},80506:(e,t,r)=>{r.d(t,{VM:()=>c,tE:()=>n});let n="https://api.ecomitram.org",s=new Set(["post-detail"]);function c(e){return s.has(e)}},88150:(e,t,r)=>{r.d(t,{T:()=>T,n:()=>U});var n=r(84157),s=r(41865),c=r(88974),l=r(28176),a=r(59993),i=r(66975),o=r(62259),d=r(6884),x=r(15127),u=r(79988),h=r(82142),p=r(78079),f=r(35114),m=r(60582),j=r(56764),g=r(56921),b=r(37265);let M=e=>{let{children:t,...r}=e;return(0,n.jsx)("svg",{width:96,height:64,viewBox:"0 0 96 64",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,...r,children:t})},y=e=>{let{cx:t,cy:r,r:s=5}=e;return(0,n.jsxs)("g",{children:[(0,n.jsx)("circle",{cx:t,cy:r,r:s}),(0,n.jsx)("path",{d:["M".concat(t," ").concat(r-s-5.5," v3.2"),"M".concat(t," ").concat(r+s+5.5," v-3.2"),"M".concat(t-s-5.5," ").concat(r," h3.2"),"M".concat(t+s+5.5," ").concat(r," h-3.2"),"M".concat(t-s-3.5," ").concat(r-s-3.5," l2.2 2.2"),"M".concat(t+s+3.5," ").concat(r+s+3.5," l-2.2 -2.2"),"M".concat(t-s-3.5," ").concat(r+s+3.5," l2.2 -2.2"),"M".concat(t+s+3.5," ").concat(r-s-3.5," l-2.2 2.2")].join(" ")})]})},v=e=>(0,n.jsxs)(M,{...e,children:[(0,n.jsx)("path",{d:"M36 12 Q44 5 50 8 Q56 11 62 6"}),(0,n.jsx)("path",{d:"M48 8.5 L51 13 L54 8"}

1),(0,n.jsx)("circle",{cx:60,cy:6.5,r:1.2,fill:"currentColor"}),(0,n.jsx)("circle",{cx:26,cy:26,r:3}),(0,n.jsx)("path",{d:"M22 30 L30.5 29.5 L29 38 Z"}),(0,n.jsx)("path",{d:"M29 38 L24 44 L33 44 Z"}),(0,n.jsx)("path",{d:"M26.5 44 L23 56 M31 44 L34 56"}),(0,n.jsx)("path",{d:"M30 30 L47 45 M28.5 32 L44.5 48"}),(0,n.jsx)("path",{d:"M50 56 V46 M50 49 L46 44 M50 49 L54 44"}),(0,n.jsx)("circle",{cx:46,cy:44,r:1.3,fill:"currentColor"}),(0,n.jsx)("circle",{cx:54,cy:44,r:1.3,fill:"currentColor"}),(0,n.jsx)("path",{d:"M43 56 h14"}),(0,n.jsx)("path",{d:"M78 56 V28"}),(0,n.jsx)("path",{d:"M78 28 L69 20 M78 28 L87 20 M78 24 L71 14 M78 24 L85 14 M78 19 L74 9 M78 19 L82 9"}),(0,n.jsx)("circle",{cx:69,cy:20,r:1.5,fill:"currentColor"}),(0,n.jsx)("circle",{cx:87,cy:20,r:1.5,fill:"currentColor"}),(0,n.jsx)("circle",{cx:74,cy:9,r:1.5,fill:"currentColor"}),(0,n.jsx)("circle",{cx:82,cy:9,r:1.5,fill:"currentColor"})]}),L={composting:e=>(0,n.jsxs)(M,{...e,children:[(0,n.jsx)(y,{cx:14,cy:13,r:5}),(0,n.jsx)("circle",{cx:32,cy:17,r:3}),(0,n.jsx)("path",{d:"M27.5 22 L36.5 22 L32 30 Z"}),(0,n.jsx)("path",{d:"M32 30 L28 37 L36 37 Z"}),(0,n.jsx)("path",{d:"M29.5 37 L27 50 M34.5 37 L37 50"}),(0,n.jsx)("path",{d:"M36 23 L46 30 L53 35 M28 23 L23 31"}),(0,n.jsx)("circle",{cx:57,cy:33,r:1.2,fill:"currentColor"}),(0,n.jsx)("circle",{cx:60.5,cy:30,r:1.2,fill:"currentColor"}),(0,n.jsx)("path",{d:"M54 38 h20"}),(0,n.jsx)("path",{d:"M56 38 Q53 48 58 56 h12 Q77 48 74 38"}),(0,n.jsx)("path",{d:"M64 38 V27 M64 31 L59 25 M64 31 L69 25 M64 27 L61 21 M64 27 L67 21"}),(0,n.jsx)("circle",{cx:59,cy:25,r:1.4,fill:"currentColor"}),(0,n.jsx)("circle",{cx:69,cy:25,r:1.4,fill:"currentColor"})]}),"tree-planting":v,"plastic-free":e=>(0,n.jsxs)(M,{...e,children:[(0,n.jsx)(y,{cx:84,cy:11,r:4}),(0,n.jsx)("circle",{cx:34,cy:14,r:3}),(0,n.jsx)("path",{d:"M29.5 19 L38.5 19 L34 27 Z"}),(0,n.jsx)("path",{d:"M34 27 L30 34 L38 34 Z"}),(0,n.jsx)("path",{d:"M31.5 34 L26 48 M36.5 34 L40 48"}),(0,n.jsx)("path",{d:"M38 20 L47 29 M30 20 L25 27"}),(0,n.jsx)("path",{d:"M47 29 L45 34 M47 29 L50 34"}),(0,n.jsx)("path",{d:"M43.5 34 L51.5 34 Q53 43 50 46 L45 46 Q42 43 43.5 34 Z"}),(0,n.jsx)("path",{d:"M46.5 33.5 L45.5 29.5 M48.5 33.5 L49.5 29.5"}),(0,n.jsx)("circle",{cx:45.3,cy:29,r:1.1,fill:"currentColor"}),(0,n.jsx)("circle",{cx:49.7,cy:29,r:1.1,fill:"currentColor"}),(0,n.jsx)("path",{d:"M60 42 L82 42 L79 54 L63 54 Z"}),(0,n.jsx)("path",{d:"M66.5 42 L68 54 M75.5 42 L74 54"}),(0,n.jsx)("circle",{cx:65,cy:39,r:2.2}),(0,n.jsx)("circle",{cx:71,cy:38,r:2.4}),(0,n.jsx)("circle",{cx:77,cy:39,r:2.2}),(0,n.jsx)("path",{d:"M71 35.5 l2 -2.5"})]}),"waste-segregation":e=>(0,n.jsxs)(M,{...e,children:[(0,n.jsx)(y,{cx:13,cy:12,r:5}),(0,n.jsx)("circle",{cx:48,cy:16,r:3}),(0,n.jsx)("path",{d:"M43.5 21 L52.5 21 L48 29 Z"}),(0,n.jsx)("path",{d:"M48 29 L44 36 L52 36 Z"}),(0,n.jsx)("path",{d:"M45.5 36 L43 50 M50.5 36 L53 50"}),(0,n.jsx)("path",{d:"M44 22 L34 34 M52 22 L62 34"}),(0,n.jsx)("circle",{cx:30,cy:38,r:1.3,fill:"currentColor"}),(0,n.jsx)("circle",{cx:28,cy:41.5,r:1.3,fill:"currentColor"}),(0,n.jsx)("circle",{cx:66,cy:38,r:1.3,fill:"currentColor"}),(0,n.jsx)("circle",{cx:68,cy:41.5,r:1.3,fill:"currentColor"}),(0,n.jsx)("path",{d:"M18 44 h16"}),(0,n.jsx)("path",{d:"M20 44 Q18 52 22 57 h8 Q34 52 32 44"}),(0,n.jsx)("path",{d:"M62 44 h16"}),(0,n.jsx)("path",{d:"M64 44 Q62 52 66 57 h8 Q78 52 76 44"})]}),"water-saving":e=>(0,n.jsxs)(M,{...e,children:[(0,n.jsx)("circle",{cx:28,cy:14,r:3}),(0,n.jsx)("path",{d:"M23.5 19 L32.5 19 L28 27 Z"}),(0,n.jsx)("path",{d:"M28 27 L24 34 L32 34 Z"}),(0,n.jsx)("path",{d:"M25.5 34 L23 48 M30.5 34 L33 48"}),(0,n.jsx)("path",{d:"M32 20 L40 15 M31 23 L41 19"}),(0,n.jsxs)("g",{transform:"rotate(42 46 16)",children:[(0,n.jsx)("path",{d:"M42 11.5 h8"}),(0,n.jsx)("path",{d:"M42.5 11.5 Q38.5 17.5 43 22 Q46 24.5 49 22 Q53.5 17.5 49.5 11.5"})]}),(0,n.jsx)("path",{d:"M55 24 v3 M58.5 30 v3 M61.5 36 v3"}),(0,n.jsx)("path",{d:"M66 56 V44 M66 48 L61 43 M66 48 L71 43 M66 44 L63 39 M66 44 L69 39"}),(0,n.jsx)("circle",{cx:61,cy:43,r:1.3,fill:"currentColor"}),(0,n.jsx)("circle",{cx:71,cy:43,r:1.3,fill:"currentColor"}),(0,n.jsx)("path",{d:"M60 56 h12"})]})};var w=r(47104);let k={campaign:{label:"Activity",Icon:c.A},promotion:{label:"Product",Icon:l.A},post:{label:"Post",Icon:a.A},switch:{label:"Switch of the week",Icon:i.A}};function N(e){let{promotionId:t,className:r,children:s}=e,{ref:c}=(0,u.b)(t,"feed-pin");return(0,n.jsx)("div",{ref:c,className:r,children:s})}function C(e){let{card:t,trackImpressions:r,className:s,children:c}=e,l=r&&"promotion"===t.kind?t.id:null;return null===l?(0,n.jsx)("div",{className:s,children:c}):(0,n.jsx)(N,{promotionId:l,className:s,children:c})}function S(e){let{kind:t,label:r,extra:s}=e,{label:c,Icon:l}=k[t],a=null!=r?r:c;return(0,n.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-foreground

1/85 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-background",children:[(0,n.jsx)(l,{className:"h-3.5 w-3.5",strokeWidth:2,"aria-hidden":"true"}),s?"".concat(a," \xb7 ").concat(s):a]})}function A(){return(0,n.jsx)("p",{className:"px-1 pb-1 text-right text-[11px] text-muted-foreground","data-testid":"pinned-indicator",children:"Promoted"})}function I(e){let{card:t}=e;if("campaign"===t.kind)return(0,n.jsx)("span",{className:"font-semibold text-[var(--color-accent-hover)]",children:t.subtitle});if("post"===t.kind){var r;return(0,n.jsx)(n.Fragment,{children:(null!=(r=t.subtitle)?r:"").replace(/^—\s*/,"")})}return(0,n.jsx)(n.Fragment,{children:"".concat(t.subtitle," \xb7 leaves app")})}function Q(e){let{card:t,className:r,testId:s,children:c}=e;return t.external?(0,n.jsx)("a",{href:t.href,target:"_blank",rel:"sponsored noopener noreferrer",className:r,"data-testid":s,children:c}):(0,n.jsx)(d.R,{href:t.href,className:r,"data-testid":s,children:c})}let E={campaign:"Start Now",post:"Read post",promotion:"View product",switch:"I'll adopt this habit"};function Z(e){return"campaign"===e.kind?e.points?"".concat(e.points," pts"):void 0:"promotion"===e.kind&&e.subtitle||void 0}let R=["bg-primary","bg-info","bg-accent","bg-success"];function B(e){var t,r;let{card:c,preview:l=!1}=e,{state:a,loading:i}=(0,m.As)(),{requireUpgrade:o}=(0,j.F)(),[x,u]=(0,s.useState)(!1),[h,M]=(0,s.useState)(!1),y=c.switchSlug;(0,s.useEffect)(()=>{if(l||!y||i||"verified"!==a)return;let e=!1;return(0,p.uE)("/switches/me").then(t=>{!e&&t.adopted.includes(y)&&u(!0)}).catch(()=>{}),()=>{e=!0}},[l,a,i,y]);let k=(0,s.useCallback)(async()=>{if(!l&&y&&!h&&!x&&o({kind:"adoptSwitch",refId:y})){M(!0);try{await (0,f.apiMutate)("/switches/".concat(y,"/adopt"),{method:"POST"}),u(!0)}catch(e){if(e instanceof p.hD&&"AUTH_REQUIRED"===e.errorCode)return;(0,g.Qg)(e instanceof Error?e.message:"Could not save that — try again.")}finally{M(!1)}}},[l,y,h,x,o]),N=(null!=(t=c.posterNames)?t:[]).slice(0,4),C=null!=(r=c.memberCount)?r:0,S=Math.max(0,C-N.length),A=y&&L[y]||v;return(0,n.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-border-soft bg-card","data-testid":"switch-pin-card",children:[(0,n.jsxs)("div",{className:"relative flex h-[190px] items-end overflow-hidden bg-gradient-to-br from-primary-soft to-success-soft",children:[(0,n.jsx)(A,{className:"absolute inset-x-0 top-2 mx-auto h-[126px] w-auto text-primary"}),(0,n.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-primary-soft via-primary-soft/40 to-transparent","aria-hidden":"true"}),(0,n.jsx)("span",{className:"absolute right-2.5 top-2.5 rounded-full bg-accent px-2.5 py-1 text-[10.5px] font-bold tracking-wide text-accent-foreground",children:"Switch of the week"}),(0,n.jsx)("h3",{className:"relative z-10 line-clamp-2 mx-3.5 mb-3 text-[19px] leading-tight font-semibold text-foreground",children:c.title})]}),(0,n.jsxs)("div",{className:"p-3.5",children:[N.length>0&&(0,n.jsxs)("div",{className:"flex items-center gap-2","data-testid":"switch-pin-proof",children:[(0,n.jsxs)("div",{className:"flex -space-x-2",children:[N.map((e,t)=>(0,n.jsx)("span",{className:(0,w.cn)("flex size-8 items-center justify-center rounded-full border-2 border-card text-[11px] font-bold text-primary-foreground",R[t%R.length]),"aria-hidden":"true",children:(0,b.B)(e)},t)),S>0&&(0,n.jsxs)("span",{className:"flex size-8 items-center justify-center rounded-full border-2 border-card bg-muted text-[11px] font-bold text-muted-foreground","aria-hidden":"true",children:["+",S]})]}),(0,n.jsxs)("p",{className:"text-[13px] text-muted-foreground",children:[(0,n.jsx)("b",{className:"font-semibold text-foreground",children:C.toLocaleString("en-IN")})," ","members"]})]}),(0,n.jsx)("button",{type:"button",disabled:l||h||x,onClick:l?void 0:k,"data-testid":"switch-pin-adopt-button",className:(0,w.cn)("mt-3 flex min-h-12 w-full items-center justify-center rounded-xl px-4 text-[15px] font-semibold",x?"border border-success bg-success-soft text-success":"bg-primary text-primary-foreground"),children:x?"Adopted ✓":h?"Saving…":E.switch}),(0,n.jsx)("div",{className:"mt-2 text-center",children:(0,n.jsx)(d.R,{href:c.href,className:"inline-flex min-h-11 items-center justify-center px-2 text-[13.5px] font-medium text-primary hover:underline","data-testid":"switch-pin-detail-link",children:"See how they do it →"})})]})]})}function T(e){var t;let{card:r,trackImpressions:s=!0,preview:c=!1}=e;if("switch"===r.kind)return(0,n.jsxs)(C,{card:r,trackImpressions:s,children:[(0,n.jsx)(A,{}),(0,n.jsx)(B,{card:r,preview:c})]});let l=function(e){var t;if("post"===e.kind){let t=[];

1return e.cheers&&t.push("".concat(e.cheers," cheer").concat(1===e.cheers?"":"s")),e.comments&&t.push("".concat(e.comments," comment").concat(1===e.comments?"":"s")),t.length>0?t.join(" \xb7 "):null}return null!=(t=e.description)?t:null}(r);return(0,n.jsxs)(C,{card:r,trackImpressions:s,children:[(0,n.jsx)(A,{}),(0,n.jsx)(x.Zp,{as:"article","data-testid":"inline-pin-card",children:(0,n.jsxs)(Q,{card:r,testId:"inline-pin-link",className:"block",children:[(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("img",{src:(0,h.t)(null!=(t=r.imageKey)?t:"",800),alt:"",className:"aspect-video w-full bg-muted object-cover",loading:"lazy"}),(0,n.jsx)("span",{className:"absolute bottom-2 left-2",children:(0,n.jsx)(S,{kind:r.kind,label:r.typeLabel,extra:Z(r)})})]}),(0,n.jsxs)("div",{className:"p-4",children:[(0,n.jsx)("p",{className:"text-[15px] leading-snug font-semibold text-foreground",children:r.title}),l&&(0,n.jsx)("p",{className:"mt-1.5 line-clamp-1 text-[13px] text-muted-foreground",children:l}),(0,n.jsxs)("span",{className:"mt-3 flex min-h-11 w-full items-center justify-center rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground",children:[E[r.kind],r.external&&(0,n.jsx)(o.A,{className:"ml-1.5 h-4 w-4","aria-hidden":"true"})]})]})]})})]})}function U(e){let{cards:t,isAdmin:r,onUnpin:s,trackImpressions:c=!0,preview:l=!1}=e;return 0===t.length?null:(0,n.jsx)("div",{className:"-mx-4 flex snap-x snap-mandatory gap-2 overflow-x-auto px-4 pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden","data-testid":"pinned-carousel",children:t.map(e=>{var t;return(0,n.jsxs)(C,{card:e,trackImpressions:c,className:"relative w-[86%] max-w-[340px] shrink-0 snap-start",children:["switch"===e.kind?(0,n.jsx)(B,{card:e,preview:l}):(0,n.jsxs)(Q,{card:e,className:"block overflow-hidden rounded-2xl border border-border-soft bg-card",children:[(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("img",{src:(0,h.t)(null!=(t=e.imageKey)?t:"",700),alt:"",className:"aspect-video w-full bg-muted object-cover",loading:"eager"}),(0,n.jsx)("span",{className:"absolute bottom-2 left-2",children:(0,n.jsx)(S,{kind:e.kind,label:e.typeLabel,extra:Z(e)})})]}),(0,n.jsxs)("div",{className:"p-3",children:[(0,n.jsx)("p",{className:"line-clamp-2 text-[14px] leading-[1.35] font-semibold text-foreground",children:e.title}),(0,n.jsx)("p",{className:"mt-1 truncate text-[12px] text-muted-foreground",children:(0,n.jsx)(I,{card:e})})]})]}),r&&s&&"promotion"!==e.kind&&(0,n.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),s(e.id)},className:"absolute top-2 right-2 z-10 rounded-full bg-background/95 px-3 py-1.5 text-xs font-semibold shadow hover:bg-destructive-soft",title:"Unpin","aria-label":"Unpin","data-testid":"unpin-button",children:"Unpin"})]},e.id)})})}}}]);