react-quizzes-fork
Version:
React quizz/form builder and delivery solution
2 lines • 20.6 kB
JavaScript
(this["webpackJsonpreact-quizzes-fork"]=this["webpackJsonpreact-quizzes-fork"]||[]).push([[0],{188:function(e,t,a){},244:function(e){e.exports=JSON.parse('{"toolbox.textinput.name":"Text Input","toolbox.headertext.name":"Header Text","toolbox.label.name":"Label","toolbox.divider.name":"Divider","toolbox.select.name":"Select","toolbox.tags.name":"Tags","toolbox.checkboxes.name":"Checkboxes","toolbox.radiobuttons.name":"Radio Buttons","toolbox.numberinput.name":"Number Input","toolbox.multilineinput.name":"Multi-line Input","toolbox.datepicker.name":"Date Picker","toolbox.slider.name":"Slider","toolbox.rangepicker.name":"Range Picker","toolbox.rate.name":"Rating","btn.cancel":"Cancel","btn.save":"Save","btn.submit":"Submit","settings.form.questions":"Questions","settings.form.options":"Options","settings.form.required":"Required","confirm.action":"Are you sure\uff1f","btn.yes":"Yes","btn.no":"No","btn.add":"Add"}')},245:function(e){e.exports=JSON.parse('{"toolbox.textinput.name":"Entrada de texto","toolbox.headertext.name":"Header","toolbox.label.name":"Label","toolbox.divider.name":"Divisor","toolbox.select.name":"Selector","toolbox.tags.name":"Etiquetas","toolbox.checkboxes.name":"Checkboxes","toolbox.radiobuttons.name":"Opci\xf3n m\xfaltiple","toolbox.numberinput.name":"Entrada num\xe9rica","toolbox.multilineinput.name":"Pregunta abierta","toolbox.datepicker.name":"Selector de fecha","toolbox.slider.name":"Deslizador","toolbox.rangepicker.name":"Selector de rango","toolbox.rate.name":"Calificaci\xf3n","btn.cancel":"Cancelar","btn.save":"Guardar","btn.submit":"Enviar","settings.form.questions":"Pregunta","settings.form.options":"Opciones","settings.form.required":"Requerido","confirm.action":"\xbfEst\xe1s seguro?","btn.yes":"S\xed","btn.no":"No","btn.add":"Agregar","settings.form.image":"Agrega una imagen a la pregunta"}')},258:function(e,t,a){e.exports={settingsForm:"drawer_settingsForm__1_SNr",dropdownLanguages:"drawer_dropdownLanguages__3BI1B"}},268:function(e,t,a){e.exports=a(518)},269:function(e,t,a){},442:function(e,t,a){},518:function(e,t,a){"use strict";a.r(t);var n=a(25),r=(a(269),a(188),a(37)),o=a(521),i=a(0),l=a.n(i),c=a(60),u=a(141),s=a(38),m=a.n(s);function d(e){return m()(e)}function g(e,t){switch(t.type){case"ADD_ELEMENT":var a=d(e),n=a.get("data"),r=t.item;return n.push(r),a.set("data",n);case"DELETE_ELEMENT":for(var o=d(e),i=o.get("data"),l=t.id,c=0;c<i.length;c++){i[c].id===l&&i.splice(c,1)}return o.set("data",i);case"PATCH_ELEMENT":for(var u=d(e),s=u.get("data"),m=t.id,g=t.newitem,p=0;p<s.length;p++){var f=s[p];if(f.id===m){s[p]=Object.assign(f,g);break}}return u.set("data",s);case"MOVE_ELEMENT":var b=d(e),E=b.get("data"),v=t.newIndex,h=t.oldIndex;if(v>=E.length)for(var x=v-E.length+1;x--;)E.push(void 0);return E.splice(v,0,E.splice(h,1)[0]),b.set("data",E);default:throw new Error("unkown reducer action type")}}var p=a(47),f=a(40),b=a(263),E=a(244),v=a(245),h=b.a.validate,x={en:E,es:v};var y=Object(i.memo)((function(e){var t=e.id,a=Object(i.useContext)(R),n=a.messages,r=a.language;if("string"!==typeof r||!h(r)){var o="language supplied not string or not complience with ISO";throw console.error(o),o}if("object"!==typeof n||!n.hasOwnProperty(r)){throw console.error("messages not object or does not include current language"),"messages not object or does not include current language"}var c="";if(n[r].hasOwnProperty(t))c=n[r][t];else{console.error("id not found in current language messages"),c=t}return l.a.createElement("span",{className:"translated"},c)})),O=a(181),q=a(10),j=a(248),C=a(99),w=a(59),k=Object(i.forwardRef)((function(e,t){var a=e.form,n=e.inputData,r=e.language,o=n.required,i=n.questions,c=n.defaultValue,u=n.id,s=n.options,m=a.getFieldDecorator;return l.a.createElement(w.a,{colon:!1,label:l.a.createElement("label",{dangerouslySetInnerHTML:{__html:i[r]||"No hay una pregunta para el lenguaje seleccionado"}})},l.a.createElement("div",null,n.imageUrl&&n.imageUrl.length>0&&l.a.createElement("img",{style:{marginBottom:"1rem",marginTop:"1rem",borderRadius:"10px",objectFit:"cover",objectPosition:"center"},src:n.imageUrl,alt:""})),m(u,{initialValue:c,rules:[{required:o,message:"Campo requerido"}]})(l.a.createElement(j.a,null,s.map((function(e){return l.a.createElement(C.a,{key:e.value,value:e.value,style:{whiteSpace:"normal"}},e.text[r])})))))})),L=a(262),D=Object(i.forwardRef)((function(e,t){var a=e.form,n=e.inputData,r=e.language,o=n.required,i=n.questions,c=n.id,u=n.defaultValue,s=a.getFieldDecorator;return l.a.createElement(w.a,{colon:!1,label:l.a.createElement("label",{dangerouslySetInnerHTML:{__html:i[r]||"No hay una pregunta para el lenguaje seleccionado"}})},l.a.createElement("div",null,n.imageUrl&&n.imageUrl.length>0&&l.a.createElement("img",{style:{marginBottom:"1rem",marginTop:"1rem",borderRadius:"10px",objectFit:"cover",objectPosition:"center"},src:n.imageUrl,alt:""})),s(c,{initialValue:u,rules:[{required:o,message:"Campo requerido"}]})(l.a.createElement(L.a,{ref:t,autoSize:!0})))})),S=function(){return l.a.createElement("svg",{viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},l.a.createElement("defs",null,l.a.createElement("style",{type:"text/css"})),l.a.createElement("path",{d:"M506.892 81.849c-241.603 0-439.276 197.674-439.276 439.276 0 241.598 197.674 439.271 439.276 439.271 241.598 0 439.269-197.674 439.269-439.271 0-241.603-197.674-439.276-439.269-439.276z m0 834.618c-219.637 0-395.348-175.709-395.348-395.342 0-219.637 175.709-395.348 395.348-395.348 219.633 0 395.342 175.709 395.342 395.348-0.001 219.633-175.711 395.342-395.342 395.342z m0 0z","p-id":"2146",fill:""}),l.a.createElement("path",{d:"M287.253 521.124c0 28.751 5.714 57.488 16.719 84.049 11.002 26.562 27.28 50.929 47.611 71.255 20.331 20.331 44.69 36.609 71.255 47.612 26.559 11.006 55.301 16.718 84.053 16.718 28.751 0 57.488-5.714 84.049-16.718 26.562-11.003 50.929-27.282 71.255-47.612 20.331-20.327 36.609-44.69 47.612-71.255 11.006-26.56 16.718-55.299 16.718-84.049 0-28.752-5.714-57.494-16.718-84.053-11.003-26.563-27.282-50.925-47.612-71.255-20.327-20.331-44.69-36.609-71.255-47.611-26.56-11.007-55.299-16.719-84.049-16.719-28.752 0-57.494 5.714-84.053 16.719-26.563 11.002-50.925 27.28-71.255 47.611-20.331 20.331-36.609 44.69-47.611 71.255-11.007 26.559-16.719 55.301-16.719 84.053z m0 0z","p-id":"2147",fill:""}))},T=function(){return l.a.createElement("svg",{viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},l.a.createElement("defs",null,l.a.createElement("style",{type:"text/css"})),l.a.createElement("path",{d:"M64 832m64 0l768 0q64 0 64 64l0 0q0 64-64 64l-768 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6718",fill:""}),l.a.createElement("path",{d:"M64 64m64 0l256 0q64 0 64 64l0 0q0 64-64 64l-256 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6719",fill:""}),l.a.createElement("path",{d:"M192 192h128v320a64 64 0 0 1-64 64 64 64 0 0 1-64-64V192z","p-id":"6720",fill:""}),l.a.createElement("path",{d:"M576 64m64 0l256 0q64 0 64 64l0 0q0 64-64 64l-256 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6721",fill:""}),l.a.createElement("path",{d:"M576 448m64 0l256 0q64 0 64 64l0 0q0 64-64 64l-256 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6722",fill:""}),l.a.createElement("path",{d:"M576 256m64 0l256 0q64 0 64 64l0 0q0 64-64 64l-256 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6723",fill:""}),l.a.createElement("path",{d:"M64 640m64 0l768 0q64 0 64 64l0 0q0 64-64 64l-768 0q-64 0-64-64l0 0q0-64 64-64Z","p-id":"6724",fill:""}))};var N=function(){var e={es:"Pregunta ejemplo"};return[{key:"RadioButtons",name:"toolbox.radiobuttons.name",questions:e,options:[{value:"1",text:Object(c.a)({},e)}],icon:l.a.createElement(O.a,null,l.a.createElement(q.a,{component:S})),field_name:"radiobuttons_",Component:k},{key:"MultiLineInput",name:"toolbox.multilineinput.name",questions:e,icon:l.a.createElement(O.a,null,l.a.createElement(q.a,{component:T})),field_name:"multilineinput_",Component:D}]};function M(e){var t=e.messages,a=e.language,n=e.toolBox;return{messages:t||x,language:a||"es",toolBox:n||N()}}var R=Object(i.createContext)(M({})),I=a(148),z=a(250),_=a.n(z),B=I.a.Item,F=I.a.Item.Meta,P=function(){var e=Object(i.useContext)(R),t=e.dispatch,a=e.toolBox;return l.a.createElement(I.a,{itemLayout:"horizontal",style:{margin:"5px"},dataSource:a,renderItem:function(e){return l.a.createElement(B,{onClick:function(){return function(e){var a={id:_()(),element:e.key,required:!0,questions:e.questions};e.options&&(a.options=e.options),t(function(e){return{type:"ADD_ELEMENT",item:e}}(a))}(e)}},l.a.createElement(F,{avatar:e.icon,title:l.a.createElement(y,{id:e.name}),description:e.description?l.a.createElement(y,{id:e.description}):null}))}})},A=a(522),V=a(523),U="card",H=function(e){var t=e.id,a=e.index,r=e.moveCard,o=e.children,c=Object(i.useRef)(null),u=Object(A.a)({accept:U,hover:function(e,t){var n;if(c.current){var o=e.index,i=a;if(o!==i){var l=null===(n=c.current)||void 0===n?void 0:n.getBoundingClientRect(),u=(l.bottom-l.top)/2,s=t.getClientOffset().y-l.top;o<i&&s<u||o>i&&s>u||(r(o,i),e.index=i)}}}}),s=Object(n.a)(u,2)[1],m=Object(V.a)({item:{type:U,id:t,index:a},collect:function(e){return{isDragging:e.isDragging()}}}),d=Object(n.a)(m,2),g=d[0].isDragging?0:1;return(0,d[1])(s(c)),l.a.createElement("div",{ref:c,style:{opacity:g}},o)},Z=a(62),J=a(184),W=a(252),Y=function(e){var t=Object(i.useContext)(R).dispatch;return l.a.createElement(W.a,{arrowPointAtCenter:!0,placement:"bottom",onConfirm:function(){return t({type:"DELETE_ELEMENT",id:e.id})},title:l.a.createElement(y,{id:"confirm.action"}),okText:l.a.createElement(y,{id:"btn.yes"}),cancelText:l.a.createElement(y,{id:"btn.no"})},l.a.createElement(r.a,{type:"danger",icon:"delete",shape:"circle"}))},G=function(e){return l.a.createElement(r.a,Object.assign({type:"primary",icon:"edit",shape:"circle"},e))},K=a(261),Q=function(e){var t=e.onClose,a=e.onSubmit;return l.a.createElement(f.a,{span:24,style:{textAlign:"right"}},l.a.createElement(r.a,{onClick:t,style:{marginRight:8}},l.a.createElement(y,{id:"btn.cancel"})),l.a.createElement(r.a,{onClick:a,type:"primary"},l.a.createElement(y,{id:"btn.save"})))},X=a(81),$=a(82),ee=a(142),te=a(139),ae=a(524),ne=a(128),re=a(87),oe=a(253),ie=(a(441),a(442),a(443)),le=Object(i.forwardRef)((function(e,t){var a=e.value,r=e.onChange,o=e.currentLanguage,u=Object(re.convertFromHTML)(a[o]||""),s=re.ContentState.createFromBlockArray(u.contentBlocks,u.entityMap),m=Object(i.useState)((function(){return re.EditorState.createWithContent(s)})),d=Object(n.a)(m,2),g=d[0],p=d[1];return l.a.createElement("div",{style:{width:"100%",backgroundColor:"white"}},l.a.createElement(oe.Editor,{editorState:g,onEditorStateChange:function(e){p(e),r(Object(c.a)(Object(c.a)({},a),{},Object(ne.a)({},o,ie(Object(re.convertToRaw)(e.getCurrentContent())))))},toolbar:{options:["inline","blockType","list"],blockType:{inDropdown:!1},inline:{inDropdown:!0},list:{inDropdown:!0},textAlign:{inDropdown:!0}},placeholder:"Escribe aqu\xed...",editorClassName:"wysiwyg-editor"}))})),ce=a(183),ue=a(36),se=a(61),me=a(138),de=function(e){var t=e.children,a=e.title;return l.a.createElement(me.a,{title:a||"empty"},l.a.createElement(q.a,{type:"info-circle",theme:"twoTone"}),"\xa0",l.a.createElement("span",null,t))},ge=a(185),pe=function(e){var t=e.onAdd,a=e.languagesList,r=e.existingOptions,o=Object(i.useState)(!1),c=Object(n.a)(o,2),u=c[0],s=c[1],d=Object(i.useState)({text:{}}),g=Object(n.a)(d,2),p=g[0],f=g[1];function b(){s(!1)}return l.a.createElement(i.Fragment,null,l.a.createElement(se.a,{icon:"plus",onClick:function(){s(!0)}},l.a.createElement(y,{id:"btn.add"})),l.a.createElement(K.a,{title:"Agregar nueva opci\xf3n",width:150,onClose:b,visible:u,destroyOnClose:!0},l.a.createElement(w.a,{label:"Texto"},a.map((function(e,t){return l.a.createElement(i.Fragment,{key:t},l.a.createElement(ue.a,{onChange:function(t){return function(e,t){var a=m()(p),n=r[r.length-1];a.value="".concat(parseInt(n.value)+1),t&&(a.text[t]=e.target.value),f(a)}(t,e)}}))}))),l.a.createElement(Q,{onClose:b,onSubmit:function(){for(var e=p.value,n=Object.values(p.text),o=0;o<r.length;o++){if(e===r[o].value)return ge.a.error("Esta opci\xf3n ya existe")}n.length===a.length?(t(p),b()):ge.a.error("Todos los campos son requeridos")}})))},fe=ce.a.TabPane,be=Object(i.forwardRef)((function(e,t){var a=e.value,n=e.onChange,r=e.currentLanguage,o=e.setLanguage,i=e.languagesList;function c(e,t,r){var o=m()(a);r?o[e].text[r]=t:o[e].value=t,n(o)}return l.a.createElement(p.a,null,l.a.createElement(p.a,null,l.a.createElement(pe,{existingOptions:a,languagesList:i,onAdd:function(e){var t=m()(a);t.push(e),n(t)}})),l.a.createElement(p.a,null,l.a.createElement(f.a,{xs:16,sm:12},l.a.createElement(de,{title:"Es el texto que se mostrar\xe1 en la opci\xf3n"},"Texto:"),l.a.createElement(ce.a,{onChange:o,activeKey:r,renderTabBar:function(){return l.a.createElement("div",null)}},i.map((function(e){return l.a.createElement(fe,{tab:e,key:e},a.map((function(t,a){return l.a.createElement(ue.a,{key:a,value:t.text[e],onChange:function(t){return c(a,t.target.value,e)}})})))})))),l.a.createElement(f.a,{xs:8,sm:12},l.a.createElement(de,{title:"Selecciona la respuesta para indicar que es correcta"},"Correcta"),a.map((function(e,t){return l.a.createElement(p.a,{key:t},l.a.createElement(f.a,{style:{textAlign:"center"},span:4},l.a.createElement(se.a,{style:a[t].isCorrect?{background:"green",color:"white"}:{},icon:"check",shape:"circle",onClick:function(){return function(e){var t=m()(a),r=t[e];r.isCorrect?delete r.isCorrect:r.isCorrect=!0,n(t)}(t)}})),l.a.createElement(f.a,{style:{textAlign:"center"},span:4},t>0?l.a.createElement(se.a,{type:"danger",icon:"delete",shape:"circle",onClick:function(){return function(e){var t=m()(a);t.splice(e,1),n(t)}(t)}}):null))})))))})),Ee=function(e){Object(ee.a)(a,e);var t=Object(te.a)(a);function a(e){var n;Object(X.a)(this,a),(n=t.call(this,e)).setLanguage=function(e){n.setState({currentLanguage:e})},n.onNewLanguage=function(e){var t=n.props,a=t.form,r=t.inputData,o=a.setFieldsValue,i=a.getFieldsValue,l=["questions"];r.options&&l.push("options");var c=m()(i(l)),u=c.questions,s=c.options;if(u[e]="",s)for(var d=0;d<s.length;d++)s[d].text[e]="";o({questions:u,options:s}),n.setState({languagesList:Object.keys(u)})},n.onRemoveLanguage=function(e){var t=n.props,a=t.form,r=t.inputData,o=a.setFieldsValue,i=a.getFieldsValue,l=["questions"];r.options&&l.push("options");var c=m()(i(l)),u=c.questions,s=c.options;if(delete u[e],s)for(var d=0;d<s.length;d++)delete s[d].text[e];var g=Object.keys(u);n.setState({currentLanguage:g[0],languagesList:g},(function(){o({questions:u,options:s})}))},n.onImageUrlChange=function(e){(0,n.props.form.setFieldsValue)({imageUrl:e})};var r=Object.keys(e.inputData.questions);return n.state={languagesList:r,currentLanguage:r[0]},n}return Object($.a)(a,[{key:"render",value:function(){var e=this,t=this.props,a=t.form,n=t.inputData,r=this.state,o=r.currentLanguage,i=r.languagesList,c=a.getFieldDecorator,u=n.questions,s=n.required,m=n.options,d=n.imageUrl;return l.a.createElement(J.a,{layout:"vertical"},l.a.createElement(J.a.Item,{label:l.a.createElement(y,{id:"settings.form.questions"})},c("questions",{initialValue:u,rules:[{required:!0,message:"Required field"}]})(l.a.createElement(le,{currentLanguage:o,setLanguage:this.setLanguage,onNewLanguage:this.onNewLanguage,onRemoveLanguage:this.onRemoveLanguage}))),l.a.createElement(J.a.Item,{label:l.a.createElement(y,{id:"settings.form.image"})},c("imageUrl",{initialValue:d})(l.a.createElement(ue.a,{style:{marginBottom:"2rem"},placeholder:"URL de imagen",onChange:function(t){return e.onImageUrlChange(t.target.value)}}))),m?l.a.createElement(J.a.Item,{label:l.a.createElement(y,{id:"settings.form.options"})},c("options",{initialValue:m,rules:[{required:!0,message:"Required field"}]})(l.a.createElement(be,{languagesList:i,currentLanguage:o}))):null,l.a.createElement(J.a.Item,null,c("required",{initialValue:s,valuePropName:"checked"})(l.a.createElement(ae.a,{style:{visibility:"hidden"}},l.a.createElement(y,{id:"settings.form.required"})))))}}]),a}(i.PureComponent),ve=J.a.create()(Ee),he=a(258),xe=a.n(he);function ye(e){var t=e.closeDrawer,a=e.showDrawer,n=e.toolboxData,r=e.inputData,o=Object(i.useContext)(R).dispatch,c=Object(i.useRef)();return l.a.createElement(K.a,{title:l.a.createElement(y,{id:n.name}),onClose:t,visible:a,destroyOnClose:!0,className:xe.a.settingsForm},l.a.createElement(p.a,{style:{height:"90%",overflowY:"auto"}},l.a.createElement(ve,{wrappedComponentRef:c,toolboxData:n,inputData:r})),l.a.createElement(p.a,{type:"flex",justify:"space-between",align:"bottom",style:{height:"10%"}},l.a.createElement(Q,{onClose:t,onSubmit:function(e){e.preventDefault(),(0,c.current.props.form.validateFields)((function(e,a){e||(o({type:"PATCH_ELEMENT",id:r.id,newitem:a}),t())}))}})))}var Oe=function(e){var t=Object(i.useState)(!1),a=Object(n.a)(t,2),r=a[0],o=a[1];return l.a.createElement(i.Fragment,null,l.a.createElement(ye,Object.assign({},e,{closeDrawer:function(){o(!1)},showDrawer:r})),l.a.createElement(G,{onClick:function(){o(!0)}}))},qe=function(e){var t=e.toolboxData,a=e.inputData;return l.a.createElement("div",{className:"ElementWrapper"},l.a.createElement(p.a,null,l.a.createElement(f.a,{xs:24,sm:18},l.a.createElement(y,{id:t.name})),l.a.createElement(f.a,{xs:24,sm:6,style:{textAlign:"right"}},l.a.createElement(Oe,e),"\xa0",l.a.createElement(Y,{id:a.id}))),l.a.createElement(p.a,null,e.children))},je=a(520),Ce=a(260);var we=J.a.create()((function(e){var t=Object(i.useContext)(R),a=t.state,n=t.toolBox,r=t.language,o=t.dispatch,c=e.form,u=a.get("data");function s(e,t){o({type:"MOVE_ELEMENT",oldIndex:e,newIndex:t})}return l.a.createElement(J.a,null,l.a.createElement(je.a,{backend:Ce.a},u.map((function(e,t){var a=e.element,o=n.find((function(e){return a===e.key})),i=o?o.Component:Z.a;return l.a.createElement(H,{key:e.id,index:t,id:e.id,moveCard:s},l.a.createElement(qe,{toolboxData:o,inputData:e,key:e.id},l.a.createElement(i,{form:c,toolboxData:o,inputData:e,language:r})))}))))})),ke=a(259),Le=a.n(ke),De=["onChange","initialValue"],Se=Object(i.memo)((function(e){var t=e.onChange,a=e.initialValue,r=Object(u.a)(e,De),o=Object(i.useReducer)(g,function(e){return new Map([["data",e||[]]])}(a)),s=Object(n.a)(o,2),m=s[0],d=s[1],b=Object(c.a)(Object(c.a)({},M(r)),{},{state:m,dispatch:d}),E=m.get("data"),v=function(e){var t=Object(i.useRef)();return Object(i.useEffect)((function(){t.current=e}),[e]),t.current}(E);return Object(i.useEffect)((function(){"function"===typeof t&&v&&!Le()(v,E)&&t(E)}),[t,E,v]),l.a.createElement("div",{className:"react-quizzes-builder"},l.a.createElement(R.Provider,{value:b},l.a.createElement(p.a,{style:{height:"100%"}},l.a.createElement(f.a,{xs:24,order:0},l.a.createElement(P,null)),l.a.createElement(f.a,{xs:24,order:1,style:{height:"100%"}},l.a.createElement(we,null)))))})),Te=["form","data","submitButton"],Ne=function(e){Object(ee.a)(a,e);var t=Object(te.a)(a);function a(){return Object(X.a)(this,a),t.apply(this,arguments)}return Object($.a)(a,[{key:"handleSubmit",value:function(e){e.preventDefault();var t=this.props,a=t.onSubmit;t.form.validateFields((function(e,t){e||"function"===typeof a&&a(t)}))}},{key:"render",value:function(){var e=this.props,t=e.form,a=e.data,n=e.submitButton,o=M(Object(u.a)(e,Te));return l.a.createElement("div",{className:"react-quizzes-quizz"},l.a.createElement(R.Provider,{value:o},l.a.createElement(J.a,{className:"react-quizzes-quizz"},a.map((function(e){var a=e.element,n=o.toolBox.find((function(e){return a===e.key})),r=n?n.Component:Z.a;return l.a.createElement("div",{key:e.id},l.a.createElement(r,{key:e.id,form:t,toolboxData:n,inputData:e,language:o.language}))})),n?l.a.createElement(J.a.Item,null,l.a.createElement(r.a,{type:"primary",htmlType:"submit",onClick:this.handleSubmit.bind(this)},l.a.createElement(y,{id:"btn.submit"}))):null)))}}]),a}(i.PureComponent);Ne.defaultProps={submitButton:!0};var Me=J.a.create()(Ne),Re=a(6);function Ie(){var e=Object(i.useState)([]),t=Object(n.a)(e,2),a=t[0],c=t[1],u=Object(i.useState)(!1),s=Object(n.a)(u,2),m=s[0],d=s[1];return l.a.createElement("div",{className:"App"},l.a.createElement(r.a,{onClick:function(){return d(!0)}},"Preview Form"),l.a.createElement(o.a,{title:"Preview Form",style:{top:20},visible:m,onCancel:function(){return d(!1)},destroyOnClose:!0},l.a.createElement(Me,{data:a,onSubmit:function(e){return console.log("form submit values",e)}})),l.a.createElement(Se,{onChange:c}))}a.n(Re).a.render(l.a.createElement(Ie,null),document.getElementById("root"))}},[[268,1,2]]]);
//# sourceMappingURL=main.5f925537.chunk.js.map