https://app.muslimpro.com/_next/static/chunks/6315.b6b3f25fcaf6cbbb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6315],{26315:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});var r=a(95155),s=a(36346),l=a(20063),n=a(12115),i=a(66546),c=a(82748),d=a(82286),o=a(5282),m=a(32130);a(91097);var u=a(62805);function h(e){let{fromDate:t,toDate:a,className:s,classNames:l,showOutsideDays:n=!0,...i}=e;return(0,r.jsx)(m.hv,{showOutsideDays:n,fromDate:t,toDate:a,className:(0,u.cn)("!m-1 w-[360px] rounded-lg border-1 border-light-bg-sec p-3 dark:border-dark-bg-sec",s),classNames:{months:"flex flex-col space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"caption text-light-text-pri dark:text-dark-text-pri",nav:"space-x-1 flex items-center",nav_button:(0,u.cn)("h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 text-light-text-pri dark:text-dark-text-pri !ring-0"),nav_button_previous:"!absolute left-0 hover:dark:!bg-dark-bg-sec !border-0",nav_button_next:"!absolute right-0 hover:dark:!bg-dark-bg-sec !border-0",table:"w-full border-collapse space-y-1",head_row:"flex justify-between",head_cell:"caption text-light-text-sec dark:text-dark-text-sec rounded-md w-9",row:"flex w-full mt-2 justify-between",cell:"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",day:(0,u.cn)("text-light-btntext-sec dark:text-dark-btntext-sec bg-light-fill-alt dark:bg-dark-fill-alt hover:bg-light-btn-ter-hover-alt hover:dark:bg-dark-btn-ter-hover-alt active:bg-light-btn-ter-outlinebg active:dark:bg-dark-btn-ter-outlinebg","h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:dark:!bg-dark-bg-sec !ring-0"),day_range_end:"day-range-end",day_selected:"hover:!bg-light-brd-pri-100 hover:dark:!bg-dark-brd-pri-100 focus:!bg-light-brd-pri-100 focus:dark:!bg-dark-brd-pri-100 focus:text-primary-foreground !ring-0",day_today:"!bg-light-fill-pri-20 dark:!bg-dark-bg-sec",day_outside:"day-outside text-light-text-sec dark:text-dark-text-sec opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"body2 opacity-50",day_range_middle:"aria-selected:!bg-light-bg-pri aria-selected:dark:!bg-dark-bg-pri aria-selected:text-accent-foreground",day_hidden:"invisible",...l},components:{IconLeft:()=>(0,r.jsx)(c.ChevronLeftIcon,{className:"h-4 w-4"}),IconRight:()=>(0,r.jsx)(c.ChevronRightIcon,{className:"h-4 w-4"})},...i})}function p(e){let{disabled:t=!1,name:a,dateFormat:s,onSelect:l,selectedDate:i,dayPickerClassName:m,dayPickerContentClassNames:p,triggerClassNames:x,showOutsideDays:g,triggerPlaceholder:b,fromDate:f,toDate:y}=e,[v,k]=(0,n.useState)(i);return(0,r.jsxs)(d.AM,{children:[(0,r.jsx)(d.Wv,{asChild:!0,children:(0,r.jsxs)("button",{disabled:t,className:(0,u.cn)("caption flex h-12 w-[360px] items-center justify-between rounded-lg border-1 border-light-fill-sec px-4 py-2 text-left text-light-text-pri !ring-0 hover:bg-light-btn-ter-hover-alt active:bg-light-btn-ter-outlinebg disabled:bg-transparent disabled:text-light-fill-pri-20 dark:border-dark-fill-sec dark:text-dark-text-pri hover:dark:bg-dark-btn-ter-hover-alt active:dark:bg-dark-btn-ter-outlinebg disabled:dark:bg-transparent disabled:dark:text-dark-fill-pri-20",!v&&"text-light-text-sec dark:text-dark-text-sec",x),children:[(0,r.jsx)("span",{className:"body1",children:v?(0,o.GP)(v,null!=s?s:"dd/MM/yyyy"):null!=b?b:"Pick a date"}),(0,r.jsx)(c.CalendarIcon,{className:"ml-2 h-6 w-6"})]})}),(0,r.jsx)(d.hl,{className:"w-auto bg-light-bg-pri p-0 dark:bg-dark-bg-pri",children:(0,r.jsx)(h,{mode:"single",selected:v,className:m,classNames:p,showOutsideDays:g,fromDate:f,toDate:y,onSelect:e=>{l({currentTarget:{name:a,value:e}}),k(e)},initialFocus:!0})})]})}h.displayName="Calendar";var x=a(57205);function g(e){let{formData:t,handleChange:a}=e,[l,c]=(0,n.useState)(!0);return(0,r.jsxs)(s.f,{className:"mb-10 items-center",children:[(0,r.jsx)("h2",{className:"subhead2 mb-4",children:"Who do we send it to?"}),(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Recipient Name ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsx)(i.ks,{className:"w-full",type:"text",name:"recipient_name",value:(null==t?void 0:t.recipient_name)||"",placeholder:"name",onChange:a,variant:""})]}),(0,r.jsxs)("div",{className:"w-full"+(l?"":" mb-2"),children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Recipient Email Address"," ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsx)(i.ks,{className:"w-full",type:"email",name:"recipient_email",value:(null==t?void 0:t.recipient_email)||"",placeholder:"e.g.  [email protected]",onChange:e=>{var t;a(e),c((0,x.D9)(null==(t=e.currentTarget)?void 0:t.value))},variant:l?"":"error",statusMessage:"This email address is invali

1d"})]}),(0,r.jsxs)("div",{className:"mb-4 w-full",children:[(0,r.jsx)("p",{className:"caption mb-2",children:"Message (Optional)"}),(0,r.jsx)("textarea",{className:"h-24 w-full resize-none rounded-md border-1 px-4 py-3 outline-none focus:!border-light-brd-pri-100",name:"sender_message",value:(null==t?void 0:t.sender_message)||"",placeholder:"message here",onChange:a})]}),(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Delivery Date ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsx)(p,{triggerClassNames:"mb-4 w-full",dayPickerClassName:"w-[344px] sm:w-[360px]",name:"delivery_date",dateFormat:"dd/MM/yyyy",fromDate:new Date,selectedDate:(null==t?void 0:t.delivery_date)||"",triggerPlaceholder:"dd/mm/yyyy",onSelect:a}),(0,r.jsx)("p",{className:"body2 text-center text-light-text-sec dark:text-dark-text-sec",children:"Select the day on which the gift card should be sent. It will be sent accordingly on the selected date."})]})]})}function b(e){let{formData:t,handleChange:a}=e,[l,c]=(0,n.useState)(!0);return(0,r.jsxs)(s.f,{className:"w-full items-center",children:[(0,r.jsx)("h2",{className:"subhead2 mb-4",children:"Your contact information"}),(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Sender Name ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsx)(i.ks,{className:"w-full",name:"sender_name",value:(null==t?void 0:t.sender_name)||"",placeholder:"name",onChange:a,variant:""})]}),(0,r.jsxs)("div",{className:"w-full"+(l?"":" mb-2"),children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Sender Email Address ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsx)(i.ks,{className:"w-full",name:"sender_email",value:(null==t?void 0:t.sender_email)||"",placeholder:"e.g.  [email protected]",onChange:e=>{var t;a(e),c((0,x.D9)(null==(t=e.currentTarget)?void 0:t.value))},variant:l?"":"error",statusMessage:"This email address is invalid"})]})]})}var f=a(56498),y=a(46693);function v(e){let{plans:t,selectedPlanIndex:a,handleChange:l}=e;return(0,r.jsxs)(s.f,{className:"my-10 w-full gap-4",children:[(0,r.jsx)("p",{className:"subhead1 text-center",children:"Select a premium"}),null==t?void 0:t.map((e,t)=>(0,r.jsx)(f.t,{title:e.title,attribution:e.attribution,price:e.discount_amount&&(e.base_monthly_price?(0,y.jq)(e.base_monthly_price.toString(),e.currency):(0,y.ON)(e.base_price.toString(),e.currency))||"",discount:e.discount_percentage?e.discount_percentage.toString():"",discountPrice:e.final_monthly_price?(0,y.jq)(e.final_monthly_price.toString(),e.currency):(0,y.ON)(e.final_price.toString(),e.currency),description:e.description,selected:t===a,onClick:()=>{l({currentTarget:{name:"selected_plan",value:t}})}},t))]})}function k(e){let{formData:t,handleChange:a}=e;return(0,r.jsxs)("div",{className:"mb-10 w-full",children:[(0,r.jsxs)("p",{className:"caption mb-2",children:["Number of gifts ",(0,r.jsx)("span",{className:"text-light-error-pri",children:"*"})]}),(0,r.jsxs)(s.f,{className:(null==t?void 0:t.amount)&&2>Number(null==t?void 0:t.amount)?"gap-2":"",children:[(0,r.jsx)(i.ks,{className:"w-full",name:"amount",value:(null==t?void 0:t.amount)||"",placeholder:"amount",onChange:a,type:"number",variant:(null==t?void 0:t.amount)&&2>Number(null==t?void 0:t.amount)?"error":"",statusMessage:"Should be at least 2 or purchase a single gift"}),(0,r.jsx)("p",{className:"body2 text-center text-light-text-sec dark:text-dark-text-sec",children:(null==t?void 0:t.amount)>100?"If you purchase more than 100 gifts, we will reach out to you on the delivery of the gift codes.":"We will send you an email shortly, with the unique gift codes that you\n          can share with each individual recipient."})]})]})}var j=a(77851),_=a(97890);function w(e){let{context:t,premiumProducts:a,formData:i,isFormValid:c,handleChange:d,setCompletedGiftInfo:o,setSelectedProduct:m}=e,u=(0,l.useRouter)(),[h,p]=(0,n.useState)(!1),x=async()=>{if(p(!0),o(!0),"bulk_gift"===t){let e=await f(null==i?void 0:i.amount);if(!e)return void p(!1);m(e)}u.push("?summary=true")},f=async e=>{try{let r=await _.A.getProductDetails(t,!0,e);if(!r||!(null==r?void 0:r.success))return null;return r.data.find(e=>(null==e?void 0:e.sku)===a[null==i?void 0:i.selected_plan].sku)}catch(e){return null}};return(0,r.jsxs)(s.f,{children:[(0,r.jsx)("p",{className:"body2 text-center text-light-text-sec dark:text-dark-text-sec",children:"Purchase a premium and give it to your loved one

1s."}),(0,r.jsx)(v,{plans:a,selectedPlanIndex:i.selected_plan,handleChange:d}),"bulk_gift"===t&&(0,r.jsx)(k,{formData:i,handleChange:d}),"gift"===t&&(0,r.jsx)(g,{formData:i,handleChange:d}),(0,r.jsx)(b,{formData:i,handleChange:d}),(0,r.jsx)(j.A,{loading:h,error:"",submitBtnText:"Continue",disabled:!c,onClick:x})]})}},40887:(e,t,a)=>{a.d(t,{U:()=>r});let r={TERMS_OF_USE:"https://support.muslimpro.com/hc/en-us/articles/115001016508-Terms-and-Conditions",PRIVACY_POLICY:"https://support.muslimpro.com/hc/en-us/articles/203485970-Privacy-Policy",DISCLAIMER:"https://support.muslimpro.com/hc/en-us/articles/7440795107865",HELP_CENTER:"https://support.muslimpro.com/hc/en-us",BITSMEDIA_FACEBOOK:"https://www.facebook.com/muslimpro/",BITSMEDIA_INSTRAGRAM:"https://www.instagram.com/muslimproofficial/",BITSMEDIA_TWITTER:"https://twitter.com/MuslimPro",BITSMEDIA_TIKTOK:"https://www.tiktok.com/@muslimproofficial",BITSMEDIA_YOUTUBE:"https://www.youtube.com/channel/UCPTHHlJEmpnPlS0kW4eo4XQ",MUSLIM_PRO_WEB:"https://www.muslimpro.com",CONTACT_MAIL_TO:"mailto:[email protected]",ANDROID_APP:"https://play.google.com/store/apps/details?id=com.bitsmedia.android.muslimpro",IOS_APP:"https://apps.apple.com/us/app/muslim-pro-quran-athan/id388389451"}},46693:(e,t,a)=>{a.d(t,{ON:()=>n,VJ:()=>i,jq:()=>l});var r=a(44691),s=a.n(r);let l=(e,t)=>e?"".concat(s()(t)||"S$").concat(e,"/mth"):"",n=(e,t)=>e?"".concat(s()(t)||"S$").concat(e):"",i=(e,t,a)=>{switch(e){case"daily":return"".concat(s()(a)||"S$").concat(t,"/day");case"weekly":return"".concat(s()(a)||"S$").concat(t,"/week");case"monthly":return"".concat(s()(a)||"S$").concat(t,"/mth");default:return"".concat(s()(a)||"S$").concat(t,"/yr")}}},62805:(e,t,a)=>{a.d(t,{cn:()=>l});var r=a(2821),s=a(75889);function l(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,r.$)(t))}},77851:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(95155),s=a(15064),l=a(36346),n=a(82748),i=a(52619),c=a.n(i),d=a(40887);function o(e){let{loading:t,disabled:a=!1,error:i,submitBtnText:o,onClick:m}=e;return(0,r.jsxs)(l.f,{className:"gap-4",children:[(0,r.jsxs)(l.f,{className:"gap-1",children:[(0,r.jsx)(s.$n,{type:"submit",variant:"fillPrimary",className:"w-full rounded-xl",size:"large",isLoading:t,disabled:a,onClick:m,children:null!=o?o:"Purchase"}),i&&(0,r.jsxs)(l.y,{className:"items-center gap-2",children:[(0,r.jsx)(n.ErrorIcon,{}),(0,r.jsx)("p",{className:"body2 pt-1 text-light-error-pri",children:i})]})]}),(0,r.jsxs)("p",{className:"caption text-left text-light-fill-sec",children:["By clicking Continue, you acknowledge that you have read and agree to the"," ",(0,r.jsx)(c(),{href:d.U.TERMS_OF_USE,target:"_blank",rel:"noopener noreferrer",className:"text-xs",children:"Terms of Use"}),","," ",(0,r.jsx)(c(),{href:d.U.PRIVACY_POLICY,target:"_blank",rel:"noopener noreferrer",className:"text-xs",children:"Privacy Policy"})," ","and"," ",(0,r.jsx)(c(),{href:d.U.DISCLAIMER,target:"_blank",rel:"noopener noreferrer",className:"text-xs",children:"Disclaimers"})," ","of Muslim Pro and Qalbox."]}),(0,r.jsxs)("p",{className:"caption flex justify-center text-light-fill-sec",children:["Came here by accident?",(0,r.jsx)(c(),{href:d.U.MUSLIM_PRO_WEB,target:"_blank",rel:"noopener noreferrer",className:"ml-1 flex justify-center text-xs",children:"Go to Muslim Pro website"})," "]})]})}}}]);