https://mochaclass.com/static/js/1959.3662f289.chunk.js

1"use strict";(self.webpackChunkmochaintro=self.webpackChunkmochaintro||[]).push([[1959],{22301(e,t,r){r.d(t,{A:()=>h});var n=r(89379),o=r(80045),a=r(9950),i=r(45004);const s=e=>{let{src:t,srcSet:r,sizes:n,previewSrc:o,enabled:i}=e;const s=JSON.stringify([t,r,n,o]),[c,l]=(0,a.useState)(null),[d,u]=(0,a.useState)(null),[g,m]=(0,a.useState)(null),p=Boolean(i&&o&&o!==t&&d!==s&&g!==s),f=(0,a.useCallback)(()=>l(s),[s]);return(0,a.useEffect)(()=>{if(!p||c!==s||!t)return;let e=!1;const o=new Image;o.decoding="async";const a=()=>{e||m(s)};return o.onload=()=>{o.decode?o.decode().then(a,a):a()},o.onerror=()=>{},n&&(o.sizes=n),r&&(o.srcset=r),o.src=t,()=>{e=!0,o.onload=null,o.onerror=null}},[p,c,s,t,r,n]),{isPreview:p,displaySrc:p?o:t,handlePreviewLoad:f,handlePreviewError:()=>u(s)}};var c=r(57820);const l=e=>{let{src:t,original:r,forwardedRef:n,onLoad:o,onError:i}=e;const[s,l]=(0,a.useState)(null),[d,u]=(0,a.useState)(null),[g,m]=(0,a.useState)(null),[p,f]=(0,a.useState)({url:null,count:0,pending:!1}),h=t||r,v=s===h&&r?r:h,w=(0,c.e)(v),y=p.url===w?p.count:0;(0,a.useEffect)(()=>{if(p.url!==w||!p.pending)return;const e=setTimeout(()=>{f({url:w,count:1,pending:!1})},500);return()=>clearTimeout(e)},[w,p.url,p.pending]);const S=w?g===w?"error":d===w?"ready":"loading":"idle",b=(0,a.useCallback)(e=>{if("function"===typeof n)n(e);else if(n){n.current=e}w&&null!==e&&void 0!==e&&e.complete&&e.naturalWidth>0&&e.getAttribute("src")===w&&u(w)},[n,w]),k=p.url===w&&p.pending;return{url:w,state:S,isRetryPending:k,imageKey:"".concat(w,":").concat(y),ref:b,handleLoad:e=>{u(w),m(null),o&&o(e)},handleError:e=>{u(null),r&&w!==(0,c.e)(r)?l(h):w&&0===y?f({url:w,count:0,pending:!0}):m(w),i&&i(e)}}};var d=r(64189);const u=(0,r(59254).Ay)("img",{shouldForwardProp:e=>"preview"!==e})(e=>{let{preview:t}=e;return{display:"block","@keyframes serviceImageShimmer":{from:{backgroundPosition:"200% 0, center"},to:{backgroundPosition:"-200% 0, center"}},"@keyframes serviceImageReveal":{from:{opacity:.35},to:{opacity:1}},'&&[data-state="idle"], &&[data-state="loading"]':{color:"transparent",backgroundColor:"#f5f2ee",backgroundImage:"linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.5) 48%, transparent 66%)".concat(t?", url(".concat(JSON.stringify(t),")"):""),backgroundSize:"200% 100%, cover",backgroundPosition:"200% 0, center",backgroundRepeat:"no-repeat",animation:"none"},'&&[data-state="loading"]':{animation:"serviceImageShimmer 2s ease-in-out infinite"},'&&[data-state="ready"]':{background:"transparent",animation:"serviceImageReveal 180ms ease-out"},'&&[data-state="error"]':{color:"#73716e",background:"#f5f2ee",animation:"none"},"@media (prefers-reduced-motion: reduce)":{"&&[data-state]":{animation:"none"}}}}),g=["src","srcSet","imageWidths","deferUntilNearViewport","optimize","original","previewSrc","alt","onLoad","onError","loading","decoding"],m="data:image/svg+xml,".concat(encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"/>')),p="data:image/svg+xml,".concat(encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="480" height="320" viewBox="0 0 480 320"><rect width="480" height="320" fill="#f5f2ee"/><g transform="translate(220 140)" fill="none" stroke="#b6aea5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="36" height="30" rx="5"/><circle cx="13" cy="12" r="3"/><path d="m4 27 10-9 8 7 7-8 7 7"/></g></svg>')),f=(0,a.forwardRef)((e,t)=>{let{src:r,srcSet:f,imageWidths:h,deferUntilNearViewport:v=!1,optimize:w=!0,original:y,previewSrc:S,alt:b,onLoad:k,onError:R,loading:x="lazy",decoding:A="async"}=e,E=(0,o.A)(e,g);const{imageRef:I,shouldLoad:L}=(0,i.A)({enabled:v&&"eager"!==x,rootMargin:"300px"}),P=(0,a.useCallback)(e=>{if(I(e),"function"===typeof t)t(e);else if(t){t.current=e}},[I,t]),C=w&&!f?(0,d.R)(r):r,z=f||(w?(0,d.A)(r,h):void 0),{isPreview:U,displaySrc:W,handlePreviewLoad:B,handlePreviewError:j}=s({src:(0,c.e)(C),srcSet:z,sizes:E.sizes,previewSrc:(0,c.e)(w?(0,d.R)(S):S),enabled:L&&Boolean(r)}),{url:_,state:M,isRetryPending:N,imageKey:O,ref:T,handleLoad:F,handleError:J}=l({src:L?W:void 0,original:L&&!U?y||(C!==r?r:void 0):void 0,forwardedRef:v&&"eager"!==x?P:t,onLoad:U?B:k,onError:U?j:R});(0,a.useEffect)(()=>{U&&"ready"===M&&B()},[U,M,B]);const K="idle"===M||N;return(0,a.createElement)(u,(0,n.A)((0,n.A)({},E),{},{key:O,alt:b,ref:T,src:"error"===M?p:K?m:_,srcSet:!L||U||K||"error"===M||_!==(0,c.e)(C)?void 0:z,preview:L&&!U&&"loading"===M?(0,c.e)(w?(0,d.R)(S):S):void 0,"data-state":M,loading:x,decoding:A,onLoad:"error"===M||K?void 0:F,onError:K?void 0:J}))});f.displayName="ServiceImage";const h=f},36019(e,t,r){r.r(t),r.d(t,{default:()=>g});r(9950);var n=r(16673),o=r(50302),a=r(93547),i=r(59254),s=r(82053);const c=(0,i.Ay)("main")(e=>{let{theme:t}=e;return{display:"flex",flexDirection:"column",gap:12,width:"100%",padding:"24px 16px",[t.breakpoints.up(900)]:{paddingLeft:280}}}),l=(0,i.Ay)(s.A)(e=>{let{theme:t}=e;return{color:t.palette.grey[900],fontSize:20,fontWeight:700}}),d=(0,i.Ay)(s.A)(e=>{let{theme:t}=e;return{color:t.palette.grey[500],fontSize:13,lineHeight:1.5}});var u=r(44414);const g=()=>{const{id:e}=(0,n.useParams)(),{t:t}=(0,a.ok)("classManagement");return(0,u.jsxs)(c,{children:[(0,u.jsx)(l,{children:t("externalReviews.title")}),(0,u.jsx)(d,{children:t("externalReviews.hint")}),(0,u.jsx)(o.A,{targetType:"B2C_CLASS",targetId:e})]})}},45004(e,t,r){r.d(t,{A:()=>

1o});var n=r(9950);const o=e=>{let{original:t,thumbnail:r=null,enabled:o=!0,rootMargin:a="300px 0px"}=e;const[i,s]=(0,n.useState)(!1),[c,l]=(0,n.useState)(null);return(0,n.useEffect)(()=>{if(!o||!c||i)return;if(!window.IntersectionObserver)return void s(!0);const e=new IntersectionObserver(t=>{let[r]=t;r.isIntersecting&&(s(!0),e.disconnect())},{rootMargin:a});return e.observe(c),()=>e.disconnect()},[o,c,i,a]),{imageSrc:!o||i?r||t:void 0,imageRef:l,shouldLoad:!o||i}}},57820(e,t,r){r.d(t,{e:()=>o});const n="mochaclass-intro-web-4e0c0.appspot.com",o=e=>{if("string"!==typeof e||!e.startsWith("https://"))return e;try{const t=new URL(e);if(t.username||t.password||t.port||t.hash)return e;const r="firebasestorage.googleapis.com"===t.hostname&&t.pathname.startsWith("/v0/b/".concat(n,"/o/"))&&"media"===t.searchParams.get("alt"),o="storage.googleapis.com"===t.hostname&&t.pathname.startsWith("/".concat(n,"/"));return r||o?"/_files?source=".concat(encodeURIComponent(e)):e}catch(t){return e}}},64189(e,t,r){r.d(t,{A:()=>s,R:()=>i});var n=r(57820);const o=[320,640,960,1440],a=/^(B2B_Class|FCMImages|Enterprise_Branding|sunEditor)\//,i=(e,t)=>{const r=(0,n.e)(e);if("string"!==typeof r||!r.startsWith("/_files?"))return e;

1try{const n=new URLSearchParams(r.slice(r.indexOf("?")+1)),i=new URL(n.get("source")),s=decodeURIComponent(i.pathname.split("/o/")[1]||"");return"firebasestorage.googleapis.com"===i.hostname&&a.test(s)&&(void 0===t||o.includes(t))?(n.set("format","webp"),void 0!==t&&n.set("width",String(t)),"/_files?".concat(n.toString())):e}catch(i){return e}},s=(e,t)=>{if(e&&null!==t&&void 0!==t&&t.length&&i(e)!==e)return t.filter(e=>o.includes(e)).map(t=>"".concat(i(e,t)," ").concat(t,"w")).join(", ")||void 0}}}]);