https://yaqeeninstitute.org/_next/static/chunks/pages/conviction-circles/sign-up-12a4ca4f9a94a777.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="635d5236-57ef-4b9a-a35a-3ab24cb650ec",e._sentryDebugIdIdentifier="sentry-dbid-635d5236-57ef-4b9a-a35a-3ab24cb650ec")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4898,8057],{48057:(e,t,r)=>{"use strict";r.d(t,{A:()=>x});var l=r(66284),a=r(14232),i=r(17638),n=r(97114),c=r(95311),s=r(69158),o=r(52916),d=r(91113),u=r(37876);function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,l)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let x=e=>{let{title:t,children:r,isOpen:l,modalClassName:m}=e,x=(0,a.useRef)(),{overlayProps:g}=(0,c.e)(e,x),{modalProps:b}=(0,c.hS)(),{dialogProps:f}=(0,i.s)(e,x);return(0,u.jsx)(s.N,{initial:!1,children:l&&(0,u.jsx)(c.Sf,{children:(0,u.jsx)("div",{className:"modal fixed h-full w-full inset-0 bg-black/75 flex justify-center items-center",style:{zIndex:d.M.DIALOG_BACKDROP},children:(0,u.jsx)(o.m.div,{initial:{opacity:0,y:50,scale:.3},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.5,transition:{duration:.2}},className:"relative",children:(0,u.jsx)("div",{className:"modal-container",children:(0,u.jsx)(n.n1,{contain:!0,restoreFocus:!0,children:(0,u.jsx)("div",h(h(h(h({},g),f),b),{},{ref:x,className:m,role:"dialog","aria-modal":"true","aria-labelledby":`modal-headline ${t}`,children:r}))})})})})})})}},77732:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>j});var l=r(14232),a=r(54587),i=r.n(a),n=r(40051),c=r(18012),s=r(22938),o=r(38369),d=r(96335),u=r(75625),m=r(69185),h=r(67808),x=r(65083),g=r(69174),b=r(67579),f=r(86400),y=r(37876);let p=e=>{let{register:t,setValue:r}=e,{suggestions:{status:l,data:a},setValue:i,clearSuggestions:n}=(0,h.Ay)({debounce:300}),c=(0,d.A)(()=>{n()});return(0,y.jsxs)("div",{ref:c,children:[(0,y.jsx)(g.A_,{"data-cy":"circle_location",ref:t({required:!0}),onChange:e=>{i(e.target.value)},label:"Circle location:",name:"circle_location",type:"text",placeholder:"Enter a location",autoComplete:"off",labelClassName:"block text-grey-800 text-sm font-bold mb-1 tracking-tight-1",inputClassName:"appearance-none block w-full text-grey-900 placeholder-grey-800 border border-grey-300 py-3 px-4 leading-tight focus:outline-none focus:bg-white"}),"OK"===l&&(0,y.jsx)("ul",{className:"shadow absolute bg-white",children:a.map(e=>{let{description:t}=e;return(0,y.jsx)(g.$n,{"data-cy":"place",onPress:(e=>{let{description:t}=e;return()=>{r("circle_location",t),i(t,!1),n()}})(e),elementType:"li",className:"p-3 hover:bg-gray-200",children:t},e.description)})})]})},j=()=>{let{0:e,1:t}=(0,l.useState)(!1),r="circleLocation",{register:a,handleSubmit:d,formState:h,control:j,setValue:v}=(0,u.mN)({mode:"onChange"}),{circle:w,loading:N,loadingData:k,user:S,refetch:_}=(0,n.mk)(),{createCircle:C}=(0,n.AJ)(),q=async()=>{let{email:e}=S,t=[{property:"cc_facilitator",value:!0}];s.A.log(`Sending props for ${e}`,t);try{let r=await fetch("/api/hsUpdateProps",{method:"post",body:JSON.stringify({email:e,properties:t}),headers:{"Content-Type":"application/json"}});s.A.log("hsUpdateProps done",r)}catch(e){s.A.error("hsUpdateProps failed",e)}},O=async e=>{await C(e)&&q().then(_).then(()=>o.A.circles("dashboard")).catch(e=>{s.A.error("Error occured while creating circle",e),o.A.circles("dashboard")})};return(0,l.useEffect)(()=>{w&&!k&&o.A.circles("dashboard")},[w,k]),(0,l.useEffect)(()=>{var e;if(document.getElementById(r))return void t(!0);if(null!=(e=window)&&null!=(e=e.google)&&null!=(e=e.maps)&&e.places)return;let l=document.createElement("script");return l.src=m.r,l.id=r,l.async=!0,l.onload=()=>t(!0),document.body.appendChild(l),()=>null==l?void 0:l.remove()},[]),N||!S?(0,y.jsx)(x.p8,{}):(0,y.jsx)(b.MainWebLayout,{metatag:{title:"Conviction Circles",description:"Start your own Circle"},children:(0,y.jsx)("div",{className:"circle-onboarding",children:k||w?(0,y.jsx)(x.p8,{}):(0,y.jsxs)("div",{className:"circle-index max-w-xl px-6 iphonese:px-4 mx-auto",children:[(0,y.jsx)("div",{className:"c-title mt-12 xl:mt-20",children:(0,y.jsxs)(g.DZ,{level:1,color:"text-carrot-500",fontSize:"text-3xl xl:text-6xl",weight:"font-extrabold",lineHeight:"leading-none",className:"text-center",children:[(0,y.jsx)("span",{className:"text-endeavour-500",children:"Welcome to"})," Conviction Circles"]})}),(0,y.jsx)("div",{className:"cc-image mt-12 text-center",children:(0,y.jsx)(i(),{loader:f.R2,width:100,height:45,src:"/static/images/products/cc/group_icon.svg",alt:"cc group",className:"block"})}),(0,y.jsx)("div",{className:"cc-form mt-12 xl:px-12",children:(0,y.jsx)("form",{method:"post",className:"w-full",onSubmit:d(O),children:(0,y.jsxs)("div",{className:"flex flex-wrap mb-6",children:[(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.A_,{"data-cy":"circle_name",label:"Give your Circle a name:",name:"circle_name",type:"text",ref:a({required:!0}),placeholder:"Circle name",labelClassName:"block text-grey-800 text-sm font-bold mb-1 tracking-tight-1",inputClassName:"appearance-none block w-full text-grey-900 placeholder-grey-800 border border-grey-300 py-3 px-4 leading-tight focus:outline-none focus:bg-white"})}),(0,y.jsx)("div",{className:"w-full mb-8",children:e?(0,y.jsx)(p,{register:a,setValue:v}):(0,y.jsx)(g.A_,{"data-cy":"circle_location",label:"Circle location",placeholder:"Enter a location",labelClassName:"block text-grey-800 text-sm font-bold mb-1 tracking-tight-1",inputClassName:"appearance-none block w-full text-grey-900 placeholder-grey-800 border border-grey-300 py-3 px-4 leading-tight focus:outline-none focus:bg-white"})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.z6,{name:"age",label:"What is your age?",labelClassName:"block text-grey-800 text-sm font-bold mb-3 tracking-tight-1",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"10-19",children:"10-19"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"20-29",children:"20-29"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"30-39",children:"30-39"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"40-49",children:"40-49"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"50-59",children:"50-59"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"60-69",children:"60-69"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"70-79",children:"70-79"})]})})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.$Q,{label:"Where do you intend to use Conviction Circles?",labelClassName:"block text-grey-800 text-sm font-bold mb-3 tracking-tight-1",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(g.Sc,{name:"intention",ref:a({required:!0}),value:"MSA",children:"MSA"}),(0,y.jsx)(g.Sc,{name:"intention",ref:a({required:!0}),value:"Masjid",children:"Masjid"}),(0,y.jsx)(g.Sc,{name:"intention",ref:a({required:!0}),value:"Youth Group",children:"Youth Group"}),(0,y.jsx)(g.Sc,{name:"intention",ref:a({required:!0}),value:"Young Professional Group",children:"Young Professional Group"}),(0,y.jsx)(g.Sc,{name:"intention",ref:a({required:!0}),value:"Other",children:"Other"})]})})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.A_,{"data-cy":"community_name",ref:a({required:!0}),label:"What is the name of your community?",name:"community_name",type:"text",placeholder:"Enter your community name",labelClassName:"block text-grey-800 text-sm font-bold mb-1 tracking-tight-1",inputClassName:"appearance-none block w-full text-grey-900 placeholder-grey-800 border border-grey-300 py-3 px-4 leading-tight focus:outline-none focus:bg-white"})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.z6,{"data-cy":"community_role",name:"community_role",label:"What is your role with the community?",labelClassName:"block text-grey-800 text-sm font-bold mb-3 tracking-tight-1",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"Youth Director",children:"Youth Director"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"Imam",children:"Imam"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"Chaplain",children:"Chaplain"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"MSA Leader",children:"MSA Leader"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"Student of Knowledge",children:"Student of Knowledge"}),(0,y.jsx)(g.sx,{ref:a({required:!0}),value:"Other",children:"Other"})]})})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(g.$Q,{label:"Where have you received your Islamic knowledge?",labelClassName:"block text-grey-800 text-sm font-bold mb-3 tracking-tight-1",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(g.Sc,{"data-cy":"islamic_knowledge",name:"islamic_knowledge",ref:a({required:!0}),value:"Local Scholars",children:"Local Scholars"}),(0,y.jsx)(g.Sc,{"data-cy":"islamic_knowledge",name:"islamic_knowledge",ref:a({required:!0}),value:"Studied Abroad",children:"Studied Abroad"}),(0,y.jsx)(g.Sc,{"data-cy":"islamic_knowledge",name:"islamic_knowledge",ref:a({required:!0}),value:"Weekend courses",children:"Weekend courses"}),(0,y.jsx)(g.Sc,{"data-cy":"islamic_knowledge",name:"islamic_knowledge",ref:a({required:!0}

1),value:"Self-study",children:"Self-study"})]})})}),(0,y.jsx)("div",{className:"w-full mb-8",children:(0,y.jsx)(u.xI,{as:(0,y.jsx)(g.z6,{"data-cy":"frequency",label:"How frequently do you plan on running CC?",labelClassName:"block text-grey-800 text-sm font-bold mb-3 tracking-tight-1",name:"frequency",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(g.sx,{value:"Weekly",children:"Weekly"}),(0,y.jsx)(g.sx,{value:"Monthly",children:"Monthly"}),(0,y.jsx)(g.sx,{value:"Not sure",children:"Not sure"})]})}),"data-cy":"frequency",name:"frequency",control:j,rules:{required:!0},defaultValue:""})}),(0,y.jsx)("div",{className:"form-action mx-auto mt-1",children:(0,y.jsxs)(g.$n,{"data-cy":"submit",type:"submit",className:"bg-carrot-500 px-6 py-3",isDisabled:!h.isValid||h.isSubmitting||h.isSubmitted,onPress:()=>(0,c.$s)("cc_sign-up","create"),children:[!h.isSubmitting&&!h.isSubmitted&&(0,y.jsx)(g.EY,{color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",fontSize:"text-lg",children:"Create my Circle"}),h.isSubmitting&&(0,y.jsx)(g.EY,{color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",fontSize:"text-lg",children:"Creating..."}),h.isSubmitted&&(0,y.jsx)(g.EY,{color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",fontSize:"text-lg",children:"Created! Redirecting..."})]})})]})})})]})})})}},86940:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/conviction-circles/sign-up",function(){return r(77732)}])}},e=>{e.O(0,[5123,1510,2697,4740,1502,4587,2682,6241,5542,3822,5807,3971,636,6593,8792],()=>e(e.s=86940)),_N_E=e.O()}]);