(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[262],{2398:(e,a,r)=>{"use strict";r.d(a,{cn:()=>s});var t=r(2596),l=r(9688);function s(){for(var e=arguments.length,a=Array(e),r=0;r<e;r++)a[r]=arguments[r];return(0,l.QP)((0,t.$)(a))}},5492:(e,a,r)=>{Promise.resolve().then(r.bind(r,9364)),Promise.resolve().then(r.bind(r,6967))},6967:(e,a,r)=>{"use strict";r.d(a,{default:()=>B});var t=r(5155),l=r(7665),s=r(2177),n=r(221),i=r(5594);let o=i.z.object({company_name:i.z.string().min(2,"اسم الشركة يجب ان يكون اكثر من 2 حروف"),work_email:i.z.string().email("خطا في البريد الالكتروني"),phone_number:i.z.string().min(10,"رقم الجوال يجب ان يكون اكثر من 10 ارقام").regex(/^[0-9]*$/,"رقم الجوال يجب ان يكون ارقام فقط"),city:i.z.string({required_error:"من فضلك اختر مدينة"}).min(1,"من فضلك اختر مدينة"),company_size:i.z.string({required_error:"من فضلك اختر عدد الموظفين"}).min(1,"من فضلك اختر عدد الموظفين").refine(e=>d.map(e=>e.value).includes(e),{message:"من فضلك اختر عدد الموظفين"}),additional_notes:i.z.string().optional()}),d=[{value:"50-100",label:"0-50"},{value:"100-250",label:"51-100"},{value:"500",label:">250"}];var c=r(3464);let u=async e=>await c.A.post("",e,{baseURL:"https://business-django.eyouthlearning.com/company/subscription_request/"});var m=r(8543),p=r(2115);let b=function(){let[e,a]=(0,p.useState)(!1),r=(0,s.mN)({defaultValues:{city:"",company_size:""},resolver:(0,n.u)(o)});return{onSubmit:r.handleSubmit(async e=>{try{a(!0),await u({...e,submitted_from:"B2C"}),r.reset(),m.oR.success("تم ارسال طلبك بنجاح")}catch(e){m.oR.error("حدث خطأ في ارسال طلبك")}finally{a(!1)}}),isLoading:e,...r}};var x=r(6729),f=r(9556),h=r(7381),g=r(518),v=r(2398);let A=x.bL;x.YJ,x.WT;let w=p.forwardRef((e,a)=>{let{className:r,children:l,...s}=e;return(0,t.jsxs)(x.l9,{ref:a,className:(0,v.cn)("border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-[1.3rem] text-sm whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...s,children:[l,(0,t.jsx)(x.In,{asChild:!0,children:(0,t.jsx)(f.A,{className:"h-5 w-5 opacity-50"})})]})});w.displayName=x.l9.displayName;let y=p.forwardRef((e,a)=>{let{className:r,...l}=e;return(0,t.jsx)(x.PP,{ref:a,className:(0,v.cn)("flex cursor-default items-center justify-center py-1",r),...l,children:(0,t.jsx)(h.A,{className:"h-4 w-4"})})});y.displayName=x.PP.displayName;let j=p.forwardRef((e,a)=>{let{className:r,...l}=e;return(0,t.jsx)(x.wn,{ref:a,className:(0,v.cn)("flex cursor-default items-center justify-center py-1",r),...l,children:(0,t.jsx)(f.A,{className:"h-4 w-4"})})});j.displayName=x.wn.displayName;let N=p.forwardRef((e,a)=>{let{className:r,children:l,position:s="popper",...n}=e;return(0,t.jsx)(x.ZL,{children:(0,t.jsxs)(x.UC,{ref:a,className:(0,v.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md","popper"===s&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:s,...n,children:[(0,t.jsx)(y,{}),(0,t.jsx)(x.LM,{className:(0,v.cn)("p-1","popper"===s&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:l}),(0,t.jsx)(j,{})]})})});N.displayName=x.UC.displayName,p.forwardRef((e,a)=>{let{className:r,...l}=e;return(0,t.jsx)(x.JU,{ref:a,className:(0,v.cn)("px-2 py-1.5 text-sm font-semibold",r),...l})}).displayName=x.JU.displayName;let _=p.forwardRef((e,a)=>{let{className:r,children:l,...s}=e;return(0,t.jsxs)(x.q7,{ref:a,className:(0,v.cn)("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...s,children:[(0,t.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,t.jsx)(x.VF,{children:(0,t.jsx)(g.A,{className:"h-4 w-4"})})}),(0,t.jsx)(x.p4,{children:l})]})});_.displayName=x.q7.displayName,p.forwardRef((e,a)=>{let{className:r,...l}=e;return(0,t.jsx)(x.wv,{ref:a,className:(0,v.cn)("bg-muted -mx-1 my-1 h-px",r),...l})}).displayName=x.wv.displayName;var z=r(4913);let k=e=>{let{message:a="",centered:r=!1,isVisible:l=!0,className:s}=e;return l?(0,t.jsx)("p",{className:"".concat((0,v.cn)("".concat(r?"text-center":""," ms-1 mt-1.5 w-full text-sm text-[red]"),s)),children:a}):null},R=e=>{let{control:a,name:r,errorMessage:l,options:n,placeHolder:i,isLoading:o=!1,triggerClassName:d,valueClassName:c,onChange:u,value:m}=e,p=(e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsxs)(A,{onValueChange:e,value:a,dir:"rtl",children:[(0,t.jsx)(w,{className:(0,v.cn)("border-border focus-visible:ring-dark-blue w-full gap-3 bg-white shadow-none",d),children:(0,t.jsxs)("div",{className:(0,v.cn)("flex w-full max-w-[90%] items-center justify-between truncate",c),children:[(0,t.jsx)(x.yv,{placeholder:i,className:""}),o&&(0,t.jsx)(z.A,{className:"ms-auto h-4 w-4 animate-spin"})]})}),(0,t.jsx)(N,{className:"border-border bg-white capitalize",children:n.map((e,a)=>(0,t.jsx)(_,{value:e.value,children:e.label},a))})]}),(0,t.jsx)(k,{message:l})]});return a?(0,t.jsx)(s.xI,{name:r,control:a,render:e=>{let{field:{onChange:a,value:r}}=e;return p(a,r)}}):p(u,m)},M=p.forwardRef((e,a)=>{let{className:r,type:l,...s}=e;return(0,t.jsx)("input",{type:l,className:(0,v.cn)("file:text-foreground focus-visible:ring-dark-blue flex h-9 w-full rounded-md border border-[#66666659] bg-white px-4 py-[1.3rem] text-base transition file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:a,...s})});M.displayName="Input";var U=r(860);let C=(0,r(2085).F)("text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 block mb-3 text-black font-normal"),Q=p.forwardRef((e,a)=>{let{className:r,...l}=e;return(0,t.jsx)(U.b,{ref:a,className:(0,v.cn)(C(),r),...l})});Q.displayName=U.b.displayName;let J=(0,p.forwardRef)((e,a)=>{let{isError:r,errorMessage:l,className:s,label:n,...i}=e;return(0,t.jsxs)("div",{children:[n&&(0,t.jsx)(Q,{htmlFor:i.id,children:n}),(0,t.jsx)(M,{ref:a,...i,className:(0,v.cn)("rounded-0.5rem placeholder:text-14 input input-bordered focus:border-primary h-12 w-full px-4 py-2 placeholder:text-neutral-500 focus:outline-0",s,r&&"border-error focus:border-error")}),(0,t.jsx)(k,{message:l})]})});J.displayName="CustomInput";let B=function(){var e,a,r,s,n,i;let{onSubmit:o,register:c,formState:{errors:u},control:m,isLoading:p,watch:x}=b();return(0,t.jsxs)("form",{onSubmit:o,noValidate:!0,className:"flex w-full max-w-[588px] flex-col justify-center gap-4 rounded-3xl rounded-tl-2xl border border-[#AEAEAE] bg-white px-4 py-6 md:px-6",children:[(0,t.jsx)("h2",{className:"text-green-01 relative z-10 text-center text-4xl leading-14 font-bold uppercase",children:"تقديم طلب الاشتراك"}),(0,t.jsx)(J,{label:"اسم الشركة",placeholder:"ادخل اسم شركتك",id:"name",...c("company_name"),errorMessage:null==(e=u.company_name)?void 0:e.message}),(0,t.jsx)(J,{label:"البريد الالكتروني الرسمى",placeholder:"ادخل بريدك الاكتروني",id:"email",type:"email",inputMode:"email",...c("work_email"),errorMessage:null==(a=u.work_email)?void 0:a.message}),(0,t.jsx)(J,{label:"رقم الجوال",placeholder:"رقم الجوال",id:"phone",type:"tel",inputMode:"tel",...c("phone_number"),errorMessage:null==(r=u.phone_number)?void 0:r.message}),(0,t.jsxs)("div",{children:[(0,t.jsx)(Q,{children:"المدينة"}),(0,t.jsx)(R,{control:m,name:"city",placeHolder:"اختر مدينتك",options:[{value:"Riyadh",label:"الرياض"},{value:"Jeddah",label:"جدة"},{value:"Dammam",label:"الدمام"},{value:"Khobar",label:"الخبر"},{value:"Medina",label:"المدينة المنورة"},{value:"Mecca",label:"مكة المكرمة"},{value:"Abha",label:"أبها"},{value:"Tabuk",label:"تبوك"},{value:"Hail",label:"حائل"},{value:"Najran",label:"نجران"},{value:"Jazan",label:"جازان"},{value:"Qassim",label:"القصيم"},{value:"Al-Ahsa",label:"الأحساء"},{value:"Al-Jouf",label:"الجوف"},{value:"Al-Baha",label:"الباحة"}],value:x("city"),errorMessage:null==(s=u.city)?void 0:s.message})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(Q,{children:"عدد الموظفين"}),(0,t.jsx)(R,{control:m,name:"company_size",placeHolder:"عدد الموظفين",options:d,value:x("company_size"),errorMessage:null==(n=u.company_size)?void 0:n.message})]}),(0,t.jsx)(J,{label:"ملاحظات إضافية",placeholder:"ادخل أي ملاحظات إضافية",...c("additional_notes"),errorMessage:null==(i=u.additional_notes)?void 0:i.message}),(0,t.jsx)("div",{className:"mt-4 flex w-full justify-center",children:(0,t.jsx)(l.$,{isLoading:p,className:"mx-auto w-[405px]",children:"أرسل الطلب الآن"})})]})}},7149:(e,a,r)=>{"use strict";r.d(a,{r:()=>t});let t=(0,r(2085).F)("relative inline-flex items-center justify-center gap-2 whitespace-nowrap duration-300 cursor-pointer rounded-xl text-xl font-semibold transition-colors focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"text-white hover:text-green-01 group flex w-fit rounded-full bg-green-01 hover:bg-green-02 text-lg",destructive:"bg-destructive text-white shadow-sm hover:bg-destructive/80",outline:"border border-light-blue bg-white hover:bg-light-blue  text-dark-blue ",secondary:"bg-green-02 text-green-01 hover:bg-green-01 hover:text-white",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",background:"bg-white text-texts hover:bg-white/80 ",tab:"bg-transparent text-nonactive !px-0 w-auto",orange:"border-orange border text-dark-blue hover:bg-orange/90 rounded-md",yellow:"bg-yellow text-white hover:bg-yellow/90 rounded-md"},size:{default:"h-[3.125rem] px-[1.5rem] py-3",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 px-5 text-lg",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}})},7665:(e,a,r)=>{"use strict";r.d(a,{$:()=>d,r:()=>i.r});var t=r(5155),l=r(2115),s=r(4253),n=r(2398),i=r(7149),o=r(4315);let d=l.forwardRef((e,a)=>{let{children:r,className:l,variant:d,size:c,asChild:u=!1,isLoading:m=!1,...p}=e,b=u?s.DX:"button";return(0,t.jsxs)(b,{className:(0,n.cn)((0,i.r)({variant:d,size:c,className:l})),disabled:m,ref:a,...p,children:[r,m&&(0,t.jsx)(o.hW,{className:"!size-5 animate-spin"})]})});d.displayName="Button"},9364:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>t});let t={src:"/_next/static/media/join-us-cover.249b9047.webp",height:1244,width:1440,blurDataURL:"data:image/webp;base64,UklGRrAAAABXRUJQVlA4WAoAAAAQAAAABwAABgAAQUxQSDkAAAAAzMyGBwAABwDMqQUAAAE7AMxCAAAAPXIIvwQAAAB4chiOAAAAKZZ4YGoAAAJ8hG+fUgAAAAAAAAAAVlA4IFAAAADQAQCdASoIAAcAAkA4JYwCdAD0TAFY8AD+5utO770wrGjFYv6eNcStveO4RwVGU5oyjUlh/D6/AQgzbl/s6Z0q1wy8uHojXJWooxrFRcAAAA==",blurWidth:8,blurHeight:7}}},e=>{var a=a=>e(e.s=a);e.O(0,[446,619,629,236,441,684,358],()=>a(5492)),_N_E=e.O()}]);