https://app.memrise.com/_next/static/chunks/4911-c503b9f00bb52254.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4911],{26073:(e,r,t)=>{t.d(r,{B:()=>S,A:()=>L});var n=t(63857),i=t(60180),o=t.n(i),a=t(14232),s=t(5720),c=t(26900),l=t(90316),d=t(61542),u=t(5646),p=t(78227),f=t(2553),m=u.Ay.div.withConfig({componentId:"sc-fsqsgn-0"})(function(e){var r=e.theme;return(0,u.AH)(["background:",";padding:",";display:flex;flex-direction:column;@media (max-width:","){background:transparent;}"],r.co.neutral99,r.sz.s6,r.sz.m)}),g=(0,u.Ay)(m).withConfig({componentId:"sc-fsqsgn-1"})(function(e){var r=e.theme,t=e.$editMode;return(0,u.AH)(["gap:0;padding:",";@media (max-width:","){padding:",";}"],r.sz.s14,r.sz.m,t?0:"".concat(r.sz.s6," ").concat(r.sz.s4," ").concat(r.sz.s7))}),h=u.Ay.h1.withConfig({componentId:"sc-fsqsgn-2"})(function(e){var r=e.theme;return(0,u.AH)(["",";color:",";margin:0 0 ",";@media (max-width:","){",";margin:0;}"],r.typography.heading.desktop.m,r.co.secondary20,r.sz.s4,r.sz.m,r.typography.heading.desktop.s)}),b=u.Ay.div.withConfig({componentId:"sc-fsqsgn-3"})(function(e){var r=e.theme;return(0,u.AH)(["display:flex;justify-content:center;align-items:center;width:",";margin:auto;"],r.sz.s20)}),v=u.Ay.form.withConfig({componentId:"sc-fsqsgn-4"})(function(e){var r=e.theme;return(0,u.AH)(["display:flex;flex-direction:column;gap:",";@media (max-width:","){gap:",";}"],r.sz.s10,r.sz.m,r.sz.s4)}),y=u.Ay.div.withConfig({componentId:"sc-fsqsgn-5"})(function(){return(0,u.AH)(["display:flex;flex-direction:column;"])}),w=u.Ay.label.withConfig({componentId:"sc-fsqsgn-6"})(function(e){var r=e.theme;return(0,u.AH)(["",";color:",";"],r.typography.heading.mobile.xs,r.co.secondary0)}),x=(0,u.Ay)(p.A).withConfig({componentId:"sc-fsqsgn-7"})(function(e){var r=e.theme;return(0,u.AH)(["border:"," solid ",";border-radius:",";",";color:",";@media (max-width:","){padding:",";}"],r.bo.thinWidth,r.co.secondary70,r.bo.mediumSmall,r.typography.paragraph.base,r.co.secondary0,r.sz.m,r.sz.s2)}),j=u.Ay.div.withConfig({componentId:"sc-fsqsgn-8"})(function(e){var r=e.theme;return(0,u.AH)(["padding:"," 0 0;display:flex;gap:",";align-items:center;"],r.sz.s4,r.sz.s4)}),_=u.Ay.div.withConfig({componentId:"sc-fsqsgn-9"})(function(e){var r=e.theme;return(0,u.AH)(["width:",";height:",";border-radius:",";background:",";display:flex;align-items:center;justify-content:center;overflow:hidden;img{width:100%;height:100%;object-fit:cover;}"],r.sz.s26,r.sz.s26,r.bo.small,r.co.secondary98)}),O=(0,u.Ay)(f.A).withConfig({componentId:"sc-fsqsgn-10"})(function(e){var r=e.theme;return(0,u.AH)(["svg{width:",";height:",";}"],r.sz.s12,r.sz.s8)}),z=u.Ay.div.withConfig({componentId:"sc-fsqsgn-11"})(function(e){var r=e.theme;return(0,u.AH)(["display:flex;flex-direction:column;height:100%;gap:",";"],r.sz.s4)}),A=u.Ay.p.withConfig({componentId:"sc-fsqsgn-12"})(function(e){var r=e.theme,t=e.$isError;return(0,u.AH)(["",";margin:0;color:",";"],r.typography.paragraph.m,t?r.co.error60:r.co.secondary40)}),C=u.Ay.input.withConfig({componentId:"sc-fsqsgn-13"})(["display:none;"]),P=(0,u.Ay)(d.$n).withConfig({componentId:"sc-fsqsgn-14"})(function(e){var r=e.theme,t=e.$isEditMode;return(0,u.AH)(["width:",";",";@media (max-width:","){position:static;width:100%;}"],r.sz.s,t&&(0,u.AH)(["width:auto;position:absolute;right:",";bottom:",";"],r.sz.s16,r.sz.s10),r.sz.m)}),k=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=e.initialUrl,t=void 0===r?null:r,n=e.maxBytes,i=void 0===n?1048576:n,o=e.onError,s=(0,a.useState)(null),c=s[0],l=s[1],d=(0,a.useState)(t),u=d[0],p=d[1],f=(0,a.useState)(),m=f[0],g=f[1],h=(0,a.useState)(t),b=h[0],v=h[1];(0,a.useEffect)(function(){p(t),v(t)},[t]),(0,a.useEffect)(function(){return function(){u&&u.startsWith("blob:")&&URL.revokeObjectURL(u)}},[u]);var y=(0,a.useCallback)(function(e){var r,t,n=null==(r=e.target.files)?void 0:r[0];if(!n){l(null),p(b),g(void 0);return}n.size>i?g(null!=(t=null==o?void 0:o("too_large"))?t:"File size exceeds limit"):(g(void 0),l(n),p(URL.createObjectURL(n)))},[b,i,o]),w=(0,a.useCallback)(function(){l(null)},[]),x=(0,a.useCallback)(function(){l(null),p(b),g(void 0)},[b]),j=(0,a.useCallback)(function(e){v(e),p(e),l(null)},[]);return{imageFile:c,imagePreview:u,imageError:m,handleImageChange:y,setImageError:g,setImagePreview:p,clearImageFile:w,resetToServer:x,updateServerUrl:j}},M=t(37876),I=function(e,r,t,n,i){var o=e.trim();return o.length<r?n:o.length>t?i:void 0},E=(0,s.YK)({nameLabel:{id:"create_cwl_name_title",defaultMessage:"Name"},namePlaceholder:{id:"create_cwl_name_placeholder",defaultMessage:"Choose a public name for your wordlist"},teachingLabel:{id:"create_cwl_title_teaching",defaultMessage:"Teaching"},speakersLabel:{id:"create_cwl_title_speaking",defaultMessage:"For speakers of"},descriptionLabel:{id:"create_cwl_title_description_title",defaultMessage:"Description"},descriptionPlaceholder:{id:"create_cwl_title_description_placeholder",defaultMessage:"Say what your list is about, the topic, themes or learners it serves."},coverLabel:{id:"create_cwl_title_cover",defaultMessage:"Wordlist cover image"},coverHint:{id:"create_cwl_title_cover_size",defaultMessage:"Please upload an image, less than 1MB"},coverTooLarge:{id:"create_cwl_title_cover_size_exceeded",defaultMessage:"File size exceeds 1MB"},coverInvalid:{id:"create_cwl_title_cover_invalid",defaultMessage:"Upload a valid image file"},coverButton:{id:"create_cwl_title_cover_choose",defaultMessage:"Choose File"},submitLabel:{id:"create_cwl_title",defaultMessage:"Create Wordlist"},nameTooShort:{id:"create_cwl_title_min_chars",defaultMessage:"Name must be at least 5 characters"}

1,nameTooLong:{id:"create_cwl_title_max_chars",defaultMessage:"Name must be at most 80 characters"},descriptionTooShort:{id:"create_cwl_description_min_chars",defaultMessage:"Description must be at least 5 characters"},descriptionTooLong:{id:"create_cwl_description_max_chars",defaultMessage:"Description must be at most 200 characters"}}),S=function(e){var r,t=e.mode,i=e.languagePairId,u=e.wordlistId,p=e.metadataTitle,f=e.submitLabel,m=e.teachingValue,S=e.speakersValue,L=e.onSuccess,T=(0,s.tz)(),D="edit"===t,H=(0,a.useCallback)(function(e){return T.formatMessage("too_large"===e?E.coverTooLarge:E.coverInvalid)},[T]),q=k({onError:H}),U=q.imageFile,R=q.imagePreview,B=q.imageError,F=q.handleImageChange,W=q.setImageError,$=q.clearImageFile,N=q.resetToServer,V=q.updateServerUrl,Y=(0,a.useState)(""),K=Y[0],G=Y[1],J=(0,a.useState)(""),Q=J[0],X=J[1],Z=(0,a.useState)(""),ee=Z[0],er=Z[1],et=(0,a.useState)(""),en=et[0],ei=et[1],eo=(0,a.useState)(),ea=eo[0],es=eo[1],ec=(0,a.useState)(),el=ec[0],ed=ec[1],eu=(0,a.useState)(!1),ep=eu[0],ef=eu[1],em=(0,a.useState)(D),eg=em[0],eh=em[1],eb=(0,a.useId)(),ev=(0,a.useRef)(null),ey=(0,a.useMemo)(function(){if(!D)return!0;var e=K.trim()!==ee,r=Q.trim()!==en,t=!!U;return e||r||t},[D,K,ee,Q,en,U]);(0,a.useEffect)(function(){var e;if(!D){eh(!1),V(null),G(""),X(""),er(""),ei("");return}i&&u?(eh(!0),(e=(0,n.A)(o().mark(function e(){var r,t,n,a,s,l,d;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.Uq.getWordlist(i,u);case 3:s=null!=(r=(a=e.sent).wordlist.title)?r:"",l=null!=(t=a.wordlist.description)?t:"",d=null!=(n=a.wordlist.pictureUrl)?n:null,G(s),X(l),er(s),ei(l),V(d);case 12:return e.prev=12,eh(!1),e.finish(12);case 15:case"end":return e.stop()}},e,null,[[0,,12,15]])})),function(){return e.apply(this,arguments)})()):eh(!1)},[i,D,u,V]);var ew=(0,a.useCallback)(function(e){return I(e,5,80,T.formatMessage(E.nameTooShort),T.formatMessage(E.nameTooLong))},[T]),ex=(0,a.useCallback)(function(e){return I(e,5,200,T.formatMessage(E.descriptionTooShort),T.formatMessage(E.descriptionTooLong))},[T]),ej=ep||eg||!i||D&&!u||!K.trim()||!Q.trim()||!ey,e_=(r=(0,n.A)(o().mark(function e(r){var t,n,a,s;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r.preventDefault(),t=ew(K),n=ex(Q),es(t),ed(n),!(t||n)){e.next=7;break}return e.abrupt("return");case 7:if(ef(!0),a=null!=u?u:"",e.prev=9,D){e.next=17;break}return e.next=13,c.Uq.createWordlist(i,{title:K.trim(),description:Q.trim()});case 13:a=e.sent.wordlistId,e.next=19;break;case 17:return e.next=19,c.Uq.updateWordlist(i,a,{title:K.trim(),description:Q.trim()});case 19:if(s=R,!(U&&a)){e.next=34;break}return e.prev=21,e.next=24,c.Uq.uploadWordlistPicture(i,a,U);case 24:V(s=e.sent.pictureUrl),e.next=34;break;case 29:return e.prev=29,e.t0=e.catch(21),N(),W(H("invalid")),e.abrupt("return");case 34:return D&&(er(K.trim()),ei(Q.trim()),$()),e.next=37,null==L?void 0:L({wordlistId:a,title:K.trim(),description:Q.trim(),pictureUrl:s});case 37:e.next=42;break;case 39:e.prev=39,e.t1=e.catch(9),console.error({error:e.t1});case 42:return e.prev=42,ef(!1),e.finish(42);case 45:case"end":return e.stop()}},e,null,[[9,39,42,45],[21,29]])})),function(e){return r.apply(this,arguments)});return(0,M.jsxs)(g,{$editMode:D,children:[(0,M.jsx)(h,{children:p}),eg?(0,M.jsx)(b,{children:(0,M.jsx)(l.A,{})}):(0,M.jsxs)(v,{onSubmit:e_,children:[(0,M.jsxs)(y,{children:[(0,M.jsx)(w,{htmlFor:"wordlist-name",children:T.formatMessage(E.nameLabel)}),(0,M.jsx)(x,{id:"wordlist-name",value:K,onChange:function(e){G(e.currentTarget.value),ea&&es(ew(e.currentTarget.value))},placeholder:T.formatMessage(E.namePlaceholder),maxLength:80,error:ea})]}),(0,M.jsxs)(y,{children:[(0,M.jsx)(w,{children:T.formatMessage(E.teachingLabel)}),(0,M.jsx)(x,{disabled:!0,value:m})]}),(0,M.jsxs)(y,{children:[(0,M.jsx)(w,{children:T.formatMessage(E.speakersLabel)}),(0,M.jsx)(x,{disabled:!0,value:S})]}),(0,M.jsxs)(y,{children:[(0,M.jsx)(w,{htmlFor:"wordlist-description",children:T.formatMessage(E.descriptionLabel)}),(0,M.jsx)(x,{id:"wordlist-description",as:"textarea",rows:2,value:Q,onChange:function(e){X(e.currentTarget.value),el&&ed(ex(e.currentTarget.value))},maxLength:200,placeholder:T.formatMessage(E.descriptionPlaceholder),error:el})]}),(0,M.jsxs)(y,{children:[(0,M.jsx)(w,{children:T.formatMessage(E.coverLabel)}),(0,M.jsxs)(j,{children:[(0,M.jsx)(_,{children:R?(0,M.jsx)("img",{src:R,alt:T.formatMessage(E.coverLabel)}):(0,M.jsx)(O,{name:"imagePlaceholder"})}),(0,M.jsxs)(z,{children:[(0,M.jsx)(A,{$isError:!!B,children:null!=B?B:T.formatMessage(E.coverHint)}),(0,M.jsx)(d.$n,{type:"button",buttonType:"secondary",onClick:function(){var e;return null==(e=ev.current)?void 0:e.click()},children:T.formatMessage(E.coverButton)}),(0,M.jsx)(C,{ref:ev,id:eb,type:"file",accept:"image/*",onChange:F})]})]})]}),(0,M.jsx)(P,{type:"submit",buttonType:"primary",buttonSize:"large",disabled:ej,loading:ep,wide:!0,$isEditMode:D,children:null!=f?f:T.formatMessage(E.submitLabel)})]})]})};let L=S},68952:(e,r,t)=>{t.d(r,{A:()=>s});var n=t(42969);t(14232);var i=t(5646),o=t(37876);function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function s(e){return function(r){var t=r.children,s=r.styleProps;return(0,o.jsx)(i.NP,{theme:e(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};

1r%2?a(Object(t),!0).forEach(function(r){(0,n.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({},s)),children:(0,o.jsx)(o.Fragment,{children:t})})}}},78227:(e,r,t)=>{t.d(r,{A:()=>O});var n,i,o=t(42969),a=t(59860),s=t(14232),c=t(32228),l=t(5646),d=t(68952);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}var p=l.Ay,f=l.AH,m=function(e){var r=e.disabled,t=e.hasError,n=e.theme;return t?n.co.error60:r?n.co.secondary90:n.co.neutral20},g=(0,d.A)(function(e){var r=e.hasError,t=e.disabled,n=e.large;return function(e){return function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach(function(r){(0,o.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({inputBackground:e.co.neutral99,animationTiming:"300ms cubic-bezier(0, 1, 0.75, 1)",borderColor:m({disabled:t,hasError:r,theme:e}),placeholderColor:r&&t?e.co.error80:r?e.co.error60:t?e.co.neutral90:e.co.secondary60,inputBorderRadius:n?e.bo.medium:e.bo.small,errorOpacity:r?"0":"1",errorColour:e.co.error50,paddingVertical:n?e.sz.s4:e.sz.s2,paddingHorizontal:n?e.sz.s4:e.sz.s2},e)}}),h=p.div.withConfig({componentId:"sc-19t20v3-0"})(["position:relative;"]),b=p.input.withConfig({componentId:"sc-19t20v3-1"})(function(e){var r=e.theme;return f(n||(n=(0,c.A)(["\n    background-color: ",";\n    border-radius: ",";\n    border: 2px solid ",";\n    font-size: inherit;\n    margin-top: ",";\n    position: relative;\n    padding: "," ",";\n    width: 100%;\n    z-index: ",";\n\n    &::placeholder {\n      color: ",";\n    }\n  "])),r.co.neutral99,r.inputBorderRadius,r.borderColor,r.sz.s2,r.paddingVertical,r.paddingVertical,r.zi.z5,r.placeholderColor)}),v=p.div.withConfig({componentId:"sc-19t20v3-2"})(["pointer-events:none;position:relative;display:block;width:100%;z-index:",";opacity:",";transition:transform ",",opacity ",";opacity:",";transform:translateY(",");"],function(e){return e.theme.zi.z4},function(e){return e.theme.errorOpacity},function(e){return e.theme.animationTiming},function(e){return e.theme.animationTiming},function(e){return e.hidden?"0":"1"},function(e){return e.hidden?"0":"-100%"}),y=p.div.withConfig({componentId:"sc-19t20v3-3"})(function(e){var r=e.theme,t="calc( ".concat(r.inputBorderRadius,")\n      ").concat(r.sz.s2," ").concat(r.sz.s1,"\n      ").concat(r.paddingHorizontal);return f(i||(i=(0,c.A)(["\n    align-items: center;\n    background-color: ",";\n    border-bottom-left-radius: ",";\n    border-bottom-right-radius: ",";\n    color: ",";\n    display: flex;\n    font-size: ",";\n    font-weight: ",";\n    margin-top: -",";\n    padding: ",";\n    position: absolute;\n    width: 100%;\n  "])),r.errorColour,r.inputBorderRadius,r.inputBorderRadius,r.co.neutral99,r.DEPRECATED_ty.smaller,r.DEPRECATED_ty.bold,r.inputBorderRadius,t)}),w=t(37876),x=["error","large","disabled","as"];function j(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}var _=(0,s.forwardRef)(function(e,r){var t=e.error,n=e.large,i=e.disabled,s=e.as,c=(0,a.A)(e,x);return(0,w.jsx)(g,{styleProps:{hasError:!!t,disabled:i,large:n},children:(0,w.jsxs)(h,{children:[(0,w.jsx)(b,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?j(Object(t),!0).forEach(function(r){(0,o.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({ref:r,as:s,disabled:i},c)),(0,w.jsx)(v,{hidden:!t,children:(0,w.jsx)(y,{children:t||""},"input-error")})]})})});_.displayName="Input";let O=_},94215:(e,r,t)=>{t.d(r,{r:()=>n});var n=function(e){return!!e&&["en","en-us"].includes(e.toLowerCase())}}}]);
2//# sourceMappingURL=4911-c503b9f00bb52254.js.map