https://jointoucan.com/_next/static/chunks/pages/bark-5148dfd60e8b0640.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2015],{43814:function(e,r,o){"use strict";o.r(r),o.d(r,{default:function(){return te}});var n=o(67294),t=o(70917),a=o(97262),s=o(2734),i=o(87357),c=o(98396),l=o(76880),p=o(93736),u=o(4090),d=o(59499),g=o(50029),m=o(16835),f=o(87794),h=o.n(f),b=o(50319),x=o(90955),w=o(87536),k=o(72046),y=o(40118),j=o(78782),v=o(35944);function T(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function P(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?T(Object(o),!0).forEach((function(r){(0,d.Z)(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var O=a.ToucanComponents.Typography,C=a.ToucanComponents.Button,E=a.ToucanComponents.TextField,Z=function(e){var r=e.buttonProps,o=e.pageName,i=(0,s.Z)(),c=(0,x.$G)().t,u=(0,w.cI)(),d=u.register,f=u.handleSubmit,T=u.formState.errors,Z=(0,n.use

1State)(),D=Z[0],I=Z[1],S=(0,b.D)(j.Z.EMAIL_EXTENSION_DOWNLOAD_LINK,{errorPolicy:"all"}),N=(0,m.Z)(S,2),_=N[0],L=N[1],B=L.data,A=L.error,R=L.loading;(0,n.useEffect)((function(){A&&(0,y.H)({error:A,extra:{submittedEmailAddress:D}})}),[A]);var F=function(){var e=(0,g.Z)(h().mark((function e(r){var n;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(0,p.L9)({name:l.zW.ExtensionLinkSendCtaClicked,properties:{pageName:o}}),n=r.email,e.next=4,_({variables:{email:n}});case 4:I(n);case 5:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();return B?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(O,{variant:"sm",isBold:!0,color:a.ToucanColors.white,css:(0,t.css)("margin-top:",i.spacing(2),";",""),children:"Your link is on its way!"}),(0,v.jsxs)(O,{variant:"sm",color:a.ToucanColors.white,css:(0,t.css)("margin-top:",i.spacing(.5),";",""),children:["We sent an email to ",(0,v.jsx)("strong",{children:D})," with a link to download Toucan next time you\u2019re on your desktop."]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(E,P({label:"Email",type:"email",hasError:!!T.email,helperText:T.email&&T.email.message,css:(0,t.css)("margin-top:",i.spacing(2),";& .MuiFormHelperText-root.Mui-error{color:",a.ToucanColors.red[100],";}& .MuiInputBase-root{background-color:",a.ToucanColors.white,";}","")},d("email",{required:"".concat(c("sharedEnterValidEmail")),pattern:{value:k.Do,message:c("sharedEnterValidEmail")}}))),A&&(0,v.jsx)("div",{css:(0,t.css)("background-color:",a.ToucanColors.red[100],";padding:",i.spacing(1),";margin-top:",i.spacing(2),";border-radius:4px;",""),children:(0,v.jsxs)(O,{variant:"xs",css:(0,t.css)("color:",a.ToucanColors.red[300],";",""),children:["Looks like we are having trouble sending you a link. Contact us at"," ",(0,v.jsx)("a",{href:"mailto:[email protected]",target:"_blank",rel:"noreferrer",children:"[email protected]"})," ","for help."]})}),(0,v.jsx)(C,P(P({onClick:f(F),isDisabled:R},r),{},{css:(0,t.css)("width:100%;margin-top:",i.spacing(2),";",""),children:"Send me a link"})),(0,v.jsx)(O,{variant:"xs",color:a.ToucanColors.white,css:(0,t.css)("margin-top:",i.spacing(2),";",""),children:"Toucan is made for your desktop browser. Add your email and we\u2019ll send you a link to download Toucan when you\u2019re next on your desktop."})]})},D=o(39859),I=a.ToucanComponents.Button,S=function(e){var r=e.children,o=e.contentMaxWidth,n=void 0===o?{sm:372,md:566,lg:566}:o,d=e.className,g=e.pageName,m=(0,s.Z)(),f=(0,c.Z)(m.breakpoints.up("sm")),h=(0,u.B)(),b=h.storeUrl,x=h.browserName;return(0,v.jsxs)(i.Z,{display:"flex",flexDirection:"column",py:3,px:2,className:d,css:(0,t.css)("background-color:",a.ToucanColors.teal[500],";",m.breakpoints.up("sm"),"{overflow:hidden;background:url(/images/add-extension-footer-bg-left.svg) left bottom no-repeat,url(/images/add-extension-footer-bg-right.svg) right bottom no-repeat,",a.ToucanColors.teal[500],";flex-direction:row;justify-content:center;padding:0;padding-top:",m.spacing(2),";}",""),children:[(0,v.jsxs)(i.Z,{display:"flex",flexDirection:"column",alignItems:"flex-start",css:(0,t.css)(m.breakpoints.up("sm"),"{margin-bottom:",m.spacing(2),";}",m.breakpoints.up("md"),"{flex-direction:row;align-items:center;margin-bottom:",m.spacing(2),";}",""),children:[(0,v.jsx)("div",{css:(0,t.css)(m.breakpoints.up("sm"),"{max-width:",n.sm,"px;margin-right:",m.spacing(5),";}",m.breakpoints.up("md"),"{max-width:",n.md,"px;}",m.breakpoints.up("lg"),"{max-width:",n.lg,"px;}",""),children:r}),f?(0,v.jsxs)(I,{type:"secondary",size:"medium",isReversed:!0,component:D.Z,href:b,onClick:function(){(0,p.L9)({name:l.zW.ExtensionDownloadCtaClicked,properties:{pageName:g}})},css:(0,t.css)("margin-top:",m.spacing(2),";",m.breakpoints.up("md"),"{margin-top:0;}",""),children:["Add to ",x," for free"]}):(0,v.jsx)(Z,{pageName:g,buttonProps:{type:"secondary",isReversed:!0}})]}),f&&(0,v.jsx)("img",{alt:"Toucan",src:"/images/footer-toucan.svg",height:"149",css:(0,t.css)("align-self:flex-end;",m.breakpoints.up("md"),"{max-width:",n.md,"px;height:88px;margin-left:",m.spacing(10),";margin-top:-",m.spacing(1),";margin-bottom:-",m.spacing(1),";}","")})]})},N=o(66325),_=o(93146),L=o(10720);function B(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function A(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};

1r%2?B(Object(o),!0).forEach((function(r){(0,d.Z)(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):B(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var R=a.ToucanComponents.Typography,F=a.ToucanComponents.Button,z=a.ToucanComponents.ToucanIcon,K=a.ToucanComponents.TextField,U={name:"zjik7",styles:"display:flex"},W=function(e){var r=e.onTranslatePhrase,o=(0,s.Z)(),n=(0,c.Z)(o.breakpoints.up("sm")),l=(0,w.cI)(),p=l.register,u=l.handleSubmit,d=l.formState.errors,g=function(e){r(e.phrase)};return(0,v.jsxs)("div",{css:(0,t.css)("background-color:",a.ToucanColors.white,";padding:",o.spacing(2),";",o.breakpoints.up("sm"),"{padding:",o.spacing(4),";border-top-left-radius:8px;border-top-right-radius:8px;}",""),children:[(0,v.jsxs)(i.Z,{display:"flex",justifyContent:"center",alignItems:"center",children:[(0,v.jsx)("img",{src:"/images/bark/bark-logo.svg",alt:"Bark Logo",width:"94",height:"32"}),(0,v.jsx)(z,{icon:"plus",css:(0,t.css)("color:",a.ToucanColors.blue[400],";margin:0 ",o.spacing(4),";","")}),(0,v.jsx)(D.Z,{css:U,href:"/?noDashboardRedirect=true",children:(0,v.jsx)("img",{src:"/images/logo-compact.svg",alt:"Toucan Logo",width:"120"})})]}),(0,v.jsxs)(R,{variant:n?"md":"sm",css:(0,t.css)("margin-top:",o.spacing(2),";",""),children:["BARK has teamed"," ",(0,v.jsx)(N.I,{sourcePhrase:"up",audioFileUrl:"".concat(L.ZP.SITE,"/audio/bark/doggo_woof.mp3"),children:"woof"})," ","with the language learning browser extension, Toucan, to help you learn how to"," ",(0,v.jsx)(N.I,{sourcePhrase:"talk",audioFileUrl:"".concat(L.ZP.SITE,"/audio/bark/doggo_ruff.mp3"),children:"ruff"})," ","to your furry friend. Try it out!"]}),(0,v.jsxs)(i.Z,{display:"flex",flexDirection:"column",mt:2,css:(0,t.css)(o.breakpoints.up("sm"),"{flex-direction:row;align-items:flex-start;margin-top:",o.spacing(4),";}",""),children:[(0,v.jsx)(K,A(A({label:"Enter your text",placeholder:"Do you want a snack?"},p("phrase",{required:"Add a word or phrase here to translate it.",maxLength:{value:250,message:"You can only translate phrases up to 250 characters."},pattern:{value:/[\w]+/,message:"Looks like we can\u2019t translate this. Try something else!"}})),{},{hasError:!!d.phrase,helperText:!!d.phrase&&d.phrase.message,onKeyDown:function(e){"Enter"===e.key&&u(g)()}})),(0,v.jsx)(F,{type:"utility",size:"large",onClick:u(g),css:(0,t.css)("background-color:#1a4e8a;&:hover{background-color:#007cc2;}&:active{background-color:#007cc2;box-shadow:inset 0px 0px 0px 4px #1a4e8a;}margin-top:",o.spacing(2),";",o.breakpoints.up("sm"),"{margin-top:0;margin-left:",o.spacing(2),";}",""),children:"Translate"})]})]})},H=o(96486),q=o(37667);function G(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function M(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?G(Object(o),!0).forEach((function(r){(0,d.Z)(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var V=a.ToucanComponents.Typography,X=a.ToucanComponents.AudioPlayer,Y=["woof","bark","ruff","grrr","arf","barkbark"],$={fluffy:{word:"floofy",filename:"fluffy"},human:{word:"hooman",filename:"human"},dog:{word:"doggo",filename:"dog"},tricked:{word:"did a bamboozle",filename:"tricked"},friend:{word:"fren",filename:"friend"},puppy:{word:"pupperino",filename:"puppy"},snack:{word:"shmacko",filename:"snack"},snacks:{word:"shmackos",filename:"snacks"},walk:{word:"walkies",filename:"walk"},treats:{word:"treatos",filename:"treats"},treat:{word:"treato",filename:"treat"},vet:{word:"HECKIN BIG SCARE",filename:"vet"},squirrel:{word:"SQUIRREL",filename:"squirrel"},veterinarian:{word:"HECKIN BIG SCARE",filename:"vet"},barkbox:{word:"best boxerino",filename:"barkbox"},park:{word:"PARK",filename:"park"},outside:{word:"OUSSIDE",filename:"outside"}},Q=function(e){var r,o=e.sourcePhrase,u=(0,s.Z)(),f=(0,c.Z)(u.breakpoints.up("sm")),b=(0,q.Z)("translatedBarkPhrases",{}),x=(0,m.Z)(b,2),w=x[0],k=x[1],y=(0,n.useRef)([]),j=function(){var e=(0,g.Z)(h().mark((function e(){var r;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r={play:function(){var e=0;!function o(){e===y.current.length&&r.onended();var n=new Audio(y.current[e]);n.addEventListener("ended",o),n.play(),e+=1}()},onended:function(){}},e.abrupt("return",r);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();if((0,n.useEffect)((function(){o&&(0,p.L9)({name:l.zW.BarkTranslationGenerated})}),[o]),o){var T=o.toLowerCase(),P=w[T],O=P||function(e){var r=(0,H.words)(e,/[\w]+/g).map((function(e){if($[e])return{word:$[e].word,filename:"".concat(L.ZP.SITE,"/audio/bark/doggo_").concat($[e].filename,".mp3")};var r=(0,H.sample)(Y);return{word:r,filename:"".concat(L.ZP.SITE,"/audio/bark/doggo_").concat(r,".mp3")}}));return{translation:r.map((function(e){return e.word})).join(" "),filenames:r.map((function(e){return e.filename}))}}(T);P||k(M(M({},w),{},(0,d.Z)({},T,O))),r=O.translation,y.current=O.filenames}return(0,v.jsx)(i.Z,{css:(0,t.css)("background-color:",a.ToucanColors.blue[100],";padding:",u.spacing(5)," ",u.spacing(2),";width:100%;",u.breakpoints.up("sm"),"{padding:",u.spacing(4),";border-bottom-left-radius:8px;border-bottom-right-radius:8px;min-height:200px;}",""),children:(0,v.jsxs)(i.Z,{display:"flex",alignItems:"flex-start",children:[(0,v.jsx)(X,{buttonSize:"".concat(f?32:16,"px"),onAudioPlayRequested:j,isDisabled:!r}),(0,v.jsx)(V,{variant:f?"md":"sm",css:(0,t.css)("margin-left:",u.spacing(2),";color:",r?a.ToucanColors.blue[400]:a.ToucanColors.blue[200],";",""),children:r||". . ."})]})})},J=a.ToucanComponents.Typography,ee=function(){var e=(0,s.Z)(),r=(0,n.use

1State)(),o=r[0],c=r[1];return(0,v.jsx)(_.Z,{isContained:!1,hasFooter:!1,isNavbarVisible:!1,children:(0,v.jsxs)(i.Z,{display:"flex",flexDirection:"column",height:"100vh",children:[(0,v.jsxs)(i.Z,{display:"flex",flexDirection:"column",alignItems:"center",flex:"1",css:(0,t.css)("background:url(/images/bark/bg.svg) no-repeat center center/cover;",e.breakpoints.up("sm"),"{overflow-y:auto;padding-bottom:",e.spacing(12),";}",""),children:[(0,v.jsx)("img",{src:"/images/bark/heading.svg",alt:"Bark woof arf header",width:"300",height:"153",css:(0,t.css)(e.breakpoints.up("sm"),"{width:400px;height:192px;}","")}),(0,v.jsxs)("div",{css:(0,t.css)(e.breakpoints.up("sm"),"{max-width:684px;filter:drop-shadow(0px 12px 36px rgba(22, 22, 22, 0.08));}",""),children:[(0,v.jsx)(W,{onTranslatePhrase:function(e){c(e)}}),(0,v.jsx)(Q,{sourcePhrase:o})]})]}),(0,v.jsx)(S,{pageName:"Bark Partner Page",children:(0,v.jsxs)(J,{variant:"sm",color:a.ToucanColors.white,children:[(0,v.jsx)("strong",{children:"Toucan"})," is a browser extension that immerses you in the"," ",(0,v.jsx)(N.I,{sourcePhrase:"language",audioFileUrl:"".concat(L.ZP.SITE,"/audio/bark/doggo_barkbark.mp3"),highlightProps:{isLightText:!0,active:!0},highlightHoverProps:{PopperProps:{placement:"top",modifiers:[{name:"offset",enabled:!1,options:{offset:[0,0]}}]}},children:"barkbark"})," ","you\u2019re trying to learn so that you pick it up naturally and easily. No repetitive"," ",(0,v.jsx)(N.I,{sourcePhrase:"tests",audioFileUrl:"".concat(L.ZP.SITE,"/audio/bark/doggo_woof.mp3"),highlightProps:{isLightText:!0},highlightHoverProps:{PopperProps:{placement:"top",modifiers:[{name:"offset",enabled:!1,options:{offset:[0,0]}}]}},children:"woofs"}),", no guilt-inducing push notifications."]})})]})})},re=o(6526),oe=o(8880),ne=o(8469),te=function(){return(0,n.useEffect)((function(){ne.Z.setCookie({name:"partner",value:oe.$.bark,numDaysActive:30}),(0,p.L9)({name:l.zW.BarkPartnerPageViewed})}),[]),(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(re.a,{openGraph:{url:"".concat(L.ZP.SITE,"/bark"),title:"You can finally talk to your dog - in their language.",description:"BARK has teamed up with the language learning browser extension, Toucan, to help you learn how to bark to your furry friend. Try it out!",images:[{url:"".concat(L.ZP.SITE,"/images/bark/opengraph.png"),width:1200,height:630}]}}),(0,v.jsx)(ee,{})]})}},30181:function(e,r,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/bark",function(){return o(43814)}])}},function(e){e.O(0,[4885,5016,5425,8070,3146,6837,5244,9774,2888,179],(function(){return r=30181,e(e.s=r);var r}));var r=e.O();_N_E=r}]);
2//# sourceMappingURL=bark-5148dfd60e8b0640.js.map