1!function(){try{var n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e=(new n.Error).stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="49ac17fa-ff37-4a5d-a0db-6488a1f2ff77",n._sentryDebugIdIdentifier="sentry-dbid-49ac17fa-ff37-4a5d-a0db-6488a1f2ff77")}catch(n){}}();var _sentryModuleMetadataGlobal="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};_sentryModuleMetadataGlobal._sentryModuleMetadata=_sentryModuleMetadataGlobal._sentryModuleMetadata||{},_sentryModuleMetadataGlobal._sentryModuleMetadata[new _sentryModuleMetadataGlobal.Error().stack]=Object.assign({},_sentryModuleMetadataGlobal._sentryModuleMetadata[new _sentryModuleMetadataGlobal.Error().stack],{"_sentryBundlerPluginAppKey:very-secret-key":!0}),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1981,1269],{93499:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"}),"BookOutlined");e.Z=l},25191:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"}),"DescriptionOutlined");e.Z=l},3765:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"}),"FavoriteBorderOutlined");e.Z=l},17098:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"M12.22 19.85c-.18.18-.5.21-.71 0-.18-.18-.21-.5 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0-.21-.21-.18-.53 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.19-.19-.51 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.2-.19-.51 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78c1.56-1.56 1.56-4.09 0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66 0l-.28.28-.28-.28c-1.56-1.56-4.09-1.56-5.66 0L2.17 6.71C.75 8.13.62 10.34 1.77 11.9l1.45-1.45c-.39-.75-.26-1.7.37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z"}),"HandshakeOutlined");e.Z=l},98942:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow");e.Z=l},25308:function(n,e,t){"use strict";var i=t(56092);e.Z=void 0;var r=i(t(81991)),o=t(74512),l=(0,r.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarBorder");e.Z=l},23642:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/skill/[id]",function(){return t(49165)}])},49165:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSP:function(){return iG},default:function(){return iP}});var i=t(38839),r=t(17674),o=t(12328),l=t(78645),s=t(75246),a=t(62274),c=t(32735),u=t(17241),d=t(20151),p=t(40486),v=t(21141),f=t(17319),x=t(39194),m=t(20613),g=t(64496),h=t(37360),j=t(40559),w=t(58544),b=t(5269),Z=t(32690),y=t(31763),k=t(24665),I=t(57924),C=t(32120),S=t(76284),R=t(94790);function O(){let n=(0,l.Z)(["margin-bottom: 16px;"]);return O=function(){return n},n}function M(){let n=(0,l.Z)(["margin-bottom: 16px;"]);return M=function(){return n},n}function N(){let n=(0,l.Z)(["\n background: ",";\n border-radius: 10px;\n overflow: hidden;\n "]);return N=function(){return n},n}function _(){let n=(0,l.Z)(["\n align-items: start;\n padding: 12px 16px;\n "]);return _=function(){return n},n}function G(){let n=(0,l.Z)(["min-width: 32px"]);return G=function(){return n},n}function P(){let n=(0,l.Z)(["\n background: ",";\n width: 24px;\n flex: 0 0 24px;\n height: 24px;\n font-size: 12px;\n "]);return P=function(){return n},n}function F(){let n=(0,l.Z)(["\n margin: auto;\n word-break: break-word;\n white-space: pre-wrap;\n "]);return F=function(){return n},n}function V(){let n=(0,l.Z)(["margin: auto;"]);return V=function(){return n},n}function E(){let n=(0,l.Z)(["margin: auto;"]);return E=function(){return n},n}function T(){let n=(0,l.Z)(["margin: 0 ",""]);return T=function(){return n},n}function z(){let n=(0,l.Z)(["\n align-items: start;\n padding: 12px 16px;\n "]);return z=function(){return n},n}function A(){let n=(0,l.Z)(["min-width: 32px"]);return A=function(){return n},n}function L(){let n=(0,l.Z)(["\n background: ",";\n width: 24px;\n flex: 0 0 24px;\n height: 24px;\n font-size: 12px;\n "]);return L=function(){return n},n}function D(){let n=(0,l.Z)(["\n margin: auto;\n word-break: break-word;\n white-space: pre-wrap;\n "]);return D=function(){return n},n}function B(n){var e;let{t}=(0,a.$G)(C.G),r=(0,k.C)(n=>{var t;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:t.skillFAQs)&&void 0!==e?e:[]},(n,e)=>n.length===e.length&&!n.some((n,t)=>n.id!==e[t].id||n.answer!==e[t].answer||n.question!==e[t].question)),[o,l]=(0,c.useState)(1),d=(0,c.useMemo)(()=>r.slice(0,5*o),[o,r]),p=(0,c.useMemo)(()=>r.length>=5&&d.length<r.length,[r,d]);return(0,i.jsxs)("div",{css:(0,s.css)(O()),...n,children:[(0,i.jsx)(u.Z,{variant:"h6",mb:4,component:"h2",children:t("ProductFaq-1")},"ProductFaq-title"),d.map(n=>(0,i.jsx)(H,{css:(0,s.css)(M()),uic:"Q",question:n.question,answer:n.answer},"FAQRow-"+n.id)),p&&(0,i.jsx)(b.Z,{variant:"outlined",size:"large",fullWidth:!0,onClick:()=>l(o+1),children:t("ProductFaq-2")},"ProductFaq-button-loadmore")]})}function H(n){let e=(0,p.Z)(),[t,r]=(0,c.useState)(!1),o=()=>{r(!t)},l=(0,S.yT)(n.question),a=(0,S.yT)(n.answer);return(0,i.jsxs)("div",{css:(0,s.css)(N(),e.palette.canvas.main),...n,children:[(0,i.jsxs)(m.Z,{onClick:o,css:(0,s.css)(_()
1),title:l,children:[(0,i.jsx)(g.Z,{css:(0,s.css)(G()),children:(0,i.jsx)(w.Z,{css:(0,s.css)(P(),e.palette.primary.main),children:"Q"})}),(0,i.jsx)(h.Z,{css:(0,s.css)(F()),primary:(0,R.gK)(l)}),t?(0,i.jsx)(Z.Z,{css:(0,s.css)(V())}):(0,i.jsx)(y.Z,{css:(0,s.css)(E())})]}),t&&(0,i.jsx)(d.Z,{css:(0,s.css)(T(),e.spacing(3))}),(0,i.jsx)(j.Z,{in:t,timeout:"auto",children:(0,i.jsx)(x.Z,{component:"div",disablePadding:!0,children:(0,i.jsxs)(m.Z,{css:(0,s.css)(z()),children:[(0,i.jsx)(g.Z,{css:(0,s.css)(A()),children:(0,i.jsx)(w.Z,{css:(0,s.css)(L(),e.palette.ruby.main),children:"A"})}),(0,i.jsx)(h.Z,{css:(0,s.css)(D()),primary:(0,R.gK)(a)})]})})})]})}var q=t(1528),U=t(59013);function $(){let n=(0,l.Z)(["\n width: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;"]);return $=function(){return n},n}function K(){let n=(0,l.Z)(["\n width: 100%;\n padding: 24px 0;\n color: ",""]);return K=function(){return n},n}let J=()=>{var n,e;let{t}=(0,a.$G)(C.G),r=(0,p.Z)(),o=(0,k.C)(e=>{var t;return null!==(n=null===(t=e[U.V5])||void 0===t?void 0:t.listPaidOptions)&&void 0!==n?n:[]}),l=(0,k.C)(n=>{var t;return null!==(e=null===(t=n[U.V5])||void 0===t?void 0:t.skillInfo)&&void 0!==e?e:{}});return l.isLimit||l.statusType!==U.sJ.Selling||!o||0==o.length?null:(0,i.jsxs)("section",{css:(0,s.css)($()),children:[(0,i.jsx)(u.Z,{variant:"h6",css:(0,s.css)(K(),r.palette.jade.dark),children:t("27")}),(0,i.jsx)(U.g4,{namespace:U.V5,children:(0,i.jsx)(q.Fr,{})})]})};var Q=(0,c.memo)(J),Y=t(44907),W=t(45622),X=t(90738),nn=t(86214),ne=t(25699),nt=t(49569),ni=t(89218),nr=t.n(ni),no=t(28480),nl=t(11011),ns=t(58451),na=t(63637),nc=t(18130);function nu(){let n=(0,l.Z)(["\n width: 100%;\n margin: 0 0 32px 0;\n @media only screen and (min-width: ","px) {\n margin-bottom: 48px;\n }\n "]);return nu=function(){return n},n}function nd(){let n=(0,l.Z)(["\n color: ",";\n margin: 0 auto;\n width: 100%;\n "]);return nd=function(){return n},n}function np(){let n=(0,l.Z)(["\n width: 100%;\n border-radius: 0.65rem;\n max-height: 468px;\n margin: 16px auto 0 auto;\n border: 1px solid ",";\n padding: 24px 8px 13px 8px;\n @media only screen and (min-width: ","px) {\n padding: 24px 11px 13px 11px ;\n }\n "]);return np=function(){return n},n}function nv(){let n=(0,l.Z)(["padding: 0 16px;\n width: 100%;"]);return nv=function(){return n},n}function nf(){let n=(0,l.Z)(["\n width: 100%;\n color: ",";\n "]);return nf=function(){return n},n}function nx(){let n=(0,l.Z)(["\n display: flex;\n width: 100%;\n margin: 8px 0 16px 0;\n @media only screen and (min-width: ","px) {\n margin: 16px 0 32px 0;\n }"]);return nx=function(){return n},n}function nm(){let n=(0,l.Z)(["\n text-decoration: none;\n margin-right: ",";\n "]);return nm=function(){return n},n}function ng(){let n=(0,l.Z)(["background: gray;\n width: 80px;\n height: 80px;"]);return ng=function(){return n},n}function nh(){let n=(0,l.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n "]);return nh=function(){return n},n}function nj(){let n=(0,l.Z)(["\n margin-bottom: 2px;\n "]);return nj=function(){return n},n}function nw(){let n=(0,l.Z)(["margin-bottom: 9px;"]);return nw=function(){return n},n}function nb(){let n=(0,l.Z)(["width: 100%;"]);return nb=function(){return n},n}function nZ(){let n=(0,l.Z)(["\n width: 100%;\n color: ",";\n line-height: 24px;\n margin-bottom: 8px;\n "]);return nZ=function(){return n},n}function ny(){let n=(0,l.Z)(["\n margin-top: 7px;\n margin-bottom: ",";\n padding: 8px 14px;\n position: relative;\n height: 64px;\n width: 100%;\n @media only screen and (min-width: ","px) {\n padding: 0.5rem;\n }\n "]);return ny=function(){return n},n}function nk(){let n=(0,l.Z)(["\n flex:1;\n "]);return nk=function(){return n},n}function nI(){let n=(0,l.Z)(["text-decoration: none;"]);return nI=function(){return n},n}function nC(){let n=(0,l.Z)(["\n color: ",";\n margin-right: 4.59px;\n line-height: 16px;\n letter-spacing: 1.25px;\n display: flex;\n align-items: center;\n "]);return nC=function(){return n},n}function nS(){let n=(0,l.Z)(["font-size: 0.8rem;color: ",""]);return nS=function(){return n},n}function nR(){let n=(0,l.Z)([" width: 100%;"]);return nR=function(){return n},n}function nO(){let n=(0,l.Z)(["\n width: 18px;\n height: 14px;\n border-radius: 2px;\n border: 1px solid #EEEEEE;\n "]);return nO=function(){return n},n}function nM(){let n=(0,l.Z)(["\n color: ",";\n margin-left: 6px;\n "]);return nM=function(){return n},n}function nN(){let n=(0,l.Z)(["\n width: 100%;\n\n .MuiSvgIcon-root {\n color: ",";\n font-size: 1rem;\n }\n\n .text {\n color: ",";\n margin-left: 8px;\n }\n\n &.active {\n .MuiSvgIcon-root {\n color: ",";\n font-size: 1rem;\n }\n }\n "]);return nN=function(){return n},n}function n_(){let n=(0,l.Z)(["\n height: 40px;\n min-width: 175px;\n border-radius: 10px;\n border-color: ",";\n color: ",";\n &.Mui-disabled {\n border-color: ",";\n color: ",";\n }\n &:first-of-type {\n margin-right: 10px;\n @media only screen and (min-width: ","px) {\n margin-right: 20px;\n }\n }\n "]);return n_=function(){return n},n}let nG={color:{black:"#3F3F3F",green:"#A6B8EE"}},nP=()=>{var n,e,t,r,o,l;let v=(0,p.Z)(),{t:f}=(0,a.$G)(C.G),x=(0,k.C)(e=>{var t,i;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.nickName)&&void 0!==n?n:""}),m=(0,k.C)(n=>{var t,i;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.selfIntroduce)&&void 0!==e?e:""}),g=(0,k.C)(n=>{var e,i;return null!==(t=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(i=e.sellerInfo)||void 0===i?void 0:i.imageUrl)&&void 0!==t?t:""}),h=(0,k.C)(n=>{var e,t;return null!==(r=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.sellerInfo)||void 0===t?void 0:t.sellerId)&&void 0!==r?r:""}),j=(0,k.C)(n=>{var e,t;return null!==(o=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.sellerInfo)||void 0===t?void 0:t.identityStatus)&&void 0!==o?o:""}),b=(0,k.C)(n=>{var e,t;return null!==(l=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.sellerInfo)||void 0===t?void 0:t.isNda
1)&&void 0!==l?l:""}),Z=(0,c.useMemo)(()=>1===j,[j]);return(0,i.jsxs)("section",{css:(0,s.css)(nu(),v.breakpoints.values.md),children:[(0,i.jsx)(u.Z,{variant:"h6",css:(0,s.css)(nd(),nG.color.black),component:"h2",children:f("3")}),(0,i.jsxs)(Y.Z,{justifyContent:"flex-start",alignItems:"center",direction:"column",css:(0,s.css)(np(),v.palette.divider,v.breakpoints.values.md),children:[(0,i.jsxs)("div",{css:(0,s.css)(nv()),children:[(0,i.jsx)(u.Z,{className:"ggj-wt",variant:"h6",component:"p",css:(0,s.css)(nf(),nG.color.black),children:x}),(0,i.jsxs)("div",{css:(0,s.css)(nx(),v.breakpoints.values.md),children:[(0,i.jsx)(nr(),{href:"/users/".concat(null!=h?h:""),passHref:!0,css:(0,s.css)(nm(),v.spacing(4)),children:(0,i.jsx)(w.Z,{css:(0,s.css)(ng()),src:(0,nc.A2)(g)})}),(0,i.jsxs)("div",{css:(0,s.css)(nh()),children:[(0,i.jsx)(nV,{}),(0,i.jsx)(nE,{active:Boolean(Z),icon:(0,i.jsx)(nt.Z,{}),title:f(Z?"identity-1":"identity-!1"),css:(0,s.css)(nj())}),(0,i.jsx)(nE,{active:Boolean(b),icon:(0,i.jsx)(X.Z,{}),title:f(1===b?"NDA-1":"NDA-!1"),css:(0,s.css)(nw())})]})]}),(0,i.jsx)("div",{css:(0,s.css)(nb()),children:(0,i.jsx)(u.Z,{className:"ggj-wt ggj-wt-l-6",css:(0,s.css)(nZ(),v.palette.jade.light),variant:"subtitle1",component:"p",children:m})}),(0,i.jsx)(d.Z,{})]}),(0,i.jsx)(nF,{})]})]})};function nF(){var n;let{t:e}=(0,a.$G)(C.G),t=(0,p.Z)(),[r,o]=(0,c.useState)(!1),[l,d]=(0,c.useState)(!1),{useStore:v}=(0,c.useContext)(na.I),[f]=v(n=>!!Object.keys(n.auth).length),x=(0,k.C)(e=>{var t,i;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.sellerId)&&void 0!==n?n:""}),m=()=>{if(!f){d(!0);return}o(!0)};return(0,i.jsxs)(Y.Z,{justifyContent:"space-between",alignItems:"center",direction:"row",css:(0,s.css)(ny(),t.spacing(3),t.breakpoints.values.md),children:[(0,i.jsx)(nT,{onClick:m,title:e("1"),status:!0,indexButton:0}),(0,i.jsx)(Y.Z,{justifyContent:"flex-end",alignItems:"center",direction:"row",css:(0,s.css)(nk()),children:(0,i.jsx)(nr(),{href:"/users/".concat(null!=x?x:""),passHref:!0,css:(0,s.css)(nI()),children:(0,i.jsxs)(u.Z,{css:(0,s.css)(nC(),t.palette.primary.main),variant:"subtitle2",component:"p",children:[e("8"),(0,i.jsx)(ne.Z,{css:(0,s.css)(nS(),t.palette.primary.main)})]})})}),(0,i.jsx)(no.P,{open:r,handleClose:()=>o(!1)}),(0,i.jsx)(nl.F,{open:l,setOpen:()=>d(!1)})]})}function nV(){var n;let{t:e}=(0,a.$G)(ns.nsTranGgjCountry),t=(0,p.Z)(),r=(0,k.C)(e=>{var t,i;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.isoName)&&void 0!==n?n:""});return r?(0,i.jsxs)(Y.Z,{css:(0,s.css)(nR()),direction:"row",alignItems:"center",children:[(0,i.jsx)(ns.default,{countryIsoName:r,ratio:"4x3",cssString:(0,s.css)(nO())}),(0,i.jsx)(u.Z,{css:(0,s.css)(nM(),t.palette.jade.light),variant:"subtitle2",component:"p",children:e(r)})]}):null}function nE(n){let{icon:e,title:t,active:r,className:o}=n,l=(0,p.Z)(),a=(0,s.css)(nN(),l.palette.smoke.light,l.palette.jade.light,l.palette.primary.main);return(0,i.jsxs)(Y.Z,{direction:"row",alignItems:"center",css:a,className:o+(r?" active":""),children:[e,(0,i.jsx)(u.Z,{className:"text",variant:"subtitle2",component:"p",children:t})]})}function nT(n){let{status:e,indexButton:t,title:r,onClick:o}=n,l=(0,p.Z)(),a=0===t?nn.Z:W.Z,c=(0,s.css)(n_(),l.palette.primary.main,l.palette.primary.main,nG.color.green,nG.color.green,l.breakpoints.values.md);return(0,i.jsx)(b.Z,{onClick:o,variant:"outlined",css:c,startIcon:(0,i.jsx)(a,{}),disabled:!e,children:(0,i.jsx)(u.Z,{variant:"subtitle2",color:"inherit",children:r||""})})}var nz=(0,c.memo)(nP),nA=t(7840),nL=t(68470),nD=t(3158),nB=t(47778),nH=t(31242);function nq(){let n=(0,l.Z)(["max-width: calc(100vw - 32px)"]);return nq=function(){return n},n}function nU(){let n=(0,l.Z)(["\n .swiper-wrapper {\n padding: 0 2px;\n }\n .swiper-slide {\n max-width: ","px;\n }\n "]);return nU=function(){return n},n}function n$(){let n=(0,l.Z)(["color: ","; text-decoration: none;"]);return n$=function(){return n},n}function nK(){let n=(0,l.Z)(["\n .swiper-wrapper {\n padding: 0 2px;\n }\n .swiper-slide {\n max-width: ","px;\n }\n "]);return nK=function(){return n},n}function nJ(){let n=(0,l.Z)(["color: ","; text-decoration: none;"]);return nJ=function(){return n},n}let nQ={centeredSlides:!1,slidesPerView:"auto",slidesPerGroupAuto:!0,spaceBetween:16,freeMode:!0},nY=[C.G,nB.ot];var nW=(0,c.memo)(function(){var n,e,t,r;let o=(0,p.Z)(),{t:l}=(0,a.$G)(nY),c=(0,k.C)(e=>{var t;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:t.skillsRelatedSeller)&&void 0!==n?n:[]}),u=(0,k.C)(n=>{var e,t;return null!==(t=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.skillsRelatedCategory)&&void 0!==t?t:[]},(n,e)=>n.length===e.length),d=(0,k.C)(n=>{var t;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:t.sellerInfo.nickName)&&void 0!==e?e:[]}),v=(0,k.C)(n=>{var e;return null!==(t=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.sellerInfo.sellerId)&&void 0!==t?t:[]}),f=(0,k.C)(n=>{var e;return null!==(r=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.category.middle)&&void 0!==r?r:[]}),x={showNavBtn:!0,component:nD.Z,slideProps:nQ,componentProps:{isShowSlider:!0,isResponsive:!1}};return(0,i.jsxs)("div",{css:(0,s.css)(nq()),children:[" ",c.length>0&&(0,i.jsx)(nL.Z,{id:"product-seller",css:(0,s.css)(nU(),nH.Fq),title:(0,i.jsx)(a.cC,{t:l,i18nKey:"seller-others-skills",components:{Typo:(0,i.jsx)("a",{href:"/users/".concat(v),css:(0,s.css)(n$(),o.palette.primary.main)})},values:{seller:d}}),list:c,...x}),u.length>0&&(0,i.jsx)(nL.Z,{id:"product-cate",css:(0,s.css)(nK(),nH.Fq),title:(0,i.jsx)(a.cC,{t:l,i18nKey:"category-others-skills",components:{Typo:(0,i.jsx)("a",{href:"/search?pc=".concat(f),css:(0,s.css)(nJ(),o.palette.primary.main)})},values:{category:l("mid_".concat(f),{ns:nB.ot})}}),list:u,...x})]})}),nX=t(92760),n0=t(27057),n1=t(67643),n2=t(35837),n3=t(10256),n4=t(83780);function n5(n){let{t:e}=(0,a.$G)([nB.ot,n0.f]),t=(0,k.C)(n=>{var e;return null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.category}
1),r=(0,k.C)(n=>{var e,t;return null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.typeId}),o=(0,c.useMemo)(()=>{var n;let e=null==t?void 0:t.large,i=null==t?void 0:t.middle,r=n3.filter(n=>n.id===e)[0],o=r.sub.filter(n=>n.id===i)[0];return{large:r.sub.map(n=>n.id),middle:[null==o?void 0:o.id,...null!==(n=null==o?void 0:o.smallIds)&&void 0!==n?n:[]]}},[null==t?void 0:t.large,null==t?void 0:t.middle]),l=[{title:e("HOME",{ns:n0.f}),url:"/"},(null==t?void 0:t.large)?{title:e("".concat(t.large),{ns:nB.ot}),url:{pathname:"/search",query:{pc:o.large.toString()}}}:null,(null==t?void 0:t.middle)?{title:e("mid_".concat(t.middle),{ns:nB.ot}),url:{pathname:"/search",query:{pc:o.middle.toString()}}}:null,(null==t?void 0:t.small)?{title:e("mid_".concat(t.small),{ns:nB.ot}),url:{pathname:"/search",query:{pc:null==t?void 0:t.small}}}:null,{title:e(r===n4.lV.COURSE?"2":"1",{ns:n0.f})}].filter(Boolean);return(0,i.jsx)("div",{className:n.className,children:(0,i.jsx)(n0.Z,{data:l})})}var n8=t(38340);function n6(){let n=(0,l.Z)(["\n padding: 0 0 24px 0;\n @media only screen and (min-width: ","px) {\n max-width: 592px;\n }\n "]);return n6=function(){return n},n}function n9(n){var e;let{className:t}=n,r=(0,p.Z)(),{t:o}=(0,a.$G)(C.G),l=(0,k.C)(n=>{var t;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:t.generalInfoSkill.outline)&&void 0!==e?e:""});return l?(0,i.jsx)("div",{css:(0,s.css)(n6(),r.breakpoints.values.md),className:t,children:(0,i.jsx)(n8.Z,{collapseHeight:310,content:l,closeTextDefault:o("ProductDescription-see-less"),openTextDefault:o("ProductDescription-see-more"),isOpen:!1})}):(0,i.jsx)(i.Fragment,{})}var n7=t(60838),en=t(63324),ee=t(78258);t(86546),t(11546),t(62602),t(63903),t(20879);var et=t(36726);let ei={0:[1,7,2,8,3,9,4,10,5,11,6,12],1:[1,6,2,7,3,8,4,9,5,10,null,null],2:[1,5,2,6,3,7,4,8,null,null,null,null],3:[1,4,2,5,3,6,null,null,null,null,null,null],4:[1,3,2,4,null,null,null,null,null,null,null,null],5:[1,2,null,null,null,null,null,null,null,null,null,null],raw:[1,2,3,4,5,6,7,8,9,10,11,12]};function er(){let n=(0,l.Z)(["width: 100%; padding-bottom: 100%; position: relative"]);return er=function(){return n},n}function eo(){let n=(0,l.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 10px;\n "]);return eo=function(){return n},n}function el(n){let{children:e,className:t}=n;return(0,i.jsx)("div",{css:(0,s.css)(er()),children:(0,i.jsx)("div",{css:(0,s.css)(eo()),className:t,children:e})})}var es=t(61636),ea=t(54253),ec=t(391),eu=t(37054),ed=t(86988),ep=t(97643),ev=t(48821),ef=t(72406);function ex(){let n=(0,l.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n border-radius: 10px;\n overflow: hidden;\n background: ",";\n background-size: cover;\n transition: background .3s;\n\n &.is-active {\n box-shadow: 0 0 0 2px #496cdc;\n position: absolute;\n top: -1px;\n left: -1px;\n }\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n "]);return ex=function(){return n},n}function em(){let n=(0,l.Z)(["\n width: 48px;\n @media only screen and (min-width: ","px) {\n width: 64px;\n }\n "]);return em=function(){return n},n}function eg(){let n=(0,l.Z)(["cursor: unset"]);return eg=function(){return n},n}function eh(){let n=(0,l.Z)(["\n position: relative;\n\n .swiper.thumb-slider {\n margin-top: 20px;\n height: 85px;\n padding: 4px;\n margin-left: -2px;\n margin-right: -2px;\n @media only screen and (min-width: ","px) {\n height: 180px;\n width: calc(100% - 64px);\n }\n\n .swiper-slide {\n position: relative;\n max-height: 48px;\n cursor: pointer;\n @media only screen and (max-width: ","px) {\n margin-right: 0 !important;\n }\n @media only screen and (min-width: ","px) {\n max-height: 64px;\n text-align: center;\n font-size: 18px;\n background: #fff;\n }\n }\n\n // not show swiper util initialized\n .swiper-wrapper {\n opacity: 0;\n }\n &.swiper-initialized {\n .swiper-wrapper {\n opacity: 1;\n }\n }\n }\n\n\n &.thumb1 {\n .swiper-wrapper {\n @media only screen and (min-width: ","px) {\n flex-direction: column;\n flex-wrap: wrap;\n }\n }\n\n .swiper-slide {\n position: relative;\n cursor: pointer;\n }\n }\n\n &.thumb2 {\n .swiper-wrapper {\n @media only screen and (min-width: ","px) {\n flex-wrap: wrap;\n align-content: flex-start;\n }\n }\n\n .swiper-slide {\n order: 0 !important;\n }\n }\n "]);return eh=function(){return n},n}function ej(){let n=(0,l.Z)(["\n position: absolute;\n right: 0;\n box-shadow: 0 3px 6px #00000014;\n top: 0;\n display: none;\n\n &.prev-btn {\n top: 48px;\n }\n\n @media only screen and (min-width: ","px) {\n display: flex;\n }\n "]);return ej=function(){return n},n}let ew=n=>({freeMode:!0,watchSlidesProgress:!0,modules:[et.rj,et.tl],breakpoints:{0:{slidesPerView:3.3,slidesPerGroup:2},320:{slidesPerView:4.3,slidesPerGroup:2},380:{slidesPerView:5.3,slidesPerGroup:2},440:{slidesPerView:6.3,slidesPerGroup:2},600:{slidesPerView:7.3,slidesPerGroup:2},[n.breakpoints.values.lg]:{slidesPerView:6.1,slidesPerGroup:6}}});function eb(n){let{setThumbsSwiper:e,currentMainIndex:t,slideTo:r,thumbData:o}=n,l=(0,p.Z)(),s=(0,ee.Z)("(min-width:".concat(l.breakpoints.values.lg,"px)")),a=n=>{r&&r(n)},{containerCss:c,navigateBtnCss:u}=ek();return(0,i.jsxs)("div",{css:c,className:"thumb1",children:[(0,i.jsx)(ec.Z,{onClick:()=>a(t+1),css:u,color:"primary",className:"next-btn",children:(0,i.jsx)(eu.Z,{})}),(0,i.jsx)(ec.Z,{onClick:()=>a(t-1),css:u,color:"primary",className:"prev-btn",children:(0,i.jsx)(ed.Z,{})}),(0,i.jsx)(en.tq,{...ew(l),onSwiper:e,slidesPerView:"auto",className:"thumb-slider",grid:{rows:s?2:1,fill:"column"},spaceBetween:s?24:16,children:o.map(n=>(0,i.jsx)(en.o5,{onClick:()=>r&&r(n.computedIndex,300),children:(0,i.jsx)(ey,{item:n,isActive:t===(s?n.computedIndex:n.originIndex)})},n.originIndex))})]})}function eZ(n){let{setThumbsSwiper:e,currentMainIndex:t,slideTo:r,thumbData:o}=n,l=(0,p.Z)(),s=(0,ee.Z)("(min-width:".concat(l.breakpoints.values.lg,"px)")),a=n=>{r&&r(n)},{containerCss:c,navigateBtnCss:u}=ek();return(0,i.jsxs)("div",{css:c,className:"thumb2",children:[(0,i.jsx)(ec.Z,{onClick:()=>a(t+1),css:u,color:"primary",className:"next-btn",children:(0,i.jsx)(eu.Z,{})}),(0,i.jsx)(ec.Z,{onClick:()=>a(t-1),css:u,color:"primary",className:"prev-btn",children:(0,i.jsx)(ed.Z,{})}),(0,i.jsx)(en.tq,{...ew(l),onSwiper:e,slidesPerView:"auto",className:"thumb-slider",grid:{rows:s?2:1,fill:"row"},spaceBetween:s?24:16,children:o.filter(n=>n.data).sort((n,e)=>n.originIndex-e.originIndex).map(n=>(0,i.jsx)(en.o5,{onClick:()=>r&&r(n.originIndex,300),children:(0,i.jsx)(ey,{item:n,isActive:t===n.originIndex})},n.originIndex))})]})}function ey(n){let{item:e,isActive:t}=n,r=(0,p.Z)();if(!e.data)return(0,i.jsx)(i.Fragment,{});let o=(0,s.css)(ex(),r.palette.grey["100"]);return(0,i.jsx)("div",{css:(0,s.css)(em(),r.breakpoints.values.lg),children:(0,i.jsx)(el,{css:o,className:t?"is-active":"",children:e.data.type===ev.pC.Youtube?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("img",{src:(0,nc.A2)(e.data.thumbnailUrl),alt:"product-thumb-image-".concat(e.originIndex)}),(0,i.jsx)(ep.Z,{size:"medium",css:(0,s.css)(eg())})]}):(0,i.jsx)("img",{src:(0,nc.A2)("".concat(e.data.imageUrl,"&size=").concat(ef.gs.SKJ_SKILL_BANNER)),alt:"product-thumb-image-".concat(e.originIndex)})})})}function ek(){let n=(0,p.Z)(),e=(0,c.useMemo)(()=>(0,s.css)(eh(),n.breakpoints.values.lg,n.breakpoints.values.lg,n.breakpoints.values.lg,n.breakpoints.values.lg,n.breakpoints.values.lg),[n]),t=(0,c.useMemo)(()=>(0,s.css)(ej(),n.breakpoints.values.lg),[n]);return{navigateBtnCss:t,containerCss:e}}var eI=t(23427),eC=t(45787),eS=t(87920);function eR(){let n=(0,l.Z)(["\n width: 592px;\n max-width: calc(100vw - 32px);\n position: relative;\n .swiper.main-slider {\n border-radius: 10px;\n height: 100%;\n max-height: calc(100vw - 32px);\n @media only screen and (min-width: ","px) {\n max-width: 100%;\n }\n img {\n max-width: 100%;\n max-height: 100%;\n }\n .swiper-slide {\n transform: none!important;\n cursor: zoom-in;\n }\n .swiper-wrapper {\n width: 100vw;\n max-width: 100%;\n }\n }\n "]);return eR=function(){return n},n}function eO(){let n=(0,l.Z)(["width: 100%;height: 100%; position: absolute; top: 0; left: 0;"]);return eO=function(){return n},n}function eM(){let n=(0,l.Z)(["\n top: 16px;\n right: 16px;\n position: absolute;\n z-index: 1000;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 44px;\n width: 44px;\n padding: 0;\n background: #FFFFFF 0 0 no-repeat padding-box;\n &:hover {\n background: #FFFFFF 0 0 no-repeat padding-box;\n opacity: .8;\n }\n "]);return eM=function(){return n},n}function eN(){let n=(0,l.Z)(["\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: ",";\n img {\n height: auto;\n }\n iframe {\n width: 100%;\n height: calc(100% - 160px);\n border: none;\n }\n &."," img {\n width: 100%;\n }\n "]);return eN=function(){return n},n}let e_=(0,n7.ggjDebounce)(n=>n(),100);function eG(n){let{item:e,isActive:t}=n,r=(0,p.Z)();return(0,i.jsx)("div",{css:(0,s.css)(eN(),r.palette.grey["100"],ev.pC.Youtube),className:e.data.type,children:e.data.type===ev.pC.Youtube?(0,i.jsx)(eI.B,{item:e.data,isActive:t}):(0,i.jsx)("img",{src:(0,nc.A2)("".concat(e.data.imageUrl,"&size=").concat(ef.gs.SKJ_SKILL_BANNER)),alt:"product-image-".concat(e.originIndex)})})}var eP=(0,c.memo)(function(n){var e,t,r;let{className:o}=n,l=(0,p.Z)(),a=(0,k.T)(),u=(0,ee.Z)("(min-width:".concat(l.breakpoints.values.lg,"px)")),d=(0,k.C)(n=>{var t;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:t.generalInfoSkill.url)&&void 0!==e?e:"[]"}),v=(0,k.C)(n=>{var e;return null!==(t=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.generalInfoSkill.is
1Favorite)&&void 0!==t?t:"[]"}),f=(0,k.C)(n=>{var e;return null!==(r=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.generalInfoSkill.imageUrl)&&void 0!==r?r:"[]"}),x=(0,n2.useRouter)(),m=(0,c.useMemo)(()=>{let n={type:ev.pC.Image,imageUrl:f};try{return[n,...JSON.parse(d)]}catch(e){return console.log(e),[n]}},[d,f]),{mainData:g,thumbData:h}=(0,c.useMemo)(()=>(function(n,e){let t=n.length%12,i=Array(t?12-t:0).fill(""),r=[...n,...i],o=[],l=[],s=r.length/12,a=e&&r.length>12;for(let e=0;e<s;e++){var c;let t=null!==(c=ei[a?function(n){if(12!==n.length)throw"length of array need to be 12!!";let e=n.filter(n=>!n).length;return Math.round(e/2-.1)}(r.slice(12*e,(e+1)*12)):"raw"])&&void 0!==c?c:[],i=t.map((t,i)=>{var r;let o=12*e+i,l=t?12*e+t-1:-1;return{computedIndex:l,originIndex:o,data:null!==(r=n[l])&&void 0!==r?r:null}});l=l.concat(i),o=o.concat(i.filter(n=>Boolean(n.data)))}return{thumbData:l,mainData:o=n.length<=12?o.sort((n,e)=>n.originIndex-e.originIndex):o.sort((n,e)=>n.computedIndex-e.computedIndex)}})(m,u),[u,m]);(0,c.useEffect)(()=>(ea.$D.add(es.tP),function(){a(es.Nw.setViewingImages([])),ea.$D.remove(es.ns)}),[]);let[j,w]=(0,c.useState)(null),[b,Z]=(0,c.useState)(),[y,C]=(0,c.useState)(0),S=n=>{C(n.realIndex);let e=Math.floor(null==n?void 0:n.activeIndex);null==j||j.slideTo(u?e/2:e)},R=(0,c.useCallback)(n=>{e_(()=>{u&&n.data.type===ev.pC.Youtube||(a(es.Nw.setFirstViewingImageIndex(u?n.computedIndex:n.originIndex)),a(es.Nw.setViewingImages(g.map(n=>{let e=Object.assign({},n.data);return e.type===ev.pC.Image&&e.imageUrl&&(e.imageUrl="".concat(e.imageUrl,"&size=").concat(ef.gs.SKJ_SKILL_BANNER)),e}))))})},[a,u,g]),O=(0,s.css)(eR(),l.breakpoints.values.lg);return m.length?(0,i.jsxs)("div",{css:O,className:o,children:[(0,i.jsx)(el,{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(en.tq,{onSwiper:Z,spaceBetween:10,navigation:!1,slidesPerView:1,modules:[et.Rv,et.W_,et.o3,et.LG],className:"main-slider",onSlideChange:n=>S(n),children:g.map((n,e)=>(0,i.jsx)(en.o5,{onClick:()=>R(n),children:t=>{let{isActive:r}=t;return(0,i.jsx)(eG,{item:n,isActive:r},"".concat(e,"-").concat(r,"-MainItem"))}},e))}),(0,i.jsx)(eS.se,{css:(0,s.css)(eO())})]})}),g.length>12?(0,i.jsx)(eb,{setThumbsSwiper:w,currentMainIndex:y,slideTo:n=>null==b?void 0:b.slideTo(n),thumbData:h}):(0,i.jsx)(eZ,{setThumbsSwiper:w,currentMainIndex:y,slideTo:n=>null==b?void 0:b.slideTo(n),thumbData:h}),(0,i.jsx)(es.AE,{}),(0,i.jsx)(ec.Z,{component:"div",css:(0,s.css)(eM()),size:"small",children:(0,i.jsx)(eC.Ke,{id:parseInt("".concat(x.query.id)),isFavorite:v})})]}):(0,i.jsx)(i.Fragment,{})}),eF=t(84779),eV=t(98674),eE=t(76483),eT=t(25308),ez=t(17098),eA=t(3765),eL=t(93499),eD=t(79968),eB=t(2485),eH=t(23558),eq=t(25382),eU=t(77181),e$=t(67995),eK=t(6778),eJ=t(91289);function eQ(){let n=(0,l.Z)(["\n height: 24px;\n margin-bottom: ",";\n\n "]);return eQ=function(){return n},n}function eY(){let n=(0,l.Z)(["\n width: 24px;\n height: 18px;\n border-radius: 2px;\n border: 1px solid #EEE;\n margin-right: 18px;\n background-size: 100%;\n "]);return eY=function(){return n},n}function eW(){let n=(0,l.Z)(["\n color: ",";\n "]);return eW=function(){return n},n}function eX(){let n=(0,l.Z)(["\n padding: "," ",";\n border-radius: 10px;\n box-shadow: ",";\n "]);return eX=function(){return n},n}function e0(){let n=(0,l.Z)(["margin-top: ","; position: relative;"]);return e0=function(){return n},n}function e1(){let n=(0,l.Z)(["position: static;"]);return e1=function(){return n},n}function e2(){let n=(0,l.Z)(["margin-top: ","; margin-bottom: ",";"]);return e2=function(){return n},n}function e3(){let n=(0,l.Z)(["\n color: ",";\n margin-top: ",";\n\n svg {\n fill: ",";\n }\n "]);return e3=function(){return n},n}function e4(){let n=(0,l.Z)(["\n color: ",";\n\n svg {\n fill: ",";\n }\n "]);return e4=function(){return n},n}function e5(){let n=(0,l.Z)(["\n color: ",";\n\n svg {\n fill: ",";\n }\n "]);return e5=function(){return n},n}function e8(){let n=(0,l.Z)(["\n color: ",";\n\n svg {\n fill: ",";\n }\n "]);return e8=function(){return n},n}function e6(){let n=(0,l.Z)(["\n color: ",";\n\n svg {\n fill: ",";\n }\n "]);return e6=function(){return n},n}function e9(){let n=(0,l.Z)(["\n color: ",";\n\n svg {\n fill: ",";\n }\n "]);return e9=function(){return n},n}function e7(){let n=(0,l.Z)(["\n justify-content: center;\n button {\n &:not(:last-child) {\n margin-right: 4px;\n }\n }"]);return e7=function(){return n},n}function tn(){let n=(0,l.Z)(["\n display: flex;\n align-items: center;\n height: 24px;\n margin-bottom: ",";\n font-size: 0.95rem;\n letter-spacing: 0.01em;\n\n &:last-child {\n margin-bottom: ",";\n }\n "]);return tn=function(){return n},n}function te(){let n=(0,l.Z)(["font-size: 1rem;\n margin-right: ",";"]);return te=function(){return n},n}function tt(){var n;let{t:e}=(0,a.$G)(ns.nsTranGgjCountry),t=(0,p.Z)(),r=(0,k.C)(e=>{var t,i;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.isoName)&&void 0!==n?n:""});return r?(0,i.jsxs)(Y.Z,{alignItems:"center",direction:"row",css:(0,s.css)(eQ(),t.spacing(3)),children:[(0,i.jsx)(ns.default,{countryIsoName:r,ratio:"4x3",cssString:(0,s.css)(eY())}
1),(0,i.jsx)(u.Z,{css:(0,s.css)(eW(),t.palette.jade.light),component:"span",children:e(r)})]}):null}function ti(n){var e,t,r,o,l,v,f,x,m,g,h,j;let w=(0,p.Z)(),{t:b}=(0,a.$G)(C.G),Z=(0,n2.useRouter)(),y=(0,k.C)(n=>{var t,i;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.typeId)&&void 0!==e?e:n4.lV.NORMAL}),R=(0,k.C)(n=>{var e,i;return null!==(t=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(i=e.generalInfoSkill)||void 0===i?void 0:i.totalSold)&&void 0!==t?t:0}),O=(0,k.C)(n=>{var e,t;return null!==(r=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.paymentInfo)||void 0===t?void 0:t.limit)&&void 0!==r?r:0}),M=(0,k.C)(n=>{var e,t;return null!==(o=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.skillReview)||void 0===t?void 0:t.noReview)&&void 0!==o?o:0}),N=(0,k.C)(n=>{var e,t;return null!==(l=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.skillReview)||void 0===t?void 0:t.avgReviewStars)&&void 0!==l?l:0}),_=(0,k.C)(n=>{var e,t;return null!==(v=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.totalFavorite)&&void 0!==v?v:0}),G=(0,k.C)(n=>{var e,t;return null!==(f=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.remainSkills)&&void 0!==f?f:0}),P=(0,k.C)(n=>{var e,t;return null!==(x=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.catchcopy)&&void 0!==x?x:0}),F=(0,k.C)(n=>{var e,t;return null!==(m=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.paymentInfo)||void 0===t?void 0:t.chatType)&&void 0!==m?m:0}),V=(0,k.C)(n=>{var e,t;return null!==(g=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.isContentDocuments)&&void 0!==g?g:0}),E=(0,k.C)(n=>{var e,t;return null!==(h=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:null===(t=e.generalInfoSkill)||void 0===t?void 0:t.isContentFiles)&&void 0!==h?h:0}),{totalTimes:T,totalVideos:z,totalSections:A}=(0,k.C)(n=>{var e;return null!==(j=null===(e=n[I.ns].apiResObj)||void 0===e?void 0:e.generalInfoSkill)&&void 0!==j?j:{totalTimes:0,totalVideos:0,totalSections:0}}),L=y===n4.lV.COURSE,D=(0,c.useMemo)(()=>10>=Math.round(G/O*100),[G,O]),{hours:B,minutes:H}=(0,c.useMemo)(()=>(0,eK.convertTime)(null!=T?T:0,eK.TIME_UNIT.minutes),[T]),q="".concat(b((0,eJ.Gl)({key:"totalSection",count:A}),{totalSections:A})," - ").concat(b((0,eJ.Gl)({key:"totalVideo",count:z}),{totalVideos:null!=z?z:0}));return(0,i.jsxs)("div",{css:(0,s.css)(eX(),w.spacing(3),w.spacing(4),w.shadows[1]),...n,children:[(0,i.jsx)(u.Z,{variant:"body1",className:"ProductInfo-tt",component:"h2",children:(0,S.yT)(P)}),(0,i.jsxs)(Y.Z,{direction:"row",flexWrap:"wrap",css:(0,s.css)(e0(),w.spacing(3)),children:[(0,i.jsx)(eD.Z,{cssStr:(0,s.css)(e1()),type:F}),(0,i.jsx)(eB.Z,{isShow:V}),(0,i.jsx)(eH.Z,{isShow:E})]}),(0,i.jsx)(d.Z,{css:(0,s.css)(e2(),w.spacing(2),w.spacing(3))}),(0,i.jsx)(tt,{}),(0,i.jsx)(tr,{icon:eT.Z,text:b("ProductInfo-2",{num:M,count:N}),css:(0,s.css)(e3(),w.palette.jade.light,w.spacing(3),w.palette.secondary.main)}),(0,i.jsx)(tr,{icon:ez.Z,text:b("ProductInfo-3",{num:R}),css:(0,s.css)(e4(),w.palette.jade.light,w.palette.primary.main)}),(0,i.jsx)(tr,{icon:eA.Z,text:b("ProductInfo-4",{num:_}),css:(0,s.css)(e5(),w.palette.jade.light,w.palette.ruby.main)}),L?(0,i.jsx)(tr,{icon:e$.default,text:q,css:(0,s.css)(e8(),w.palette.jade.light,w.palette.jade.main)}):(0,i.jsx)(i.Fragment,{}),L?(0,i.jsx)(tr,{icon:eU.default,text:b("totalTimes",{hours:B,minutes:H}),css:(0,s.css)(e6(),w.palette.jade.light,w.palette.jade.main)}):(0,i.jsx)(i.Fragment,{}),!L&&(0,i.jsx)(tr,{icon:eL.Z,text:b(D?"ProductInfo-remain-sold-out":"ProductInfo-remain",{count:G}),css:(0,s.css)(e9(),D?w.palette.ruby.main:"",w.palette.jade.light)}),(0,i.jsx)(eq.e,{skillId:parseInt("".concat(Z.query.id)),css:(0,s.css)(e7())})]})}function tr(n){let{icon:e,text:t}=n,r=(0,p.Z)();return(0,i.jsxs)("div",{css:(0,s.css)(tn(),r.spacing(2),r.spacing(0)),...n,children:[(0,i.jsx)(e,{css:(0,s.css)(te(),r.spacing(2))}),(0,i.jsx)("span",{children:t})]})}var to=t(50972);function tl(){let n=(0,l.Z)(["\n max-height: calc(100vh - 112px);\n -ms-overflow-style: none;\n order: 4;\n padding: 2px 2px 10px;\n overflow: visible;\n z-index: 1;\n word-wrap: break-word;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media only screen and (min-width: ","px) {\n position: sticky;\n width: 328px;
1\n top: min(92px, calc(6vh - 42px));\n margin-left: ",";\n order: 3;\n max-height: unset;\n height: fit-content;\n padding-bottom: 100px;\n }\n "]);return tl=function(){return n},n}function ts(){let n=(0,l.Z)(["\n @media only screen and (min-width: ","px) {\n width: 328px;\n margin-top: ",";\n margin-bottom: ",";\n }\n "]);return ts=function(){return n},n}function ta(){let n=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.originalPrice}),e=(0,k.C)(n=>{var e,t,i,r;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:null===(r=i.cart)||void 0===r?void 0:r.status}),t=(0,p.Z)(),r=(0,s.css)(tl(),t.breakpoints.values.lg,t.spacing(4)),o=(0,s.css)(ts(),t.breakpoints.values.lg,t.spacing(4),t.spacing(4));return(0,i.jsxs)("div",{css:r,id:eE.Z.RightBlock,children:[(0,i.jsx)(U.g4,{namespace:U.V5,children:(0,i.jsx)(to.Z,{status:e,originalPrice:n})}),(0,i.jsx)(ti,{css:o})]})}var tc=t(5887),tu=t(56698),td=t.n(tu),tp=t(99582),tv=t(50305),tf=t.n(tv);let tx=(0,U.k_)(U.V5);var tm=t(75907),tg=t(47593),th=t(69919),tj=t(41083),tw=t(73582),tb=t(95580),tZ=t(21184),ty=t(25191);function tk(){let n=(0,l.Z)(["\n display: flex;\n gap: 16px;\n justify-content: space-between;\n padding: "," 0;\n @media only screen and (max-width: ","px) {\n max-width: 100%;\n }\n @media only screen and (min-width: ","px) {\n gap: 40px 100px;\n padding: 10px ",";\n }\n "]);return tk=function(){return n},n}function tI(){let n=(0,l.Z)(["\n display: flex;\n gap: ",";\n flex: 1 1 0%!important;\n align-items: center;\n "]);return tI=function(){return n},n}function tC(){let n=(0,l.Z)(["\n width: 15px;\n min-width: 15px;\n "]);return tC=function(){return n},n}function tS(){let n=(0,l.Z)(["\n width: 15px;\n min-width: 15px;\n "]);return tS=function(){return n},n}function tR(){let n=(0,l.Z)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 140%;\n color: ",";\n word-break: break-word;\n "]);return tR=function(){return n},n}function tO(){let n=(0,l.Z)(["\n color: ",";\n align-self: center;\n "]);return tO=function(){return n},n}let tM=n=>{var e;let{lesson:t}=n,r=(0,p.Z)(),o=(0,c.useMemo)(()=>(0,eK.formatTime)(null!==(e=t.videoDuration)&&void 0!==e?e:0),[t.videoDuration]);return(0,i.jsxs)("div",{css:(0,s.css)(tk(),r.spacing(1),r.breakpoints.values.lg,r.breakpoints.values.lg,r.spacing(3)),children:[(0,i.jsxs)("div",{css:(0,s.css)(tI(),r.spacing(2)),children:[null===t.videoDuration?(0,i.jsx)(ty.Z,{css:(0,s.css)(tC())}):(0,i.jsx)(tZ.default,{css:(0,s.css)(tS())}),(0,i.jsx)(u.Z,{variant:"subtitle2",css:(0,s.css)(tR(),r.palette.text.primary),children:t.title})]}),(0,i.jsx)(u.Z,{variant:"caption",css:(0,s.css)(tO(),r.palette.text.primary),children:o})]})};var tN=(0,c.memo)(tM);function t_(){let n=(0,l.Z)(["\n box-shadow: none;\n width: 100%;\n &::before {\n display: none; /* Removes default Accordion divider */\n }\n border-bottom: 1px solid rgb(221 221 221 / 100%);\n &.Mui-expanded {\n margin: 0 !important;\n }\n "]);return t_=function(){return n},n}function tG(){let n=(0,l.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .Mui-expanded {\n margin: 12px 0 !important;\n }\n padding: 0;\n border-bottom: 1px solid rgb(221 221 221 / 100%);\n margin-bottom: -1px;\n "]);return tG=function(){return n},n}function tP(){let n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: ",";\n "]);return tP=function(){return n},n}function tF(){let n=(0,l.Z)(["\n font-weight: 600;\n color: ",";\n font-style: normal;\n font-size: 16px;\n line-height: 24px;\n word-break: break-word;\n "]);return tF=function(){return n},n}function tV(){let n=(0,l.Z)(["\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n "]);return tV=function(){return n},n}function tE(){let n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n padding: "," 0;\n "]);return tE=function(){return n},n}let tT=n=>{var e,t,r,o,l;let{section:d,isExpanded:v}=n,{t:f}=(0,a.$G)(C.G),x=(0,p.Z)(),{hours:m,minutes:g}=(0,c.useMemo)(()=>(0,eK.convertTime)(null!==(r=d.totalTimes)&&void 0!==r?r:0,eK.TIME_UNIT.minutes),[d.totalTimes]),[h,j]=(0,c.useState)(v);(0,c.useEffect)(()=>{j(v)},[v]);let w=(0,n7.ggjDebounce)((0,c.useCallback)(()=>{j(n=>!n)},[]),300);if(!d||!(null===(e=d.lessons)||void 0===e?void 0:e.data))return null;let b=null===(t=d.lessons)||void 0===t?void 0:t.data,Z="".concat(f((0,eJ.Gl)({key:"totalVideo",count:null!==(o=null==d?void 0:d.totalVideos)&&void 0!==o?o:0}),{totalVideos:null!==(l=null==d?void 0:d.totalVideos)&&void 0!==l?l:0})," â ").concat(f("totalTimes",{hours:m,minutes:g}));return(0,i.jsxs)(tj.Z,{expanded:h,onChange:w,css:(0,s.css)(t_()),children:[(0,i.jsx)(tw.Z,{expandIcon:(0,i.jsx)(y.Z,{}),css:(0,s.css)(tG()),children:(0,i.jsxs)("div",{css:(0,s.css)(tP(),x.spacing(2)),children:[(0,i.jsx)(u.Z,{variant:"subtitle1",css:(0,s.css)(tF(),x.palette.text.primary),children:d.title}),(0,i.jsx)(u.Z,{variant:"subtitle2",css:(0,s.css)(tV()),children:Z})]})}),(0,i.jsx)(tb.Z,{css:(0,s.css)(tE(),x.spacing(3)),children:b&&b.length>0?b.map((n,e)=>(0,i.jsx)(tN,{lesson:n},e)):(0,i.jsx)("div",{children:f("section-empty")})})]},d.id)},tz=n=>{let{section:e,isExpanded:t}=n;return(0,i.jsx)(f.Z,{minHeight:100,component:tT,componentProps:{section:e,isExpanded:t}})};var tA=(0,c.memo)(tz),tL=t(56101);let tD={courseInfo:null},tB=(0,c.createContext)({}),tH=n=>{let{children:e,courseInfo:t}=n,{useStore:r,FastContext:o}=(0,tL.Z)(Object.assign({},tD,{courseInfo:t}));return(0,i.jsx)(tB.Provider,{value:{useStore:r},children:(0,i.jsx)(o,{children:e})})};function tq(){let n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: start;\n width: 100%;\n margin: 0 0 "," 0;\n @media only screen and (min-width: ","px) {\n margin-bottom: ",";\n }\n "]);return tq=function(){return n},n}function tU(){let n=(0,l.Z)(["\n display: flex;\n margin-top: ",";\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n justify-content: start;\n padding: 2px 0;\n @media only screen and (max-width: ","px) {\n max-width: 100%;\n }\n "]);return tU=function(){return n},n}function t$(){let n=(0,l.Z)(["\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: start;\n @media only screen and (max-width: ","px) {\n max-width: 100%;\n }\n "]);return t$=function(){return n},n}function tK(){let n=(0,l.Z)(["\n color: rgb(34 34 34 / 100%);\n font-size: 24px;\n font-weight: 600;\n "]);return tK=function(){return n},n}function tJ(){let n=(0,l.Z)(["\n display: flex;\n margin-top: ",";\n width: 100%;\n align-items: center;\n overflow: hidden;\n font-size: 24px;\n justify-content: space-between;\n flex-wrap: wrap;\n @media only screen and (min-width: ","px) {\n gap: 40px 100px;\n }\n gap: 8px;\n "]);return tJ=function(){return n},n}function tQ(){let n=(0,l.Z)(["\n color: ",";\n "]);return tQ=function(){return n},n}function tY(){let n=(0,l.Z)(["\n margin: auto 0;\n background: none;\n border: none;\n cursor: pointer;\n "]);return tY=function(){return n},n}function tW(){let n=(0,l.Z)(["\n color: ",";\n font-weight: 500;\n "]);return tW=function(){return n},n}let tX=()=>{let n=(0,p.Z)(),{t:e}=(0,a.$G)(C.G),{useStore:t}=(0,c.useContext)(tB),[r]=t(n=>{var e;return null==n?void 0:null===(e=n.courseInfo)||void 0===e?void 0:e.info}),{totalSections:o,totalVideos:l,totalTimes:d}=null!=r?r:{totalSections:0,totalVideos:0,totalTimes:0},{hours:v,minutes:f}=(0,c.useMemo)(()=>(0,eK.convertTime)(null!=d?d:0,eK.TIME_UNIT.minutes),[d]),x="".concat(e((0,eJ.Gl)({key:"totalSection",count:o}),{totalSections:o})," â ").concat(e((0,eJ.Gl)({key:"totalVideo",count:null!=l?l:0}),{totalVideos:null!=l?l:0})," â ").concat(e("totalTimes",{hours:v,minutes:f})),m=(0,c.useCallback)(n=>{var e,t;return null==n?void 0:null===(e=n.courseInfo)||void 0===e?void 0:null===(t=e.sections)||void 0===t?void 0:t.data},[]),[g]=t(m),[h,j]=(0,c.useState)(g?g.reduce((n,e,t)=>(n[e.id]=0===t,n),{}):{}),w=(0,n7.ggjDebounce)(()=>{j(n=>Object.keys(n).reduce((e,t)=>
1(e[t]=!Object.values(n).every(n=>n),e),{}))},300),b=Object.values(h).every(n=>n);return(0,i.jsx)("div",{css:(0,s.css)(tq(),n.spacing(5),n.breakpoints.values.md,n.spacing(6)),children:(0,i.jsxs)("div",{css:(0,s.css)(tU(),n.spacing(3),n.breakpoints.values.lg),children:[(0,i.jsxs)("div",{css:(0,s.css)(t$(),n.breakpoints.values.lg),children:[(0,i.jsx)(u.Z,{css:(0,s.css)(tK()),children:e("course-title")}),(0,i.jsxs)("div",{css:(0,s.css)(tJ(),n.spacing(3),n.breakpoints.values.lg),children:[(0,i.jsx)(u.Z,{variant:"subtitle1",css:(0,s.css)(tQ(),n.palette.text.primary),children:x}),(0,i.jsx)("button",{onClick:w,css:(0,s.css)(tY()),children:(0,i.jsx)(u.Z,{variant:"subtitle1",css:(0,s.css)(tW(),n.palette.primary.main),children:e(b?"collapse-all":"expand-all")})})]})]}),g&&g.map(n=>(0,i.jsx)(tA,{section:n,isExpanded:h[n.id]},n.id))]})})};var t0=(0,c.memo)(tX),t1=t(87127);async function t2(n){try{let e=await t1.ZP.get("api/skijan/v1/skill/".concat(n,"/course"));return e.data}catch(n){return console.log(n),{data:null}}}var t3=t(68212);function t4(){let n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: start;\n width: 100%;\n margin: 0 0 "," 0;\n @media only screen and (min-width: ","px) {\n margin-bottom: ",";\n }\n "]);return t4=function(){return n},n}function t5(){let n=(0,l.Z)(["\n display: flex;\n margin-top: ",";\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n justify-content: start;\n padding: 2px 0;\n @media only screen and (max-width: ","px) {\n max-width: 100%;\n }\n "]);return t5=function(){return n},n}function t8(){let n=(0,l.Z)(["\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: start;\n @media only screen and (max-width: ","px) {\n max-width: 100%;\n }\n "]);return t8=function(){return n},n}function t6(){let n=(0,l.Z)(["\n display: flex;\n margin-top: ",";\n width: 100%;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n @media only screen and (min-width: ","px) {\n gap: 40px 100px;\n }\n gap: 8px;\n "]);return t6=function(){return n},n}function t9(){let n=(0,l.Z)(["\n box-shadow: none;\n width: 100%;\n &::before {\n display: none; /* Removes default Accordion divider */\n }\n border-bottom: 1px solid rgb(221 221 221 / 100%);\n &.Mui-expanded {\n margin: 0 !important;\n }\n "]);return t9=function(){return n},n}function t7(){let n=(0,l.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .Mui-expanded {\n margin: 12px 0 !important;\n }\n padding: 0;\n border-bottom: 1px solid rgb(221 221 221 / 100%);\n margin-bottom: -1px;\n "]);return t7=function(){return n},n}function ie(){let n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: ",";\n width: 100%;\n padding: "," 0;\n "]);return ie=function(){return n},n}function it(){let n=(0,l.Z)(["\n display: flex;\n justify-content: space-between;\n "]);return it=function(){return n},n}let ii=()=>{let n=(0,p.Z)();return(0,i.jsx)("div",{css:(0,s.css)(t4(),n.spacing(5),n.breakpoints.values.md,n.spacing(6)),children:(0,i.jsxs)("div",{css:(0,s.css)(t5(),n.spacing(3),n.breakpoints.values.lg),children:[(0,i.jsxs)("div",{css:(0,s.css)(t8(),n.breakpoints.values.lg),children:[(0,i.jsx)(t3.Z,{variant:"text",width:"20%",height:"50px"}),(0,i.jsxs)("div",{css:(0,s.css)(t6(),n.spacing(2),n.breakpoints.values.lg),children:[(0,i.jsx)(t3.Z,{variant:"text",width:"30%"}),(0,i.jsx)(t3.Z,{variant:"text",width:"20%"})]})]}),[1,2,3].map((e,t)=>(0,i.jsx)("div",{css:(0,s.css)(t9()),children:(0,i.jsx)("div",{css:(0,s.css)(t7()),children:(0,i.jsxs)("div",{css:(0,s.css)(ie(),n.spacing(2),n.spacing(3)),children:[(0,i.jsxs)("div",{css:(0,s.css)(it()),children:[(0,i.jsx)(t3.Z,{variant:"text",width:"40%",height:"30px"}),(0,i.jsx)(t3.Z,{variant:"text",width:"5%",height:"30px"})]}),(0,i.jsx)(t3.Z,{variant:"text",width:"30%"})]})})},t))]})})};var ir=(0,c.memo)(ii);let io=()=>{var n,e;let t=(0,k.C)(e=>{var t,i;return null!==(n=null===(t=e[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.typeId)&&void 0!==n?n:n4.lV.NORMAL}),r=(0,k.C)(n=>{var t,i;return null!==(e=null===(t=n[I.ns].apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.skillId)&&void 0!==e?e:0}),[o,l]=(0,c.useState)({}),[s,a]=(0,c.useState)(!0);return((0,c.useEffect)(()=>
1{if(t!==n4.lV.COURSE)return;let n=async()=>{try{let n=await t2(r);n&&Object.keys(n.data).length&&l(n.data)}catch(n){console.error("Error fetching course data",n)}finally{a(!1)}};n()},[]),t!==n4.lV.COURSE)?null:s?(0,i.jsx)(ir,{}):(0,i.jsx)(tH,{courseInfo:o,children:(0,i.jsx)(t0,{})})};var il=(0,c.memo)(io),is=t(50024);function ia(){let n=(0,l.Z)(["\n ."," {\n display: none !important;\n }\n @media only screen and (min-width: ","px) {\n width: 592px;\n flex: 0 0 592px;\n }\n "]);return ia=function(){return n},n}function ic(){let n=(0,l.Z)(["margin-bottom: ",";"]);return ic=function(){return n},n}function iu(){let n=(0,l.Z)(["margin-bottom: 4px;"]);return iu=function(){return n},n}function id(){let n=(0,l.Z)(["\n max-width: 592px;\n margin-right: auto;\n margin-left: auto;\n display: flex;\n flex-direction: column;\n padding-top: ",";\n @media only screen and (min-width: ","px) {\n max-width: 100%;\n flex-wrap: wrap;\n flex-direction: row;\n justify-content: space-between;\n padding-top: 0;\n }\n "]);return id=function(){return n},n}function ip(){let n=(0,l.Z)(["\n order: 2;\n margin-bottom: ",";\n @media only screen and (min-width: ","px) {\n order: 3;\n margin-bottom: ",";\n flex: 1 0 529px;\n max-width: calc(100% - 327px - 96px);\n }\n "]);return ip=function(){return n},n}function iv(){let n=(0,l.Z)(["\n order: 3;\n @media only screen and (min-width: ","px) {\n order: 2;\n min-height: ",";\n flex: 1 0 529px;\n max-width: calc(100% - 327px - 96px);\n }\n "]);return iv=function(){return n},n}function ix(){let n=(0,l.Z)(["margin-bottom: ",";"]);return ix=function(){return n},n}function im(){let n=(0,l.Z)(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: ",";\n "]);return im=function(){return n},n}function ig(){let n=(0,l.Z)(["\n margin-right: ",";\n word-break: break-word;\n &::first-letter {text-transform: uppercase;}"]);return ig=function(){return n},n}function ih(){let n=(0,l.Z)(["\n order: 5;\n margin-bottom: ",";\n @media only screen and (min-width: ","px) {\n order: 4;\n margin-bottom: ",";\n flex: 1 0 529px;\n max-width: calc(100% - 327px - 96px);\n }\n "]);return ih=function(){return n},n}function ij(){let n=(0,l.Z)(["\n order: 6;\n @media only screen and (min-width: ","px) {\n order: 5;\n flex: 1 0 529px;\n max-width: calc(100% - 327px - 96px);\n }\n "]);return ij=function(){return n},n}let iw=tf()(()=>t.e(8360).then(t.bind(t,58360)),{loadableGenerated:{webpack:()=>[58360]}}),{publicRuntimeConfig:ib}=td()(),{SKJ_HOST_URL:iZ,WEBSITE_LANGUAGE:iy}=ib;function ik(){let{t:n}=(0,a.$G)([nB.ot,n0.f]),e=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.id}),t=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.sellerId}),r=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.sellerInfo)||void 0===i?void 0:i.nickName}),o=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.price}),l=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.skillReview)||void 0===i?void 0:i.noReview}),s=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.category)||void 0===i?void 0:i.large}),c=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.category)||void 0===i?void 0:i.small}),u=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.category)||void 0===i?void 0:i.middle}),d=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.skillReview)||void 0===i?void 0:i.avgReviewStars}),p=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.title}),v=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.catchcopy}),f=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.statusType});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(nX.Qb,{productName:p,type:"Product",images:(0,nc.A2)("/img/v3/skijan/skill/".concat(e,"?noDefaultImg=0&size=skjAvtSkill")),description:v,brand:"".concat(t),aggregateRating:{ratingValue:d,reviewCount:l,ratingCount:l,bestRating:d,worstRating:d},offers:{"@type":"Offer",price:o,priceCurrency:n("currency",{ns:nX.s6}),url:"".concat(iZ,"/").concat(iy,"/skill/").concat(e),seller:{name:r},availability:f===n1.U.sale?"https://schema.org/InStock":""},sku:t,category:n("".concat(s),{ns:nB.ot})}),(0,i.jsx)(nX.bA,{keyOverride:"",scriptKey:"",scriptId:void 0,itemListElements:[{item:"/".concat(iy),name:"Home",position:1},s?{item:"/".concat(iy,"/search?pc=").concat(s),name:n("".concat(s),{ns:nB.ot}),position:2}:null,u?{item:"/".concat(iy,"/search?pc=").concat(u),name:n("mid_".concat(u),{ns:nB.ot}),position:2}:null,c?{item:"/".concat(iy,"/search?pc=").concat(c),name:n("mid_".concat(c),{ns:nB.ot}),position:2}:null,{item:"/".concat(iy,"/skill/").concat(e),name:p,position:3}
1].filter(Boolean),useAppDir:!1})]})}let iI=(0,c.memo)(function(){let{t:n}=(0,a.$G)(C.G),e=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.imageUrl}),t=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.title}),r=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.generalInfoSkill)||void 0===i?void 0:i.catchcopy}),o=(0,c.useMemo)(()=>({title:(0,S.By)(t)||n("meta-title"),description:r||n("meta-description"),keywords:n("meta-keywords"),imageUrl:e}),[t]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v.Z,{data:o}),(0,i.jsx)(tc.Z,{})]})});function iC(n){let{className:e}=n,t=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.title});return(0,i.jsx)(u.Z,{className:e,variant:"h5",component:"h1",children:t})}function iS(n){var e,t,r;let{className:o}=n,l=(0,p.Z)(),a=(0,k.C)(n=>{var t,i;return null!==(e=null===(t=n[I.ns])||void 0===t?void 0:null===(i=t.apiResObj)||void 0===i?void 0:i.skillFAQs)&&void 0!==e?e:[]},(n,e)=>(null==n?void 0:n.length)===(null==e?void 0:e.length)),c=(0,k.C)(n=>{var e,i;return null!==(t=null===(e=n[I.ns])||void 0===e?void 0:null===(i=e.apiResObj)||void 0===i?void 0:i.portfolio)&&void 0!==t?t:[]},(n,e)=>(null==n?void 0:n.length)===(null==e?void 0:e.length)),u=(0,k.C)(n=>{var e,t;return null!==(r=null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:t.recommendedSkills)&&void 0!==r?r:[]}),v=(0,s.css)(ia(),tm.sM,l.breakpoints.values.lg);return(0,i.jsxs)("div",{css:v,className:o,children:[a.length>0&&(0,i.jsx)(f.Z,{minHeight:100,component:B}),(0,i.jsx)(Q,{}),(0,i.jsx)(d.Z,{css:(0,s.css)(ic(),l.spacing(4))}),(0,i.jsx)(il,{}),(null==c?void 0:c.length)>0&&(0,i.jsx)(f.Z,{minHeight:200,component:iw,componentProps:{portfolios:c}}),(0,i.jsx)(f.Z,{minHeight:100,component:nz}),(0,i.jsx)(nA.ZP,{css:(0,s.css)(iu())}),(0,i.jsx)(th.Z,{recommendedSkills:u,via:"skill_detail_page_recommend"}),(0,i.jsx)(f.Z,{component:nW,minHeight:400})]})}let iR=n=>{var e;let{data:t}=n,r=(0,p.Z)(),o=(0,n2.useRouter)(),{updateLayoutSetting:l}=(0,eF.l5)(),a=(0,k.C)(n=>{var e,t,i;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:null===(i=t.paymentInfo)||void 0===i?void 0:i.title}),c=(0,k.C)(n=>{var t,i,r;return null!==(e=null===(t=n[I.ns])||void 0===t?void 0:null===(i=t.apiResObj)||void 0===i?void 0:null===(r=i.generalInfoSkill)||void 0===r?void 0:r.typeId)&&void 0!==e?e:n4.lV.NORMAL}),u=(0,s.css)(id(),r.spacing(3),r.breakpoints.values.lg);return(0,eV.Z)(()=>{l({title:a})},[]),ea.$D.add([tx,I.ZP,es.tP]),(0,tp.j)([U.V5,I.ns,es.ns]),(0,i.jsxs)(tg.y,{data:t,children:[(0,i.jsx)(ik,{}),(0,i.jsx)(iI,{}),(0,i.jsxs)("div",{css:u,id:eE.Z.ServiceDetail,children:[(0,i.jsx)(eP,{css:(0,s.css)(ip(),r.spacing(2),r.breakpoints.values.lg,r.spacing(6))}),(0,i.jsxs)("div",{css:(0,s.css)(iv(),r.breakpoints.values.lg,r.spacing(4)),children:[(0,i.jsx)(n5,{css:(0,s.css)(ix(),r.spacing(3))}),(0,i.jsxs)("div",{css:(0,s.css)(im(),r.spacing(3)),children:[(0,i.jsx)(iC,{css:(0,s.css)(ig(),r.spacing(2))}),c===n4.lV.COURSE&&(0,i.jsx)(is.Z,{})]})]}),(0,i.jsx)(n9,{css:(0,s.css)(ih(),r.spacing(5),r.breakpoints.values.lg,r.spacing(6))}),(0,i.jsx)(iS,{css:(0,s.css)(ij(),r.breakpoints.values.lg)}),(0,i.jsx)(ta,{})]},"SF_SKILL_DETAIL_".concat(o.query.id))]})};var iO=t(25151);let iM=n=>{let e=(0,k.C)(n=>{var e,t;return null===(e=n[I.ns])||void 0===e?void 0:null===(t=e.apiResObj)||void 0===t?void 0:t.paymentInfo});(0,c.useEffect)(()=>{if(e&&Object.keys(e).length>0){let t={currency:n,value:(null==e?void 0:e.price)||0,items:[{item_name:(null==e?void 0:e.title)||"",item_id:""+(null==e?void 0:e.id)||"",price:null==e?void 0:e.price}]};(0,iO.HG)(t)}},[e])};var iN=t(60570);function i_(n){let{data:e,courseInfo:t}=n;return iM(iN.LANGUAGES.DETAIL_MAP[r.o].currency),(0,i.jsx)(iR,{data:e,courseInfo:t})}i_.Layout=o.gC;var iG=!0,iP=i_},91289:function(n,e,t){"use strict";e.Gl=e.uf=void 0,t(98157),e.uf=function(n,e,t){let i=Number.parseFloat(n);
1return i?i.toLocaleString("en-GB",{minimumFractionDigits:t}):e||n},e.Gl=function(n){let{key:e,count:t}=n;return e+({1:"",default:"s"})[t>1?"default":1]}},25151:function(n,e,t){"use strict";t.d(e,{Xs:function(){return s},xo:function(){return o},HG:function(){return l}});var i=t(56698),r=t.n(i);let o=n=>{a("purchase",n)},l=n=>{a("view_item",n)},s=n=>{a("begin_checkout",n)},a=(n,e)=>{let{publicRuntimeConfig:t}=r()(),i=t.ENV;if("production"!==i){console.log("GTM send event -- ",n,e);return}window.dataLayer=window.dataLayer||[],window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:n,ecommerce:e})}},41269:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var i=t(38839),r=t(70804);function o(n){return(0,i.jsxs)(r.Z,{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_844_1811)",children:[(0,i.jsx)("path",{d:"M8.99999 17.357C7.11673 15.2835 4.56272 13.9406 1.78713 13.5641C1.47121 13.5292 1.17943 13.3783 0.968112 13.141C0.756795 12.9035 0.640919 12.5962 0.642846 12.2784V1.92838C0.642834 1.74267 0.683053 1.55916 0.760736 1.39048C0.838417 1.2218 0.95172 1.07195 1.09285 0.951238C1.23149 0.832722 1.39376 0.745061 1.56888 0.694076C1.744 0.643091 1.92797 0.62995 2.10856 0.655524C4.76265 1.09602 7.19063 2.41873 8.99999 4.40981V17.357Z",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M9 17.357C10.8833 15.2835 13.4373 13.9406 16.2129 13.5641C16.5288 13.5292 16.8206 13.3783 17.0319 13.141C17.2432 12.9035 17.3591 12.5962 17.3571 12.2784V1.92838C17.3571 1.74267 17.3169 1.55916 17.2392 1.39048C17.1616 1.2218 17.0483 1.07195 16.9071 0.951238C16.7685 0.832722 16.6063 0.745061 16.4312 0.694076C16.2559 0.643091 16.0721 0.62995 15.8914 0.655524C13.2373 1.09602 10.8094 2.41873 9 4.40981V17.357Z",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_844_1811",children:(0,i.jsx)("rect",{width:"18",height:"18",fill:"white"})})})]})}},69919:function(n,e,t){"use strict";var i=t(78645),r=t(38839),o=t(32735),l=t(78258),s=t(82527),a=t(40486),c=t(62274),u=t(68470),d=t(17319),p=t(3158),v=t(75246),f=t(95915),x=t(31242),m=t(53725);function g(){let n=(0,i.Z)(["\n padding: 16px 2px 22px !important;\n "]);return g=function(){return n},n}function h(){let n=(0,i.Z)(["\n .swiper-slide {\n max-width: ","px;\n }\n "]);return h=function(){return n},n}function j(){let n=(0,i.Z)(["\n margin-top: ",";\n .slide-productbox {\n padding-bottom: ",";\n }\n "]);return j=function(){return n},n}let w="surface-component@recommend-slider";function b(n){let{data:e,via:t}=n,i=(0,a.Z)(),o=(0,l.Z)((0,s.nh)(i));return(0,r.jsx)(d.Z,{alwaysShow:!1,component:p.Z,componentProps:{data:e,isShowSlider:!0,isResponsive:!1,via:t},minHeight:o?140:340})}let Z=n=>{let{list:e,via:t}=n,{t:i}=(0,c.$G)(w),o=(0,a.Z)(),d=(0,l.Z)((0,s.nh)(o)),p=d?140:340;try{let n=JSON.parse((null==localStorage?void 0:localStorage.getItem(m.y["/"]))||"0");p="number"==typeof n?n:p}catch(n){console.error("Error reading localStorage key:",n)}return(0,r.jsx)(u.Z,{id:"list-recommendSkill",className:f.y,title:i("recommend-title",{ns:w}),list:e,showNavBtn:!0,component:b,minHeight:p,sliderCss:(0,v.css)(g()),slideProps:{centeredSlides:!1,slidesPerView:"auto",slidesPerGroupAuto:!0,spaceBetween:x.qv,freeMode:!0},via:t,css:(0,v.css)(h(),x.Fq)})},y=n=>{let{list:e,via:t}=n;return(0,r.jsx)(Z,{list:e||[],via:t},"recommendSkill")},k=(0,o.memo)(y),I=n=>{let{recommendedSkills:e,via:t}=n,i=(0,a.Z)();return(0,r.jsx)("section",{css:(0,v.css)(j(),i.spacing(4),i.spacing(4)),children:(0,r.jsx)(k,{list:e,via:t})})};e.Z=(0,o.memo)(I)},67643:function(n,e,t){"use strict";var i,r;t.d(e,{U:function(){return i},t:function(){return o}}),(r=i||(i={}))[r.draft=0]="draft",r[r.sale=1]="sale",r[r.pause=2]="pause",r[r.close=3]="close",r[r.disapproval=5]="disapproval";let o={0:"draft",1:"sale",2:"pause",3:"close",5:"disapproval"}},2485:function(n,e,t){"use strict";t.d(e,{G:function(){return m}});var i=t(78645),r=t(38839),o=t(44907),l=t(75246),s=t(32735),a=t(62274),c=t(17241),u=t(40486),d=t(41269);function p(){let n=(0,i.Z)(["position: relative; margin-right: ",";"]);return p=function(){return n},n}function v(){let n=(0,i.Z)(["\n height: 32px;\n background-color: #1F3593;\n color: white;\n display: flex;\n border-radius: 15px;\n padding: 4px 12px;\n width: fit-content;\n gap: 3px;\n margin-top: 4px;\n cursor: default;\n "]);return v=function(){return n},n}function f(){let n=(0,i.Z)(["color: #fff;"]);return f=function(){return n},n}function x(){let n=(0,i.Z)(["\n color: white;\n line-height: 23px;\n letter-spacing: 0.22px;\n display: flex;\n align-items: center;\n "]);return x=function(){return n},n}let m="surface-component@ContentDocument",g=()=>{let n=(0,u.Z)(),{t:e}=(0,a.$G)(m);return(0,r.jsx)("div",{css:(0,l.css)(p(),n.spacing(2)),children:(0,r.jsxs)(o.Z,{direction:"row",css:(0,l.css)(v()),children:[(0,r.jsx)(d.default,{css:(0,l.css)(f())}),(0,r.jsx)(c.Z,{variant:"caption",css:(0,l.css)(x()),children:e("content-document")})]})})},h=n=>{let{isShow:e}=n;return e?(0,r.jsx)(g,{}):(0,r.jsx)(r.Fragment,{})};e.Z=(0,s.memo)(h)},23558:function(n,e,t){"use strict";var i=t(78645),r=t(38839),o=t(44907),l=t(75246),s=t(32735),a=t(62274),c=t(17241),u=t(80900),d=t(2485);function p(){let n=(0,i.Z)(["position: relative;"]);return p=function(){return n},n}function v(){let n=(0,i.Z)(["\n height: 32px;\n background-color: #15778D;\n color: white;\n display: flex;\n border-radius: 15px;\n padding: 4px 12px;\n width: fit-content;\n gap: 3px;\n margin-top: 4px;\n cursor: default;\n "]);return v=function(){return n},n}function f(){let n=(0,i.Z)(["\n color: white;\n line-height: 23px;\n letter-spacing: 0.22px;\n display: flex;\n align-items: center;\n "]);return f=function(){return n},n}let x=()=>{let{t:n}=(0,a.$G)(d.G);return(0,r.jsx)("div",{css:(0,l.css)(p()),children:(0,r.jsxs)(o.Z,{direction:"row",css:(0,l.css)(v()),children:[(0,r.jsx)(u.Z,{}),(0,r.jsx)(c.Z,{variant:"caption",css:(0,l.css)(f()),children:n("content-file")}
1)]})})},m=n=>{let{isShow:e}=n;return e?(0,r.jsx)(x,{}):(0,r.jsx)(r.Fragment,{})};e.Z=(0,s.memo)(m)},98157:function(n,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.round=void 0,e.round=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;return Number((n||0).toFixed(e))}},6778:function(n,e,t){"use strict";let i=t(14686),r={days:"days",hours:"hours",minutes:"minutes",seconds:"seconds"};n.exports={dateFormat:function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"yyyy-MM-dd HH:mm:ss";return("0000-00-00"===n||"0000-00-00 00:00:00"===n)&&(n="1970-01-01"),(0,i.format)(new Date(n||Date.now()),e)},convertTime:function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.seconds,t=n,i=0,o=0,l=0,s=0;return i=e===r.days?Math.ceil(t/86400):Math.floor(t/86400),t%=86400,o=e===r.hours?Math.ceil(t/3600):Math.floor(t/3600),t%=3600,l=e===r.minutes?Math.ceil(t/60):Math.floor(t/60),t%=60,s=e===r.seconds?Math.round(t):Math.floor(t),{days:i,hours:o.toString().padStart(2,"0"),minutes:l.toString().padStart(2,"0"),seconds:s.toString().padStart(2,"0")}},formatTime:function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";if(0===n)return e;n=Math.max(0,Math.floor(n));let t=Math.floor(n/3600),i=Math.floor(n%3600/60),r=n%60,o=n=>n.toString().padStart(2,"0");return t>0?"".concat(t,":").concat(o(i),":").concat(o(r)):"".concat(i,":").concat(o(r))},TIME_UNIT:r}}},function(n){n.O(0,[5752,3394,4448,4206,3325,7489,939,9774,2888,179],function(){return n(n.s=23642)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.