(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1628],{28309:function(e,a,t){"use strict";t.d(a,{default:function(){return c}});var s=t(57437),r=t(2265),n=t(51413),i=t(99842),l=t(4472),d=t(21062);function c(e){let{deckFields:a,index:t,createdCards:c,setCreatedCards:u}=e,[o,h]=(0,r.useState)(!1),f=(0,r.useRef)(null),m=e=>{e.preventDefault(),h(!o)};return(0,s.jsxs)(s.Fragment,{children:[a.map((e,a)=>(0,s.jsx)("div",{children:(0,s.jsx)(d.ip,{fieldValue:e.card_value,fieldType:e.type,wasManuallyUpdated:e.was_manually_updated,isAIGenerated:e.is_ai_generated,cardFieldId:0,cardFieldRealTimeChanges:[]})},"field-".concat(t,"-").concat(a))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{ref:f,children:(0,s.jsx)(n.zx,{style:"transparent",onClick:e=>m(e),children:(0,s.jsx)(i.Z,{})})})}),(0,s.jsx)(n.h_,{buttonContainerRef:f,isOpen:o,setIsOpen:h,isAlignedRight:!0,children:(0,s.jsx)("ul",{children:(0,s.jsx)("li",{children:(0,s.jsxs)(n.zx,{type:"submit",style:"transparent",isFullWidth:!0,isDanger:!0,onClick:()=>{let e=c.filter((e,a)=>a!==t);h(!1),u(e)},children:[(0,s.jsx)(l.Z,{}),"Delete"]})})})})]})}},10610:function(e,a,t){"use strict";t.d(a,{default:function(){return f}});var s=t(57437),r=t(38262),n=t(2265),i=t(81822),l=t(49911),d=t(51413),c=t(98488),u=t(44130),o=t.n(u),h=t(138);function f(){let[e,a]=(0,n.useState)(i.iW),[t,u]=(0,n.useState)([]),[f,m]=(0,n.useState)([]),[_,p]=(0,n.useState)(!1),[x,v]=(0,n.useState)(!1),{addMessage:g}=(0,r.UD)(),j=(0,c.Ao)(e);return(0,n.useEffect)(()=>{m(e.map(e=>({...e,is_in_layout:!0,is_layout_active:!0,is_layout_primary:!0})))},[e]),(0,n.useEffect)(()=>{let e=localStorage.getItem("maker_deck");e&&(u(JSON.parse(e)),a(JSON.parse(e)[0].map(e=>({...e,card_value:"",was_manually_updated:!1}))))},[]),(0,n.useEffect)(()=>{if(0===t.length){localStorage.removeItem("maker_deck");return}localStorage.setItem("maker_deck",JSON.stringify(t))},[t,e]),(0,s.jsxs)(h.tY,{deckFields:e,createdCards:t,setCreatedCards:u,children:[(0,s.jsx)(h.vm,{createdCards:t,setIsSignupModalOpen:p}),(0,s.jsx)("div",{className:o().hero,children:(0,s.jsxs)("div",{className:"container container-sm",children:[(0,s.jsxs)("div",{className:"flex align-items-center justify-content-space-between",children:[(0,s.jsx)("h1",{children:"Flashcards Maker"}),(0,s.jsx)(d.zx,{onClick:()=>v(!0),size:"sm",className:"".concat(o()["clear-button"]," ").concat(t.length>0&&o().visible),children:"Clear all"})]}),(0,s.jsx)(d.QE,{level:3,hasMargin:!1,children:"Create your first flashcards with Recall."}),(0,s.jsxs)("div",{className:"mt-2",children:[(0,s.jsx)(l.BJ,{deckFields:e,setDeckFields:a}),(0,s.jsxs)("div",{className:"flex align-items-center mt-15",children:[(0,s.jsx)(d.zx,{onClick:()=>{if(j){g({type:"error",text:j});return}u([...t,e]),a(e.map(e=>({...e,card_value:"",was_manually_updated:!1})))},disabled:t.length>=5,size:"lg",style:"primary",children:"Create card"}),t.length>=5&&(0,s.jsxs)("div",{className:"ml-1",children:[(0,s.jsx)("a",{onClick:()=>p(!0),children:"Sign up"})," to save your deck and access the full editor."]})]})]}),t.length>0&&(0,s.jsxs)("div",{className:"mb-10",children:[(0,s.jsx)("h2",{className:"mt-3 mb-15",children:"Cards"}),(0,s.jsx)(h.Ld,{createdCards:t,setCreatedCards:u})]}),0===t.length&&(0,s.jsx)("div",{className:o().empty,children:"Your cards will appear here."})]})}),(0,s.jsx)(h.tF,{isOpen:_,setIsOpen:p,createdCards:t,createdLayouts:[f]}),(0,s.jsx)(h.F0,{isOpen:x,setIsOpen:v,setCreatedCards:u})]})}},88876:function(e,a,t){"use strict";t.d(a,{default:function(){return n}});var s=t(57437),r=t(2265);function n(e){let{deckFields:a,createdCards:t,setCreatedCards:n,children:i}=e,l=(0,r.useRef)(void 0);return(0,r.useEffect)(()=>{if(0!==t.length){if(n(t.map(e=>e.map((e,t)=>({...a[t],card_value:e.card_value,was_manually_updated:e.was_manually_updated})))),a.length>t[0].length){let e=a[a.length-1];n(t.map(a=>[...a,e]))}if(a.length<t[0].length){var e;let s=null===(e=t[0].find(e=>!a.find(a=>a.unique_id===e.unique_id)))||void 0===e?void 0:e.unique_id;n(t.map(e=>e.filter(e=>e.unique_id!==s)))}}},[a]),(0,r.useEffect)(()=>{if(!l.current)return},[JSON.stringify(a.map(e=>[e.ai_type,e.ai_generated_from_field_uids,e.ai_language_from,e.ai_language_to,e.was_manually_updated]))]),(0,s.jsx)("div",{children:i})}},44732:function(e,a,t){"use strict";t.d(a,{default:function(){return h}});var s=t(57437),r=t(51413),n=t(2265),i=t(38262),l=t(36563),d=t.n(l),c=t(98488);t(74590);var u=(0,t(58064).$)("ebc7d906e4986e945b950076b64ce41f94e896d1"),o=t(67728);function h(e){let{isOpen:a,setIsOpen:t,createdCards:l,createdLayouts:h,deckName:f,deckId:m}=e,[_,p]=(0,n.useState)(""),[x,v]=(0,n.useState)(""),{addMessage:g}=(0,i.UD)(),j=async()=>{let e=(0,c.Mo)(_,x);if(e){g({type:"error",text:e});return}let a=m?{from:"shared_deck",shared_deck_id:m}:{from:"maker",maker_cards_created:l.length};o.n.track("signup_started",a);let t=Intl.DateTimeFormat().resolvedOptions().timeZone,s=await u(_,x,t,l,h,f);if(null==s?void 0:s.error){g({type:"error",text:s.error});return}};return(0,s.jsxs)(r.u_,{title:"Create your account",titleSize:"lg",isOpen:a,setIsOpen:t,children:[(0,s.jsx)("div",{className:d().tagline,children:"It's free."}),(0,s.jsxs)("form",{action:j,children:[(0,s.jsxs)(r.X1,{isVisible:a,children:[l.length>0&&(0,s.jsxs)("div",{className:d().deck,children:[(0,s.jsx)("strong",{children:f||"My first deck"}),(0,s.jsxs)("span",{children:[l.length," flashcard",l.length>1?"s":""]})]}),(0,s.jsxs)("div",{className:"input-group mb-1",children:[(0,s.jsx)("label",{htmlFor:"signup-email-field",children:"Email"}),(0,s.jsx)("input",{id:"signup-email-field",type:"email",required:!0,className:"input-lg input-width-full",onChange:e=>p(e.target.value)})]}),(0,s.jsxs)("div",{className:"input-group mb-1",children:[(0,s.jsx)("label",{htmlFor:"signup-password-field",children:"Create a password"}),(0,s.jsx)("input",{id:"signup-password-field",type:"password",required:!0,min:8,className:"input-lg input-width-full",onChange:e=>v(e.target.value)})]})]}),(0,s.jsx)("footer",{children:(0,s.jsx)(r.zx,{type:"submit",isFullWidth:!0,size:"lg",style:"primary",children:"Create account"})})]})]})}},138:function(e,a,t){"use strict";t.d(a,{zh:function(){return c.default},Ld:function(){return d},F0:function(){return n},tY:function(){return u.default},vm:function(){return _},tF:function(){return p.default}});var s=t(57437),r=t(51413);function n(e){let{isOpen:a,setIsOpen:t,setCreatedCards:n}=e;return(0,s.jsxs)(r.u_,{isOpen:a,title:"Clear all cards",setIsOpen:t,children:["All the fields will be reset and the cards will be deleted.",(0,s.jsxs)("footer",{children:[(0,s.jsx)(r.zx,{type:"button",onClick:()=>t(!1),children:"Cancel"}),(0,s.jsx)(r.zx,{type:"submit",onClick:()=>{n([]),t(!1)},isDanger:!0,children:"Clear all"})]})]})}var i=t(65174),l=t.n(i);function d(e){let{createdCards:a,setCreatedCards:t}=e;return(0,s.jsx)("div",{className:l().overflow,children:(0,s.jsx)("div",{style:{minWidth:180+180*a[0].length},children:(0,s.jsxs)(r.iA,{children:[(0,s.jsxs)(r.SC,{isHeader:!0,children:[a[0].map((e,a)=>(0,s.jsx)("div",{children:e.name},"header-columns-".concat(a))),(0,s.jsx)("div",{})]}),a.map((e,n)=>(0,s.jsx)(r.SC,{children:(0,s.jsx)(c.default,{deckFields:e,index:n,createdCards:a,setCreatedCards:t})},"card-row-".concat(n)))]})})})}var c=t(28309);t(10610);var u=t(88876),o=t(66315),h=t(53879),f=t.n(h),m=t(87138);function _(e){let{createdCards:a,setIsSignupModalOpen:t}=e;return(0,s.jsx)("nav",{className:f().navbar,children:(0,s.jsx)("div",{className:"container",children:(0,s.jsxs)("div",{className:f().row,children:[(0,s.jsxs)("div",{className:"flex align-items-center",children:[(0,s.jsx)(m.default,{href:"/",className:f().logo,children:(0,s.jsx)(o.T,{})}),(0,s.jsx)(o.m,{})]}),(0,s.jsxs)("div",{className:f().buttons,children:[(0,s.jsxs)("div",{className:"".concat(f().hint," ").concat(a.length>0&&f().visible),children:[a.length," unsaved card",a.length>1&&"s"]}),(0,s.jsx)(r.zx,{style:"primary",disabled:0==a.length,onClick:()=>t(!0),children:"Save deck"})]})]})})})}var p=t(44732)},65174:function(e){e.exports={overflow:"CreatedCardsTable_overflow__PeUDF"}},44130:function(e){e.exports={hero:"MakerContainer_hero__LzRRY","clear-button":"MakerContainer_clear-button___ASj5",visible:"MakerContainer_visible__spaa9",empty:"MakerContainer_empty__SvqgB"}},53879:function(e){e.exports={navbar:"MakerNavbar_navbar__5Wbwe",hint:"MakerNavbar_hint__hODbV",visible:"MakerNavbar_visible__XDRYG",row:"MakerNavbar_row__q7Z1N",logo:"MakerNavbar_logo__EKotR",buttons:"MakerNavbar_buttons__aOgpA"}},36563:function(e){e.exports={tagline:"MakerSignupModal_tagline__IZLev",deck:"MakerSignupModal_deck__vHYDV"}}}]);