"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4265],{97243:function(e,l,t){t.d(l,{Z:function(){return x}});var s=t(57437),n=t(73004),i=t(8547),a=t(56800),r=t.n(a),d=t(66648),o=t(74208),c=()=>(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"w-full max-w-[400px]",children:(0,s.jsx)(o.default,{src:"/loading.gif",alt:"Loading"})})}),x=e=>{let{title:l,description:t,img:a,slug:o,tags:x,likes:u,childId:h,disabled:m=!1,stage:f}=e,p=l.startsWith("temporary story"),v=h?"/story/".concat(o,"?childId=").concat(h):"/story/".concat(o);return(0,s.jsxs)(i.default,{href:v,className:r()("flex flex-col w-full bg-[#FFF] rounded-2xl overflow-hidden pb-4 h-[412px] cursor-pointer hover:bg-white/80 transition-all duration-300",{"pointer-events-none":m}),children:["Published"===f?(0,s.jsx)("div",{className:"w-full h-5/6 aspect-square",children:(0,s.jsx)(d.default,{unoptimized:!0,src:a.src,alt:a.src,width:200,height:200,className:"w-full h-full object-cover"})}):(0,s.jsx)("div",{className:"flex flex-col items-center justify-center w-full aspect-square",children:(0,s.jsx)("div",{className:"flex justify-center items-center w-full aspect-square bg-purple",children:(0,s.jsx)(c,{})})}),(0,s.jsxs)("div",{className:"px-4 flex flex-col justify-center items-center",children:[(0,s.jsx)("h3",{className:"min-h-[80px] font-medium text-center  text-lg text-bgViolet pt-4 pb-1 font-paytoneOne uppercase",children:p?"Your story is being created":l}),t&&(0,s.jsx)("p",{className:"text-[14px] text-bgViolet font-light mb-4",children:t}),x&&(0,s.jsxs)("div",{className:"pb-2 flex gap-2 flex-wrap",children:[(0,s.jsx)("div",{className:"px-2 flex-center text-[14px] text-bgViolet bg-[#FFFFFF1A] rounded-3xl",children:"Boy"}),(0,s.jsx)("div",{className:"px-2 flex-center text-[14px] text-bgViolet bg-[#FFFFFF1A] rounded-3xl",children:"dinosaur"})]}),u&&(0,s.jsxs)("div",{className:"w-[56px] flex items-center justify-center gap-2 bg-[#FFB649] rounded-lg",children:[(0,s.jsx)(n.Z,{}),(0,s.jsx)("span",{className:"text-[14px]",children:"32"})]})]})]})}},73004:function(e,l,t){t.d(l,{Z:function(){return n}});var s=t(57437);function n(){return(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.62917 12.6663H3.3705C2.98184 12.6663 2.6665 12.351 2.6665 11.9623V7.03701C2.6665 6.64834 2.98184 6.33301 3.3705 6.33301H4.62917C5.01784 6.33301 5.33317 6.64834 5.33317 7.03701V11.9623C5.33317 12.351 5.01784 12.6663 4.62917 12.6663V12.6663Z",stroke:"#323232",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M5.3335 7.04804L7.76616 3.88071C8.21883 3.29071 9.10283 3.27604 9.5755 3.85004V3.85004C9.75216 4.06404 9.84816 4.33338 9.84816 4.61071V6.79138H11.9122C12.3128 6.79138 12.6868 6.99138 12.9095 7.32404L13.1288 7.65138C13.3255 7.94538 13.3828 8.31138 13.2848 8.65071L12.3788 11.7987C12.2308 12.3127 11.7608 12.6667 11.2262 12.6667H7.0335C6.70016 12.6667 6.3815 12.528 6.15483 12.284L5.3335 11.4",stroke:"#323232",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}t(2265)},62994:function(e,l,t){t.d(l,{q:function(){return a}});var s=t(57437),n=t(18087),i=t(66648);let a=e=>{var l,t,a,r,d;let{details:o}=e,c=(0,n.useTranslations)("ChildProfilePage"),x=(0,n.useTranslations)("CreateStory"),u=(0,n.useTranslations)("SpecialNeeds");(0,n.useTranslations)("FavoriteAnimals");let h=(0,n.useTranslations)("StoryTense"),m=(0,n.useTranslations)("ReadingLevels"),f=(0,n.useTranslations)("Common"),p=f((null==o?void 0:o.streak)!=1?"days":"day");return(0,s.jsxs)("div",{className:"grid gap-12",children:[(0,s.jsxs)("div",{className:"flex flex-col-reverse items-center sm:flex-row sm:gap-12 md:flex-row justify-between gap-6",children:[(0,s.jsxs)("div",{className:"grid gap-12 flex-1",children:[(0,s.jsx)("h2",{className:"font-bold text-xl uppercase",children:c("lookAtGo",{name:null==o?void 0:o.name})}),(0,s.jsxs)("div",{className:"grid gap-2",children:[(0,s.jsx)("p",{children:c("p1",{storyCreatedTense:h((null==o?void 0:o.totalMonthlyStoriesCreated)===1?"singular":"plural"),name:null==o?void 0:o.name,totalMonthlyStoriesCreated:(null==o?void 0:o.totalMonthlyStoriesCreated)||0,totalBooksRead:(null==o?void 0:o.totalMonthlyBooksRead)||0,booksReadTense:h((null==o?void 0:o.totalMonthlyBooksRead)===1?"singular":"plural")})}),(0,s.jsx)("p",{children:c("p2",{name:null==o?void 0:o.name,totalMonthlyWordsRead:(null==o?void 0:o.totalMonthlyWordsRead)||0,totalMonthlyClickedWords:(null==o?void 0:o.totalMonthlyClickedWords)||0,gender:c(null==o?void 0:o.gender)})}),(0,s.jsx)("p",{children:c("p3",{name:null==o?void 0:o.name,totalWordsRead:null==o?void 0:o.totalWordsRead,totalClickedWords:null==o?void 0:o.totalClickedWords,totalStoriesCreated:(null==o?void 0:o.totalStoriesCreated)||0})})]})]}),(0,s.jsxs)("div",{className:"w-[140px] h-[140px] text-center bg-danger text-white transition-all cursor-default shadow-xl flex items-center flex-col justify-center rounded-md",children:[(0,s.jsx)("div",{children:(0,s.jsx)(i.default,{src:"/fire.gif",alt:"Fire",width:40,height:40})}),(0,s.jsxs)("p",{className:"font-bold leading-[14px] mt-2 text-xl",children:[null==o?void 0:o.streak," ",p]}),(0,s.jsxs)("p",{className:"text-sm font-semibold mb-2",children:[" ",c("readingStreak")]})]})]}),(0,s.jsxs)("div",{className:"w-full grid grid-cols-2 lg:grid-cols-4 gap-4",children:[(0,s.jsxs)("div",{className:"col-span-1 p-4 rounded-md bg-bgViolet text-white flex-grow items-center",children:[(0,s.jsx)("p",{className:"font-bold text-sm",children:c("readingTarget")}),(0,s.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,s.jsxs)("p",{className:"text-[30px] font-medium",children:[null==o?void 0:o.monthlyReadingTarget," "]}),(0,s.jsxs)("p",{className:"text-sm leading-[10px]",children:[c("stories")," ",(0,s.jsx)("br",{})," ",c("perMonth")]})]})]}),(0,s.jsxs)("div",{className:"col-span-1 p-4 rounded-md bg-bgViolet text-white flex-grow items-center",children:[(0,s.jsx)("p",{className:"font-bold text-sm",children:x("language")}),(0,s.jsx)("p",{className:"mt-1",children:null==o?void 0:null===(l=o.language)||void 0===l?void 0:l.name})]}),(0,s.jsxs)("div",{className:"col-span-1 p-4 rounded-md bg-bgViolet text-white flex-grow items-center",children:[(0,s.jsx)("p",{className:"font-bold text-sm",children:x("needs")}),(0,s.jsx)("p",{className:"mt-1",children:(null==o?void 0:null===(t=o.specialNeed)||void 0===t?void 0:t.name)?u(null==o?void 0:null===(a=o.specialNeed)||void 0===a?void 0:a.name):f("none")})]}),(0,s.jsxs)("div",{className:"col-span-1 p-4 rounded-md bg-bgViolet text-white flex-grow items-center",children:[(0,s.jsx)("p",{className:"font-bold text-sm",children:x("age")}),(0,s.jsx)("p",{className:"mt-1",children:(null==o?void 0:null===(r=o.readingLevel)||void 0===r?void 0:r.name)?m(null==o?void 0:null===(d=o.readingLevel)||void 0===d?void 0:d.resourceCode):f("none")})]})]})]})}},1265:function(e,l,t){t.d(l,{Z:function(){return d}});var s=t(57437),n=t(74208),i=t(10186),a=t(8547),r=t(18087);function d(e){var l,t,d,o;let{id:c}=e,x=(0,r.useTranslations)("ChildProfilePage"),{data:u}=(0,i.N)(c);return(null==u?void 0:u.age)&&(null==u||u.age),(0,s.jsxs)("div",{className:"flex gap-4 items-center",children:[(0,s.jsx)("div",{className:"w-[68px] h-[68px] bg-[aliceblue] rounded-full",children:(0,s.jsx)(n.default,{fallbackSrc:(null==u?void 0:null===(t=u.avatar)||void 0===t?void 0:null===(l=t.url)||void 0===l?void 0:l.full)||"/deckic-image.png",src:(null==u?void 0:null===(o=u.avatar)||void 0===o?void 0:null===(d=o.url)||void 0===d?void 0:d.xs)||"",alt:"Avatar"},null==u?void 0:u.id)}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"font-bold",children:null==u?void 0:u.name}),(0,s.jsxs)(a.default,{href:"/child-profile/".concat(null==u?void 0:u.id,"/edit"),className:"font-medium text-indigo/70 cursor-pointer text-md hover:text-indigo transition-all",children:["✏️ ",x("edit")]}),(0,s.jsx)("p",{})]})]})}},40827:function(e,l,t){var s=t(57437),n=t(18087),i=t(2265);let a=e=>{let{colour:l,percentage:t}=e,n=120*Math.PI,i=(100-t)*n/100;return(0,s.jsx)("circle",{r:120,cx:150,cy:150,fill:"transparent",stroke:i!==n?l:"",strokeWidth:32,strokeDasharray:n,strokeDashoffset:t?i:0,strokeLinecap:"butt",transform:"rotate(-180 150 150)",className:"pie-circle"})},r=e=>{let{value:l,max:t}=e,i=(0,n.useTranslations)("ChildProfilePage");return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("text",{x:"50%",y:"120",dominantBaseline:"central",textAnchor:"middle",fill:"#5353A3",fontSize:"16px",children:[l,"/",t]}),(0,s.jsx)("text",{x:"50%",y:"140",dominantBaseline:"central",textAnchor:"middle",fill:"#5353A3",fontSize:"14px",children:i("monthlyStories")})]})};l.Z=e=>{let{value:l=.1,max:t=20,colour:n="#E12F6A"}=e,d=l/(t||100)*100,[o,c]=(0,i.useState)(1);return(0,i.useEffect)(()=>{d<90?setTimeout(()=>{c(d)},300):c(d)},[d]),(0,s.jsxs)("svg",{width:300,height:160,children:[(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"half-circle",children:(0,s.jsx)("rect",{x:"0",y:"0",width:"300",height:"150"})})}),(0,s.jsxs)("g",{clipPath:"url(#half-circle)",children:[(0,s.jsx)(a,{colour:"#ffe6ee"}),(0,s.jsx)(a,{colour:n,percentage:o})]}),(0,s.jsx)(r,{value:l,max:t})]})}}}]);