https://www.nzf.org.au/caa2d5b1d3072072fbbb1a09dbb1157c5c403fb4-e0df64c62b9419a57cf4.js

1"use strict";(self.webpackChunknational_zakat_foundation=self.webpackChunknational_zakat_foundation||[]).push([[630],{8725:function(e,t,a){a.d(t,{Ay:function(){return b},sz:function(){return p}});var l=a(96540),n=a(32026),r=a(36555),s=a(19361),o=a(70255),c=a(55906),i=a(458),m=a(6617);var d=e=>{let t=e.isSignedIn,a=e.firstName,n=e.onSignInClick,r=e.isLoadingProfileData;const s=(0,l.useState)(!1),d=s[0],u=s[1],p=(0,l.useRef)(null);(0,l.useEffect)(()=>{const e=e=>{p.current&&!p.current.contains(e.target)&&u(!1)};return d&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[d]);return r?l.createElement("aside",{className:"flex w-full items-center justify-end px-4 pt-3 pb-1 -mb-6 relative z-30"},l.createElement(o.A,{width:80,height:24,borderRadius:4})):l.createElement("aside",{className:"flex w-full items-center justify-end px-4 pt-3 pb-1 -mb-6 relative z-30 pointer-events-none"},t?l.createElement("div",{className:"relative z-50 pointer-events-auto",ref:p},l.createElement("button",{type:"button",onClick:()=>u(e=>!e),className:"flex items-center gap-0.5 xs:gap-1 px-2 py-0.5 xs:px-2.5 xs:py-1 text-xs xs:text-sm font-semibold text-grey-600 bg-white border border-grey-300/90 hover:shadow-sm hover:bg-grey-200 cursor-pointer transition-colors "+(d?"rounded-t-md":"rounded-md")},l.createElement("div",{className:"w-3 h-3 xs:w-3.5 xs:h-3.5 shrink-0"},l.createElement(i.A,{color:"#231F1F"})),l.createElement("span",{className:"max-w-32 min-w-12 truncate"},a||"Account"),l.createElement("div",{className:"w-2.5 h-2.5 xs:w-3 xs:h-3 shrink-0 transition-transform duration-200 "+(d?"rotate-180":"")},l.createElement(m.A,null))),d&&l.createElement("div",{className:"absolute top-full right-0 w-full bg-white border border-grey-300/90 border-t-0 rounded-b-md shadow-none overflow-hidden z-50"},l.createElement("button",{type:"button",onClick:async()=>{u(!1);try{await(0,c.C)()}catch(e){console.error("Error signing out:",e)}},className:"w-full text-center px-2 py-1 xs:px-2.5 xs:py-1.5 text-xs xs:text-sm font-medium text-red-600 hover:bg-red-200 transition-colors cursor-pointer whitespace-nowrap"},"Sign out"))):l.createElement("button",{type:"button",onClick:n,className:"pointer-events-auto flex items-center gap-0.5 xs:gap-1 border border-red-500 text-red-500 rounded px-1 py-0.5 xs:px-2 xs:py-1 text-xs xs:text-sm font-bold uppercase hover:bg-red-200 transition"},l.createElement("div",{className:"w-3 h-3 xs:w-3.5 xs:h-3.5"},l.createElement(i.A,{color:"#EE3524"})),l.createElement("span",null,"Sign In")))};const u=(0,l.createContext)({openAuthView:()=>{},isEnabled:!1}),p=()=>(0,l.useContext)(u);var b=e=>{let t=e.children,a=e.userData,o=e.isLoadingProfileData,c=e.widthClass,i=e.isEnabled,m=void 0===i||i,p=e.initialAuthData;const b=(0,l.useState)(!1),E=b[0],C=b[1],h=(0,n.A)().isSignedIn,y=()=>{C(!0)},k=()=>{C(!1)};return(0,l.useEffect)(()=>{h&&k()},[h]),l.createElement(u.Provider,{value:{openAuthView:y,isEnabled:m}},l.createElement("div",{className:c||""},l.createElement("div",{className:"relative z-10 overflow-hidden rounded-md bg-white shadow-md"},l.createElement("div",{hidden:E},m&&l.createElement(d,{isSignedIn:h,firstName:null==a?void 0:a.firstName,onSignInClick:y,isLoadingProfileData:o}),t),E&&l.createElement("div",{className:"relative"},l.createElement("button",{className:"absolute top-2 left-2 z-20 w-8 h-8 p-2 flex items-center justify-center cursor-pointer",onClick:k,type:"button"},l.createElement(s.A,{fillColor:"#111827"})),l.createElement(r.A,{onAuthenticated:k,isWidget:!0,initialAuthData:p})))))}},9142:function(e,t,a){a.d(t,{oA:function(){return o},x1:function(){return s}});var l=a(96540),n=a(55721),r=a(36245);let s=function(e){return e.INFO="info",e.WARNING="warning",e}({}),o=function(e){return e.HEART="heart",e.WARNING="warning",e}({});t.Ay=e=>{let t=e.message,a=e.type,c=e.icon;const i={[s.INFO]:"#0081C6",[s.WARNING]:"#B45309"},m={[o.HEART]:l.createElement(r.A,{color:i[a]}),[o.WARNING]:l.createElement(n.A,{color:i[a]})},d={[s.INFO]:"border-blue-500 bg-blue-100",[s.WARNING]:"border-amber-200 bg-amber-50"},u={[s.INFO]:"text-blue-500",[s.WARNING]:"text-amber-700"};return l.createElement("div",{className:"flex items-center px-3 py-2 gap-2 border rounded-lg "+d[a]},l.createElement("div",{className:"w-4 h-4"},m[c]),l.createElement("span",{className:"text-xs "+u[a]},t))}},15735:function(e,t,a){var l=a(96540),n=a(47184),r=a(11792);const s=e=>{let t=e.selectedOptionId,a=e.options,n=e.onSelectOptionCallback;return l.createElement("div",{className:"overflow-hidden rounded-sm flex justify-between border border-white"},a.map(e=>l.createElement("div",{key:e.id,className:"text-center flex-1 py-2 text-sm border-r border-white last:border-r-transparent transition duration-150 ease-in-out text-sm xs:text-base "+(e.id===t?"text-gray-900 bg-white last:border-r-white":"text-white bg-transparent cursor-pointer hover:text-gray-900 hover:bg-white hover:last:border-r-white"),onClick:()=>{return t=e.id,void n(t);var t}},e.label)))},o=e=>{let t=e.selectedOptionId,a=e.options,n=e.onSelectOptionCallback;return l.createElement("div",{className:"selection-bar-light overflow-hidden rounded"},a.map(e=>l.createElement("div",{key:e.id,className:"selection-bar-option-light "+(e.id===t?"selected":"not-selected"),onClick:()=>{return t=e.id,void n(t);var t}},e.label)))};t.A=e=>{let t=e.selectedOptionId,a=e.options,c=e.onSelectOptionCallback,i=e.theme,m=e.label;const d=e=>{c(e)};return l.createElement(l.Fragment,null,m&&l.createElement(n.A,{label:m,theme:i}),l.createElement("div",{className:m?"mt-1":""},i===r.kk.DARK&&l.createElement(s,{selectedOptionId:t,options:a,onSelectOptionCallback:d}),i===r.kk.LIGHT&&l.createElement(o,{selectedOptionId:t,options:a,onSelectOptionCallback:d})))}},19361:function(e,t,a){var l=a(96540);t.A=e=>{let t=e.fillColor,a=void 0===t?"#231F1F":t;return l.createElement("svg",{width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"m3.825 9 5.6 5.6L8 16 0 8l8-8 1.425 1.4-5.6 5.6H16v2H3.825Z",fill:a}))}},35968:function(e,t,a){var l=a(96540),n=a(11792),r=a(15131);t.A=e=>{let t=e.heading,a=e.theme;const s={[n.kk.DARK]:{subheadingClasses:"text-white"}

1,[n.kk.LIGHT]:{subheadingClasses:"text-gray-500"}};return l.createElement(l.Fragment,null,l.createElement(r.fz,{text:t,extraClasses:"text-center "+s[a].subheadingClasses,size:r.am.SMALL}))}},42542:function(e,t,a){var l=a(96540),n=a(15131),r=a(12245),s=a(8725),o=a(32026);t.A=e=>{let t=e.title,a=void 0===t?"Save this donation to your NZF account":t,c=e.description,i=void 0===c?"Sign in or create an account before donating. Your details will be saved, so you won't need to re-enter them next time too.":c,m=e.buttonLabel,d=void 0===m?"SIGN IN / SIGN UP":m;const u=(0,s.sz)().openAuthView;return(0,o.A)().isSignedIn?null:l.createElement("div",{className:"space-y-3 pt-1"},l.createElement("div",{className:"rounded-lg border border-blue-500 bg-blue-100 p-2 text-left"},l.createElement(n.fz,{text:a,size:n.am.TINY,extraClasses:"font-bold text-blue-500"}),l.createElement(n.fz,{text:i,size:n.am.TINY,extraClasses:"text-blue-500 mt-0.5 leading-snug"})),l.createElement(r.Ay,{label:d,color:r.mq.PRIMARY,size:r.Mp.LARGE,form:r.df.FILLED,type:r.VQ.BUTTON,onClickCallback:u,extraClasses:"w-full rounded"}))}},45698:function(e,t,a){a.d(t,{T:function(){return s}});var l=a(96540),n=a(11792),r=a(15131);let s=function(e){return e.TEXT="text",e.NUMBER="number",e}({});t.A=e=>{let t=e.id,a=e.type,o=e.placeholder,c=e.labelText,i=e.value,m=e.onInputChangeCallback,d=e.onBlurCallback,u=e.showErrorMessage,p=e.validator,b=e.sizingClasses,E=void 0===b?"w-full":b,C=e.theme;const h={[n.kk.DARK]:{inputClasses:"placeholder-white border-white text-white",labelClasses:"text-white"},[n.kk.LIGHT]:{inputClasses:"placeholder-grey-500 border-grey-400 text-grey-600",labelClasses:"text-grey-500"}},y="rounded bg-transparent border mt-1 w-full text-sm xs:text-base py-1 sm:py-2 "+h[C].inputClasses,k=e=>{const t=p(e);return m(e,!t)},v=()=>{d&&d()};return l.createElement(l.Fragment,null,l.createElement("div",{className:""+E},c&&l.createElement("label",{htmlFor:t},l.createElement(r.fz,{text:c,wrapper:r.EB.SPAN,size:r.am.SMALL,extraClasses:h[C].labelClasses})),a===s.NUMBER&&l.createElement("input",{id:t,name:t,className:y,type:"number",placeholder:o,value:i,onChange:e=>k(e.target.value),onBlur:()=>v()}),a===s.TEXT&&l.createElement("input",{id:t,name:t,className:y,type:"text",placeholder:o,value:i,onChange:e=>k(e.target.value),onBlur:()=>v()}),p(i)&&u&&l.createElement("p",{className:"mt-1 text-xs text-red-400"},p(i))))}},47184:function(e,t,a){var l=a(96540),n=a(11792),r=a(15131);t.A=e=>{let t=e.label,a=e.theme;const s={[n.kk.DARK]:{labelClasses:"text-white"},[n.kk.LIGHT]:{labelClasses:"text-grey-500"}};return l.createElement(r.fz,{text:t,size:r.am.SMALL,extraClasses:s[a].labelClasses})}},49285:function(e,t,a){a.d(t,{$:function(){return r}});var l=a(96540),n=a(11792);let r=function(e){return e.SINGLE="single",e.MULTIPLE="multiple",e}({});t.A=e=>{let t=e.feeRecurrence,a=e.theme;const s=t===r.SINGLE?"A payment fee may apply":"Payment fees may apply",o={[n.kk.DARK]:{disclaimerClasses:"text-white"},[n.kk.LIGHT]:{disclaimerClasses:"text-gray-500"}};return l.createElement("p",{className:"text-xs text-center "+o[a].disclaimerClasses},"(",s,")")}},55147:function(e,t,a){var l=a(96540),n=a(56778);t.A=e=>{let t=e.amount,a=e.supportAmount,r=e.isAbsorbingFees,s=e.recurrence,o=e.summaryElement,c=e.onClickProcessCallback,i=e.onApproveCallback,m=e.onErrorCallback;return l.createElement("div",{className:"space-y-2"},o,l.createElement(n.A,{onCreateSubscription:async(e,t)=>await c(e,t),onApproveSubscription:async e=>{await i(e)},onCancel:()=>{m()},onError:()=>{m()},amount:t,supportAmount:a,isAbsorbingFees:r,recurrence:s}))}},56751:function(e,t,a){var l=a(96540),n=a(11792);t.A=e=>{let t=e.children,a=e.theme;const r={[n.kk.DARK]:{dividerClasses:"border-white"},[n.kk.LIGHT]:{dividerClasses:"border-gray-500"}};return l.createElement("div",{className:"border-t mt-2 pt-2 "+r[a].dividerClasses},t)}},61357:function(e,t,a){var l=a(96540),n=a(11792);t.A=e=>{let t=e.onChangeCallback,a=e.isChecked,r=e.theme;const s={[n.kk.DARK]:{checkboxLabelClasses:"text-white"},[n.kk.LIGHT]:{checkboxLabelClasses:"text-gray-900"}};return l.createElement("div",{className:"mt-2 flex items-center"},l.createElement("input",{id:"isAbsorbingFees",name:"isAbsorbingFees",type:"checkbox",value:"isAbsorbingFees",checked:a,onChange:e=>{const a=e.target.checked;t(a)}}),l.createElement("label",{htmlFor:"isAbsorbingFees",className:"ml-2 "+s[r].checkboxLabelClasses},"I want to cover the payment fee"))}},68084:function(e,t,a){a.d(t,{A:function(){return f}});

1var l=a(96540),n=a(82036),r=a(73986),s=a(15735),o=a(13336),c=a(69467),i=a(22926),m=a(12245),d=a(47184);var u=e=>{let t=e.onClickProcessPaymentCallback,a=e.isValid,n=e.onChangeCallback,r=e.summaryElement,s=e.isProcessingPayment,o=e.theme;const c=(0,i.useElements)(),u=(0,i.useStripe)();return l.createElement("div",{className:"space-y-2"},l.createElement(d.A,{label:"Select card method",theme:o}),l.createElement("div",{className:"relative bottom-1"},l.createElement(i.PaymentElement,{options:{layout:{type:"accordion",defaultCollapsed:!0}},onChange:e=>{n(e.complete)}})),r,l.createElement(m.Ay,{label:"Process payment",color:m.mq.PRIMARY,size:m.Mp.LARGE,form:m.df.FILLED,state:s?m.w.LOADING:m.w.STATIC,disabled:!a||s,onClickCallback:()=>(async(e,a)=>{await t(e,a)})(u,c),extraClasses:"w-full rounded"}))},p=a(11792),b=a(9142),E=a(8639);var C=e=>{let t=e.onClickProcessPaymentCallback,a=e.isValid,n=e.onChangeCallback,r=e.summaryElement,s=e.isProcessingPayment,o=e.theme;const c=(0,i.useElements)(),u=(0,i.useStripe)(),C={[p.kk.DARK]:{iconColor:"#FFFFFF",color:"#FFFFFF",fontSize:"16px","::placeholder":{color:"#FFFFFF"}},[p.kk.LIGHT]:{iconColor:"#6B7280",color:"#111827",fontSize:"16px","::placeholder":{color:"#6B7280"}}},h={[p.kk.DARK]:{bankElementContainerClasses:"border-white",noticeContainerClasses:"border-white",noticeClasses:"text-white"},[p.kk.LIGHT]:{bankElementContainerClasses:"border-gray-900",noticeContainerClasses:"border-gray-900",noticeClasses:"text-gray-500"}};return l.createElement("div",{className:"space-y-2"},l.createElement(d.A,{label:"Enter your bank details",theme:o}),l.createElement("div",{className:"relative bottom-1 border p-2 rounded-sm "+h[o].bankElementContainerClasses},l.createElement(i.AuBankAccountElement,{options:{style:{base:C[o]}},onChange:e=>{n(e.complete)}})),l.createElement("div",{className:"p-2 mb-2 border rounded-sm "+h[o].noticeContainerClasses},l.createElement("p",{className:"text-xs font-light leading-4 "+h[o].noticeClasses},l.createElement(E.A,null))),r,l.createElement(b.Ay,{type:b.x1.WARNING,icon:b.oA.WARNING,message:"Bank payments will take 2-3 business days to be debited"}),l.createElement(m.Ay,{label:"Process payment",color:m.mq.PRIMARY,size:m.Mp.LARGE,form:m.df.FILLED,state:s?m.w.LOADING:m.w.STATIC,disabled:!a||s,onClickCallback:()=>((e,a)=>{t(e,a)})(u,c),extraClasses:"w-full rounded"}))},h=a(90704);var y=e=>{let t=e.amount,a=e.isAbsorbingFees,n=e.supportAmount,r=e.summaryElement,s=e.onClickProcessCallback,o=e.onApproveCallback,c=e.onErrorCallback;return l.createElement("div",{className:"space-y-2"},r,l.createElement(h.A,{onCreateOrder:async()=>await s(),onApproveOrder:async(e,t)=>{await o(t)},onCancel:async()=>{c()},onError:async()=>{c()},isAbsorbingFees:a,supportAmount:n,amount:t}))},k=a(97608),v=a(55147),g=a(81401);var A=e=>{var t,a,n,i,m;let d=e.donationType,p=e.amount,b=e.recurrence,E=e.supportAmount,h=e.selectedPaymentModeId,A=e.selectedPaymentMethodId,f=e.isAbsorbingFees,x=e.onClickProcessCardOrWalletPaymentCallback,N=e.onClickProcessBankPaymentCallback,P=e.onClickProcessPayPalOneTimeDonationCallback,w=e.onApprovePayPalOneTimeDonationCallback,S=e.onErrorPayPalOneTimeDonationCallback,I=e.onClickProcessPayPalRecurringSetupCallback,R=e.onApprovePayPalRecurringSetupCallback,T=e.onErrorPayPalRecurringSetupCallback,F=e.isProcessingPayment,L=e.isValid,O=e.onChangeCallback,M=e.summaryElement,D=e.canSelectPaymentMode,G=e.canSelectPaymentMethod,B=e.paymentMethodOptions,z=e.type,V=e.theme;const H=o.a4.map(e=>({id:e.id,label:e.mode})),K=null==B?void 0:B.map(e=>({id:e.id,label:e.method})),W=null===(t=o.a4.find(e=>e.mode===o.Iu.ONLINE))||void 0===t?void 0:t.id,Y=null===(a=o.a4.find(e=>e.mode===o.Iu.BANK_DEPOSIT))||void 0===a?void 0:a.id,_=null==B||null===(n=B.find(e=>e.method===o.g5.CARD_OR_WALLET))||void 0===n?void 0:n.id,j=null==B||null===(i=B.find(e=>e.method===o.g5.BANK))||void 0===i?void 0:i.id,U=null==B||null===(m=B.find(e=>e.method===o.g5.PAYPAL))||void 0===m?void 0:m.id;return l.createElement("div",{className:"space-y-2"},D&&l.createElement("div",null,l.createElement(s.A,{selectedOptionId:h,options:H,onSelectOptionCallback:e=>{O(e,void 0,f,!1)},label:"How do you want to pay?",theme:V})),h===Y&&l.createElement(c.A,{donationType:d,theme:V,type:z}),h===W&&G&&l.createElement("div",null,l.createElement(s.A,{selectedOptionId:A,options:K,onSelectOptionCallback:e=>{O(h,e,f,e===U)},label:"Payment method",theme:V})),"number"==typeof A&&l.createElement("div",null,A===_&&l.createElement("div",null,l.createElement(u,{onClickProcessPaymentCallback:async(e,t)=>{await x(e,t)},isValid:L,onChangeCallback:e=>{O(h,A,f,e)},summaryElement:M,isProcessingPayment:F,theme:V})),A===j&&l.createElement("div",null,l.createElement(C,{onClickProcessPaymentCallback:async(e,t)=>{await N(e,t)},isValid:L,onChangeCallback:e=>{O(h,A,f,e)},summaryElement:M,isProcessingPayment:F,theme:V})),A===U&&l.createElement("div",null,b===k.hg.ONCE&&l.createElement(r.ag,{options:g.a},l.createElement(y,{amount:p,supportAmount:E,isAbsorbingFees:f,summaryElement:M,onClickProcessCallback:async()=>await P(),onApproveCallback:async e=>{await w(e)},onErrorCallback:()=>{S()}})),b&&b!==k.hg.ONCE&&l.createElement(r.ag,{options:g.$},l.createElement(v.A,{amount:p,supportAmount:E,isAbsorbingFees:f,recurrence:b,summaryElement:M,onClickProcessCallback:async(e,t)=>await I(e,t),onApproveCallback:async e=>{await R(e)},onErrorCallback:()=>{T()}})))))};var f=e=>{let t=e.selectedPaymentModeId,a=e.selectedPaymentMethodId,r=e.donationType,s=e.isAbsorbingFees,o=e.amount,c=e.recurrence,i=e.supportAmount,m=e.isValid,d=e.isProcessingPayment,u=e.onChangeCallback,p=e.onClickProcessCardOrWalletPaymentCallback,b=e.onClickProcessBankPaymentCallback,E=e.onClickProcessPayPalOneTimeDonationCallback,C=e.onClickProcessPayPalRecurringSetupCallback,h=e.onApprovePayPalOneTimeDonationCallback,y=e.onApprovePayPalRecurringSetupCallback,k=e.onErrorPayPalOneTimeDonationCallback,v=e.onErrorPayPalRecurringSetupCallback,g=e.onClickGoBackCallback,f=e.summaryElement,x=e.canSelectPaymentMode,N=e.canSelectPaymentMethod,P=e.paymentMethodOptions,w=e.type,S=e.theme,I=e.currentStep,R=e.totalSteps;return l.createElement(n.A,{isGoBackEnabled:!0,heading:"Payment",onSubmitCallback:e=>e.preventDefault(),onClickGoBackCallback:g,theme:S,currentStep:I,totalSteps:R},l.createElement(A,{donationType:r,amount:o,recurrence:c,supportAmount:i,selectedPaymentModeId:t,selectedPaymentMethodId:a,onClickProcessCardOrWalletPaymentCallback:async(e,t)=>{await p(e,t)},onClickProcessBankPaymentCallback:async(e,t)=>{await b(e,t)},onClickProcessPayPalOneTimeDonationCallback:async()=>await E(),onClickProcessPayPalRecurringSetupCallback:async(e,t)=>await C(e,t),onApprovePayPalOneTimeDonationCallback:async e=>{await h(e)},onApprovePayPalRecurringSetupCallback:async e=>{await y(e)},onErrorPayPalOneTimeDonationCallback:()=>{k()},onErrorPayPalRecurringSetupCallback:()=>{v()},isAbsorbingFees:s,onChangeCallback:(e,t,a,l)=>{u({selectedPaymentModeId:e,selectedPaymentMethodId:t,isAbsorbingFees:a,isPaymentElementValid:l})},isProcessingPayment:d,isValid:m,summaryElement:f,canSelectPaymentMode:x,canSelectPaymentMethod:N,paymentMethodOptions:P,type:w,theme:S}))}},68702:function(e,t,a){a.d(t,{R:function(){return C},A:function(){return h}});

1var l=a(96540),n=a(82036),r=a(12245),s=a(15735),o=a(45698),c=a(58431);var i=e=>{let t=e.selectedSupportOptionId,a=e.customSupportAmount,n=e.donationAmount,r=e.onChangeCallback,i=e.theme,m=e.supportOptions,d=e.type;const u=(0,l.useState)(!1),p=u[0],b=u[1],E=m.map(e=>({id:e.id,label:e.label})),h=e=>d===C.PERCENTAGE?(e=>{var t;const a=null===(t=m.find(t=>t.id===e))||void 0===t?void 0:t.value;return+(n*a).toFixed(2)})(e):d===C.ONE_OFF?(e=>{var t;return null===(t=m.find(t=>t.id===e))||void 0===t?void 0:t.value})(e):void 0;return(0,l.useEffect)(()=>{const e=h(t),l="number"==typeof t||(0,c.de)(a,c.E$);r(t,a,e,l)},[n]),l.createElement("div",{className:"space-y-4"},l.createElement(s.A,{selectedOptionId:t,options:E,onSelectOptionCallback:e=>{const t=h(e);b(!1),r(e,"",t,!0)},theme:i}),l.createElement("div",{className:"mt-2"},l.createElement(o.A,{id:"custom-support-amount",type:o.T.NUMBER,placeholder:"0.00",labelText:"Custom support amount",value:a,onInputChangeCallback:(e,t)=>{r(void 0,e,+e,t)},onBlurCallback:()=>{b(!0)},showErrorMessage:p&&"number"!=typeof t,validator:c.E$,theme:i})))},m=a(83117),d=a(14763),u=a(56751),p=a(35968),b=a(11792),E=a(67502);let C=function(e){return e.PERCENTAGE="percentage",e.ONE_OFF="one-off",e}({});var h=e=>{let t=e.selectedSupportOptionId,a=e.customSupportAmount,s=e.supportAmount,o=e.donationAmount,c=e.isValid,C=e.onChangeCallback,h=e.onSubmitCallback,y=e.onClickGoBackCallback,k=e.theme,v=e.supportOptions,g=e.type,A=e.currentStep,f=e.totalSteps;const x={[b.kk.DARK]:{headingClasses:"text-white"},[b.kk.LIGHT]:{headingClasses:"text-gray-900"}};return l.createElement(n.A,{isGoBackEnabled:!0,heading:"Support NZF",onSubmitCallback:e=>{e.preventDefault(),h()},onClickGoBackCallback:y,theme:k,currentStep:A,totalSteps:f},l.createElement("div",{className:"space-y-1 text-center"},l.createElement(E.m,{text:"Would you like to support NZF?",extraClasses:"text-center mb-2 "+x[k].headingClasses}),l.createElement(p.A,{heading:"This additional Sadaqah contribution will help support our operating costs.",theme:k})),l.createElement(i,{selectedSupportOptionId:t,customSupportAmount:a,donationAmount:o,onChangeCallback:(e,t,a,l)=>{C({selectedSupportOptionId:e,customSupportAmount:t,supportAmount:a,isSupportElementValid:l})},theme:k,supportOptions:v,type:g}),l.createElement(u.A,{theme:k},l.createElement(m.A,{label:"NZF Support",value:(0,d.R4)(s),size:m.F.NORMAL,theme:k})),l.createElement("div",{className:"space-y-2"},l.createElement(r.Ay,{label:"No thanks",type:r.VQ.BUTTON,color:r.mq.PRIMARY,size:r.Mp.LARGE,form:r.df.OUTLINE,extraClasses:"w-full rounded",onClickCallback:()=>{C({selectedSupportOptionId:void 0,customSupportAmount:"",supportAmount:0,isSupportElementValid:!1}),h()}}),l.createElement(r.Ay,{label:"Continue",color:r.mq.PRIMARY,size:r.Mp.LARGE,form:r.df.FILLED,disabled:!c,extraClasses:"w-full rounded"})))}},69467:function(e,t,a){a.d(t,{A:function(){return o}});var l=a(96540),n=a(13336),r=a(11792);var s=e=>{let t=e.label,a=e.value,n=e.theme;const s={[r.kk.DARK]:{labelClasses:"text-white",valueClasses:"text-white"},[r.kk.LIGHT]:{labelClasses:"text-gray-500",valueClasses:"text-gray-900"}};return l.createElement("div",{className:"w-full"},l.createElement("p",{className:"text-xs "+s[n].labelClasses},t),l.createElement("p",{className:"mt-1 "+s[n].valueClasses},a))};var o=e=>{let t=e.donationType,a=e.type,r=e.theme;return l.createElement("div",{className:"grid grid-rows-5 grid-cols-2 gap-y-2"},l.createElement("div",{className:"col-span-2"},l.createElement(s,{label:"PayID using ABN",value:"39521979908",theme:r})),l.createElement("div",{className:"col-span-2"},l.createElement(s,{label:"Account name",value:"National Zakat Foundation Incorporated",theme:r})),l.createElement("div",{className:"col-span-2"},l.createElement(s,{label:"Bank",value:"Commonwealth Bank",theme:r})),l.createElement("div",{className:"col-span-1"},l.createElement(s,{label:"BSB",value:"062 196",theme:r})),l.createElement("div",{className:"col-span-1"},l.createElement(s,{label:"Account number",value:"11378252",theme:r})),l.createElement("div",{className:"col-span-2"},l.createElement(s,{label:"Reference",value:t||(a===n.$0.STANDARD?"Zakat / Sadaqah":a===n.$0.QUANTIFIABLE?"Fitr / Fidyah":void 0),theme:r}

1)))}},76246:function(e,t,a){var l=a(96540),n=a(11792),r=a(85309),s=a(35968),o=a(12245);t.A=e=>{let t=e.onClickRetryPaymentCallback,a=e.theme;return l.createElement("div",{className:"flex justify-center items-center",style:{minHeight:n.I4}},l.createElement("div",{className:"space-y-6 pb-8"},l.createElement(r.A,{message:"Payment unsuccessful",theme:a}),l.createElement(s.A,{heading:"Please double check your payment details and try again.",theme:a}),l.createElement(o.Ay,{label:"Try again",color:o.mq.PRIMARY,size:o.Mp.LARGE,form:o.df.FILLED,onClickCallback:()=>{t()},extraClasses:"w-full rounded"})))}},81401:function(e,t,a){a.d(t,{$:function(){return r},a:function(){return n}});var l=a(13336);const n={"client-id":"ARYrrmgw-l4j51xWj6WHHnD3nXF4l_yu1yBgPyKeHD3J7Hcw4M63cI7UztkgSWL3K9PPrvtG7S_yGM3x",currency:l.S3,"disable-funding":"card,credit","data-react-paypal-script-id":"1",intent:"capture"},r={"client-id":"ARYrrmgw-l4j51xWj6WHHnD3nXF4l_yu1yBgPyKeHD3J7Hcw4M63cI7UztkgSWL3K9PPrvtG7S_yGM3x",currency:l.S3,"disable-funding":"card,credit","data-react-paypal-script-id":"1",intent:"subscription",vault:!0}},82036:function(e,t,a){a.d(t,{A:function(){return i}});var l=a(96540),n=a(19361),r=a(11792),s=a(22259),o=a(15131);var c=e=>{let t=e.currentStep,a=e.totalSteps;return l.createElement("div",{className:"flex flex-col items-center justify-center space-y-1 mb-1"},l.createElement(o.fz,{text:"Step "+t+" of "+a,size:o.am.REGULAR,extraClasses:"text-grey-500"}),l.createElement("div",{className:"flex items-center space-x-3 xs:space-x-4"},Array.from({length:a},(e,a)=>{const n=a+1;return n===t?l.createElement("span",{key:n,className:"w-3 h-3 xs:w-4 xs:h-4 rounded-full border-2 xs:border-[3px] border-red-500 bg-grey-300 transition-all"}):n<t?l.createElement("span",{key:n,className:"w-2 h-2 xs:w-2.5 xs:h-2.5 rounded-full bg-red-500 transition-all"}):l.createElement("span",{key:n,className:"w-2 h-2 xs:w-2.5 xs:h-2.5 rounded-full bg-grey-300 transition-all"})})))};var i=e=>{let t=e.isGoBackEnabled,a=e.heading,o=e.children,i=e.onSubmitCallback,m=e.onClickGoBackCallback,d=e.theme,u=e.currentStep,p=e.totalSteps;const b={[r.kk.DARK]:{iconFillColor:"#FFFFFF",headingClasses:"text-white"},[r.kk.LIGHT]:{iconFillColor:"#111827",headingClasses:"text-gray-900"}};return l.createElement("form",{className:"space-y-4 relative",onSubmit:i},l.createElement("div",null,t&&l.createElement("button",{type:"button",onClick:m,className:"absolute top-0 -left-1 w-6 h-6 xs:w-8 xs:h-8 flex items-center justify-center cursor-pointer z-40"}

1,l.createElement(n.A,{fillColor:b[d].iconFillColor})),"number"==typeof u&&"number"==typeof p&&l.createElement(c,{currentStep:u,totalSteps:p})),l.createElement("div",{className:"flex items-center justify-center"},l.createElement(s.f,{text:a,extraClasses:"text-center "+b[d].headingClasses})),o)}},83117:function(e,t,a){a.d(t,{F:function(){return r}});var l=a(96540),n=a(11792);let r=function(e){return e.EXTRA_SMALL="xs",e.NORMAL="base",e}({});t.A=e=>{let t=e.label,a=e.value,s=e.size,o=e.theme;const c=(e=>{switch(e){case r.EXTRA_SMALL:return"text-xs";case r.NORMAL:return"text-base"}})(s),i={[n.kk.DARK]:{labelClasses:"text-white",valueClasses:"text-white"},[n.kk.LIGHT]:{labelClasses:"text-gray-500",valueClasses:"text-gray-900"}};return l.createElement("div",{className:"flex justify-between items-center "+c},l.createElement("p",{className:""+i[o].labelClasses},t),l.createElement("p",{className:""+i[o].valueClasses},a))}},85309:function(e,t,a){var l=a(96540),n=a(11792);t.A=e=>{let t=e.message,a=e.theme;const r={[n.kk.DARK]:{messageClasses:"text-white"},[n.kk.LIGHT]:{messageClasses:"text-gray-900"}};return l.createElement("p",{className:"text-2xl text-center "+r[a].messageClasses},t)}},86670:function(e,t,a){a.d(t,{A:function(){return b}});var l=a(96540),n=a(70255),r=a(15735),s=a(13336),o=a(45698),c=a(97608),i=a(58431);const m=()=>l.createElement("div",{className:"space-y-4"},Array.from({length:2}).map((e,t)=>l.createElement("div",{key:t},l.createElement(n.A,{height:16,width:"20%"}),l.createElement("div",{className:"mt-1"},l.createElement(n.A,{height:40,borderRadius:4})))),l.createElement("div",{className:"mt-6 h-10"},l.createElement(n.A,{height:"100%",borderRadius:4})));var d=e=>{var t,a;let n=e.selectedRegionId,d=e.firstName,u=e.lastName,p=e.email,b=e.mobile,E=e.postcode,C=e.onChangeCallback,h=e.theme,y=e.isLoadingProfileData;const k=(0,l.useState)(!1),v=k[0],g=k[1],A=(0,l.useState)(!1),f=A[0],x=A[1],N=(0,l.useState)(!1),P=N[0],w=N[1],S=(0,l.useState)(!1),I=S[0],R=S[1],T=(0,l.useState)(!1),F=T[0],L=T[1],O=(0,l.useState)(!1),M=O[0],D=O[1],G=(0,l.useState)(!1),B=G[0],z=G[1],V=(0,l.useState)(!1),H=V[0],K=V[1],W=(0,l.useState)(!1),Y=W[0],_=W[1],j=(0,l.useState)(!1),U=j[0],X=j[1],q=s.bP.map(e=>({id:e.id,label:e.label})),$=null===(t=s.bP.find(e=>e.region===s.Rx.AUSTRALIA))||void 0===t?void 0:t.id,Z=null===(a=s.bP.find(e=>e.region===s.Rx.OUTSIDE_AUSTRALIA))||void 0===a?void 0:a.id,Q=(e,t)=>{if("number"!=typeof t)return!1;const a=e.isFirstNameValid,l=e.isLastNameValid,n=e.isEmailValid,r=e.isMobileValid,s=e.isPostcodeValid;return t===Z?a&&l&&n:a&&l&&n&&r&&s};return(0,l.useEffect)(()=>{const e=(0,i.de)(d,i.w$),t=(0,i.de)(u,i.YX),a=(0,i.de)(p,i.Bj),l=(0,i.de)(b,i.dv),r=(0,i.de)(E,i.Kq);g(e),w(t),L(a),z(l),_(r);const s=Q({isFirstNameValid:e,isLastNameValid:t,isEmailValid:a,isMobileValid:l,isPostcodeValid:r},n);C(n,d,u,p,b,E,s)},[d,u,p,b,E]),y?l.createElement(m,null):l.createElement("div",{className:"space-y-4"},l.createElement("div",null,l.createElement(r.A,{selectedOptionId:n,options:q,onSelectOptionCallback:e=>{z(!1),_(!1);const t=Q({isFirstNameValid:v,isLastNameValid:P,isEmailValid:F,isMobileValid:B,isPostcodeValid:Y},e);e!==Z?C(e,d,u,p,b,E,t):C(e,d,u,p,"","",t)},label:"Where are you from?",theme:h})),"number"==typeof n&&l.createElement(l.Fragment,null,l.createElement("div",null,l.createElement(o.A,{id:c.rw.FIRST_NAME,type:o.T.TEXT,placeholder:"Your first name",labelText:"First name*",value:d,onInputChangeCallback:e=>{C(n,e,u,p,b,E)},onBlurCallback:()=>{x(!0)},showErrorMessage:f,validator:i.w$,theme:h})),l.createElement("div",null,l.createElement(o.A,{id:c.rw.LAST_NAME,type:o.T.TEXT,placeholder:"Your last name",labelText:"Last name*",value:u,onInputChangeCallback:e=>{C(n,d,e,p,b,E)},onBlurCallback:()=>{R(!0)},showErrorMessage:I,validator:i.YX,theme:h})),l.createElement("div",null,l.createElement(o.A,{id:c.rw.EMAIL,type:o.T.TEXT,placeholder:"Your email address",labelText:"Email*",value:p,onInputChangeCallback:e=>{C(n,d,u,e,b,E)},onBlurCallback:()=>{D(!0)},showErrorMessage:M,validator:i.Bj,theme:h})),n===$&&l.createElement(l.Fragment,null,l.createElement("div",null,l.createElement(o.A,{id:c.rw.MOBILE,type:o.T.TEXT,placeholder:"Your mobile number",labelText:"Mobile*",value:b,onInputChangeCallback:e=>{C(n,d,u,p,e,E)},onBlurCallback:()=>{K(!0)},showErrorMessage:H,validator:i.dv,theme:h})),l.createElement("div",null,l.createElement(o.A,{id:c.rw.POSTCODE,type:o.T.TEXT,placeholder:"Your postcode",labelText:"Postcode*",value:E,onInputChangeCallback:e=>{C(n,d,u,p,b,e)}

1,onBlurCallback:()=>{X(!0)},showErrorMessage:U,validator:i.Kq,theme:h})))))},u=a(12245),p=a(82036);var b=e=>{let t=e.selectedRegionId,a=e.firstName,n=e.lastName,r=e.email,s=e.mobile,o=e.postcode,c=e.isValid,i=e.onChangeCallback,m=e.onSubmitCallback,b=e.onClickGoBackCallback,E=e.theme,C=e.isLoadingProfileData,h=e.currentStep,y=e.totalSteps;return l.createElement(p.A,{isGoBackEnabled:!0,heading:"Your Details",onSubmitCallback:e=>{e.preventDefault(),m()},onClickGoBackCallback:b,theme:E,currentStep:h,totalSteps:y},l.createElement(l.Fragment,null,l.createElement(d,{selectedRegionId:t,firstName:a,lastName:n,email:r,mobile:s,postcode:o,onChangeCallback:(e,t,a,l,n,r,s)=>{i({selectedRegionId:e,firstName:t,lastName:a,email:l,mobile:n,postcode:r,isPersonalDetailsElementValid:s})},theme:E,isLoadingProfileData:C}),!C&&l.createElement(u.Ay,{label:"Continue",color:u.mq.PRIMARY,size:u.Mp.LARGE,form:u.df.FILLED,disabled:!c,extraClasses:"w-full rounded"})))}},95783:function(e,t,a){var l=a(96540),n=a(11792),r=a(85309),s=a(14763);t.A=e=>{let t=e.firstName,a=e.recurrence,o=e.theme;return l.createElement("div",{className:"flex items-center justify-center",style:{minHeight:n.I4}},l.createElement("div",{className:"pb-8"},l.createElement(r.A,{message:(0,s.Hj)(a,t),theme:o})))}}}]);
2//# sourceMappingURL=caa2d5b1d3072072fbbb1a09dbb1157c5c403fb4-e0df64c62b9419a57cf4.js.map