https://arttechtalks.com/_next/static/chunks/5bfef1238aef92a6.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,462,e=>{"use strict";var t=e.i(91398),a=e.i(61576),o=("function"==typeof SuppressedError&&SuppressedError,e.i(91788));function i(e){var{className:t="",style:a={display:"block"},client:i,slot:n,layout:r="",layoutKey:l="",format:s="auto",responsive:c="false",pageLevelAds:d=!1,adTest:u,children:p}=e,f=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&0>t.indexOf(o)&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,o=Object.getOwnPropertySymbols(e);i<o.length;i++)0>t.indexOf(o[i])&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(a[o[i]]=e[o[i]]);return a}(e,["className","style","client","slot","layout","layoutKey","format","responsive","pageLevelAds","adTest","children"]);return(0,o.useEffect)(()=>{let e={};d&&(e.google_ad_client=i,e.enable_page_level_ads=!0);try{"object"==typeof window&&(window.adsbygoogle=window.adsbygoogle||[]).push(e)}catch(e){}},[]),o.default.createElement("ins",Object.assign({className:`adsbygoogle ${t}`,style:a,"data-ad-client":i,"data-ad-slot":n,"data-ad-layout":r,"data-ad-layout-key":l,"data-ad-format":s,"data-full-width-responsive":c,"data-adtest":u},f),p)}function n(){let e,o=(0,a.c)(1);return o[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,t.jsx)(i,{client:"ca-pub-7325640588201639",slot:"4353772118",format:"auto",style:{display:"block",width:"100%",height:"100%"}}),o[0]=e):e=o[0],e}e.s(["default",()=>n],462)},16050,e=>{"use strict";var t=e.i(35628),a=e.i(99523);let o=[{id:1,label:"hot_post"},{id:2,label:"weekend_proposal"},{id:3,label:"time_event"}],i=async(e,a,o)=>{let i={filters:[{field:"status",value:"publish",op:"eq"},...o],page:e,page_size:a,sort:"published_at.DESC"},n=await t.default.get(`/post/query?query=${JSON.stringify(i)}&fields=list`);return{data:n.data.result.data.map(e=>({id:e.id,title:e.title,slug:e.slug,coverImage:e.cover_image,meta:e.meta?e.meta:{},tags:e.tags})),page:n.data.result.page,pageSize:n.data.result.page_size,total:n.data.result.total}},n=async e=>{let a=(await t.default.get(`/post/query?query=${JSON.stringify({filters:[{field:"slug",value:e||!1,op:"eq"}],page:1,page_size:-1,sort:"id.ASC"})}&fields=all`)).data.result.data;return a?a.map(e=>({id:e.id,title:e.title,html:e.html,design:e.design,slug:e.slug,coverImage:e.cover_image,dateNotes:e?.date_notes||null,authorType:e.author_type||null,country:e.country?e.country.map(e=>({id:e.id,name:e.name})):null,category:e.category?e.category.map(e=>({id:e.id,name:e.name})):null,type:e.type?o.filter(t=>e.type.includes(t.id)):null,tags:e.tags,author:e.author_id_info||null,status:e.status,publishedAt:e.published_at,previewCode:e.preview_code,meta:{post:e?.meta_id_info?.post_id||null,title:e?.meta_id_info?.title||null,description:e?.meta_id_info?.description||null,image:e?.meta_id_info?.image||null,keywords:e?.meta_id_info?.keywords?e?.meta_id_info?.keywords.toString():null},createdAt:e.created_at,updatedAt:e.updated_at,createdBy:e.created_by_info?e.created_by_info.username:"",updatedBy:e.updated_by_info?e.updated_by_info.username:""})):null},r=async()=>[...new Set((await t.default.get("/post/getSlugList")).data.result.data)].map(e=>({params:{slug:e}})),l=async e=>{let a=(await t.default.post(`/post/getPreviousPost/${e}`)).data.result;return a&&a?{title:a.title,slug:a.slug}:null},s=async e=>{let a=(await t.default.post(`/post/getNextPost/${e}`)).data.result;return a&&a?{title:a.title,slug:a.slug}:null},c=async e=>{let o=(await t.default.post(`/post/getSuggestionPost/${e}`)).data.result;return o&&o?o.map(e=>({title:e.title,slug:e.slug,coverImage:e.cover_image,tags:e.tags,updatedAt:(0,a.default)(e.updated_at.date).format("YYYY-MM-DD")})):null};e.s(["PostApi",0,{getPostList:i,getDetailsBySlug:n,getSlugList:r,getPreviousPost:l,getNextPost:s,getSuggestionPost:c}],16050)},1085,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o={AppRouterContext:function(){return r},GlobalLayoutRouterContext:function(){return s},LayoutRouterContext:function(){return l},MissingSlotContext:function(){return d},TemplateContext:function(){return c}};for(var i in o)Object.defineProperty(a,i,{enumerable:!0,get:o[i]});let n=e.r(41705)._(e.r(91788)),r=n.default.createContext(null),l=n.default.createContext(null),s=n.default.createContext(null),c=n.default.createContext(null),d=n.default.createContext(new Set)},31430,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"ReadonlyURLSearchParams",{enumerable:!0,get:function(){return i}});

1class o extends Error{constructor(){super("Method unavailable on `ReadonlyURLSearchParams`. Read more: https://nextjs.org/docs/app/api-reference/functions/use-search-params#updating-searchparams")}}class i extends URLSearchParams{append(){throw new o}delete(){throw new o}set(){throw new o}sort(){throw new o}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},70008,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o={NavigationPromisesContext:function(){return d},PathParamsContext:function(){return c},PathnameContext:function(){return s},ReadonlyURLSearchParams:function(){return r.ReadonlyURLSearchParams},SearchParamsContext:function(){return l},createDevToolsInstrumentedPromise:function(){return u}};for(var i in o)Object.defineProperty(a,i,{enumerable:!0,get:o[i]});let n=e.r(91788),r=e.r(31430),l=(0,n.createContext)(null),s=(0,n.createContext)(null),c=(0,n.createContext)(null),d=(0,n.createContext)(null);

1function u(e,t){let a=Promise.resolve(t);return a.status="fulfilled",a.value=t,a.displayName=`${e} (SSR)`,a}},14760,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o={BailoutToCSRError:function(){return r},isBailoutToCSRError:function(){return l}};for(var i in o)Object.defineProperty(a,i,{enumerable:!0,get:o[i]});let n="BAILOUT_TO_CLIENT_SIDE_RENDERING";class r extends Error{constructor(e){super(`Bail out to client-side rendering: ${e}`),this.reason=e,this.digest=n}}function l(e){return"object"==typeof e&&null!==e&&"digest"in e&&e.digest===n}},91622,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o={HTTPAccessErrorStatus:function(){return n},HTTP_ERROR_FALLBACK_ERROR_CODE:function(){return l},getAccessFallbackErrorTypeByStatus:function(){return d},getAccessFallbackHTTPStatus:function(){return c},isHTTPAccessFallbackError:function(){return s}};for(var i in o)Object.defineProperty(a,i,{enumerable:!0,get:o[i]});let n={NOT_FOUND:404,FORBIDDEN:403,UNAUTHORIZED:401},r=new Set(Object.values(n)),l="NEXT_HTTP_ERROR_FALLBACK";function s(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let[t,a]=e.digest.split(";");return t===l&&r.has(Number(a))}function c(e){return Number(e.digest.split(";")[1])}function d(e){switch(e){case 401:return"unauthorized";case 403:return"forbidden";case 404:return"not-found";default:return}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},40184,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"RedirectStatusCode",{enumerable:!0,get:function(){return i}});var o,i=((o={})[o.SeeOther=303]="SeeOther",o[o.TemporaryRedirect=307]="TemporaryRedirect",o[o.PermanentRedirect=308]="PermanentRedirect",o);("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},1939,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o,i={REDIRECT_ERROR_CODE:function(){return l},RedirectType:function(){return s},isRedirectError:function(){return c}};for(var n in i)Object.defineProperty(a,n,{enumerable:!0,get:i[n]});let r=e.r(40184),l="NEXT_REDIRECT";var s=((o={}).push="push",o.replace="replace",o);function c(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let t=e.digest.split(";"),[a,o]=t,i=t.slice(2,-2).join(";"),n=Number(t.at(-2));return a===l&&("replace"===o||"push"===o)&&"string"==typeof i&&!isNaN(n)&&n in r.RedirectStatusCode}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},68934,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"isNextRouterError",{enumerable:!0,get:function(){return n}});let o=e.r(91622),i=e.r(1939);function n(e){return(0,i.isRedirectError)(e)||(0,o.isHTTPAccessFallbackError)(e)}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},71991,e=>{"use strict";var t=e.i(91398),a=e.i(61576),o=e.i(51675),i=e.i(85558);function n(e){let n,r,l,s,c=(0,a.c)(9),{html:d,textAlign:u,disableGutters:p}=e,f=void 0===u?"center":u,m=void 0===p||p;return c[0]===Symbol.for("react.memo_cache_sentinel")?(n={"& img":{maxWidth:"100%"},"& p":{margin:"0.2rem 0"}},c[0]=n):n=c[0],c[1]!==d?(r={__html:d},c[1]=d,c[2]=r):r=c[2],c[3]!==r||c[4]!==f?(l=(0,t.jsx)(o.Box,{textAlign:f,component:"div",sx:n,dangerouslySetInnerHTML:r}),c[3]=r,c[4]=f,c[5]=l):l=c[5],c[6]!==m||c[7]!==l?(s=(0,t.jsx)(i.Container,{maxWidth:"xl",disableGutters:m,children:l}),c[6]=m,c[7]=l,c[8]=s):s=c[8],s}e.i(73279),e.s(["default",()=>n])},62344,e=>{"use strict";var t=e.i(91398),a=e.i(51675),o=e.i(85558),i=e.i(67493);e.i(64157);var n=e.i(71179),r=e.i(77507);function l({data:e,disableGutters:l=!1}){let{t:s}=(0,n.useTranslation)(["common"]),c=t=>()=>{switch(t){case"facebook":let a,o,i;a=window.location.href,o=e.title,i=e.coverImage,window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(a)}&quote=${encodeURIComponent(o)}&picture=${encodeURIComponent(i)}}`,"facebook-share-dialog","width=626,height=436");break;case"whatsapp":let n;

1n=window.location.href,window.open(`https://api.whatsapp.com/send?text=${n}`,"_blank");break;case"line":let l;l=window.location.href,window.open(`https://lineit.line.me/share/ui?url=${l}`,"_blank");break;case"x":let c;c=window.location.href,window.open(`https://twitter.com/intent/tweet?url=${c}`,"twitter-share-dialog","width=626,height=436");break;case"xiaohongshu":let d,u,p;d=window.location.href,u=e.title,p=e.coverImage,window.open(`https://www.xiaohongshu.com/discovery/item/${encodeURIComponent(d)}?title=${encodeURIComponent(u)}&image=${encodeURIComponent(p)}`,"twitter-share-dialog","width=626,height=436");break;case"email":let f,m,h,x;f=window.location.href,m=e.title,h=`${s("email_subject")} - ${m}`,x=`${s("email_share_body")}: ${f}`,window.location.href=`mailto:?subject=${h}&body=${x}`;break;case"copy":let g;g=window.location.href,navigator.clipboard.writeText(g).then(()=>{r.toast.success(s("copy_success"))}).catch(e=>{r.toast.error(s(e))})}},d=[{name:"facebook",icon:"/assets/social/facebook-icon.svg",click:c("facebook"),width:25},{name:"whatsapp",icon:"/assets/social/whatsapp-icon.svg",click:c("whatsapp"),width:25},{name:"line",icon:"/assets/social/line-icon.svg",click:c("line"),width:25},{name:"x",icon:"/assets/social/x-icon.svg",click:c("x"),width:25},{name:"xiaohongshu",icon:"/assets/social/xiaohongshu-icon.svg",click:c("xiaohongshu"),width:29},{name:"email",icon:"/assets/social/email-icon.svg",click:c("email"),width:25},{name:"copy",icon:"/assets/social/copy-icon.svg",click:c("copy"),width:30}];return(0,t.jsx)(o.Container,{maxWidth:"lg",sx:{display:"flex",justifyContent:"between"},disableGutters:l,children:(0,t.jsx)(a.Box,{children:d.map((e,o)=>(0,t.jsx)(i.IconButton,{onClick:e.click,children:(0,t.jsx)(a.Box,{component:"img",src:e.icon,alt:e.name,sx:{width:e.width}},e.icon)},o))})})}e.s(["default",()=>l])},62698,3862,e=>{"use strict";var t=e.i(91398),a=e.i(61576),o=e.i(51675),i=e.i(85558);function n(e){let n,r,l,s=(0,a.c)(5),{data:c}=e;return s[0]===Symbol.for("react.memo_cache_sentinel")?(n={display:"flex",justifyContent:"space-between",height:"100%"},s[0]=n):n=s[0],s[1]===Symbol.for("react.memo_cache_sentinel")?(r={display:"flex",flexDirection:"column",width:"100%",gap:2},s[1]=r):r=s[1],s[2]!==c.coverImage||s[3]!==c.title?(l=(0,t.jsx)(o.Box,{children:(0,t.jsx)(i.Container,{maxWidth:"lg",sx:n,children:(0,t.jsx)(o.Box,{sx:r,children:(0,t.jsx)(o.Box,{component:"img",src:c.coverImage,alt:c.title},c.coverImage)})})}),s[2]=c.coverImage,s[3]=c.title,s[4]=l):l=s[4],l}e.s(["default",()=>n],62698);var r=e.i(71991),l=e.i(47369),s=e.i(62416),c=e.i(59321),d=e.i(82404);e.i(64157);var u=e.i(71179),p=e.i(3828);function f(e){let n,r,f,m,h,x,g,y,_,b,j,v,w,S,C,P,R,T,k,B,O,E=(0,a.c)(40),{data:A}=e;E[0]===Symbol.for("react.memo_cache_sentinel")?(n=["post"],E[0]=n):n=E[0];let{t:I}=(0,u.useTranslation)(n),$=(0,p.useRouter)();E[1]!==$?(r=e=>()=>{e&&$.push(`/articles?tag=${e}`)},E[1]=$,E[2]=r):r=E[2];let D=r;E[3]!==A.author||E[4]!==$?(f=()=>{A.author&&$.push(`/articles?author=${A.author.id}`)},E[3]=A.author,E[4]=$,E[5]=f):f=E[5];let N=f;return E[6]===Symbol.for("react.memo_cache_sentinel")?(m={display:"flex",justifyContent:"space-between",height:"100%",py:2},E[6]=m):m=E[6],E[7]===Symbol.for("react.memo_cache_sentinel")?(h={display:"flex",flexDirection:"column",width:"100%",gap:2},E[7]=h):h=E[7],E[8]===Symbol.for("react.memo_cache_sentinel")?(x={display:"flex",flexDirection:"row",gap:1,flexWrap:"wrap","& button":{borderRadius:1,minWidth:50,backgroundColor:l.default.black.main,color:l.default.white.main}},E[8]=x):x=E[8],E[9]!==A.tags||E[10]!==D?(g=A?.tags&&A?.tags?.length!=0&&A?.tags?.map((e,a)=>(0,t.jsx)(s.Button,{variant:"contained",disableElevation:!0,sx:{background:l.default.black.main,borderRadius:0,":hover":{background:"grey",transition:"all 0.3s ease"}},onClick:D(e),children:e},a)),E[9]=A.tags,E[10]=D,E[11]=g):g=E[11],E[12]!==g?(y=(0,t.jsx)(o.Box,{sx:x,children:g}),E[12]=g,E[13]=y):y=E[13],E[14]!==A.title?(_=(0,t.jsx)(d.Typography,{variant:"h3",textAlign:"start",children:A.title}),E[14]=A.title,E[15]=_):_=E[15],E[16]===Symbol.for("react.memo_cache_sentinel")?(b={display:"flex",flexDirection:"row",alignItems:"center",gap:1},E[16]=b):b=E[16],E[17]===Symbol.for("react.memo_cache_sentinel")?(j={color:l.default.text.caption},E[17]=j):j=E[17],E[18]!==A.updatedAt?(v=(0,t.jsx)(d.Typography,{variant:"body3",sx:j,textAlign:"start",children:A.updatedAt}),E[18]=A.updatedAt,E[19]=v):v=E[19],E[20]===Symbol.for("react.memo_cache_sentinel")?(w={display:"flex",flexDirection:"row",alignItems:"center"},E[20]=w):w=E[20],E[21]===Symbol.for("react.memo_cache_sentinel")?(S={color:l.default.text.caption},E[21]=S):S=E[21],E[22]!==I?(C=I("author"),E[22]=I,E[23]=C):C=E[23],E[24]!==C?(P=(0,t.jsxs)(d.Typography,{variant:"body3",sx:S,textAlign:"start",children:[C,":"]}),E[24]=C,E[25]=P):P=E[25],E[26]===Symbol.for("react.memo_cache_sentinel")?(R={color:l.default.text.caption,px:1,":hover":{color:l.default.text.primary,transition:"all 0.3s ease"}},E[26]=R):R=E[26],E[27]!==A.author.name||E[28]!==N?(T=(0,t.jsx)(c.ButtonBase,{sx:R,onClick:N,children:A.author.name}),E[27]=A.author.name,E[28]=N,E[29]=T):T=E[29],E[30]!==P||E[31]!==T?(k=(0,t.jsxs)(o.Box,{sx:w,children:[P,T]}),E[30]=P,E[31]=T,E[32]=k):k=E[32],E[33]!==v||E[34]!==k?(B=(0,t.jsxs)(o.Box,{sx:b,children:[v,k]}),E[33]=v,E[34]=k,E[35]=B):B=E[35],E[36]!==B||E[37]!==y||E[38]!==_?(O=(0,t.jsx)(o.Box,{children:(0,t.jsx)(i.Container,{maxWidth:"lg",sx:m,children:(0,t.jsxs)(o.Box,{sx:h,children:[y,_,B]})})}),E[36]=B,E[37]=y,E[38]=_,E[39]=O):O=E[39],O}var m=e.i(27389);function h(e){let n,r,s,f,h,g,y,_,b,j,v,w=(0,a.c)(25),{previousPost:S,nextPost:C}=e;w[0]===Symbol.for("react.memo_cache_sentinel")?(n=["post"],w[0]=n):n=w[0];let{t:P}=(0,u.useTranslation)(n),R=(0,p.useRouter)();w[1]!==S||w[2]!==R?(r=()=>{S&&R.push(`/articles/${S.slug}`)},w[1]=S,w[2]=R,w[3]=r):r=w[3];let T=r;w[4]!==C||w[5]!==R?(s=()=>{C&&R.push(`/articles/${C.slug}`)},w[4]=C,w[5]=R,w[6]=s):s=w[6];let k=s,B=x;return w[7]===Symbol.for("react.memo_cache_sentinel")?(f={display:"flex",justifyContent:"space-between",height:"100%",pb:2,borderBottom:`1px solid ${l.default.black.main}`,paddingBottom:5},w[7]=f):f=w[7],w[8]===Symbol.for("react.memo_cache_sentinel")?(h={xs:12,md:6},w[8]=h):h=w[8],w[9]!==T||w[10]!==S||w[11]!==P?(g=S&&B(S)&&(0,t.jsx)(c.ButtonBase,{children:(0,t.jsxs)(o.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start"},onClick:T,children:[(0,t.jsx)(d.Typography,{variant:"body3",sx:{pt:2,color:l.default.text.caption},children:P("previous-post")}),(0,t.jsx)(d.Typography,{variant:"h6",sx:{pt:2},children:S.title})]})}),w[9]=T,w[10]=S,w[11]=P,w[12]=g):g=w[12],w[13]!==g?(y=(0,t.jsx)(m.Grid,{size:h,children:g}),w[13]=g,w[14]=y):y=w[14],w[15]===Symbol.for("react.memo_cache_sentinel")?(_={xs:12,md:6},w[15]=_):_=w[15],w[16]!==C||w[17]!==k||w[18]!==P?(b=C&&B(C)&&(0,t.jsx)(c.ButtonBase,{children:(0,t.jsx)(o.Box,{children:(0,t.jsxs)(o.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-end"},onClick:k,children:[(0,t.jsx)(d.Typography,{variant:"body3",sx:{pt:2,color:l.default.text.caption},children:P("next_post")}),(0,t.jsx)(d.Typography,{variant:"h6",sx:{pt:2},children:C.title})]})})}),w[16]=C,w[17]=k,w[18]=P,w[19]=b):b=w[19],w[20]!==b?(j=(0,t.jsx)(m.Grid,{size:_,children:b}),w[20]=b,w[21]=j):j=w[21],w[22]!==j||w[23]!==y?(v=(0,t.jsx)(o.Box,{children:(0,t.jsx)(i.Container,{maxWidth:"lg",sx:f,children:(0,t.jsxs)(m.Grid,{container:!0,spacing:2,children:[y,j]})})}),w[22]=j,w[23]=y,w[24]=v):v=w[24],v}function x(e){return void 0!==e.slug}var g=e.i(62344);function y(e){let n,r,f,h,x,g,y,_,b,j,v=(0,a.c)(20),{data:w}=e;v[0]===Symbol.for("react.memo_cache_sentinel")?(n=["post"],v[0]=n):n=v[0];let{t:S}=(0,u.useTranslation)(n),C=(0,p.useRouter)();v[1]!==C?(r=e=>()=>{e&&C.push(`/articles?tag=${e}`)},v[1]=C,v[2]=r):r=v[2];let P=r;v[3]!==C?(f=e=>()=>{e&&C.push(`/articles/${e}`)},v[3]=C,v[4]=f):f=v[4];let R=f;return v[5]===Symbol.for("react.memo_cache_sentinel")?(h={display:"flex",flexDirection:"column",height:"100%",borderBottom:`2px solid ${l.default.primary.main}`,pt:3,paddingBottom:2},v[5]=h):h=v[5],v[6]!==S?(x=S("suggestion_post"),v[6]=S,v[7]=x):x=v[7],v[8]!==x?(g=(0,t.jsx)(i.Container,{maxWidth:"lg",sx:h,children:(0,t.jsx)(d.Typography,{variant:"h5",children:x})}),v[8]=x,v[9]=g):g=v[9],v[10]===Symbol.for("react.memo_cache_sentinel")?(y={display:"flex",flexDirection:"column",height:"100%",py:4},v[10]=y):y=v[10],v[11]!==w||v[12]!==R||v[13]!==P?(_=w?.map((e,a)=>(0,t.jsx)(o.Box,{sx:{py:1},children:(0,t.jsxs)(m.Grid,{container:!0,spacing:1,children:[(0,t.jsxs)(m.Grid,{size:{xs:12,md:9},children:[(0,t.jsx)(o.Box,{sx:{display:"flex",flexWrap:"wrap",flexDirection:"row",gap:1},children:e?.tags&&e?.tags?.length!=0&&e?.tags?.map((e,a)=>(0,t.jsx)(s.Button,{size:"small",variant:"contained",disableElevation:!0,sx:{background:l.default.black.main,borderRadius:0,":hover":{background:"grey",transition:"all 0.3s ease"}},onClick:P(e),children:e},a))}),(0,t.jsx)(c.ButtonBase,{variant:"contained",onClick:R(e.slug),children:(0,t.jsxs)(o.Box,{sx:{display:"flex",flexDirection:"column",gap:1},children:[(0,t.jsx)(d.Typography,{variant:"h6",sx:{pt:2},textAlign:"start",children:e.title}),(0,t.jsx)(d.Typography,{variant:"body2",sx:{pt:1,color:l.default.text.caption},textAlign:"start",children:e.updatedAt})]})})]}),(0,t.jsx)(m.Grid,{size:{xs:12,md:3},children:(0,t.jsx)(c.ButtonBase,{variant:"contained",onClick:R(e.slug),children:(0,t.jsx)(o.Box,{component:"img",src:e.coverImage,alt:`post_cover_image_${a}`,sx:{width:"100%",objectFit:"cover"}},e.coverImage)})})]})}

1,a)),v[11]=w,v[12]=R,v[13]=P,v[14]=_):_=v[14],v[15]!==_?(b=(0,t.jsx)(i.Container,{maxWidth:"lg",sx:y,children:(0,t.jsx)(o.Box,{children:_})}),v[15]=_,v[16]=b):b=v[16],v[17]!==g||v[18]!==b?(j=(0,t.jsxs)(o.Box,{children:[g,b]}),v[17]=g,v[18]=b,v[19]=j):j=v[19],j}var _=e.i(462);function b(e){let n,l,s,c,d,u,p,x,b,j,v,w,S,C=(0,a.c)(27),{data:P,html:R,previousPost:T,nextPost:k,suggestionPost:B}=e;return C[0]===Symbol.for("react.memo_cache_sentinel")?(n={display:"flex",justifyContent:"space-between",height:"100%",py:2},C[0]=n):n=C[0],C[1]===Symbol.for("react.memo_cache_sentinel")?(l={xs:12,md:10},C[1]=l):l=C[1],C[2]!==P?(s=(0,t.jsx)(f,{data:P}),c=(0,t.jsx)(g.default,{data:P}),C[2]=P,C[3]=s,C[4]=c):(s=C[3],c=C[4]),C[5]!==R?(d=(0,t.jsx)(r.default,{html:R,disableGutters:!1,textAlign:"start"}),C[5]=R,C[6]=d):d=C[6],C[7]!==P?(u=(0,t.jsx)(g.default,{data:P}),C[7]=P,C[8]=u):u=C[8],C[9]!==P||C[10]!==k||C[11]!==T?(p=(0,t.jsx)(h,{data:P,nextPost:k,previousPost:T}),C[9]=P,C[10]=k,C[11]=T,C[12]=p):p=C[12],C[13]===Symbol.for("react.memo_cache_sentinel")?(x=(0,t.jsx)(_.default,{}),C[13]=x):x=C[13],C[14]!==B?(b=(0,t.jsx)(y,{data:B}),C[14]=B,C[15]=b):b=C[15],C[16]!==s||C[17]!==c||C[18]!==d||C[19]!==u||C[20]!==p||C[21]!==b?(j=(0,t.jsxs)(m.Grid,{size:l,children:[s,c,d,u,p,x,b]}),C[16]=s,C[17]=c,C[18]=d,C[19]=u,C[20]=p,C[21]=b,C[22]=j):j=C[22],C[23]===Symbol.for("react.memo_cache_sentinel")?(v={xs:12,md:2},C[23]=v):v=C[23],C[24]===Symbol.for("react.memo_cache_sentinel")?(w=(0,t.jsx)(m.Grid,{size:v,children:(0,t.jsxs)(o.Box,{sx:{display:"flex",flexDirection:"column",gap:{xs:2,md:8},justifyContent:"space-around"},children:[(0,t.jsx)(_.default,{}),(0,t.jsx)(_.default,{}),(0,t.jsx)(_.default,{})]})}),C[24]=w):w=C[24],C[25]!==j?(S=(0,t.jsx)(i.Container,{maxWidth:"lg",disableGutters:!0,sx:n,children:(0,t.jsxs)(m.Grid,{container:!0,spacing:2,children:[j,w]})}),C[25]=j,C[26]=S):S=C[26],S}e.s(["default",()=>b],3862)},29932,e=>{"use strict";var t=e.i(91398),a=e.i(81794),o=e.i(38825),i=e.i(62698),n=e.i(3862),r=e.i(61576),l=e.i(51675),s=e.i(62416),c=e.i(70938),d=e.i(82404),u=e.i(91788),p=e.i(77507);function f(e){let i,n,f,m,h,x,g,y,_=(0,r.c)(19),{data:b,onClose:j}=e,[v,w]=(0,u.useState)("");_[0]!==b?.previewCode||_[1]!==j||_[2]!==v?(i=()=>{v===b?.previewCode?j():p.toast.error("密碼錯誤")},_[0]=b?.previewCode,_[1]=j,_[2]=v,_[3]=i):i=_[3];let S=i,C=b?.title,P=b?.meta?.title,R=b?.meta?.description,T=b?.meta?.keywords,k=b?.meta?.image;return _[4]!==C||_[5]!==P||_[6]!==R||_[7]!==T||_[8]!==k?(n=(0,t.jsx)(o.default,{title:C,metaTitle:P,metaDescription:R,metaKeywords:T,ogImage:k}),_[4]=C,_[5]=P,_[6]=R,_[7]=T,_[8]=k,_[9]=n):n=_[9],_[10]===Symbol.for("react.memo_cache_sentinel")?(f={display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",height:500,gap:2},_[10]=f):f=_[10],_[11]===Symbol.for("react.memo_cache_sentinel")?(m=(0,t.jsx)(d.Typography,{gutterBottom:!0,children:"請輸入密碼"}),_[11]=m):m=_[11],_[12]===Symbol.for("react.memo_cache_sentinel")?(h=(0,t.jsxs)(l.Box,{children:[m,(0,t.jsx)(c.TextField,{variant:"outlined",type:"password",onChange:e=>w(e.target.value),sx:{width:300}})]}),_[12]=h):h=_[12],_[13]===Symbol.for("react.memo_cache_sentinel")?(x={width:300},_[13]=x):x=_[13],_[14]!==S?(g=(0,t.jsxs)(l.Box,{sx:f,children:[h,(0,t.jsx)(s.Button,{onClick:S,variant:"contained",size:"large",sx:x,children:"確認"})]}),_[14]=S,_[15]=g):g=_[15],_[16]!==g||_[17]!==n?(y=(0,t.jsxs)(a.default,{children:[n,g]}),_[16]=g,_[17]=n,_[18]=y):y=_[18],y}var m=e.i(16050);function h({data:e,slug:r}){let[l,s]=(0,u.useState)(""),[c,d]=(0,u.useState)(null),[p,h]=(0,u.useState)(null),[x,g]=(0,u.useState)(null),[y,_]=(0,u.useState)(!1);(0,u.useEffect)(()=>{S(),b(),j(),v(),w()},[r]);let b=()=>{try{let t=e.html,a=document.createElement("div");a.innerHTML=t,s(a.innerHTML)}catch(e){console.log(e)}},j=async()=>{try{let t=await m.PostApi.getPreviousPost(e.id);d(t)}catch(e){console.log(e)}},v=async()=>{try{let t=await m.PostApi.getNextPost(e.id);h(t)}catch(e){console.log(e)}},w=async()=>{try{let t=await m.PostApi.getSuggestionPost(e.id);g(t)}catch(e){console.log(e)}},S=()=>{"preview"===e.status&&null!=e.previewCode&&_(!0)};return y?(0,t.jsx)(f,{data:e,onClose:()=>_(!1)}):(0,t.jsxs)(a.default,{children:[(0,t.jsx)(o.default,{title:e?.title,metaTitle:e?.meta?.title,metaDescription:e?.meta?.description,metaKeywords:e?.meta?.keywords,ogImage:e?.meta?.image}),(0,t.jsx)(i.default,{data:e}),(0,t.jsx)(n.default,{data:e,html:l,previousPost:c,nextPost:p,suggestionPost:x})]})}e.s(["__N_SSG",()=>!0,"default",()=>h],29932)},50468,(e,t,a)=>{let o="/articles/[slug]";(window.__NEXT_P=window.__NEXT_P||[]).push([o,()=>e.r(29932)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([o])})},48761,e=>{e.v(t=>Promise.all(["static/chunks/f4fe8aeb8343dcd3.js"].map(t=>e.l(t))).then(()=>t(93594)))},28805,e=>{e.v(t=>Promise.all(["static/chunks/3dcc93bb4829c1ba.js"].map(t=>e.l(t))).then(()=>t(79466)))}]);