https://ijs.to/_next/static/chunks/pages/app/[host]/author/to/cour…/[courseId]/description-c150eaef7693af92.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8307],{99854:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/[host]/author/to/course/[courseId]/description",function(){return r(56791)}])},65327:function(e,t,r){"use strict";r.d(t,{N:function(){return CourseBuilderHeading}});var n=r(11527),a=r(53226),s=r(82540);let CourseEditTitleForm=e=>{let{onCompleted:t,course:r,fieldName:i="title",label:l="Course Title",labelSrOnly:o,onError:d,...u}=e,[c,{loading:m}]=(0,s.h4F)({onCompleted(e){t&&t(e)},onError(e){d&&d(e)}});if(!i)throw Error("fieldName is required");if(!r)throw Error("course is required");let p=r[i];return(0,n.jsx)(a.q,{variant:"h1",valueGradient:!0,labelGradient:!1,labelSrOnly:o,loading:m,defaultEditing:!p,name:i,onSubmit:e=>{let{title:t}=e;c({variables:{courseId:r.id,title:t}})},value:p,label:l,...u})};var i=r(62288);let CourseBuilderHeading=e=>{let{course:t,heading:a}=e;return(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(CourseEditTitleForm,{variant:"h3",labelSrOnly:!0,course:t,onCompleted:async()=>{let e=await r.e(75480).then(r.bind(r,75480)),t=e.toast;t({message:"Your course title has been updated",title:"Course title updated",type:"success"})}})}),(0,n.jsx)(i.default,{align:"center",as:"h2",variant:"h1",children:a})]})}},55175:function(e,t,r){"use strict";r.d(t,{Z:function(){return C}});var n=r(21262),a=r(11527),s=r(57638),i=r(50959),l=r(94756),o=r(16203),d=r(34453),u=r(62288),c=r(81633),m=r(82472),p=r(98674),h=r(84930),x=r(68566),g=r(28606),f=r(4763),v=r(94217);let ImageContainer=e=>{let{alt:t,className:r,aspectClassName:n,deleteComponent:s,deleteLoading:i,imageClx:l="object-cover w-full",onDelete:o,width:d,src:u}=e;return(0,a.jsxs)("div",{className:(0,x.A)("relative overflow-hidden rounded-lg",r,n,d||"w-full"),children:[s,o&&!s&&(0,a.jsx)(m.default,{className:"absolute right-1 top-1 z-10",children:(0,a.jsx)(f.default,{onClick:o,type:"button",loading:i,icon:"trash",shape:"square",size:"sm"})}),(0,a.jsx)(v.Z,{alt:t,fill:!0,className:l,sizes:"100vw",src:u})]})};ImageContainer.defaultProps={buttonSize:"md",height:"auto"};var j=r(52327);function _templateObject(){let e=(0,n._)(["\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  padding-top: ",";\n  position: relative;\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,n._)(["\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  max-width: 100%;\n  text-align: center;\n"]);return _templateObject1=function(){return e},e}let b=o.ZP.div.withConfig({componentId:"sc-ca20ce81-0"})(_templateObject(),e=>{let{pt:t}=e;return t}),w=o.ZP.div.withConfig({componentId:"sc-ca20ce81-1"})(_templateObject1()),ImageDropzone=e=>{let{accept:t=["png","jpg","jpeg","gif","svg","webp"],alt:r,buttonSize:n,defaultValue:o,deleteComponent:f,deleteMutation:v,deleteLoading:C,error:N,externalSrc:y,aspectClassName:I="aspect-video",iconSize:E,imageClx:D,isEditable:S,label:_,loading:A,maxUploadMb:F,methods:z,name:O,onDrop:P,onDropRejected:k,imageSrc:T,setError:L,shape:U,uploadText:Z}=e,q=(0,j.m)({accept:t});if(!I){let e="ImageDropzone: missing aspectRatio.";(0,s.uT)(e),console.warn(e)}let[B,R]=(0,i.useState)(o),[W,G]=(0,i.useState)(!1),[V,$]=(0,i.useState)(""),H=P&&(e=>{N&&L&&L(null),$(null),P(e)}),J=(0,i.useCallback)(async e=>{G(!0),$(null);let t=await (0,g.s)(e[0]);t||($("Unsupported file."),G(!1)),R(t),z.setValue(O,t,{shouldValidate:!0}),G(!1)},[null==z?void 0:z.setValue,O]),{getRootProps:M,getInputProps:X,fileRejections:Y,isDragActive:Q,isDragReject:K}=(0,l.uI)({accept:q,maxSize:F?1048576*F:h.gm,multiple:!1,onDrop:H||J,onDropRejected:k});(0,i.useEffect)(()=>z?(z.register(O),()=>{z.unregister(O)}):()=>{},[null==z?void 0:z.register,null==z?void 0:z.unregister,O]),(0,i.useEffect)(()=>{var e,t;(null==Y?void 0:Y.length)&&$(null===(t=Y[0])||void 0===t?void 0:null===(e=t.errors[0])||void 0===e?void 0:e.message)},[Y]);let ee=A||W,et=!ee&&(N||V),er=B||T,en=et||K,ea=(0,x.A)(Q&&"bg-primary/70 text-white"),es=(0,x.A)(en&&"bg-error/70 border-error text-white"),ei=(0,x.A)("hover:shadow-lg hover:bg-background"),el=(0,x.A)(ei,Q&&ea,en&&es),eo=(0,x.A)(!er&&"bg-background/70 shadow-inner","circle"===U?"rounded-full":"rounded-lg",el,I,"transition-all overflow-hidden transition-colors");return y?(0,a.jsx)(b,{$pt:"56%",className:(0,x.A)(eo),children:(0,a.jsx)(ImageContainer,{alt:r,imageClx:D,className:eo,aspectClassName:I,buttonSize:n,deleteLoading:C,deleteComponent:f,onDelete:()=>z?er&&R(null):v(),src:y})}):(0,a.jsx)(b,{$pt:"56%",className:(0,x.A)(eo),children:(0,a.jsxs)(m.default,{className:"relative h-full w-full",children:[(0,a.jsx)("label",{htmlFor:O,children:_}),!S&&!er&&(0,a.jsx)(ImageContainer,{alt:r,imageClx:D,aspectClassName:I,className:eo,src:p.WF}),!S&&er&&(0,a.jsx)(ImageContainer,{alt:r,imageClx:D,src:er,className:eo,aspectClassName:I}),S&&er&&(0,a.jsx)(ImageContainer,{alt:r,imageClx:D,className:eo,aspectClassName:I,buttonSize:n,deleteLoading:C,deleteComponent:f,onDelete:()=>z?er&&R(null):v(),src:er}),S&&!er&&(0,a.jsx)(m.default,{className:(0,x.A)("relative h-full bg-surface"),children:(0,a.jsxs)(w,{className:(0,x.A)("group overflow-hidden border-2 border-primary/20 transition-all hover:border-primary/90 focus:border-primary/40",eo),...M(),children:[(0,a.jsx)("input",{name:O,id:O,...X()}),(0,a.jsx)(m.default,{className:"flex flex-wrap items-center justify-center p-4",children:ee?(0,a.jsx)(c.LoadingSpinner,{size:"md"}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.default,{icon:"image",className:"mx-2 my-0.5 fill-current md:mx-3 md:my-1",size:E}),Z&&!en&&(0,a.jsx)(u.default,{className:"text-xs md:text-sm",children:Z}),en&&(0,a.jsx)(u.default,{className:"text-xs font-bold text-error md:text-sm",children:et||"Yikes. Invalid file format."})]})})]})}),!er&&(0,a.jsx)(d.default,{icon:"image",className:(0,x.A)("pointer-events-none absolute left-6 top-5 -rotate-45 scale-[2]",ee?"animate-pulse":"opacity-20"),size:"3xl"})]})})};ImageDropzone.defaultProps={borderRadius:3,buttonSize:"md",iconSize:"xl",maxWidth:"100%"};var C=ImageDropzone},52327:function(e,t,r){"use strict";r.d(t,{m:function(){return getFormattedAccept}});let getFormattedAccept=e=>{let{accept:t,type:r="image"}=e,n=t.map(e=>

1{let t=[e.startsWith(".")?e:".".concat(e)],n="".concat(r,"/").concat(e),a=[];return a.push(n),a.push(t),a});return Object.fromEntries(n)}},26102:function(e,t,r){"use strict";var n=r(21262),a=r(9998);function _templateObject(){let e=(0,n._)(["\n  mutation DeleteImage($imageId: ID!) {\n    deleteImage(where: { id: $imageId }) {\n      id\n      course {\n        id\n        image {\n          id\n          src {\n            id\n            publicUrlTransformed\n          }\n        }\n      }\n      courseLesson {\n        id\n        image {\n          id\n          src {\n            id\n            publicUrlTransformed\n          }\n        }\n      }\n      post {\n        id\n        image {\n          id\n          src {\n            id\n            publicUrlTransformed\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}let s=(0,a.Ps)(_templateObject());t.Z=s},87270:function(e,t,r){"use strict";r.d(t,{t:function(){return EditCourseLayout}});var n=r(11527),a=r(51685),s=r(28440),i=r(37731);let EditCourseLayout=e=>{let{children:t}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.P,{children:(0,n.jsx)("div",{className:"bg-background/70 backdrop-blur-3xl",children:(0,n.jsx)(s.ZP,{})})}),(0,n.jsx)(i.Z,{middle:!0,children:(0,n.jsx)("div",{className:"bg-background pt-3 sm:pt-7",children:t})})]})}},37731:function(e,t,r){"use strict";var n=r(11527),a=r(21519),s=r.n(a),i=r(47881),l=r(62288),o=r(81633),d=r(68566);let u=s()(()=>r.e(62674).then(r.bind(r,62674)),{loadableGenerated:{webpack:()=>[62674]},ssr:!1});t.Z=e=>{let t=(0,i.x)();if(t.loading)return(0,n.jsx)("div",{className:"mx-auto my-12 flex w-11/12 max-w-screen-xl items-center justify-center py-12",children:(0,n.jsx)(o.LoadingSpinner,{className:"fill-current"})});let{middle:r,checkAdmin:a,info:s,noDefault:c,returnTo:m}=e;return c||(null==t?void 0:t.id)?a&&!t.isAdmin?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.default,{as:"h2",variant:"h2",children:"Not authorized"}),(0,n.jsx)("div",{children:"We've all gone lost in JavaScript land once or twice... \uD83D\uDE42"})]}):"function"!=typeof e.children?e.children:e.children({...e,currentUser:t}):(0,n.jsx)("div",{className:(0,d.A)("px-4",!r&&"mx-auto flex max-w-lg justify-center px-4",r&&"flex h-w-toolbar-screen items-center justify-center"),children:(0,n.jsxs)("div",{className:"w-96 max-w-full",children:[s,(0,n.jsx)(u,{returnTo:m})]})})}},56791:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return w}});var n=r(11527),a=r(16046),s=r(71334),i=r(64471),l=r(21519),o=r.n(l),d=r(82540);let u=o()(()=>Promise.all([r.e(88071),r.e(92297),r.e(76010),r.e(55390),r.e(55112),r.e(73261),r.e(66828),r.e(22208),r.e(91620),r.e(24462),r.e(93405),r.e(79767),r.e(23452),r.e(35542),r.e(20025),r.e(8348)]).then(r.bind(r,91978)),{loadableGenerated:{webpack:()=>[91978]},ssr:!1}),CourseContentEditForm=e=>{let{course:t}=e,a=t.id,[s,{loading:i}]=(0,d.h4F)({async onError(e){let t=await r.e(75480).then(r.bind(r,75480)),n=t.toast;n({message:e.message,type:"error"})},variables:{courseId:a}}),handleAutoSave=async e=>{await s({variables:{content:e,courseId:a}})};return(0,n.jsx)("div",{className:"relative",children:(0,n.jsx)(u,{autoSave:e=>handleAutoSave(e),loading:i,contentTypeItem:t,defaultValue:t.content})})};var c=r(65327),m=r(62288),p=r(61700),h=r(50959),x=r(26102),g=r(23352),f=r(55175);let UploadCourseImage=e=>{var t,r,s;let{isEditable:i=!0,course:l,size:o}=e,u=(0,a.useRouter)(),{courseId:c}=u.query,m=(null===(r=l.image)||void 0===r?void 0:null===(t=r.src)||void 0===t?void 0:t.publicUrlTransformed)||void 0,[v,j]=(0,h.useState)(""),[b,w]=(0,h.useState)(!1),[C,{loading:N}]=(0,p.D)(x.Z,{refetchQueries:["MyCourses"],variables:{imageId:null===(s=l.image)||void 0===s?void 0:s.id}}),[y,{error:I}]=(0,d.Dih)();if(!l)return console.warn("UploadCourseImage: missing course."),null;let handleDrop=async e=>{if(w(!0),j(null),e.length){let t=e[0];await y({variables:{courseId:c,image:t}}).catch(()=>(w(!1),j("Failed to upload."))).then(e=>{var t,r;(null==e?void 0:null===(r=e.data)||void 0===r?void 0:null===(t=r.createImage)||void 0===t?void 0:t.id)&&(w(!1),j(null))})}},E=(null==I?void 0:I.message)&&(0,g.jN)(I.message)||v;return(0,n.jsx)(f.Z,{deleteLoading:N,deleteMutation:C,error:E,isEditable:i,loading:b,onDrop:handleDrop,imageSrc:m,size:o,setOnDropError:j,uploadText:"Upload image"})},CourseContent=e=>{let{course:t}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.N,{course:t,heading:"Course Details"}),(0,n.jsxs)("div",{className:"w-full space-y-7",children:[(0,n.jsxs)("div",{className:"mx-auto mt-7 flex w-full max-w-prose gap-4 px-5",children:[(0,n.jsxs)("div",{className:"flex-1",children:[(0,n.jsx)(m.default,{variant:"h5",children:"Featured Image"}),(0,n.jsx)(UploadCourseImage,{course:t})]}),(0,n.jsxs)("div",{className:"flex-1",children:[(0,n.jsx)(m.default,{variant:"h5",children:"Promo video"}),(0,n.jsx)("div",{className:"flex aspect-video items-center justify-center rounded-lg border-2 border-dashed bg-slate-400/10",children:(0,n.jsx)(m.default,{className:"opacity-60",variant:"h4",children:"Coming Soon."})})]})]}),(0,n.jsx)("div",{className:"mx-auto w-full max-w-prose sm:px-4",children:(0,n.jsxs)("div",{className:"space-y-4 border-x-0 border-y-2 border-dashed border-primary/50 bg-surface px-2 pt-4 sm:rounded-xl sm:border-x-2 sm:px-4",children:[(0,n.jsx)(m.default,{variant:"h2",children:"Course Description"}),(0,n.jsx)(m.default,{variant:"caption",children:"What is your course about and who is it for."}),(0,n.jsx)(CourseContentEditForm,{course:t})]})})]})]})};var v=r(81633),j=r(98674),b=r(87270);let CourseEditDescriptionPage=()=>{var e;let t=(0,a.useRouter)(),{courseId:l}=t.query,{data:o,loading:u}=(0,d.c2H)({async onError(e){let t=await r.e(75480).then(r.bind(r,75480)),n=t.toast;n({message:e.message,type:"error"})},variables:{where:{id:{equals:l}}}}),c=null==o?void 0:null===(e=o.authenticatedItem)||void 0===e?void 0:e.courses[0];

1if(u)return(0,n.jsx)(v.LoadingSpinner,{center:!0,padded:!0});let m="Overview ᐧ Course Builder \xb7 iJS",p="iJS Author's Course builder Course Overview.";return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.DefaultPWATheme,{}),(0,n.jsx)(s.PB,{title:m,description:p,openGraph:{description:p,images:[{alt:p,height:630,url:j.Az,width:1200}],title:m,url:"https://ijs.to/auhtor/to/course/".concat(l,"/overview")},nofollow:!0,noindex:!0}),(0,n.jsx)("div",{className:"relative pb-24",children:(0,n.jsx)(CourseContent,{course:c})})]})};CourseEditDescriptionPage.Layout=b.t;var w=CourseEditDescriptionPage},28606:function(e,t,r){"use strict";r.d(t,{s:function(){return imgFileToBase64}});let imgFileToBase64=e=>e?new Promise((t,r)=>{let n=new FileReader;n.readAsDataURL(e),n.onload=()=>t(n.result),n.onerror=e=>r(e)}):null}},function(e){e.O(0,[94756,62109,49774,92888,40179],function(){return e(e.s=99854)}),_N_E=e.O()}]);