https://storyweaver.org.in/assets/OfflineTranslateModal.BiP8zDeY.js

1import{r as e,j as t,R as n}from"./react-vendor.B75MsAI9.js";import{Q as s,o as a,S as l,a4 as o,u as i,m as r,M as c,L as d,t as p,hF as u,ch as f,hG as m,H as g,hH as h,hI as x,hJ as b,hK as _,O as j,U as v,ek as y,cu as T,am as C,cO as k,hL as $,a1 as N,hM as w,cz as M}from"./AuthModalContainer.D3JsQqnf.js";import{u as S}from"./RTLProvider.Bmr48mpV.js";import{T as I,j as O}from"./main.DrmgIV4z.js";import{L as E}from"./LazyFontLoader.5DGfhuFK.js";import B from"./index.BUlfCqsY.js";const R=({rows:n=6,value:o="",dir:i="ltr",disabled:r,id:c,parentClassName:d,name:p,onChange:u,onBlur:f,onFocus:m,onInput:g})=>{const[h,x]=e.useState(!1),b=e.useRef(null);e.useEffect(()=>{const e=document.getElementById(c);e&&e.scrollHeight>e.clientHeight&&x(!0)},[c]),e.useEffect(()=>{const e=document.getElementById(c);e&&(e.scrollHeight>e.clientHeight?x(!0):x(!1))},[c,o]);const _=e=>{const t=document.getElementById(e);t&&(t.style.height="auto",t.scrollHeight>t.clientHeight&&(x(!1),t.style.height=t.scrollHeight+"px"))},j="pb-resizable-text-field",v=[`${j}__textarea`],y={[j]:!0,[`${j}--disabled`]:r,[d]:d};return t.jsxs("div",{className:s(y),children:[t.jsx("div",{className:`${j}__wrapper`,children:t.jsx("textarea",{ref:b,className:v.join(" "),id:c,rows:n,value:o,onChange:e=>{u&&u(e)},onFocus:e=>{_(e.target.id),m&&m(e)},onBlur:e=>{(e=>{const t=document.getElementById(e);t&&t.scrollHeight>t.clientHeight&&(t.style.height="auto",x(!0))})(e.target.id),f&&f(e)},onInput:e=>{_(e.target.id),g&&g(e)},disabled:r,name:p,dir:i})}),h&&t.jsx("div",{className:`${j}__cue-btn`,children:t.jsx(a,{label:t.jsx(l,{name:"icon-plus",size:"sm"}),variant:"primary-complement",greyBorder:!0,size:"s",onClick:()=>(e=>{const t=document.getElementById(e);t&&t.focus()})(c)})})]})};R.propTypes={value:o.string,id:o.string.isRequired,name:o.string,onChange:o.func,onBlur:o.func,onFocus:o.func,onInput:o.func,parentClassName:o.string,rows:o.number,dir:o.string,disabled:o.bool};const L=({onConfirm:e,onClose:n,viewport:s})=>{const l=i(),o=S(),d="pb-inner-modal",p=t.jsxs(r,{mergeTop:!0,mergeBottom:!s.large,mergeSides:!0,children:[t.jsx(a,{label:l("global.delete"),variant:"primary",onClick:()=>{e(),n()}}),t.jsx(a,{label:l("global.cancel"),onClick:n})]});return t.jsxs(c,{footer:p,onClose:n,parentClassName:d,isRtl:o,children:[t.jsx("h2",{className:`${d}__title`,children:l("DeleteTranslationModal.title")}),t.jsx("p",{children:l("DeleteTranslationModal.content")})]})},P=({onConfirm:e,onClose:n,viewport:s})=>{const l=i(),o=S(),d="pb-inner-modal",p=t.jsxs(r,{mergeTop:!0,mergeBottom:!s.large,mergeSides:!0,children:[t.jsx(a,{label:l("global.yes"),variant:"primary",onClick:()=>{e(),n()}}),t.jsx(a,{label:l("global.cancel"),onClick:n})]});return t.jsxs(c,{footer:p,onClose:n,parentClassName:d,isRtl:o,children:[t.jsx("h2",{className:`${d}__title`,children:l("SyncTranslationModal.title")}),t.jsx("p",{children:l("SyncTranslationModal.content")})]})},q=({title:a,isOpen:l=!1,children:o})=>{const[i,r]=e.useState(l),c="pb-collapsible",p=()=>{r(!i)};let u;a&&(u=t.jsx(d,{parentClassName:`${c}__title`,onClick:p,children:a}));const f={[c]:!0,[`${c}--active`]:i};let m;return o&&(m=n.Children.toArray(o).map((e,t)=>0===t?n.cloneElement(e,{onClick:p}):e)),t.jsxs("div",{className:s(f),children:[u,t.jsx("div",{className:`${c}__content`,children:m})]})};q.propTypes={title:o.string,children:o.node,isOpen:o.bool};const z=({onClose:e,showPlayTutorial:n,playTutorialClicked:s})=>{const l=i(),o="pb-inner-modal";return t.jsxs(c,{onClose:e,parentClassName:o,children:[t.jsxs("div",{className:`${o}__heading-wrapper`,children:[t.jsx("h2",{className:`${o}__title`,children:l("TipsModal.title")}),n?t.jsx("div",{className:`${o}__button-wrapper`,children:t.jsx(a,{label:l("TipsModal.play-tutorial"),variant:"primary",size:"m",onClick:()=>{e(),s()}})}):null]}),t.jsxs(q,{title:l("TipsModal.offline-translation-faqs-heading"),isOpen:!0,children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.offline-translation-faqs-heading")}),t.jsx("p",{children:l("TipsModal.offline-translation-faqs-text")}),t.jsxs("ul",{className:`${o}__offline-translation-tips`,children:[t.jsxs("li",{children:[l("TipsModal.offline-translation-faq-1"),t.jsx("br",{}),l("TipsModal.offline-translation-faq-1-answer")]}),t.jsxs("li",{children:[l("TipsModal.offline-translation-faq-2"),t.jsx("br",{}),l("TipsModal.offline-translation-faq-2-answer")]}),t.jsxs("li",{children:[l("TipsModal.offline-translation-faq-3"),t.jsx("br",{}),l("TipsModal.offline-translation-faq-3-answer")]}),t.jsxs("li",{children:[l("TipsModal.offline-translation-faq-4"),t.jsx("br",{}),l("TipsModal.offline-translation-faq-4-answer")]})]})]}),t.jsxs(q,{title:l("TipsModal.level-appropriate-use-of-language"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.level-appropriate-use-of-language")}),t.jsx("p",{children:l("TipsModal.level-appropriate-use-of-language-tip")}),t.jsxs(I,{align:"left",parentClassName:`${o}__tabs`,translationTips:!0,children:[t.jsx(O,{title:l("TipsModal.level-1-emergent-readers"),noPadding:!0,children:t.jsxs("p",{className:`${o}__level-content`,children:[l("TipsModal.level-1-emergent-readers-content")," ",t.jsx("p",{className:`${o}__level-content--note`,children:l("TipsModal.level-1-emergent-readers-content-note")})]})}),t.jsx(O,{title:l("TipsModal.level-1"),noPadding:!0,children:t.jsx("p",{className:`${o}__level-content`,children:l("TipsModal.level-1-content")})}),t.jsx(O,{title:l("TipsModal.level-2"),noPadding:!0,children:t.jsx("p",{className:`${o}__level-content`,children:l("TipsModal.level-2-content")})}),t.jsx(O,{title:l("TipsModal.level-3"),noPadding:!0,children:t.jsx("p",{className:`${o}__level-content`,children:l("TipsModal.level-3-content")})}),t.jsx(O,{title:l("TipsModal.level-4"),noPadding:!0,children:t.jsx("p",{className:`${o}__level-content`,children:l("TipsModal.level-4-content")})})]})]}),t.jsxs(q,{title:l("TipsModal.translating-titles-puns-and-idioms"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.translating-titles-puns-and-idioms")}),t.jsx("p",{children:l("TipsModal.translating-titles-puns-and-idioms-tip")}

1)]}),t.jsxs(q,{title:l("TipsModal.cultural-references-and-settings"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.cultural-references-and-settings")}),t.jsx("p",{children:l("TipsModal.cultural-references-and-settings-tip")})]}),t.jsxs(q,{title:l("TipsModal.proper-nouns-and-names-in-translation"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.proper-nouns-and-names-in-translation")}),t.jsx("p",{children:l("TipsModal.proper-nouns-and-names-in-translation-tip")})]}),t.jsxs(q,{title:l("TipsModal.transliteration"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.transliteration")}),t.jsx("p",{children:l("TipsModal.transliteration-tip")})]}),t.jsxs(q,{title:l("TipsModal.translating-sounds"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.translating-sounds")}),t.jsx("p",{children:l("TipsModal.translating-sounds-tip")})]}),t.jsxs(q,{title:l("TipsModal.translating-STEM-stories"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.translating-STEM-stories")}),t.jsx("p",{children:l("TipsModal.translating-STEM-stories-tip")})]}),t.jsxs(q,{title:l("TipsModal.best-practices"),children:[t.jsx("p",{className:`${o}__section-title`,children:l("TipsModal.best-practices")}),t.jsx("p",{children:l("TipsModal.best-practices-tip")})]})]})};z.propTypes={onClose:o.func.isRequired,showPlayTutorial:o.bool,playTutorialClicked:o.func};const D=({t:n,orientation:o,language:i,offline:r,book:c,viewport:d,isSubmittingOfflineTranslateData:S,offlineBooks:I,userId:O,isRtl:q,pages:D,cssHref:H,startPage:W,windowDimensions:A,assets:F})=>{const U=p(),J=e.useRef(null),Y=e.useRef(null),[G,K]=e.useState({delete:!1,sync:!1,tips:!1}),[Q,V]=e.useState({}),[X,Z]=e.useState(W||2),[ee,te]=e.useState(!0),[ne,se]=e.useState([]),[ae,le]=e.useState(!1),[oe,ie]=e.useState(!1),[re,ce]=e.useState(!1),[de,pe]=e.useState(1),[ue,fe]=e.useState(null);e.useRef(H);const me=e.useCallback(e=>{K(t=>({...t,[e]:!0}))},[]),ge=e.useCallback(e=>{K(t=>({...t,[e]:!1}))},[]),he=e.useCallback(()=>{ie(!0)},[]),xe=e.useCallback(()=>{le(e=>!e)},[]),be=e.useCallback(()=>{U(u())},[U]),_e=e.useCallback(()=>{if(document.getElementsByClassName("pb-offline-translate__frame")[0]){let e=document.getElementsByClassName("pb-offline-translate__frame")[0].contentWindow.document,t=e.getElementsByClassName("content")[0],n=e.getElementsByClassName("sp_h_text_overlay1")[0],s=e.getElementsByClassName("sp_h_text_overlay")[0];e.querySelectorAll(".has_comments").forEach(e=>{e.classList.remove("has_comments")}),t&&(t.style.zIndex="1",s||n||(t.style.position="relative"))}},[]);e.useEffect(()=>{_e()},[_e,X]),e.useEffect(()=>{(async()=>{var e;const t=O||parseInt(localStorage.getItem("userId"),10);try{const n=await U(w({book:c,userId:t,language:c.targetLanguage}));if(n){const t=Array.isArray(n)?n:n.content||(null==(e=n.data)?void 0:e.content)||[];t&&t.length>0&&se(t)}}catch(n){}})()},[c,O,U]),e.useEffect(()=>{fetch(H).then(e=>e.blob()).then(e=>{const t=URL.createObjectURL(e);fe(t),te(!1)}).catch(e=>{te(!1)})},[H]),e.useEffect(()=>{let e={...Q};D.forEach(t=>{if(t.coverImage&&!e[t.pageId]){const e=f(Math.max(A.width,A.height));fetch(t.coverImage.sizes[e-1].url).then(e=>e.blob()).then(e=>{let n=URL.createObjectURL(e);V(e=>({...e,[t.pageId]:n}))})}})},[D,A,Q]);const je=e.useCallback(()=>{let e=document.getElementsByClassName("pb-offline-translate__textarea-wrapper")[0];e&&e.scrollTo(0,0)},[]),ve=e.useCallback(()=>{var e,t;pe(1);const n=null==(t=null==(e=document.getElementsByClassName("pb-offline-translate__frame")[0])?void 0:e.contentWindow)?void 0:t.document;n&&(n.getElementsByTagName("body")[0].style.overflow="hidden")},[]),ye=e.useCallback(()=>{var e;return!(null==(e=D[X-1])?void 0:e.isLastStoryPage)},[D,X]),Te=e.useCallback(()=>!(X-1<W),[X,W]),Ce=e.useCallback(()=>{ve(),je(),ye()&&Z(e=>e+1)},[ye,ve,je]),ke=e.useCallback(()=>{ve(),je(),Te()&&Z(e=>e-1)},[Te,ve,je]);e.useEffect(()=>{const e=e=>{e.keyCode!==M.rightArrow||re?e.keyCode!==M.leftArrow||re?e.keyCode===M.esc&&(e.stopPropagation(),be()):ke():Ce()};if(document.addEventListener("keydown",e),!ee&&J.current){const t=J.current.querySelector("iframe");

1if(t){const n=300;let s=0;const a=setInterval(()=>{s+=n,s>=20*n&&clearInterval(a),t.contentDocument&&"complete"===t.contentDocument.readyState&&(clearInterval(a),t.contentDocument.addEventListener("keydown",e))},n);return()=>{clearInterval(a),document.removeEventListener("keydown",e),t.contentDocument&&t.contentDocument.removeEventListener("keydown",e)}}}return()=>{document.removeEventListener("keydown",e)}},[ee,re,Ce,ke,be]);const $e=e.useCallback((e,t)=>{let n=[...ne];const s=F.offlineStoryDetails.storyPages[X-1],{pageId:a,pageType:l}=s;let o=n.find(e=>e.pageId===a);o||(o={pageId:a,pageType:l},n.push(o)),e?(o.boxes||(o.boxes={}),o.boxes[e]=t.target.value):o.translationContent=`<p class="text-font-normal">${t.target.value.replace(/<[^>]*>/g,"")}</p>`,se(n),Me(n)},[ne,X,F]),Ne=e.useCallback(e=>{var t,n,s,a,l,o;let i=null==(n=null==(t=document.getElementsByClassName("pb-offline-translate__frame")[0])?void 0:t.contentWindow)?void 0:n.document;if(i)if("blur"===e.type)ce(!1),i.querySelectorAll("span[data-content-position]").forEach(e=>{e.style.opacity="0.5"});else if("focus"===e.type){ce(!0);let t=null==(o=null==(l=null==(a=null==(s=document.getElementById(e.target.id))?void 0:s.parentNode)?void 0:a.parentNode)?void 0:l.previousSibling)?void 0:o.childNodes;if((null==t?void 0:t.length)>1){let e=t[0].innerText.slice(1);i.querySelectorAll("span[data-content-position]").forEach(e=>{e.style.opacity="0.5"});const n=i.querySelector(`span[data-content-position="${e}"]`);n&&(n.style.opacity="1")}}},[]),we=e.useCallback(()=>{const e=new Date,t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()];return`${e.getDate()} ${t} ${e.getFullYear()}, ${e.getHours()>12?e.getHours()-12:0===e.getHours()?12:e.getHours()}:${e.getMinutes()<10?`0${e.getMinutes()}`:e.getMinutes()}${e.getHours()>=12?"pm":"am"}`},[]),Me=e.useCallback((e=ne)=>{const t=O||parseInt(localStorage.getItem("userId"),10),n={...c};return n.lastEdited=we(),U(m({book:n,userId:t,translationContent:{targetLanguage:c.targetLanguage,content:e}}))},[c,O,U,we,ne]),Se=e.useCallback(()=>{Me().then(()=>{U(g({type:"info",content:t.jsxs("div",{children:[n("Book.saved-offline-draft-notification").trim()," ",t.jsx(l,{name:"offline",size:"m"})," ",n("Book.saved-offline-draft-notification-post-icon").trim()]})}))}).catch(e=>{})},[Me,U,n]),Ie=e.useCallback(()=>{me("tips")},[me]),Oe=e.useCallback(()=>{const e=O||parseInt(localStorage.getItem("userId"),10);return U(h({book:c,imageSize:f(A.width),userId:e,language:c.targetLanguage}))},[c,O,U,A]),Ee=e.useCallback(()=>{be(),Oe().then(()=>{localStorage.setItem("sw-offline-activity","offline"+Math.random()),U(g({type:"info",content:t.jsxs("div",{children:[n("Book.deleted-offline-draft-notification").trim()," ",t.jsx(l,{name:"offline",size:"m"})," ",n("Book.deleted-offline-draft-notification-post-icon").trim()]})}))}).catch(e=>{})},[Oe,U,n,be]),Be=e.useCallback(()=>{Le(-1)},[]),Re=e.useCallback(()=>{var e,t;const n=null==(t=null==(e=document.getElementsByClassName("pb-offline-translate__frame")[0])?void 0:e.contentWindow)?void 0:t.document;n&&(n.getElementsByTagName("body")[0].style.overflow="auto"),Le(1)},[]),Le=e.useCallback(e=>{pe(t=>{let n=t+e;return n<x||n>b?t:(setTimeout(()=>{var e,t;const s=null==(t=null==(e=document.getElementsByClassName("pb-offline-translate__frame")[0])?void 0:e.contentWindow)?void 0:t.document;if(s){const e=s.getElementsByClassName("frame-content")[0];e&&(e.style.transformOrigin="0 0",e.style.transform=`scale(${n})`,1===n&&(s.getElementsByTagName("body")[0].style.overflow="hidden"))}},0),n)})},[]),Pe=e.useCallback(e=>{const{action:t}=e;"reset"===t&&ie(!1)},[]),qe=e.useCallback(()=>{const e={story_id:c.id,language_name:c.targetLanguage,pages:ne,translation_partner_story:!!c.translation_partner_story||null};U(_({bookId:c.id,language:c.targetLanguage,postOfflineTranslatePayload:e})).then(()=>{be(),Oe().then(()=>{localStorage.setItem("sw-offline-activity","offline"+Math.random()),U(g({type:"info",content:n("Book.synced-offline-draft-notification")})),setTimeout(function(){window.location.href=c.translation_partner_story?j.untranslatedStories():j.myDrafts()},8e3)}).catch(e=>{})}).catch(e=>{U(g({type:"danger",content:"The story could not be synced. Please try again later"}))})},[c,ne,U,Oe,n,be]),ze=e.useCallback((e,t)=>{if(!e)return;const n=e.querySelector(".responsive_illustration");if(n)if(Q[t])n.setAttribute("src",Q[t]);else{const e=f(Math.max(A.width,A.height));fetch(n.dataset[`size${e}Src`]).then(e=>e.blob()).then(e=>{const s=URL.createObjectURL(e);n.setAttribute("src",s),V(e=>({...e,[t]:s}))})}},[Q,A]),De=e.useCallback((e,t=20)=>{let n=e.replace(/[\r\n]/gi," ").trim();return n.length>t?n.slice(0,t)+"...":n},[]),He=e.useCallback((e,n="ltr")=>{const s=F.offlineStoryDetails.storyPages[X-1],a=s.pageId,l=F.isLanguageRtl;let o=ne.find(e=>e.pageId===a);o||(o={}),s.boxes.length&&o&&!o.boxes&&(o.boxes={});let i=[];return s.content&&i.push({content:s.content,contentPosition:s.contentPosition}),s.boxes&&i.push(...s.boxes),i.sort((e,t)=>

1e.contentPosition-t.contentPosition).map((s,i)=>{var r;return t.jsxs("div",{children:[t.jsxs("div",{children:[s.contentPosition?t.jsxs("span",{className:`${e}__textbox-number`,children:["#",s.contentPosition]}):null,t.jsxs("span",{className:`${e}__textbox-map`,children:["(Ref: ",t.jsx("span",{dir:l?"rtl":"ltr",children:De(s.content)}),")"]})]}),s.boxId?t.jsx(R,{id:s.boxId?`${a}-${s.boxId}`:`${a}`,value:(null==(r=o.boxes)?void 0:r[s.boxId])||"",onChange:e=>$e(s.boxId,e),onFocus:Ne,onBlur:Ne,dir:n}):t.jsx(R,{id:s.contentPosition?`${a}-${s.contentPosition}`:`${a}`,value:o.translationContent?o.translationContent.replace(/<[^>]*>/g,""):"",onChange:e=>$e("",e),onFocus:Ne,onBlur:Ne,dir:n})]},i)})},[X,F,ne,De,$e,Ne]),We=e.useCallback((e,n,s,a)=>t.jsxs("div",{dir:a?"rtl":"ltr",className:n?`${e}__tooltip-wrapper`:`${e}__tooltip-wrapper--no-header`,children:[t.jsx("div",{className:`${e}__tooltip-image`,children:t.jsx(l,{name:"sw-logo",size:"m-ml"})}),n?t.jsxs("div",{className:`${e}__tooltip-content`,children:[t.jsx("b",{children:n}),t.jsx("p",{children:s})]}):t.jsx("div",{className:`${e}__tooltip-content ${e}__tooltip-content--no-header`,children:s})]}),[]),Ae="pb-offline-translate",Fe="story",Ue=T[i],Je=`\n    <!DOCTYPE html>\n    <html>\n      <head>\n        ${ue?`<link rel="stylesheet" type="text/css" href=${ue} />`:""}\n        <base target="_parent">\n        ${Ue?`<link rel="stylesheet" type="text/css" href=${Ue}>`:""}          \n      </head>\n      <body style="overflow: hidden">\n        <div id="${Fe}"></div>\n        <script>\n          document.addEventListener('contextmenu', function (e) {\n            e.preventDefault();\n          }, false); \n        <\/script>\n      </body>\n    </html>\n  `,Ye={[Ae]:!0,[`${Ae}--${o}`]:o},Ge={[`${Ae}__frame`]:!0},Ke={[`${Ae}__control`]:!0,[`${Ae}__control--close`]:!0},Qe={[`${Ae}__control`]:!0,[`${Ae}__control--next`]:!0},Ve={[`${Ae}__control`]:!0,[`${Ae}__control--prev`]:!0};if(ee)return t.jsx("div",{className:s(Ye),children:t.jsx("div",{className:`${Ae}__wrapper`,children:t.jsx(v,{})})});const Xe=D.find(e=>e.isLastStoryPage),Ze=c.title||c.name;let et=I.coachmarkSeenCount.find(e=>e.userId===O),tt=et?et.count:null;const nt=y.includes(c.targetLanguage)?"rtl":"ltr",st={options:{zIndex:1e4,width:"400px"}

1,overlay:{cursor:"auto"},buttonClose:{display:"none"},buttonSkip:{backgroundColor:"white",color:"#2196F3",position:"absolute",bottom:"20px",right:"40px",marginTop:"0px",fontSize:"16px"},buttonNext:ae?{display:"none"}:{backgroundColor:"white",color:"#2196F3",position:"absolute",bottom:"20px",marginTop:"0px",left:"67px"},tooltipContent:ae?{padding:"10px 10px 0px",marginBottom:"-16px"}:{padding:"10px"}};return t.jsxs("div",{className:`${Ae}__modal-wrapper`,children:[T[c.targetLanguage]?t.jsx(E,{languages:[c.targetLanguage]}):null,tt<=2||oe?t.jsx(B,{steps:[{target:"body",content:We(Ae,n("OfflineTranslate.coachmark-step-1-title"),n("OfflineTranslate.coachmark-step-1"),q),placement:"center",offset:"0",disableBeacon:!0},{target:".pb-resizable-text-field__wrapper",content:We(Ae,null,n("OfflineTranslate.coachmark-step-2"),q),placement:"left-end",offset:"0"},{target:".pb-offline-translate__sync-btn",content:We(Ae,n("OfflineTranslate.coachmark-step-3-title"),n("OfflineTranslate.coachmark-step-3"),q),placement:"bottom-start",offset:"0"}],continuous:!0,showSkipButton:1!==tt,disableScrolling:!0,hideBackButton:!0,disableOverlayClose:!0,disableCloseOnEsc:!0,locale:{next:"Ok!",last:"Ok!"},styles:st,callback:Pe}):null,ae?t.jsx(B,{steps:[{target:".pb-offline-translate__sync-btn",content:r?We(Ae,n("OfflineTranslate.tooltip-sync-offline-title"),n("OfflineTranslate.tooltip-sync-offline"),q):We(Ae,n("OfflineTranslate.tooltip-sync-online-title"),n("OfflineTranslate.tooltip-sync-online"),q),placement:"bottom-start",offset:"0",disableBeacon:!0}],showSkipButton:!1,floaterProps:{disableAnimation:!0},hideBackButton:!0,disableScrolling:!0,disableOverlay:!0,locale:{last:"Ok!",close:"Ok!"},styles:st}):null,t.jsx("div",{className:s(Ye),ref:J,children:t.jsxs("div",{className:`${Ae}__wrapper`,children:[t.jsx("div",{className:s(Ke),children:t.jsx(C,{icon:"close",label:"Close",onClick:be,outsideWrapper:d.medium,closeOutsideWrapper:d.medium})}),t.jsx("div",{className:s(Ve),children:t.jsx(C,{icon:"chevron-left",label:"Previous",section:"offline-translate",onClick:ke,disabled:!Te(),outsideWrapper:d.medium})}),t.jsx("div",{className:s(Qe),children:t.jsx(C,{icon:"chevron-right",label:"Next",section:"offline-translate",onClick:Ce,disabled:!ye(),outsideWrapper:d.medium})}),t.jsxs("div",{className:`${Ae}__header`,children:[t.jsx("div",{className:`${Ae}__book-title`,children:De(Ze,15)}),t.jsxs("div",{className:`${Ae}__buttons-wrapper`,children:[t.jsx(a,{parentClassName:`${Ae}__tips-btn`,label:n("global.tips"),variant:"primary-complement",size:"s",onClick:Ie}),t.jsx(a,{parentClassName:`${Ae}__delete-btn`,label:n("global.delete"),variant:"primary-complement",size:"s",onClick:()=>me("delete")}),t.jsx(a,{parentClassName:`${Ae}__sync-btn`,label:n(r?"global.need-internet-to-sync":"global.sync"),variant:"primary-complement",size:"s",disabled:r,loading:S,loaderSize:"s",alignIconCenter:!0,onClick:()=>me("sync"),onMouseEnter:xe,onMouseLeave:xe}),t.jsx(a,{parentClassName:`${Ae}__save-btn`,label:n("global.save"),variant:"primary",size:"s",onClick:Se})]})]}),t.jsx("div",{className:`${Ae}__content`,children:t.jsxs(k,{children:[t.jsxs("div",{className:`${Ae}__left-panel`,children:[t.jsxs("div",{className:`${Ae}__language-wrapper`,children:[t.jsxs("div",{className:`${Ae}__page-controls-wrapper`,children:[t.jsx("button",{className:`${Ae}__zoom-btn`,onClick:Re,children:t.jsx(l,{name:"zoom-in",size:"sm"})}),t.jsx("button",{className:`${Ae}__zoom-btn`,onClick:Be,children:t.jsx(l,{name:"zoom-out",size:"sm"})}),t.jsxs("p",{className:`${Ae}__page`,children:[n("OfflineTranslate.page"),X,"/",Xe.pagePostion]})]}),t.jsxs("p",{className:`${Ae}__original-lang`,children:[n("OfflineTranslate.original"),t.jsxs("span",{className:`${Ae}__lang`,children:["(",i,")"]})]})]}),t.jsx($,{className:s(Ge),initialContent:Je,mountTarget:`#${Fe}`,children:t.jsx("div",{dangerouslySetInnerHTML:{__html:N(D[X-1].html)},ref:e=>{Y.current=e,e&&ze(e,D[X-1].pageId)}})})]}),t.jsxs("div",{className:`${Ae}__right-panel`,children:[t.jsx("div",{className:`${Ae}__language-wrapper`,children:t.jsxs("p",{className:`${Ae}__translated-lang`,children:[n("OfflineTranslate.your-translation"),t.jsxs("span",{className:`${Ae}__lang`,children:["(",De(c.targetLanguage),")"]})]})}),t.jsx("div",{className:`${Ae}__textarea-wrapper`,children:He(Ae,nt)})]})]})})]})}),G.delete?t.jsx(L,{onConfirm:()=>Ee(),onClose:()=>ge("delete"),viewport:d,isRtl:q}):null,G.sync?t.jsx(P,{onConfirm:()=>qe(),onClose:()=>ge("sync"),viewport:d,isRtl:q}):null,G.tips?t.jsx(z,{onClose:()=>ge("tips"),viewport:d,playTutorialClicked:()=>{he()},showPlayTutorial:tt>2}):null]})};

1D.propTypes={pages:o.array.isRequired,cssHref:o.string.isRequired,viewport:o.object.isRequired,orientation:o.string.isRequired,t:o.func.isRequired,language:o.string.isRequired,offline:o.bool.isRequired,book:o.object.isRequired,isSubmittingOfflineTranslateData:o.bool.isRequired,offlineBooks:o.object.isRequired,userId:o.string,isRtl:o.bool.isRequired,startPage:o.number,windowDimensions:o.object.isRequired,assets:o.object.isRequired};const H=({assets:e,viewport:n,offline:s,userId:a,userEmail:l,book:o,windowDimensions:r,startPage:d,slug:p,addSlimNotification:u,isLoggedIn:f,closeOfflineTranslator:m,saveOfflineTranslationsWorkflow:g,postOfflineTranslateDataWorkflow:h,unsaveOfflineTranslationsWorkflow:x,fetchOfflineTranslationsWorkflow:b,isSubmittingOfflineTranslateData:_,offlineBooks:j,updateOfflineTranslationsWorkflow:v})=>{const y=i(),T=S();return e&&e.pages?t.jsx(c,{noContentPadding:!0,noDimensionRestrictions:!0,overflowVisible:!0,children:t.jsx(D,{pages:e.pages,cssHref:e.css,viewport:n,orientation:e.orientation,closeOfflineTranslator:m,isLoggedIn:f,language:e.language,offline:s,userId:a,book:o,t:y,startPage:d,windowDimensions:r,slug:p,addSlimNotification:u,saveOfflineTranslationsWorkflow:g,postOfflineTranslateDataWorkflow:h,unsaveOfflineTranslationsWorkflow:x,fetchOfflineTranslationsWorkflow:b,assets:e,isSubmittingOfflineTranslateData:_,offlineBooks:j,updateOfflineTranslationsWorkflow:v,userEmail:l,isRtl:T})}):null};export{H as default};