https://www.innersophist.com/_next/static/chunks/574-c34a3f87f4ca9387.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[574],{574:(e,t,n)=>{n.d(t,{A:()=>m});var a=n(37876),r=n(14232),s=n(96851),l=n(35739),o=n(16075),i=n(24649),c=n(7572),d=n(35698),u=n(92074),p=n(76755),h=n(71828);function m(e){let{title:t,paper:m,dimensions:x,onPaperChange:g,worksheet:f,generateLabel:b,suffix:w="",secondaryDownload:v,children:j}=e,y=(0,s.c)("worksheet"),[N,C]=(0,r.useState)(f.pages?"pdf":"png"),[A,k]=(0,r.useState)("all"),[L,E]=(0,r.useState)(!1),[P,S]=(0,r.useState)(""),[R,U]=(0,r.useState)(null),M=(0,r.useRef)(!1),T=async function(){let{alternate:e=!1,print:a=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(M.current||!f.ready)return;let r=f.pages&&"pdf"===N&&!a&&!e,s=r&&f.isExportCurrent?f.isExportCurrent:f.isCurrent;M.current=!0,E(!0),S(""),U(null);try{if(r){let{worksheetPdfPages:e}=await n.e(2505).then(n.bind(n,72505)),a=f.pages.filter(e=>"all"===A||e.role===A);async function*l(){for(let[e,t]of a.entries()){if(!s())return;U({page:e+1,count:a.length}),yield await f.getPngPage(t)}}let r=await e(l(),{paper:m,title:t,isCurrent:s});r&&s()&&(0,p.W)(r,(0,u.rn)("".concat(t,"-").concat(A),"pdf"));return}let o=await (e?v.getPng():f.getPng());if(!o||!s())return;if(a){let{printWorksheetPng:e}=await n.e(2505).then(n.bind(n,72505));s()&&await e(o,{paper:m,title:t,isCurrent:s})}else{if("pdf"===N){let{worksheetPdf:e}=await n.e(2505).then(n.bind(n,72505));o=await e(o,{paper:m,title:t})}o&&s()&&(0,p.W)(o,(0,u.rn)("".concat(t).concat(e?v.suffix:w),N))}}catch(e){s()&&S(y("error"))}finally{M.current=!1,E(!1)}},z=L||!f.ready,I=f.needsGeneration?y("controls.generateFirst",{action:b||y("controls.generateAction")}):"",F=y("controls.download",{format:N.toUpperCase()}),D=y(f.pages?"controls.printPage":"controls.print");return(0,a.jsxs)("div",{className:"mt-7 rounded-[26px] border border-is-border bg-is-surface p-6 sm:p-5",children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 xs:grid-cols-1 gap-4",children:[(0,a.jsx)(d.A,{label:y("controls.format"),options:[{value:"png",label:"PNG"},{value:"pdf",label:"PDF"}],value:N,onChange:C,disabled:L}),g?(0,a.jsx)(d.A,{label:y("paper"),options:[{value:"letter",label:"Letter"},{value:"a4",label:"A4"}],value:m,onChange:g,disabled:L}):(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"mb-2 text-xs font-bold uppercase tracking-wide text-is-text-soft",children:y("paper")}),(0,a.jsx)("p",{className:"rounded-2xl border border-is-border-strong bg-is-surface-soft px-4 py-3.5 text-sm font-bold",children:"letter"===m?"US Letter":"A4"})]})]}),f.pages&&("pdf"===N?(0,a.jsxs)("div",{className:"mt-5",children:[(0,a.jsx)(d.A,{label:y("controls.pages"),options:["all","cards","teacher"].map(e=>({value:e,label:y("controls.pageScopes.".concat(e))})),value:A,onChange:k,disabled:L}),(0,a.jsx)("p",{className:"mt-2 text-xs text-is-text-soft",children:y("controls.pageCount",{count:f.pages.filter(e=>"all"===A||e.role===A).length})})]}):(0,a.jsx)("p",{className:"mt-4 text-sm text-is-text-muted",children:y("controls.currentPageOnly")})),I&&(0,a.jsx)("p",{className:"mt-4 text-sm leading-relaxed text-is-text-muted",children:I}),(0,a.jsx)(h.A,{reason:I,label:F,className:"mt-5 block",children:(0,a.jsxs)(c.oy,{shape:"pill",size:"lg",disabled:z,onClick:()=>T(),className:"w-full bg-[image:var(--is-gradient-primary)] !shadow-none",children:[L?(0,a.jsx)(l.A,{className:"h-4 w-4 animate-spin","aria-hidden":"true"}):(0,a.jsx)(o.A,{className:"h-4 w-4","aria-hidden":"true"}),F]})}),(0,a.jsxs)("div",{className:"mt-3 grid ".concat(v||j?"grid-cols-2 xs:grid-cols-1":"grid-cols-1"," gap-3"),children:[v&&(0,a.jsx)(h.A,{reason:I,label:v.label,children:(0,a.jsxs)(c.oy,{shape:"pill",variant:"white",disabled:z,className:"w-full !shadow-none",onClick:()=>T({alternate:!0}),children:[(0,a.jsx)(o.A,{className:"h-4 w-4","aria-hidden":"true"}),v.label]})}),(0,a.jsx)(h.A,{reason:I,label:D,children:(0,a.jsxs)(c.oy,{shape:"pill",variant:"white",disabled:z,className:"w-full !shadow-none",onClick:()=>T({print:!0}),children:[(0,a.jsx)(i.A,{className:"h-4 w-4","aria-hidden":"true"}),D]})}),j]}),P&&(0,a.jsx)("p",{role:"alert",className:"mt-3 text-sm text-is-primary-ink",children:P}),L&&f.pages&&(0,a.jsx)("p",{role:"status",className:"mt-3 text-sm text-is-text-muted",children:R?y("controls.pageProgress",R):y("controls.loading")}),(0,a.jsx)("p",{className:"mt-4 border-t border-is-border pt-4 text-xs text-is-text-soft",children:y("controls.fileInfo",{format:N.toUpperCase(),width:x.width,height:x.height,paper:"letter"===m?"US Letter":"A4"})})]})}}

1,35698:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(37876),r=n(73151);function s(e){let{label:t,options:n,value:s,onChange:l,dark:o=!1,hideLabel:i=!1,disabled:c=!1}=e;return(0,a.jsxs)("fieldset",{disabled:c,className:"min-w-0",children:[(0,a.jsx)("legend",{className:i?"sr-only":"mb-2 text-xs font-bold uppercase tracking-wide text-is-text-soft",children:t}),(0,a.jsx)("div",{className:"flex border border-is-border-strong bg-is-surface-soft p-1 ".concat(o?"rounded-full":"rounded-2xl"),children:n.map(e=>(0,a.jsx)("button",{type:"button","aria-pressed":s===e.value,onClick:()=>l(e.value),className:"flex-1 whitespace-nowrap px-4 py-2.5 text-sm font-bold transition-colors disabled:opacity-50 ".concat(o?"rounded-full":"rounded-xl"," ").concat(r.OQ," ").concat(s===e.value?o?"bg-is-footer text-is-footer-heading":"bg-is-surface text-is-text shadow-sm":"text-is-text-muted hover:text-is-text"),children:e.label},e.value))})]})}},35739:(e,t,n)=>{n.d(t,{A:()=>a});let a=(0,n(17963).A)("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},71828:(e,t,n)=>{n.d(t,{A:()=>o});var a=n(37876),r=n(14232),s=n(85035),l=n(7572);function o(e){let{reason:t,label:n,className:o="block",children:i}=e,c=(0,r.useId)();return t?(0,a.jsx)(s.A,{name:t,className:o,children:(0,a.jsxs)("span",{tabIndex:0,role:"group","aria-label":n,"aria-disabled":"true","aria-describedby":c,className:"block rounded-is-pill ".concat(l.OQ),children:[i,(0,a.jsx)("span",{id:c,className:"sr-only",children:t})]})}):(0,a.jsx)("span",{className:o,children:i})}},76755:(e,t,n)=>{n.d(t,{W:()=>a});function a(e,t){let n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e3)}},85035:(e,t,n)=>{n.d(t,{A:()=>l});var a=n(37876),r=n(14232);let s=r.useLayoutEffect,l=e=>{let{name:t,hint:n=null,className:l="inline-flex shrink-0",children:o}=e,i=(0,r.useRef)(null),c=(0,r.useRef)(null),d=(0,r.useRef)(null),u=(0,r.useRef)(null),[p,h]=(0,r.useState)(null),[m,x]=(0,r.useState)(null),g=()=>{clearTimeout(d.current),clearTimeout(u.current)},f=(0,r.useCallback)(()=>{var e;let t=null==(e=i.current)?void 0:e.getBoundingClientRect();t&&h(t)},[]),b=(0,r.useCallback)(()=>{g(),h(null),x(null)},[]);return s(()=>{if(!p||!c.current)return;let e=c.current.getBoundingClientRect(),t=p.top-e.height-8<12,n=p.left+p.width/2-e.width/2;n=Math.min(Math.max(n,12),window.innerWidth-12-e.width);let a=t?p.bottom+8:p.top-8-e.height;x({left:n,top:a=Math.min(Math.max(a,12),window.innerHeight-12-e.height)})}

1,[p]),(0,r.useEffect)(()=>{if(!p)return;let e=()=>b(),t=e=>{"Escape"===e.key&&b()};return window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),window.addEventListener("keydown",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0),window.removeEventListener("keydown",t)}},[p,b]),(0,r.useEffect)(()=>g,[]),(0,a.jsxs)("span",{ref:i,className:l,onPointerEnter:e=>{"mouse"===e.pointerType&&(clearTimeout(d.current),d.current=setTimeout(f,180))},onPointerLeave:b,onPointerDown:e=>{"mouse"!==e.pointerType&&(clearTimeout(u.current),u.current=setTimeout(f,450))},onPointerUp:b,onPointerCancel:b,onFocusCapture:f,onBlurCapture:b,children:[o,p&&(0,a.jsxs)("span",{ref:c,"aria-hidden":"true",className:"pointer-events-none fixed z-50 max-w-[min(16rem,calc(100vw-24px))] whitespace-normal rounded-[8px] bg-is-text px-2.5 py-1.5 text-center font-rounded text-xs font-semibold text-white shadow-is-md transition-opacity duration-100",style:m?{left:m.left,top:m.top}:{left:p.left,top:p.top,visibility:"hidden"},children:[t,n&&(0,a.jsxs)("span",{className:"font-normal opacity-80",children:[" \xb7 ",n]})]})]})}},92074:(e,t,n)=>{n.d(t,{A_:()=>c,eB:()=>i,lp:()=>s,ow:()=>l,rn:()=>o,wI:()=>a});let a={IMAGE:"image",PDF:"pdf"},r=new Set(["png","jpg","jpeg","webp"]);function s(e){return e===a.PDF?a.PDF:a.IMAGE}function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"innersophist-20107.appspot.com";try{let n=new URL(e);return"https:"===n.protocol&&"storage.googleapis.com"===n.hostname&&n.pathname.startsWith("/".concat(t,"/"))}catch(e){return!1}}function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png",n=String(t||"png").toLowerCase().replace(/[^a-z0-9]/g,"")||"png",a=String(e||"coloring-page").split("/").pop().replace(/\.[a-z0-9]+$/i,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return"".concat(a||"coloring-page",".").concat(n)}function i(e){let{format:t=a.IMAGE,imageUrl:n=""}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return o(e,s(t)===a.PDF?"pdf":function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png";try{var n;let a=null==(n=new URL(e).pathname.split(".").pop())?void 0:n.toLowerCase();return r.has(a)?a:t}catch(e){return t}}(n))}function c(e){let{imageUrl:t,filename:n,format:r=a.IMAGE}=e,l=new URLSearchParams({url:t,format:s(r)});return n&&l.set("filename",n),"".concat("/api/download-coloring-page","?").concat(l.toString())}}}]);