progress-b53b418b1591a228.js 33 KB

12
  1. (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10700],{21572:function(e,n,t){"use strict";var a,r=t(67597);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},i.apply(null,arguments)}n.Z=function(e){return r.createElement("svg",i({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=r.createElement("path",{d:"m15 5-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7Z",fill:"currentColor"})))}},50024:function(e,n,t){"use strict";var a,r,i=t(67597);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},o.apply(null,arguments)}n.Z=function(e){return i.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"feather feather-help-circle"},e),a||(a=i.createElement("circle",{cx:12,cy:12,r:10})),r||(r=i.createElement("path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"})))}},40578:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/reading-goal/progress",function(){return t(38107)}])},6507:function(e,n,t){"use strict";var a=t(57044),r=t(14574),i=t.n(r),o=t(48559),s=o.Z.InvalidField;n.Z=function(e,n,t,r){return Object.values(o.Z).includes(e)?t("common:validation.".concat(e),(0,a.Z)({field:i()(n)},r)):t("common:validation.".concat(s),{field:i()(n)})}},55673:function(e,n,t){"use strict";var a=t(57611),r=t(15438),i=t.n(r);n.Z=function(e){var n=e.children;return(0,a.jsx)("div",{className:i().container,children:n})}},59807:function(e,n,t){"use strict";t.r(n),t.d(n,{ContentModalSize:function(){return a}});var a,r=t(45361),i=t(57611),o=t(67597),s=t(61794),l=t(37014),c=t.n(l),d=t(15129),u=t(85494),g=t(97674),_=t.n(g),h=t(43172),m=t(43609);!function(e){e.SMALL="small",e.MEDIUM="medium"}(a||(a={}));n.default=function(e){var n=e.isOpen,t=e.onClose,l=e.onEscapeKeyDown,g=e.hasCloseButton,f=e.children,x=e.header,p=e.innerRef,v=e.contentClassName,C=e.size,j=void 0===C?a.MEDIUM:C,y=e.isFixedHeight,Z=e.hasHeader,b=void 0===Z||Z,N=(0,o.useRef)(),k=(0,d.useRouter)().locale;(0,o.useImperativeHandle)(p,(function(){return{scrollToTop:function(){N.current&&(N.current.scrollTop=0)}}}));var R;return(0,i.jsx)(s.fC,{open:n,children:(0,i.jsx)(s.h_,{children:(0,i.jsx)(s.aV,{className:_().overlay,ref:N,children:(0,i.jsxs)(s.VY,{className:c()(_().contentWrapper,(R={},(0,r.Z)(R,v,v),(0,r.Z)(R,_().small,j===a.SMALL),(0,r.Z)(R,_().medium,j===a.MEDIUM),(0,r.Z)(R,_().autoHeight,!y),R)),onEscapeKeyDown:l,onPointerDownOutside:function(e){var n=e.currentTarget;((0,m.iS)(k)?e.detail.originalEvent.offsetX<15:e.detail.originalEvent.offsetX>n.clientWidth-15)?e.preventDefault():t&&t()},children:[b&&(0,i.jsxs)("div",{className:_().header,children:[g&&(0,i.jsx)(s.x8,{className:_().closeIcon,children:(0,i.jsx)(u.ZP,{variant:u.Wu.Ghost,shape:u.jL.Circle,onClick:t,children:(0,i.jsx)(h.Z,{})})}),x]}),(0,i.jsx)("div",{className:_().content,children:f})]})})})})}},80941:function(e,n,t){"use strict";t.d(n,{E:function(){return f.j},Z:function(){return p}});var a=t(45361),r=t(57044),i=t(16946),o=t(96151),s=t(57611),l=(t(67597),t(37014)),c=t.n(l),d=t(50664),u=t(25184),g=t.n(u),_=function(e){var n=e.className,t=e.indicatorClassName,a=(0,o.Z)(e,["className","indicatorClassName"]);return(0,s.jsx)(d.ck,(0,i.Z)((0,r.Z)({className:c()(g().radioItem,n)},a),{children:(0,s.jsx)(d.z$,{className:c()(g().indicator,t)})}))},h=t(30808),m=t.n(h),f=t(97204),x=function(e){var n=e.items,t=e.disabled,l=void 0!==t&&t,d=(0,o.Z)(e,["items","disabled"]);return(0,s.jsx)(f.Z,(0,i.Z)((0,r.Z)({},d),{children:n.map((function(e){var n=!0===l||!0===e.disabled;return(0,s.jsxs)("div",{className:m().radioItemContainer,children:[(0,s.jsx)(_,{value:e.value,id:e.id,disabled:n,required:e.required||!1}),(0,s.jsx)("label",{htmlFor:e.id,className:c()(m().label,(0,a.Z)({},m().disabled,n)),children:e.label})]},e.id)}))}))};x.Root=f.Z,x.Item=_;var p=x},97204:function(e,n,t){"use strict";t.d(n,{j:function(){return a}});var a,r=t(57044),i=t(16946),o=t(57611),s=(t(67597),t(50664)),l=t(37014),c=t.n(l),d=t(4811),u=t.n(d),g=t(22209);!function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(a||(a={}));n.Z=function(e){var n=e.className,t=e.label,l=e.orientation,d=void 0===l?a.Vertical:l,_=e.onChange,h=e.defaultValue,m=e.value,f=e.name,x=e.required,p=e.children,v=(0,g.Z)();return(0,o.jsx)(s.fC,(0,i.Z)((0,r.Z)({className:c()(u().container,n),dir:v,"aria-label":t,orientation:d},_&&{onValueChange:_},h&&{defaultValue:h},m&&{value:m},f&&{name:f},x&&{required:x}),{children:p}))}},3357:function(e,n,t){"use strict";var a=t(57611),r=t(92111),i=t(76682),o=t.n(i),s=t(50024);n.Z=function(e){var n=e.children;return(0,a.jsx)(r.default,{triggerStyles:o().trigger,content:(0,a.jsx)("span",{className:o().content,children:n}),children:(0,a.jsx)("span",{className:o().questionMarkIconContainer,children:(0,a.jsx)(s.Z,{})})})}},91176:function(e,n,t){"use strict";var a=t(57611),r=t(35894),i=t.n(r),o=t(4845);n.Z=function(e){var n=e.label,t=e.value,r=e.onClick;return(0,a.jsxs)("div",{className:i().container,onClick:r,children:[(0,a.jsxs)("div",{className:i().labelContainer,children:[(0,a.jsx)("div",{className:i().label,children:n}),(0,a.jsx)("div",{className:i().value,children:t})]}),(0,a.jsx)("div",{className:i().iconContainer,children:(0,a.jsx)(o.Z,{})})]})}},38107:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return rn},default:function(){return on}});var a=t(57611),r=t(98038),i=t(61395),o=t(1997),s=t(51726),l=t(67597),c=t(67385),d=t(99968),u=t(16307),g=t.n(u),_=t(85494),h=t(56539),m=t(3463),f=t(85609),x=t(47898),p=t(9740),v=t(37572),C=t(12195),j=function(e){var n=e.isDisabled,t=(0,i.Z)("reading-progress").t,r=(0,l.useState)(!1),u=r[0],j=r[1],y=(0,l.useState)(""),Z=y[0],b=y[1],N=(0,d.kY)().mutate,k=(0,f.useToast)(),R=(0,l.useCallback)((0,o.Z)((function(){return(0,s.__generator)(this,(function(e){switch(e.label){case 0:return[4,(0,p.QC)({category:x.c9.QURAN})];case 1:return e.sent(),N((0,v.G_)()),[2]}}))})),[N]),S=function(){b(""),j(!1)},M=function(){var e=(0,o.Z)((function(){return(0,s.__generator)(this,(function(e){switch(e.label){case 0:return(0,C.MY)("reading_goal_confirm_delete"),[4,R()];case 1:return e.sent(),k(t("delete-goal.success"),{status:f.ToastStatus.Success}),S(),[2]}}))}));return function(){return e.apply(this,arguments)}}(),D=t("delete-goal.confirmation.confirmation-text"),w=Z.toLowerCase()===D.toLowerCase();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_.ZP,{type:_.L$.Error,variant:_.Wu.Ghost,onClick:function(){(0,C.MY)("reading_goal_delete"),j(!0)},isDisabled:n,children:t("delete-goal.action")}),(0,a.jsx)(m.Z,{isOpen:u,onClickOutside:S,children:(0,a.jsxs)(m.Z.Body,{children:[(0,a.jsxs)(m.Z.Header,{children:[(0,a.jsx)(m.Z.Title,{children:t("delete-goal.confirmation.title")}),(0,a.jsx)(m.Z.Subtitle,{children:t("delete-goal.confirmation.subtitle")}),(0,a.jsx)("p",{className:g().instructionText,children:(0,a.jsx)(c.Z,{i18nKey:"reading-progress:delete-goal.confirmation.instruction-text",values:{text:D},components:{strong:(0,a.jsx)("strong",{className:g().confirmationText})}})}),(0,a.jsx)(h.ZP,{id:"delete-goal-confirmation",value:Z,onChange:b,fixedWidth:!1,containerClassName:g().inputContainer})]}),(0,a.jsx)(m.Z.Footer,{children:(0,a.jsx)(_.ZP,{type:_.L$.Error,variant:_.Wu.Outlined,className:g().deleteButton,onClick:M,isDisabled:!w,children:t("delete-goal.confirmation.action-text")})})]})})]})},y=t(57044),Z=t(16946),b=t(69976),N=t(67418),k=t(48886),R=t.n(k),S=t(23998),M=t(9192),D=t(80941),w=t(97204),P=t(38429),I=t(75038),E=t(83216),G=t(78056),W=function(e){return e.type===x.lC.PAGES?Number(e.targetAmount):1},T=function(e){return e.type===x.lC.TIME?Number(e.targetAmount):60},L=function(e){if(e.type!==x.lC.RANGE)return{startVerse:null,endVerse:null};var n=(0,b.Z)((0,G.p)(e.targetAmount),2);return{startVerse:n[0].verseKey,endVerse:n[1].verseKey}},A=[{value:x.lC.TIME,key:"time"},{value:x.lC.PAGES,key:"pages"},{value:x.lC.RANGE,key:"range"}],V=function(e){var n=e.isDisabled,t=e.goal,r=(0,i.Z)("reading-progress"),c=r.t,u=r.lang,g=(0,l.useContext)(M.Z),h=(0,l.useState)(!1),j=h[0],b=h[1],k=(0,I.Z)(),G=(0,l.useMemo)((function(){return(0,E.zQ)(c,u)}),[c,u]),V=(0,l.useState)(!!t.duration),F=V[0],H=V[1],O=(0,l.useState)(t.duration||30),Q=O[0],B=O[1],Y=(0,l.useState)(t.type),q=Y[0],z=Y[1],U=(0,l.useState)(W(t)),K=U[0],X=U[1],J=(0,l.useState)(T(t)),$=J[0],ee=J[1],ne=(0,l.useState)(L(t)),te=ne[0],ae=ne[1],re=(0,f.useToast)(),ie=(0,d.kY)().mutate,oe=(0,l.useCallback)(function(){var e=(0,o.Z)((function(e){return(0,s.__generator)(this,(function(n){switch(n.label){case 0:return[4,(0,p.ct)((0,Z.Z)((0,y.Z)({},e),{mushafId:k,category:x.c9.QURAN}))];case 1:return n.sent(),ie((0,v.G_)()),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),[ie,k]),se=(0,l.useCallback)((function(){z(t.type),H(!!t.duration),B(t.duration||30),X(W(t)),ee(T(t)),ae(L(t))}),[t]),le=function(){b(!1),se()};(0,l.useEffect)((function(){se()}),[se,t]);var ce=function(){var e=(0,o.Z)((function(){var e,n;return(0,s.__generator)(this,(function(t){switch(t.label){case 0:e=q===x.lC.PAGES?K:q===x.lC.TIME?$:"".concat(te.startVerse,"-").concat(te.endVerse),n={type:q,amount:e},F&&(n.duration=Q),(0,C.dz)("edit_goal",n),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,oe(n)];case 2:return t.sent(),re(c("edit-goal.success"),{status:f.ToastStatus.Success}),le(),[3,4];case 3:return t.sent(),re(c("common:error.general"),{status:f.ToastStatus.Error}),[3,4];case 4:return[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_.ZP,{onClick:function(){(0,C.MY)("edit_reading_goal"),b(!0)},isDisabled:n,children:c("edit-goal.action")}),(0,a.jsx)(m.Z,{isOpen:j,onClickOutside:le,children:(0,a.jsxs)(m.Z.Body,{children:[(0,a.jsxs)(m.Z.Header,{children:[(0,a.jsx)(m.Z.Title,{children:c("edit-goal.title")}),(0,a.jsx)(m.Z.Subtitle,{children:c("edit-goal.subtitle")}),(0,a.jsx)(D.Z,{label:"Continuity",orientation:w.j.Horizontal,value:F?x.r_.Continuous:x.r_.Daily,onChange:function(e){H(e===x.r_.Continuous),(0,C.Q8)("edit_goal_continuity",F?x.r_.Continuous:x.r_.Daily,e)},className:R().radioGroup,items:[{id:x.r_.Continuous,label:c("reading-goal:continuous.title"),value:x.r_.Continuous},{id:x.r_.Daily,label:c("reading-goal:daily.title"),value:x.r_.Daily}]}),(0,a.jsxs)("div",{className:R().inputs,children:[(0,a.jsxs)("div",{className:R().inputContainer,children:[(0,a.jsx)("label",{htmlFor:"goal-type",className:R().label,children:c("reading-goal:goal-type.title")}),(0,a.jsx)(P.Z,{id:"goal-type",name:"goal-type",value:q,onChange:function(e){z(e),(0,C.Q8)("edit_goal_type",q,e)},size:P.h.Large,options:A.map((function(e){return{value:e.value,label:c("reading-goal:goal-types.".concat(e.key,".title"))}}))})]}),(0,a.jsx)(N.Z,{type:q,pages:K,seconds:$,rangeStartVerse:te.startVerse,rangeEndVerse:te.endVerse,onRangeChange:function(e){return ae(e)},onPagesChange:X,onSecondsChange:ee,widthFull:!1,logChange:function(e,n,t){(0,C.Q8)("edit_goal_".concat(e),n.currentValue,n.newValue,t)}}),F&&(0,a.jsxs)("div",{className:R().inputContainer,children:[(0,a.jsx)("label",{htmlFor:"goal-duration",className:R().label,children:c("reading-goal:duration")}),(0,a.jsx)(P.Z,{id:"duration",name:"duration",size:P.h.Large,className:R().input,options:G,value:Q.toString(),onChange:function(e){B(Number(e)),(0,C.Q8)("edit_goal_duration",Q,e)}})]})]})]}),(0,a.jsx)(m.Z.Footer,{children:(0,a.jsx)(_.ZP,{type:_.L$.Primary,variant:_.Wu.Outlined,className:R().deleteButton,onClick:ce,isDisabled:!(0,S.w)(g,{type:q,pages:K,seconds:$,range:te},k),children:c("edit-goal.action")})})]})})]})},F=t(37014),H=t.n(F),O=t(11457),Q=t.n(O),B=t(71612),Y=t(59943),q=t(96151),z=t(10467),U=t.n(z),K=t(96117),X=t.n(K),J=t(38496),$=t.n(J);function ee(e){var n=e.pathRadius,t=e.counterClockwise?1:0;return"\n M ".concat(50,",").concat(50,"\n m 0,-").concat(n,"\n a ").concat(n,",").concat(n," ").concat(t," 1 1 0,").concat(2*n,"\n a ").concat(n,",").concat(n," ").concat(t," 1 1 0,-").concat(2*n,"\n ")}function ne(e){var n=e.counterClockwise,t=e.dashRatio,a=e.pathRadius,r=2*Math.PI*a,i=(1-t)*r;return{strokeDasharray:"".concat(r,"px ").concat(r,"px"),strokeDashoffset:"".concat(n?-i:i,"px")}}var te=function(e){var n=e.className,t=e.counterClockwise,r=e.dashRatio,i=e.pathRadius,o=e.strokeWidth,s=e.style;return(0,a.jsx)("path",{className:n,style:(0,y.Z)({},s,ne({pathRadius:i,dashRatio:r,counterClockwise:t})),d:ee({pathRadius:i,counterClockwise:t}),strokeWidth:o,fillOpacity:0})},ae={background:!1,backgroundPadding:0,circleRatio:1,classes:{root:$().progressbar,trail:$().trail,path:$().path,text:$().text,background:$().background},counterClockwise:!1,maxValue:100,minValue:0,strokeWidth:8},re=function(e){var n=(0,Y.Z)({},e),t=X()(n,U()(n,ae)),r=t.background,i=t.backgroundPadding,o=t.circleRatio,s=t.className,l=t.classes,c=t.counterClockwise,d=t.strokeWidth,u=t.text,g=(0,q.Z)(t,["background","backgroundPadding","circleRatio","className","classes","counterClockwise","strokeWidth","text"]),_=50-d/2-(r?i:0),h=function(){var e=g.value,n=g.minValue,t=g.maxValue;return(Math.min(Math.max(e,n),t)-n)/(t-n)}();return(0,a.jsxs)("svg",{className:H()(null===l||void 0===l?void 0:l.root,s),viewBox:"0 0 ".concat(100," ").concat(100),"data-test-id":"CircularProgressbar",children:[r?(0,a.jsx)("circle",{className:H()(null===l||void 0===l?void 0:l.background),cx:50,cy:50,r:50}):null,(0,a.jsx)(te,{className:H()(null===l||void 0===l?void 0:l.trail),counterClockwise:c,dashRatio:o,pathRadius:_,strokeWidth:d}),(0,a.jsx)(te,{className:H()(null===l||void 0===l?void 0:l.path),counterClockwise:c,dashRatio:h*o,pathRadius:_,strokeWidth:d}),u?(0,a.jsx)("text",{className:H()(null===l||void 0===l?void 0:l.text),x:50,y:50,children:u}):null]})},ie=t(90914),oe=t(43609),se=t(84020),le=function(e){var n,t=e.currentActivityDay,r=e.goal,o=e.isLoading,s=(0,i.Z)("reading-progress"),l=s.t,c=s.lang,d=(null===r||void 0===r?void 0:r.isCompleted)?100:Math.min((null===r||void 0===r||null===(n=r.progress)||void 0===n?void 0:n.percent)||0,100),u=d>=100,g=(0,oe.rQ)(d,c);if(o)return(0,a.jsx)(ie.Z,{className:H()(Q().widget,Q().emptyWidget),children:(0,a.jsx)(_.ZP,{href:(0,se.we)(),children:l("reading-goal:create-reading-goal")})});if(!r){return(0,a.jsx)("div",{className:H()(Q().widget,Q().emptyWidget),children:(0,a.jsx)(_.ZP,{href:(0,se.we)(),onClick:function(){(0,C.MY)("progress_page_create_goal")},children:l("reading-goal:create-reading-goal")})})}return(0,a.jsxs)("div",{className:Q().widget,children:[(0,a.jsx)("div",{children:r.isCompleted?(0,a.jsx)("p",{children:l("reading-goal:progress.goal-complete")}):u?(0,a.jsx)("p",{children:l("reading-goal:progress.complete")}):(0,a.jsx)(B.Z,{goal:r,currentActivityDay:t,context:B.H.ProgressPage})}),(0,a.jsx)("div",{className:Q().circularProgressbar,children:(0,a.jsx)(re,{text:"".concat(g,"%"),value:d,maxValue:100,strokeWidth:12})})]})},ce=t(54362),de=function(e){var n=e.weekData,t=e.goal,r=e.streak,o=e.isLoading,s=(0,i.Z)("reading-progress"),l=s.t,c=s.lang,d=(0,oe.rQ)(r,c),u=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:Q().streakContainer,children:[(0,a.jsx)("h2",{children:l("reading-goal:streak")}),(0,a.jsx)("p",{children:l("reading-goal:x-days",{days:d,count:r})})]}),(0,a.jsx)(ce.Z,{weekData:n,goal:t,fixedWidth:!1})]}),g=o?ie.Z:"div";return(0,a.jsx)(g,{className:H()(Q().widget,Q().streakWidget),children:u})},ue=t(62103),ge=t(82224),_e=t.n(ge),he=t(8522),me=t(35935),fe=t(66170),xe=t(45361),pe=t(92936),ve=t.n(pe),Ce=t(10117),je=t(95932),ye={type:"number",min:0},Ze=function(e){var n=e.totalSeconds,t=e.onTotalSecondsChange,r=e.disabled,o=void 0!==r&&r,s=e.isLoading,c=void 0!==s&&s,d=e.label,u=e.error,g=(0,l.useState)(0),_=g[0],h=g[1],m=(0,l.useState)(0),f=m[0],x=m[1],p=(0,l.useState)(0),v=p[0],C=p[1],j=(0,i.Z)("common").t,Z=o||c,b=function(e){return function(n){var t=Number(n.target.value);t<0||e(t)}};(0,l.useEffect)((function(){t(3600*_+60*f+v)}),[t,_,f,v]),(0,l.useEffect)((function(){var e=Math.floor(n/3600),t=Math.floor(n%3600/60),a=n%60;h((0,je.uZ)(e,1)),x((0,je.uZ)(t,1)),C((0,je.uZ)(a,1))}),[n]);var N=H()((0,xe.Z)({},ve().disabledInput,Z));return(0,a.jsxs)("div",{children:[c&&(0,a.jsx)(Ce.Z,{className:ve().loadingSpinner}),d&&(0,a.jsx)("label",{className:ve().label,htmlFor:"hours",children:d}),(0,a.jsxs)("div",{className:H()(ve().durationInputContainer,Z&&ve().disabled,u&&ve().error),children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("input",(0,y.Z)({value:_.toString(),id:"hours",onChange:b(h),disabled:Z,className:N},ye)),(0,a.jsx)("label",{htmlFor:"hours",children:j("hours")})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("input",(0,y.Z)({value:f.toString(),id:"minutes",onChange:b(x),disabled:Z,className:N},ye)),(0,a.jsx)("label",{htmlFor:"minutes",children:j("minutes")})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("input",(0,y.Z)({value:v.toString(),id:"seconds",onChange:b(C),disabled:Z,className:N},ye)),(0,a.jsx)("label",{htmlFor:"seconds",children:j("seconds")})]})]}),u&&(0,a.jsx)("p",{className:ve().errorMessage,children:u})]})},be=t(3357),Ne=function(e){var n=e.ranges,t=e.setRanges,r=e.totalSeconds,o=e.setTotalSeconds,s=e.isFetchingSeconds,c=e.totalSecondsError,d=(0,l.useContext)(M.Z),u=(0,i.Z)("reading-progress").t,g=(0,l.useState)(null),h=g[0],m=g[1],f=(0,l.useState)(null),x=f[0],p=f[1];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(fe.Z,{rangeStartVerse:h,rangeEndVerse:x,onRangeChange:function(e){var n=e.startVerse,t=e.endVerse;m(n),p(t)}}),(0,a.jsx)(_.ZP,{isDisabled:!(0,S.I)(d,{startVerse:h,endVerse:x}),onClick:function(){if(h&&x){var e=(0,he.Z)(n).concat(["".concat(h,"-").concat(x)]);(0,C.MY)("add_reading",{range:"".concat(h,"-").concat(x)}),t(e),m(void 0),p(void 0)}},children:u("add")}),(0,a.jsx)("div",{className:_e().durationInputWrapper,children:(0,a.jsx)(Ze,{totalSeconds:r,onTotalSecondsChange:o,isLoading:s,label:(0,a.jsxs)("div",{className:_e().inputLabelContainer,children:[u("reading-time"),(0,a.jsx)(be.Z,{children:u("seconds-read-tooltip")})]}),error:c})}),(0,a.jsx)("div",{className:_e().verseRangesListContainer,children:(0,a.jsx)(me.Z,{allowClearingRanges:!0,ranges:n,setRanges:t})})]})},ke=t(6507),Re=t(78330),Se=t.n(Re),Me=t(85149),De=function(e){var n=e.month,t=e.year,r=e.getIsDayDisabled,o=e.onDayClick,s=e.isLoading,c=(0,i.Z)().lang,d="".concat(t,"-").concat((0,Me.S4)(n)),u=(0,Me.OQ)(t,n).getDate(),g=(0,l.useCallback)((function(e,n){return!!s||!!r&&r(e,n)}),[r,s]);return(0,a.jsxs)("div",{className:Se().outerContainer,children:[s&&(0,a.jsx)(Ce.Z,{}),(0,a.jsx)("div",{className:Se().calendarContainer,children:Array.from({length:u}).map((function(e,n){var t=n+1,r="".concat(d,"-").concat((0,Me.S4)(t)),i=g(t,r);return(0,a.jsx)("div",{className:H()(n>6&&Se().bordered),children:(0,a.jsx)("button",{type:"button",disabled:i,className:H()((0,xe.Z)({},Se().disabled,i)),onClick:function(){return null===o||void 0===o?void 0:o(t,r)},children:(0,a.jsx)("time",{dateTime:r,children:(0,oe.rQ)(t,c)})})},r)}))})]})},we=t(27125),Pe=t(89932),Ie=t(4845),Ee=t(21899),Ge=t(22570),We=t(48559),Te=t(18338),Le=function(){var e=(0,i.Z)("reading-progress"),n=e.t,t=e.lang,r=(0,l.useState)(!1),c=r[0],u=r[1],g=(0,l.useState)(!1),h=g[0],x=g[1],j=(0,l.useState)((function(){return(0,Me.Cl)()})),y=j[0],Z=j[1],b=(0,l.useState)(null),N=b[0],k=b[1],R=(0,l.useMemo)((function(){return(new Date).getFullYear()}),[]),S=(0,l.useState)([]),M=S[0],D=S[1],w=(0,l.useState)(0),P=w[0],E=w[1],G=(0,l.useState)(null),W=G[0],T=G[1],L=(0,l.useMemo)((function(){return(0,Me.SV)(R,t)}),[R,t]),A=(0,I.Z)(),V=(0,f.useToast)(),F=(0,d.kY)(),H=F.cache,O=F.mutate,Q=(0,ue.Z)(M.length>0?(0,v.j$)({ranges:M}):null,(function(){return(0,p.XM)({ranges:M})})),B=Q.isValidating,Y=Q.data;(0,l.useEffect)((function(){var e;E((null===Y||void 0===Y||null===(e=Y.data)||void 0===e?void 0:e.seconds)||0)}),[Y]);var q=function(){u(!1),D([]),k(null),T(null)},z=(0,l.useMemo)((function(){return y?L.find((function(e){return e.id===y})):null}),[y,L]),U=(0,l.useCallback)((function(e){E(e),W&&e>0&&T(null)}),[W]),K=function(){var e=(0,o.Z)((function(){var e,t;return(0,s.__generator)(this,(function(a){switch(a.label){case 0:if(P<1)return T((0,ke.Z)(We.Z.RequiredField,n("reading-time"),n)),[2];e={ranges:M,seconds:P,date:N,type:Ge.t.QURAN,mushafId:A},(0,C.dz)("add_reading",e),x(!0),a.label=1;case 1:return a.trys.push([1,3,4,5]),[4,(0,p.i1)(e)];case 2:return a.sent(),t=(0,v.W_)((0,Te.F)()),H.delete(t),O((0,v.G_)()),q(),V(n("add-data-success"),{status:f.ToastStatus.Success}),[3,5];case 3:return a.sent(),V(n("common:error.general"),{status:f.ToastStatus.Error}),[3,5];case 4:return x(!1),[7];case 5:return[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_.ZP,{onClick:function(){(0,C.MY)("open_add_reading_modal"),u(!0)},variant:_.Wu.Outlined,children:n("manually-add")}),(0,a.jsxs)(m.Z,{isOpen:c,onClickOutside:q,onEscapeKeyDown:q,size:we.C.LARGE,children:[(0,a.jsxs)(m.Z.Body,{children:[(0,a.jsx)(m.Z.Header,{children:(0,a.jsx)(m.Z.Title,{children:N?(0,a.jsxs)("div",{className:_e().selectedDateHeaderContainer,children:[(0,a.jsx)(_.ZP,{size:_.qE.Medium,variant:_.Wu.Ghost,onClick:function(){(0,C.MY)("add_reading_back_to_calendar"),k(null)},className:_e().backButton,children:(0,a.jsx)(Ee.Z,{})}),(0,a.jsx)("p",{children:n("history-for",{date:(0,Me.ZC)(N,t,{year:"numeric"})})})]}):(0,a.jsx)("p",{children:n("manually-add")})})}),N?(0,a.jsx)(Ne,{ranges:M,setRanges:D,totalSeconds:P,setTotalSeconds:U,isFetchingSeconds:B,totalSecondsError:W}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:_e().calendarMonthSelector,children:[(0,a.jsx)(_.ZP,{variant:_.Wu.Ghost,shape:_.jL.Circle,onClick:function(){var e=y-1;(0,C.Q8)("add_reading_month",y,e,{year:R}),Z(e)},isDisabled:1===y,children:(0,a.jsx)(Pe.Z,{})}),(0,a.jsx)("p",{className:_e().monthName,children:z.name}),(0,a.jsx)(_.ZP,{variant:_.Wu.Ghost,shape:_.jL.Circle,onClick:function(){var e=y+1;(0,C.Q8)("add_reading_month",y,e,{year:R}),Z(e)},isDisabled:12===y,children:(0,a.jsx)(Ie.Z,{})})]}),(0,a.jsx)(De,{month:null===z||void 0===z?void 0:z.id,year:R,onDayClick:function(e,n){(0,C.Q8)("add_reading_day",N,n,{day:e}),k(n)},getIsDayDisabled:function(e){var n=(0,Me.Cl)();return!(y<n)&&(y>n||e>(0,Me.QH)())}})]})]}),(0,a.jsxs)(m.Z.Footer,{children:[(0,a.jsx)(m.Z.CloseAction,{isDisabled:h,onClick:q,children:n("common:cancel")}),(0,a.jsx)(m.Z.Action,{isPrimary:!0,isDisabled:!M.length||h,onClick:K,children:h?(0,a.jsx)(Ce.Z,{}):n("common:submit")})]})]})]})},Ae=t(89021),Ve=t.n(Ae),Fe=t(57830),He=t(30098),Oe=t(9785),Qe=t(21572),Be=t(36685),Ye=t(22582),qe=function(e){var n=e.activityDay,t=(0,i.Z)("reading-progress"),r=t.t,o=t.lang,s=(0,l.useContext)(M.Z),c=Number(n.pagesRead.toFixed(1)),d=(0,oe.rQ)(c,o),u=n.versesRead,g=(0,oe.rQ)(u,o),_=function(e,n){return function(){(0,C.MY)("reading_history_range_".concat(e),{verse_key:n})}},h=n.secondsRead+(n.manuallyAddedSeconds||0);return(0,a.jsxs)("div",{className:Ve().readingInfo,children:[(0,a.jsxs)("div",{className:Ve().readingStats,children:[(0,a.jsxs)("p",{children:[(0,a.jsx)(He.Z,{}),r("reading-goal:x-pages",{count:c,pages:d})]}),(0,a.jsxs)("p",{children:[(0,a.jsx)(He.Z,{}),"".concat(g," ").concat(r("common:ayahs").toLocaleLowerCase(o))]}),(0,a.jsxs)("p",{children:[(0,a.jsx)(Oe.Z,{}),(0,Me.by)(h,r,o)]})]}),(0,a.jsx)("h3",{children:r("you-read")}),n.ranges.length>0&&(0,a.jsx)("ul",{children:n.ranges.map((function(e,n){var t=(0,b.Z)((0,G.p)(e),2),r=t[0],i=r.chapter,l=r.verse,c=r.verseKey,d=t[1],u=d.chapter,g=d.verse,h=d.verseKey,m="".concat((0,Ye.dy)(s,i).transliteratedName," ").concat((0,oe.rQ)(Number(l),o)),f="".concat((0,Ye.dy)(s,u).transliteratedName," ").concat((0,oe.rQ)(Number(g),o));return(0,a.jsxs)("li",{children:[(0,a.jsx)(Fe.Z,{href:(0,se.P6)(c),variant:Fe.r.Primary,onClick:_(Be.Nk.From,c),children:m}),(0,a.jsx)(Qe.Z,{}),(0,a.jsx)(Fe.Z,{href:(0,se.P6)(h),variant:Fe.r.Primary,onClick:_(Be.Nk.To,h),children:f})]},n)}))})]})},ze=function(e){var n=e.month,t=e.year,r=e.days,i=e.selectedDate,o=e.setSelectedDate,s=e.isLoading,c=(0,l.useMemo)((function(){var e={};return r.forEach((function(n){(n.pagesRead||n.secondsRead||n.ranges.length)&&(e[n.date]=n)})),e}),[r]);if(i){var d=c[i];return(0,a.jsx)(qe,{activityDay:d})}return(0,a.jsx)(De,{year:t,isLoading:s,month:n.id,onDayClick:function(e,a){(0,C.MY)("reading_history_day",{month:n.id,year:t,day:e}),o(a)},getIsDayDisabled:function(e,n){return!c[n]}})},Ue=t(73756),Ke=t(59807),Xe=function(e){var n=e.month,t=e.year,r=e.onClose,o=(0,l.useRef)(),s=(0,i.Z)("reading-progress"),c=s.t,d=s.lang,u=(0,l.useState)(),g=u[0],h=u[1],m=(0,Te.o)(n.id,t),f=(0,oe.rQ)(t,d,void 0,{useGrouping:!1}),x=g?(0,Me.ZC)(g,d,{year:"numeric"}):"".concat(n.name," ").concat(f);return(0,a.jsx)(Ke.default,{isOpen:!!n,innerRef:o,hasCloseButton:!0,onClose:r,onEscapeKeyDown:r,header:(0,a.jsxs)("div",{className:Ve().modalHeader,children:[g&&(0,a.jsx)(_.ZP,{size:_.qE.Medium,variant:_.Wu.Ghost,onClick:function(){return h(null)},className:Ve().backButton,children:(0,a.jsx)(Ee.Z,{})}),(0,a.jsx)("p",{children:c("history-for",{date:x})})]}),children:(0,a.jsx)("div",{className:Ve().modalContentContainer,children:(0,a.jsx)(Ue.Z,{queryKey:(0,v.W_)(m),loading:function(){return(0,a.jsx)(ze,{isLoading:!0,month:n,year:t,days:[],selectedDate:g,setSelectedDate:h})},fetcher:p.UK,render:function(e){var r=e,i=0===r.data.length;return(0,a.jsxs)(a.Fragment,{children:[i&&(0,a.jsx)("p",{className:Ve().emptyMessage,children:c("no-reading-history-for",{date:x})}),(0,a.jsx)(ze,{month:n,year:t,days:r.data,selectedDate:g,setSelectedDate:h})]})}})})})},Je=t(91176),$e=function(){var e=(0,i.Z)("reading-progress"),n=e.t,t=e.lang,r=(0,l.useState)((new Date).getFullYear()),o=r[0],s=r[1],c=(0,l.useState)(null),d=c[0],u=c[1],g=(0,l.useMemo)((function(){var e=(new Date).getFullYear();return Array.from({length:e-2022},(function(e,n){return n+2023})).map((function(e){return{label:(0,oe.rQ)(e,t,void 0,{useGrouping:!1}),value:e.toString()}}))}),[t]),_=(0,l.useMemo)((function(){return(0,Me.SV)(o,t)}),[o,t]),h=(0,l.useMemo)((function(){return d?_.find((function(e){return e.id===d})):null}),[d,_]),m=(0,oe.rQ)(o,t,void 0,{useGrouping:!1});return(0,a.jsxs)("div",{className:Q().historySection,children:[!!d&&(0,a.jsx)(Xe,{month:h,year:o,onClose:function(){return u(null)}}),(0,a.jsxs)("div",{className:Ve().titleContainer,children:[(0,a.jsxs)("div",{className:Ve().title,children:[(0,a.jsx)("h1",{children:n("history")}),(0,a.jsx)(P.Z,{id:"reading-history-year-select",name:"reading-history-year-select",options:g,value:o.toString(),onChange:function(e){var n=Number(e);(0,C.Q8)("reading_history_year",o,n),s(n)}})]}),(0,a.jsx)(Le,{})]}),(0,a.jsx)("div",{className:H()(Q().historyContainer,Ve().monthsContainer),children:_.map((function(e){return(0,a.jsx)(Je.Z,{label:m,value:e.name,onClick:function(){return function(e){(0,C.MY)("reading_history_month",{month:e,year:o}),u(e)}(e.id)}},e.id)}))})]})},en=t(21648),nn=t(55673),tn=t(83548),an=function(){var e=(0,i.Z)("reading-progress"),n=e.t,t=e.lang,r=(0,tn.Z)({showDayName:!0}),o=r.error,s=r.goal,l=r.weekData,c=r.streak,d=r.currentActivityDay,u=r.isLoading;return o?null:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(en.Z,{title:n("reading-progress-header"),url:(0,se.Z2)(t,(0,se.oJ)()),languageAlternates:(0,oe.qc)((0,se.oJ)()),nofollow:!0,noindex:!0}),(0,a.jsx)(nn.Z,{children:(0,a.jsxs)("div",{className:Q().contentContainer,children:[(0,a.jsx)("h1",{children:n("reading-progress-header")}),(0,a.jsxs)("div",{className:Q().widgetsContainer,children:[(0,a.jsx)(de,{weekData:l,goal:s,streak:c,isLoading:u}),(0,a.jsx)(le,{currentActivityDay:d,goal:s,isLoading:u})]}),(0,a.jsx)($e,{}),s&&(0,a.jsxs)("div",{className:Q().manageGoalSection,children:[(0,a.jsx)("h1",{children:n("manage-goal")}),(0,a.jsxs)("div",{className:Q().manageGoalContainer,children:[(0,a.jsx)(j,{}),(0,a.jsx)(V,{goal:s})]})]})]})})]})},rn=!0,on=(0,r.Z)((function(){return(0,a.jsx)(an,{})}))},18338:function(e,n,t){"use strict";t.d(n,{F:function(){return i},o:function(){return o}});var a=t(85149),r=t(22570),i=function(){var e=(0,a.Cl)(),n=(new Date).getFullYear();return o(e,n)},o=function(e,n){var t=(0,a.fR)(e,n);return{from:t.from,to:t.to,limit:31,type:r.t.QURAN}}},48559:function(e,n){"use strict";var t;!function(e){e.InvalidEmail="invalid-email",e.RequiredField="required-field",e.InvalidField="invalid-field",e.MaximumLength="maximum-length",e.MinimumLength="minimum-length"}(t||(t={})),n.Z=t},15438:function(e){e.exports={container:"PageContainer_container__1TUET",fullWidth:"PageContainer_fullWidth__RU5GM"}},16307:function(e){e.exports={inputContainer:"DeleteReadingGoalModal_inputContainer__q_tTh",deleteButton:"DeleteReadingGoalModal_deleteButton__qOtwU",confirmationText:"DeleteReadingGoalModal_confirmationText__J6qzW",instructionText:"DeleteReadingGoalModal_instructionText__DX4Li"}},48886:function(e){e.exports={inputs:"UpdateReadingGoalModal_inputs__4aNJB",inputContainer:"UpdateReadingGoalModal_inputContainer__bfVlw",label:"UpdateReadingGoalModal_label__mRjWt",deleteButton:"UpdateReadingGoalModal_deleteButton__vOPcR",confirmationText:"UpdateReadingGoalModal_confirmationText__1W7Gy",instructionText:"UpdateReadingGoalModal_instructionText__FOMIM",radioGroup:"UpdateReadingGoalModal_radioGroup__d42aG",radioItem:"UpdateReadingGoalModal_radioItem__yzmp2"}},82224:function(e){e.exports={calendarMonthSelector:"AddReading_calendarMonthSelector__qAv4_",verseRangesListContainer:"AddReading_verseRangesListContainer__ZqKrQ",selectedDateHeaderContainer:"AddReading_selectedDateHeaderContainer__9qG8z",modalHeader:"AddReading_modalHeader__xganX",backButton:"AddReading_backButton__eUtTg",monthName:"AddReading_monthName__3aWdu",durationInputWrapper:"AddReading_durationInputWrapper__HWd2e",inputLabelContainer:"AddReading_inputLabelContainer__fsVEa"}},89021:function(e){e.exports={monthsContainer:"ReadingHistory_monthsContainer__rUjN0",titleContainer:"ReadingHistory_titleContainer__CqBVc",title:"ReadingHistory_title__9owZ5",modalHeader:"ReadingHistory_modalHeader__qXNfD",backButton:"ReadingHistory_backButton__PJp18",modalContentContainer:"ReadingHistory_modalContentContainer__A0BqR",readingDay:"ReadingHistory_readingDay__MeeAz",emptyMessage:"ReadingHistory_emptyMessage__Mass9",readingInfo:"ReadingHistory_readingInfo__RmgAt",readingStats:"ReadingHistory_readingStats__4DB5b"}},11457:function(e){e.exports={contentContainer:"ReadingProgressPage_contentContainer__nnTe3",historySection:"ReadingProgressPage_historySection__Bb8aJ",historyContainer:"ReadingProgressPage_historyContainer__vn9Z6",manageGoalSection:"ReadingProgressPage_manageGoalSection__1ptER",manageGoalContainer:"ReadingProgressPage_manageGoalContainer__0VQ7O",widgetsContainer:"ReadingProgressPage_widgetsContainer__V2lxf",widget:"ReadingProgressPage_widget__TaYZq",streakWidget:"ReadingProgressPage_streakWidget__ErwAa",streakContainer:"ReadingProgressPage_streakContainer__kZbDX",emptyWidget:"ReadingProgressPage_emptyWidget__0LReR",circularProgressbar:"ReadingProgressPage_circularProgressbar__vzdpD"}},78330:function(e){e.exports={outerContainer:"Calendar_outerContainer__2UW63",calendarContainer:"Calendar_calendarContainer___vIEz",bordered:"Calendar_bordered__Czhnz",disabled:"Calendar_disabled__KwaJI"}},38496:function(e){e.exports={progressbar:"CircularProgress_progressbar__pghvG",path:"CircularProgress_path__xf93I",trail:"CircularProgress_trail__mP8ve",text:"CircularProgress_text___0sy_",background:"CircularProgress_background__FOs_Q"}},97674:function(e){e.exports={modalContainer:"ContentModal_modalContainer__i7bo0",contentContainer:"ContentModal_contentContainer___ciX5",overlay:"ContentModal_overlay__qZfQY",contentWrapper:"ContentModal_contentWrapper__VaiRB",autoHeight:"ContentModal_autoHeight__A3IW7",medium:"ContentModal_medium__EKB5h",small:"ContentModal_small__YBKtM",fadeIn:"ContentModal_fadeIn__JGh_A",fadeOut:"ContentModal_fadeOut__36m_B",contentIn:"ContentModal_contentIn__EAwQw",contentOut:"ContentModal_contentOut__2x8WN",closeIcon:"ContentModal_closeIcon__xppin",header:"ContentModal_header__384F2",content:"ContentModal_content__9M2Iy"}},92936:function(e){e.exports={label:"DurationInput_label__ID7WK",durationInputContainer:"DurationInput_durationInputContainer__HoE1R",disabled:"DurationInput_disabled__pkLQB",disabledInput:"DurationInput_disabledInput__SoedN",loadingSpinner:"DurationInput_loadingSpinner__wiehj",error:"DurationInput_error__XxWCj",errorMessage:"DurationInput_errorMessage__Jh5Yv"}},25184:function(e){e.exports={indicator:"Item_indicator__x6BoJ",radioItem:"Item_radioItem__DEP6h"}},30808:function(e){e.exports={radioItemContainer:"RadioGroup_radioItemContainer__Zpb6v",label:"RadioGroup_label__h0v1C",disabled:"RadioGroup_disabled__aU243"}},4811:function(e){e.exports={container:"Root_container__FbYRt"}},76682:function(e){e.exports={questionMarkIconContainer:"HelperTooltip_questionMarkIconContainer__i20QV",trigger:"HelperTooltip_trigger__1zmSb",content:"HelperTooltip_content__NhcCK"}},35894:function(e){e.exports={container:"SelectionCard_container__3fUza",label:"SelectionCard_label__GXY5O",value:"SelectionCard_value__VrbTY",iconContainer:"SelectionCard_iconContainer__FjKYo"}}},function(e){e.O(0,[87373,60986,13769,81301,70303,49774,92888,40179],(function(){return n=40578,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
  2. //# sourceMappingURL=progress-b53b418b1591a228.js.map