1(self.webpackChunkhh_frontend_react=self.webpackChunkhh_frontend_react||[]).push([[5707],{23932:(e,t,r)=>{"use strict";r.d(t,{h:()=>i,Z:()=>i});var o=r(72791),n=r(76998),a=r.n(n),i=function(e){var t=e.text,r=e.children,n=e.onCopy,i=e.options,c=o.Children.only(r);return(0,o.cloneElement)(c,{onClick:function(e){var o,c,s=a()(t,i);null===n||void 0===n||n(t,s),null===(o=(c=r.props).onClick)||void 0===o||o.call(c,e)}})}},90444:(e,t,r)=>{"use strict";r.d(t,{k:()=>p});var o=r(1413),n=r(15671),a=r(43144),i=r(53640),c=r(60136),s=r(72791),d=r(79745),l=r.n(d),u=r(80184),p=function(e){function t(){return(0,n.Z)(this,t),(0,i.Z)(this,t,arguments)}return(0,c.Z)(t,e),(0,a.Z)(t,[{key:"render",value:function(){return(0,u.jsx)(l(),(0,o.Z)({},this.props))}}])}(s.PureComponent)},63350:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o.k});var o=r(90444)},42502:(e,t,r)=>{"use strict";r.d(t,{Z:()=>m});var o=r(1413),n=r(45987),a=r(30168),i=r(25634),c=r(72791),s=r(45753),d=function(e){var t=e.backgroundColor,r=e.borderColor,o=e.color,n=e.boxShadow;return"\n ".concat(t?"background-color: ".concat(t,";"):"","\n ").concat(r?"border-color: ".concat(r,";"):"","\n ").concat(o?"color: ".concat(o,";"):"","\n ").concat(n?"box-shadow: ".concat(n,";"):"","\n")};var l,u,p=r(80184),h=["block","brand","shrink","size","status","data-testid"],g={padding:{vertical:{lg:"5px",md:"5px",sm:"0.5em"},horizontal:{lg:"40px",md:"32px",sm:"1.5em"}},lineHeight:{lg:s.cp.line.height.lg,md:s.cp.line.height.md,sm:s.cp.line.height.sm},font:{size:{lg:s.cp.font.size.h5,md:s.cp.font.size.base,sm:s.cp.font.size.base}},primary:{base:{normal:{backgroundColor:s.$_.brand.primary.base,borderColor:s.$_.brand.primary.base,color:"white"},hover:{backgroundColor:s.$_.brand.primary.dark,borderColor:s.$_.brand.primary.dark,color:"white"},active:{backgroundColor:s.$_.brand.primary.light,borderColor:s.$_.brand.primary.light,color:s.cp.font.color.base},disabled:{backgroundColor:s.$_.gray.light,borderColor:s.$_.gray.light,color:"white"}},default:{normal:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.43)",color:s.cp.font.color.base},hover:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.43)",color:s.$_.brand.primary.base},active:{backgroundColor:"transparent",borderColor:s.$_.brand.primary.base,color:s.$_.brand.primary.base},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}},inverse:{normal:{backgroundColor:"transparent",borderColor:"white",color:"white"},hover:{backgroundColor:"transparent",borderColor:s.$_.brand.primary.base,color:s.$_.brand.primary.base},active:{backgroundColor:s.$_.brand.primary.base,borderColor:s.$_.brand.primary.base,color:"white"},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}},white:{normal:{backgroundColor:"white",color:s.$_.brand.primary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},hover:{backgroundColor:"white",color:s.$_.brand.primary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},active:{backgroundColor:s.$_.brand.primary.base,color:"white",boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},disabled:{backgroundColor:"white",color:s.$_.brand.primary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")}},border:{normal:{backgroundColor:"transparent",borderColor:s.$_.brand.primary.base,color:s.$_.brand.primary.base},hover:{backgroundColor:"transparent",borderColor:s.$_.brand.primary.dark,color:s.$_.brand.primary.dark},active:{backgroundColor:"transparent",borderColor:s.$_.brand.primary.dark,color:s.$_.brand.primary.dark},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}}},secondary:{base:{normal:{backgroundColor:s.$_.brand.secondary.base,borderColor:s.$_.brand.secondary.base,color:"white"},hover:{backgroundColor:s.$_.brand.secondary.dark,borderColor:s.$_.brand.secondary.dark,color:"white"},active:{backgroundColor:s.$_.brand.secondary.light,borderColor:s.$_.brand.secondary.light,color:s.cp.font.color.base},disabled:{backgroundColor:s.$_.gray.light,borderColor:s.$_.gray.light,color:"white"}},default:{normal:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.43)",color:s.cp.font.color.base},hover:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.43)",color:s.$_.brand.secondary.base},active:{backgroundColor:"transparent",borderColor:s.$_.brand.secondary.base,color:s.$_.brand.secondary.base},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}},inverse:{normal:{backgroundColor:"transparent",borderColor:"white",color:"white"},hover:{backgroundColor:"transparent",borderColor:s.$_.brand.secondary.base,color:s.$_.brand.secondary.base},active:{backgroundColor:s.$_.brand.secondary.base,borderColor:s.$_.brand.secondary.base,color:"white"},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}},white:{normal:{backgroundColor:"white",color:s.$_.brand.secondary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},hover:{backgroundColor:"white",color:s.$_.brand.secondary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},active:{backgroundColor:s.$_.brand.secondary.base,color:"white",boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")},disabled:{backgroundColor:"white",color:s.$_.brand.secondary.base,boxShadow:"0 6px 12px 0 rgba(0, 0, 0, ".concat(s.Oh.low,")")}},border:{normal:{backgroundColor:"transparent",borderColor:s.$_.brand.secondary.base,color:s.$_.brand.secondary.base},hover:{backgroundColor:"transparent",borderColor:s.$_.brand.secondary.dark,color:s.$_.brand.secondary.dark},active:{backgroundColor:"transparent",borderColor:s.$_.brand.secondary.dark,color:s.$_.brand.secondary.dark},disabled:{backgroundColor:"transparent",borderColor:s.$_.gray.light,color:s.$_.gray.light}}},hollow:{base:{normal:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, ".concat(s.Oh.low,")"),color:"rgba(0, 0, 0, ".concat(s.Oh.high,")")},hover:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, ".concat(s.Oh.low,")"),color:s.$_.brand.primary.base}}},default:{white:{normal:{backgroundColor:"white",borderColor:"rgba(0, 0, 0, ".concat(s.Oh.lower,")"),color:"rgba(0, 0, 0, ".concat(s.Oh.high,")")},hover:{backgroundColor:"white",borderColor:"rgba(0, 0, 0, ".concat(s.Oh.medium,")"),color:"rgba(0, 0, 0, ".concat(s.Oh.higher,")")},active:{backgroundColor:s.$_.brand.primary.base,borderColor:s.$_.brand.primary.base,color:"white"},disabled:{backgroundColor:"white",borderColor:s.$_.gray.light,color:"rgba(204, 204, 204, ".concat(s.Oh.high,")")}}}
1,border:{radius:{md:s.wU.border.radius.md,lg:s.wU.border.radius.md}},size:{minWidth:{md:"128px",lg:"260px",sm:""}}},b=i.ZP.button.withConfig({componentId:"sc-1a6j6ze-0"})(["display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;user-select:none;font-weight:",";&,&:active{&:focus{",";}}&:hover,&:focus{text-decoration:none;}&:active{outline:0;background-image:none;}&[disabled]{cursor:",";opacity:0.65;box-shadow:none;}",";"],s.cp.weight.base,"\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n",s.cr.cursor.disabled,(function(e){return(0,i.iv)(l||(l=(0,a.Z)(["\n /** Alternate buttons */\n\n ",";\n\n /** Button Sizes */\n\n /* line-height: ensure even-numbered height of button next to large input */\n ",";\n\n /** Block button */\n\n ",";\n "])),function(e){var t=e.normal,r=e.hover,o=e.active,n=e.disabled;return"\n ".concat(t&&d(t),"\n\n ").concat(r&&"\n &:hover {\n ".concat(d(r),"\n }\n "),"\n ").concat(o&&"\n &:active {\n ".concat(d(o),"\n }\n "),"\n ").concat(n&&"\n &[disabled] {\n ".concat(d(n),"\n }\n "),"\n")}(g[e.brand][e.status]),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.wU.padding.md.vertical,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:s.wU.padding.md.horizontal,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:s.cp.font.size.base,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:s.wU.border.radius.md,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"260px",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:s.cp.line.height.md;return"\n padding: ".concat(e," ").concat(t,";\n font-size: ").concat(r,";\n border-radius: ").concat(o,";\n min-width: ").concat(n,";\n line-height: ").concat(a,"em;\n")}(g.padding.vertical[e.size],g.padding.horizontal[e.size],g.font.size[e.size],g.border.radius[e.size],e.shrink?"unset":g.size.minWidth[e.size],g.lineHeight[e.size]),e.block?(0,i.iv)(u||(u=(0,a.Z)(["\n display: block;\n width: 100%;\n "]))):"")}));const m=(0,c.forwardRef)((function(e,t){var r=e.block,a=void 0!==r&&r,i=e.brand,c=void 0===i?"primary":i,s=e.shrink,d=void 0!==s&&s,l=e.size,u=void 0===l?"md":l,g=e.status,m=void 0===g?"base":g,f=e["data-testid"],w=(0,n.Z)(e,h);return(0,p.jsx)(b,(0,o.Z)({ref:t,block:a,brand:c,"data-testid":f,shrink:d,size:u,status:m},w))}))},80102:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});const o=r(42502).Z},3444:(e,t,r)=>{"use strict";r.d(t,{Z:()=>b});var o=r(1413),n=r(15671),a=r(43144),i=r(53640),c=r(60136),s=r(72791),d=r(19483),l=r(25634),u=r(45753);const p=l.ZP.img.withConfig({componentId:"sc-cx4oas-0"})(["width:100%;height:100%;object-position:50% 50%;object-fit:",";&.loading{background:",";}"],(function(e){return e.objectFit?e.objectFit:"cover"}),u.$_.gray.lightest);var h=r(80184),g=function(e){function t(){var e;(0,n.Z)(this,t);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return(e=(0,i.Z)(this,t,[].concat(o))).state={loaded:!1},e.onLoad=function(t){e.state.loaded||e.setState({loaded:!0}),e.props.onLoad&&e.props.onLoad(t)},e}return(0,c.Z)(t,e),(0,a.Z)(t,[{key:"componentDidMount",value:function(){(0,d.Z)(this.img)}},{key:"render",value:function(){var e=this;return(0,h.jsx)(p,(0,o.Z)((0,o.Z)({},this.props),{},{ref:function(t){e.img=t},className:"".concat(this.props.className," ").concat(this.state.loaded?"loaded":"loading"),src:"".concat(this.props.src).concat(this.props.width?"?width=".concat(this.props.width):""),onLoad:this.onLoad}))}}])}(s.Component);g.defaultProps={src:null,width:"",className:"",onLoad:null};const b=g},3388:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});const o=r(3444).Z},67654:(e,t,r)=>{"use strict";r.d(t,{Z:()=>y});var o=r(25634),n=r(58444),a=r.n(n),i=r(63959),c=r(91523),s=r(6734),d=r(99986),l=r(62269),u=r(33100),p=r(36569),h=r(45753),g=r(3388),b=r(80184),m=o.ZP.div.withConfig({componentId:"sc-rokpy3-0"})(["border-radius:",";overflow:hidden;height:","px;width:","px;border:",";display:inline-block;box-shadow:",";.no-pointer{cursor:auto;}
1"],h.wU.border.radius.round,(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.customBorder}),(function(e){var t=e.customBorder;return"none"===t?t:"0 0 2px rgba(0, 0, 0, 0.24)"})),f=o.ZP.div.withConfig({componentId:"sc-rokpy3-1"})(["width:100%;height:100%;background-color:",";"],h.$_.gray.lighter),w=(0,o.ZP)(g.Z).withConfig({componentId:"sc-rokpy3-2"})(["display:block;"]),x=function(e,t){if(!t||0===t.length)return d;var r=new(a())(t);return t.indexOf("facebook")>-1&&-1===t.indexOf("width")?r.addQueryParam("width",e).addQueryParam("height",e).toString():t.indexOf("google")>-1&&-1===t.indexOf("?sz")?r.addQueryParam("sz",e).toString():t.indexOf("hahow")>-1&&-1===t.indexOf("width")?r.addQueryParam("width",e).toString():r.toString()},v=function(e){var t=e.needLazyLoad,r=e.placeholder,o=e.imageUrl,n=e.size,a=r?d:x(n,o),c=r?void 0:function(e,t){var r=s.parse(x(e,t));return r.push({url:x(2*e,t),density:2}),s.stringify(r)}(n,o);return a&&a.length>=0?t?(0,b.jsx)(i.ZP,{once:!0,height:"100%",style:{height:"100%"},children:(0,b.jsx)(w,{src:a,srcSet:c})}):(0,b.jsx)(w,{src:a,srcSet:c}):(0,b.jsx)(f,{})};const y=function(e){var t=e.className,r=void 0===t?"":t,o=e.clickable,n=void 0===o||o,a=e.customSize,i=e.customBorder,s=void 0===i?"2px solid white":i,d=e.imageUrl,g=void 0===d?"":d,f=e.imageSize,w=void 0===f?"xs":f,x=e.needLazyLoad,y=void 0===x||x,C=e.placeholder,k=void 0!==C&&C,_=e.userId,j=void 0===_?"":_,I=e.username,S=void 0===I?"":I,Z=null!==a&&void 0!==a?a:function(e){var t;return null!==(t=h.eS[e])&&void 0!==t?t:h.eS.SM}(w),$=function(e,t){return t?(0,u.Z)(l.iew,":userId",t):e?(0,u.Z)(l.iew,":userId",e):""}(j,S);return(0,b.jsx)(m,{className:"profile-image profile-image-".concat(w," ").concat(r),customBorder:s,size:Z,children:n?(0,b.jsx)(c.rU,{className:$?"":"no-pointer",to:$,onClick:function(e){$?(0,p.Z)("Profile Picture Clicked"):e.preventDefault()},children:(0,b.jsx)(v,{imageUrl:g,needLazyLoad:y,placeholder:k,size:Z})}):(0,b.jsx)(v,{imageUrl:g,needLazyLoad:y,placeholder:k,size:Z})})}},24164:(e,t,r)=>{"use strict";r.d(t,{Z:()=>p});var o=r(1413),n=r(15671),a=r(43144),i=r(53640),c=r(60136),s=r(72791),d=r(45778),l=r(80184),u=function(e){function t(){return(0,n.Z)(this,t),(0,i.Z)(this,t,arguments)}return(0,c.Z)(t,e),(0,a.Z)(t,[{key:"render",value:function(){var e=this.props,t=e.rating,r=e.onChangeRating;return(0,l.jsx)(d.Z,(0,o.Z)((0,o.Z)({},this.props),{},{changeRating:r,rating:t}))}}])}(s.Component);u.defaultProps={rating:0,onChangeRating:function(){}};const p=u},36058:(e,t,r)=>{"use strict";r.d(t,{d:()=>c});var o=r(1413),n=r(72791),a=r(79271),i=r(80184),c=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return function(t){var r=function(r){var c=(0,a.TH)(),s=c.pathname,d=c.search,l=c.key,u=(0,n.useRef)(!1);return(0,n.useEffect)((function(){u.current&&!e||(window.scroll(0,0),u.current=!0)}),[s,d,l]),(0,i.jsx)(t,(0,o.Z)({},r))};return r.displayName="withScrollToTop(".concat(t.displayName||t.name||"Component",")"),r}}},25443:(e,t,r)=>{"use strict";r.d(t,{Z:()=>n});var o=r(94);const n=(0,r(6867).M)(o.kK,[],(function(e){return{showSuccessToast:e.showSuccessToast,showWarningToast:e.showWarningToast,showErrorToast:e.showErrorToast}}))},77505:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>ne});var o=r(87781),n=r(97165),a=r(78687),i=r(79271),c=r(35739),s=r(36058),d=r(25443),l=r(75263),u=r(7039),p=r(21807),h=r(1413),g=r(15671),b=r(43144),m=r(53640),f=r(60136),w=r(72791),x=r(48573),v=r.n(x),y=r(26181),C=r.n(y),k=r(54270),_=r(91523),j=r(80102),I=r(11625),S=r(3388),Z=r(67654),$=r(63350),T=r(24164),L=r(27688),z=r(62269),O=r(69456),R=r(47118),A=r(45753),U=r(30110),N=r(25634),P=r(23932),E=r(80184),D=function(e){function t(){return(0,g.Z)(this,t),(0,m.Z)(this,t,arguments)}return(0,f.Z)(t,e),(0,b.Z)(t,[{key:"render",value:function(){var e=this.props,t=e.certificate,r=e.onCopy;return t?(0,E.jsxs)(H,{className:"pad-t-10 pad-b-30 pad-rl-30",children:[(0,E.jsx)("p",{children:"\u5728\u4f60\u7684 LinkedIn \u500b\u4eba\u6a94\u6848\u4e2d\u65b0\u589e\u300c\u8cc7\u683c\u8a8d\u8b49\u300d\uff0c\u8cbc\u4e0a\u4ee5\u4e0b\u8cc7\u8a0a\uff0c\u5c31\u80fd\u5c07\u5b8c\u8ab2\u8b49\u660e\u52a0\u5165\u4f60\u7684 LinkedIn \u8cc7\u8a0a\u56c9\uff01"}),(0,E.jsxs)("div",{className:"copy-container pad-tb-20 pad-rl-20 marg-b-20",children:[(0,E.jsx)(M,{name:"\u8b49\u7167\u540d\u7a31",text:C()(t,"course.title",""),onCopy:r}),(0,E.jsx)(M,{name:"\u767c\u7167\u6a5f\u69cb",text:"Hahow \u597d\u5b78\u6821",onCopy:r}),(0,E.jsx)(M,{name:"\u57f7\u7167\u865f\u78bc",text:C()(t,"_id",""),onCopy:r}),(0,E.jsx)(M,{name:"\u751f\u6548\u65e5\u671f",text:(0,U.vA)("YYYY \u5e74 M \u6708")(C()(t,"completedAt","")),onCopy:r}),(0,E.jsx)(M,{name:"\u8b49\u7167\u9023\u7d50",text:window.location.href,onCopy:r})]}),(0,E.jsxs)("a",{className:"text-center add2linkedin pad-tb-10",href:"https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME",rel:"noopener noreferrer",target:"_blank",children:[(0,E.jsx)($.Z,{name:"linkedin-square"})," \u52a0\u9032\u500b\u4eba\u6a94\u6848"]})]}):null}}])}(w.Component);D.defaultProps={certificate:null};var M=function(e){function t(){var e;(0,g.Z)(this,t);for(var r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return(e=(0,m.Z)(this,t,[].concat(o))).ref=null,e.onCopy=function(){if(e.ref){e.props.onCopy("\u5167\u5bb9\u5df2\u8907\u88fd");var t=window.getSelection(),r=document.createRange();r.selectNodeContents(e.ref),t.removeAllRanges(),t.addRange(r)}},e}return(0,f.Z)(t,e),(0,b.Z)(t,[{key:"render",value:function(){var e=this;return(0,E.jsxs)("div",{className:"copy-wrapper flex",children:[(0,E.jsx)("b",{className:"",children:this.props.name}),(0,E.jsx)("div",{className:"copy-content pad-rl-5 pad-tb-2 marg-l-10",children:(0,E.jsx)("span",{ref:function(t){e.ref=t},children:this.props.text})}),(0,E.jsx)(P.h,{text:this.props.text,onCopy:this.onCopy,children:(0,E.jsx)("div",{className:"pad-l-10 copy-icon",children:(0,E.jsx)($.Z,{name:"copy"})})})]})}}])}(w.PureComponent);M.defaultProps={text:""};var H=N.ZP.div.withConfig({componentId:"sc-a83lo4-0"})(["max-width:95vw;margin:auto;@media (max-width:","px){max-width:97vw;padding-left:15px;padding-right:15px;}.copy-container{background-color:",";}.copy-wrapper{text-align:left;justify-content:center;align-items:center;& ~ .copy-wrapper{margin-top:10px;}& > *{display:block;white-space:nowrap;}}.copy-content{width:calc(100% - 15px);border-radius:3px;border:1px solid rgba(0,0,0,",");"," background-color:white;}.copy-icon{cursor:pointer;}.add2linkedin{display:block;background-color:#0077b5;color:white;max-width:300px;width:50%;margin:auto;border-radius:3px;font-size:",";@media (max-width:","px){width:100%;max-width:300px;padding-left:0;padding-right:0;}}"],A.yJ.sm,A.$_.message,A.Oh.lower,(function(e){return e.theme.utils.getEllipsisStyle(1)}),A.cp.font.size.h5,A.yJ.sm),q=r(52007),B=r.n(q),F=r(64802),W=r(66364),J=r.n(W);const Y=r.p+"static/media/certificate-bg.44dedc8479bcd62b634a.png",G=r.p+"static/media/certificate-ogimgage.bb411d7983d40904e0be.png";var X=function(e){return new Promise((function(t){"toBlob"in e?e.toBlob((function(e){return t(e)})):t(function(e){var t;t=e.split(",")[0].indexOf("base64")>=0?atob(e.split(",")[1]):unescape(e.split(",")[1]);for(var r=e.split(",")[0].split(":")[1].split(";")[0],o=new Uint8Array(t.length),n=0;n<t.length;n+=1)o[n]=t.charCodeAt(n);return new Blob([o],{type:r})}(e.toDataURL()))}))},Q='"PingFang TC", "\u5fae\u8edf\u6b63\u9ed1\u9ad4", sans-serif',K=function(e){function t(){var e;(0,g.Z)(this,t);for(var r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return(e=(0,m.Z)(this,t,[].concat(o))).drawRafId="",e.certImage=null,e.state={certOwner:"",certId:"",completedAt:"",courseOwner:"",courseTitle:"",courseLength:""},e.onLoadImage=function(t){e.certImage=t.target,e.draw(),e.canvas&&e.certImage&&!J()(e.props.certificate)&&requestAnimationFrame((function(){e.generateOgImage().then(e.props.onOgImageReady).catch((function(){}))}))},e.bindContext=function(t){e.canvas=t,t&&(e.ctx=t.getContext("2d"))},e.draw=function(){var t=e,r=t.ctx,o=t.certImage;r&&o&&(cancelAnimationFrame(e.drawRafId),e.drawRafId=requestAnimationFrame((function(){r.drawImage(o,0,0,2e3,1413),r.fillStyle="rgba(0, 0, 0, ".concat(A.Oh.high,")"),r.font="128px ".concat(Q),r.textAlign="center",r.fillText(e.state.certOwner,1e3,530,1e3),r.font="44px ".concat(Q),r.textAlign="center",r.fillText(e.state.courseTitle,1e3,770,1e3),r.font="24px ".concat(Q),r.textAlign="left",r.fillText(e.state.certId,340,1315),r.font="38px ".concat(Q),r.textAlign="left",r.fillText(e.state.courseLength,1355,1066),r.fillText(e.state.completedAt,1355,1131),r.fillText(e.state.courseOwner,1355,1192)})))},e.download=function(){if(!e.canvas||!e.ctx)return Promise.reject("canvas not exist");var t="Hahow \u597d\u5b78\u6821\u5b8c\u8ab2\u8b49\u660e - ".concat(e.state.courseTitle,".png");return X(e.canvas).then((function(e){return(0,F.saveAs)(e,t)}))},e.generateOgImage=function(){return new Promise((function(t,r){e.canvas&&e.certImage||r("canvas not exist");var o=document.createElement("canvas");o.width=1200,o.height=628;var n=o.getContext("2d"),a=new Image;a.addEventListener("load",(function(){n.drawImage(a,0,0),n.drawImage(e.canvas,220,45,760,538),t(X(o))})),a.src=G}))},e}
1return(0,f.Z)(t,e),(0,b.Z)(t,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.draw),window.addEventListener("orientationchange",this.draw),this.draw()}},{key:"componentDidUpdate",value:function(){this.draw()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.draw),window.removeEventListener("orientationchange",this.draw)}},{key:"render",value:function(){return(0,E.jsxs)(V,{className:"relative",children:[(0,E.jsx)(S.Z,{src:Y,onLoad:this.onLoadImage}),(0,E.jsx)("canvas",{ref:this.bindContext,className:"absolute",height:1413,width:2e3})]})}}],[{key:"getDerivedStateFromProps",value:function(e){var t=e.certificate;return{certOwner:C()(t,"owner.name",""),certId:"\u8b49\u660e\u7de8\u865f ".concat(C()(t,"_id","")),completedAt:(0,U.vA)("YYYY-MM-DD")(C()(t,"completedAt","")),courseOwner:C()(t,"course.owner.name",""),courseTitle:C()(t,"course.title",""),courseLength:(0,U.Fr)(C()(t,"course.totalCourseLengthInSeconds",""))}}}])}(w.Component);K.propsTypes={certificate:B().shape({}),onOgImageReady:B().func},K.defaultProps={certificate:{},onOgImageReady:function(){}};var V=N.ZP.div.withConfig({componentId:"sc-1ba23ny-0"})(["box-shadow:4px 4px 16px 0 rgba(0,0,0,",");canvas{left:0;top:0;width:100%;height:100%;}"],A.Oh.lower);const ee=r.p+"static/media/linkedin.8af9c28983ce14fe1313.jpg";var te=N.ZP.div.withConfig({componentId:"sc-1mukvuq-0"})(["background:linear-gradient( 180deg,#00cdac 0%,#02aab0 500px,transparent 500px );@media (max-width:","px){background:linear-gradient( 180deg,#00cdac 0%,#02aab0 280px,transparent 280px );}.container{max-width:1000px;padding-bottom:64px;}.text-white{color:white;}.card{background:white;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,",");overflow:hidden;}.buttons-container{display:flex;.cell{flex:1;background:white;}@media (max-width:","px){display:block;background:transparent;box-shadow:unset;overflow:visible;margin-bottom:20px;.cell{padding:20px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,",");overflow:hidden;}.cell:first-of-type{margin-bottom:20px;}}&:not(.linkedin) > :first-child{position:relative;&::after{content:'';position:absolute;right:0;top:20px;bottom:20px;width:1px;background:rgba(0,0,0,",");@media (max-width:","px){display:none;}}}.social-share-buttons{border-radius:3px;margin:auto;height:48px;width:260px;border:1px solid rgba(0,0,0,",");display:flex;align-items:center;justify-content:center;}&.linkedin > :last-child{background-image:url('","');background-repeat:no-repeat;background-position:left bottom;@media (max-width:","px){display:none;}}}.linkedin-icon{color:#0077b5;}.course-item{display:flex;.course-status{display:flex;justify-content:space-between;& > :last-child{display:flex;align-items:center;}}.star-ratings{height:20px;}.description{overflow:hidden;height:110px;}.left,.right{flex:1;}.left-inner{inset:0;}.right{h4{word-wrap:break-word;}}@media (max-width:","px){.left{flex:2;}.right{flex:3;}}@media (max-width:","px){display:block;.left{height:240px;}}@media (max-width:","px){.left{height:180px;}.course-status{display:block;}}}"],A.yJ.sm,A.Oh.low,A.yJ.sm,A.Oh.low,A.Oh.lower,A.yJ.sm,A.Oh.medium,ee,A.yJ.sm,A.yJ.md,A.yJ.sm,A.yJ.xs),re=function(e){function t(){var e;(0,g.Z)(this,t);for(var r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return(e=(0,m.Z)(this,t,[].concat(o))).state={isCertificateAcquired:!1,ogImageUrl:"",isSocialToggled:!1,isPhoneSize:!0,openLinkedInDialog:!1,certificate:{}},e.mql=window.matchMedia("(max-width: ".concat(A.yJ.xs,"px)")),e.certRef=(0,w.createRef)(),e.onChangeWidth=function(){e.setState((function(){return{isPhoneSize:e.mql.matches}}))},e.onClickDownload=function(){e.certRef.current&&e.certRef.current.download()},e.onClickDirectToCourse=function(){e.props.history.push((0,i.Gn)(z.PZk,{courseId:C()(e.state.certificate,"course._id")}))},e.onClickSocialShare=function(){var t=e.state,r=t.ogImageUrl,o=t.isUploading;e.certRef.current&&r&&!o&&e.setState((function(){return{isSocialToggled:!0}}))},e.onClickAddToLinkedIn=function(){e.setState({openLinkedInDialog:!0})},e.onOgImageReady=function(t){e.state.ogImageUrl||e.uploadOgImage(t)},e.getCertificate=function(){e.props.dispatchGetCertificate({params:{certId:e.props.match.params.certId},fulfilledCallback:function(t){e.setState({isCertificateAcquired:!0,certificate:t});var r=C()(t,"image.url");r&&e.setState({ogImageUrl:r})}})},e.uploadOgImage=v()((function(t){e.state.isUploading||(e.setState({isUploading:!0}),e.props.dispatchImageUpload({file:t,url:"/api/images",method:"POST",onUploadProgress:function(){},fulfilledCallback:function(t){e.props.showSuccessToast({message:R.x1}),e.patchCertificate(t._id),e.setState({isUploading:!1})},rejectedCallback:function(t){e.props.showErrorToast({message:(0,R.$m)(t)}),e.setState({isUploading:!1})}}))}),300),e.patchCertificate=function(t){e.props.dispatchPatchCertificate({params:{certId:e.props.match.params.certId},body:{imageId:t},fulfilledCallback:function(t){var r=C()(t,"image.url");e.setState((function(){return{ogImageUrl:r}}))}})},e}
1return(0,f.Z)(t,e),(0,b.Z)(t,[{key:"componentDidMount",value:function(){this.getCertificate(),this.mql.addListener(this.onChangeWidth),this.onChangeWidth()}},{key:"componentWillUnmount",value:function(){this.mql.removeListener(this.onChangeWidth)}},{key:"isMyCertificate",value:function(){var e=this.props.me,t=this.state.certificate;return e&&C()(t,"owner._id")===C()(e,"_id")}},{key:"renderHeader",value:function(){var e=this.state,t=e.isPhoneSize,r=e.certificate;return this.isMyCertificate()?(0,E.jsx)("h2",{className:"text-center text-white marg-tb-0 pad-tb-60",children:"\u6211\u7684\u5b8c\u8ab2\u8b49\u660e"}):(0,E.jsxs)("div",{className:"text-center pad-t-40 pad-b-25",children:[(0,E.jsx)(Z.Z,{imageSize:"md",imageUrl:C()(r,"owner.profileImageUrl"),userId:C()(r,"owner._id"),username:C()(r,"owner.username")}),(0,E.jsxs)("h2",{className:"marg-t-0 marg-b-5 text-center text-white",children:[C()(r,"owner.name")," ",t?(0,E.jsx)("br",{}):"\u7684","\u5b8c\u8ab2\u8b49\u660e"]}),(0,E.jsx)(_.rU,{className:"text-white text-underline",to:z.iew.replace(":userId",C()(r,"owner._id")||C()(r,"owner")),children:"\u67e5\u770b\u500b\u4eba\u6a94\u6848"})]})}},{key:"renderCertificate",value:function(){var e=this.state.certificate;return e&&this.state.isCertificateAcquired?(0,E.jsx)("div",{className:"marg-b-40",children:(0,E.jsx)(K,{ref:this.certRef,certificate:e,onOgImageReady:this.onOgImageReady})}):null}},{key:"renderButtons",value:function(){var e=this.state,t=e.isSocialToggled,r=e.isPhoneSize;return this.isMyCertificate()?(0,E.jsxs)("div",{className:"buttons-container card text-center marg-b-40",children:[(0,E.jsxs)("div",{className:"cell pad-tb-40",children:[(0,E.jsx)("p",{children:"\u6210\u5c31\u9054\u6210\uff01\u628a\u9019\u4efd\u69ae\u8000\u8ddf\u670b\u53cb\u5011\u5206\u4eab\u5427\uff01"}),t?(0,E.jsx)(L.Z,{className:"social-share-buttons",metaTitle:C()(this.state.certificate,"course.title")}):(0,E.jsx)(j.Z,{block:r,shrink:r,size:"lg",onClick:this.onClickSocialShare,children:"\u5206\u4eab\u5230\u793e\u7fa4"})]}),(0,E.jsxs)("div",{className:"cell pad-tb-40",children:[(0,E.jsx)("p",{children:"\u77e5\u8b58\u6046\u4e45\u9060\uff0c\u4e00\u8b49\u6c38\u6d41\u50b3\u3002\u628a\u8b49\u660e\u4fdd\u5b58\u8d77\u4f86\u5427\uff01"}),(0,E.jsx)(j.Z,{block:r,shrink:r,size:"lg",status:"default",onClick:this.onClickDownload,children:"\u4e0b\u8f09\u8b49\u660e"})]})]}):null}},{key:"renderLinkedInSection",value:function(){return this.isMyCertificate()?(0,E.jsxs)("div",{className:"buttons-container linkedin card text-center marg-b-40",children:[(0,E.jsxs)("div",{className:"cell pad-tb-40",children:[(0,E.jsx)("h4",{className:"text-center marg-t-0 marg-b-10",children:"\u4f7f\u7528 LinkedIn \u55ce"}),(0,E.jsx)("p",{className:"marg-b-10",children:"\u767b\u9304\u5b8c\u8ab2\u8b49\u660e\uff0c\u8b93\u5c65\u6b77\u66f4\u7cbe\u5f69"}),(0,E.jsxs)(j.Z,{block:this.state.isPhoneSize,shrink:this.state.isPhoneSize,size:"lg",status:"default",onClick:this.onClickAddToLinkedIn,children:[(0,E.jsx)($.Z,{className:"linkedin-icon",name:"linkedin-square"})," ","\u52a0\u9032\u500b\u4eba\u6a94\u6848"]})]}),(0,E.jsx)("div",{className:"cell"})]}):null}},{key:"renderCourseItem",value:function(){var e=this.state.certificate;return e?(0,E.jsxs)("div",{className:"card course-item",children:[(0,E.jsx)("div",{className:"left relative",children:(0,E.jsx)("div",{className:"absolute left-inner",children:(0,E.jsx)(S.Z,{src:C()(e,"course.coverImage.url")||""})})}),(0,E.jsxs)("div",{className:"right pad-tb-30 pad-rl-30",children:[(0,E.jsx)("h4",{className:"marg-t-0 marg-b-5",children:C()(e,"course.title")}),(0,E.jsxs)("div",{className:"course-status marg-b-5",children:[(0,E.jsxs)("div",{className:"text-sub",children:["\u6388\u8ab2\u8001\u5e2b\uff1a",C()(e,"course.owner.name")]}),(0,E.jsxs)("div",{className:"text-sub",children:[(0,E.jsx)(T.Z,{rating:C()(e,"course.averageRating"),starWidthAndHeight:"18px"}),"(".concat(C()(e,"course.numRating"),")")]})]}),(0,E.jsx)("p",{className:"description",children:C()(e,"course.metaDescription")}),(0,E.jsx)("div",{className:"text-center",children:(0,E.jsx)(j.Z,{block:this.state.isPhoneSize,shrink:this.state.isPhoneSize,size:"lg",onClick:this.onClickDirectToCourse,children:"\u4e86\u89e3\u8ab2\u7a0b"})})]})]}):null}},{key:"render",value:function(){var e=this,t=this.props.showSuccessToast,r=this.state,o=r.ogImageUrl,n=r.openLinkedInDialog,a=r.isPhoneSize,i=r.certificate;return i?(0,E.jsxs)(te,{children:[(0,E.jsx)(k.Z,(0,h.Z)({},(0,O.X2)({courseTitle:C()(i,"course.title"),ogImage:o,ogUrl:window.location.href,timeSpent:(0,U.Fr)(C()(i,"course.totalCourseLengthInSeconds",""),!0)}))),this.renderHeader(),(0,E.jsxs)("div",{className:"container",children:[this.renderCertificate(),this.renderButtons(),this.renderLinkedInSection(),this.renderCourseItem(
1)]}),(0,E.jsx)(I.default,{open:n,title:a?"\u767b\u9304\u5728 LinkedIn":"\u5728 LinkedIn \u767b\u9304\u5b8c\u8ab2\u8b49\u660e",width:"600px",onClose:function(){e.setState({openLinkedInDialog:!1})},children:(0,E.jsx)(D,{certificate:i,isPhoneSize:a,onCopy:function(e){t({message:e})}})})]}):null}}])}(w.Component);re.defaultProps={me:null};const oe=(0,l.q)(i.EN)(re);const ne=(0,l.q)((0,s.d)(!0),i.EN,(0,a.connect)((function(e){return{me:(0,u.t6)(e)}}),(function(e){return(0,o.DE)({dispatchGetCertificate:(0,n.PH)(c.aIL.GET_CERTIFICATE),dispatchPatchCertificate:(0,n.PH)(c.aIL.PATCH_CERTIFICATE),dispatchImageUpload:p.dispatchImageUpload},e)})),d.Z)(oe)},33100:(e,t,r)=>{"use strict";function o(e,t,r){return e.replace(t,r)}r.d(t,{Z:()=>o})},36569:(e,t,r)=>{"use strict";r.d(t,{N:()=>i,Z:()=>c});var o=r(1413),n=r(6457),a=r(82299);function i(e,t){if(window._env_.REACT_APP_UTS_URL){var r=(0,n.z)()?a.DU.auth.get():null,i=new XMLHttpRequest;i.open("POST","".concat(window._env_.REACT_APP_UTS_URL,"/api/v1/collect")),r&&i.setRequestHeader("Authorization","Bearer ".concat(r)),i.setRequestHeader("Content-Type","application/json;charset=UTF-8");var c={event:e,data:(0,o.Z)({time:new Date,url:window.location.href,origin:window.location.origin,search:window.location.search,referrer:document.referrer},t)};i.send(JSON.stringify(c))}}const c=i;window.hhTracking=i},30110:(e,t,r)=>{"use strict";r.d(t,{Fr:()=>i,vA:()=>c,z9:()=>s});r(2991);var o=r(72426),n=r.n(o),a=r(38442),i=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=(0,a.rn)(Number(e)),o=r.hours,n=r.mins;return t?"".concat(o," \u5c0f\u6642 ").concat(n," \u5206\u9418"):"".concat(o," \u6642 ").concat(n," \u5206")},c=function(e){return function(t){return n()(t).format(e)}},s=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"7 days").split(" ");return n()().diff(e,t[1])<t[0]}},76998:(e,t,r)=>{"use strict";var o=r(42458),n={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var r,a,i,c,s,d,l=!1;t||(t={}),r=t.debug||!1;try{if(i=o(),c=document.createRange(),s=document.getSelection(),(d=document.createElement("span")).textContent=e,d.ariaHidden="true",d.style.all="unset",d.style.position="fixed",d.style.top=0,d.style.clip="rect(0, 0, 0, 0)",d.style.whiteSpace="pre",d.style.webkitUserSelect="text",d.style.MozUserSelect="text",d.style.msUserSelect="text",d.style.userSelect="text",d.addEventListener("copy",(function(o){if(o.stopPropagation(),t.format)if(o.preventDefault(),"undefined"===typeof o.clipboardData){r&&console.warn("unable to use e.clipboardData"),r&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var a=n[t.format]||n.default;window.clipboardData.setData(a,e)}else o.clipboardData.clearData(),o.clipboardData.setData(t.format,e);t.onCopy&&(o.preventDefault(),t.onCopy(o.clipboardData))})),document.body.appendChild(d),c.selectNodeContents(d),s.addRange(c),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");l=!0}catch(u){r&&console.error("unable to copy using execCommand: ",u),r&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),l=!0}catch(u){r&&console.error("unable to copy using clipboardData: ",u),r&&console.error("falling back to prompt"),a=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:"Copy to clipboard: #{key}, Enter"),window.prompt(a,e)}}finally{s&&("function"==typeof s.removeRange?s.removeRange(c):s.removeAllRanges()),d&&document.body.removeChild(d),i()}return l}},64802:function(e,t,r){var o,n,a;n=[],void 0===(a="function"===typeof(o=function(){"use strict";function t(e,t){return"undefined"==typeof t?t={autoBom:!1}:"object"!=typeof t&&(console.warn("Deprecated: Expected third argument to be a object"),t={autoBom:!t}),t.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)?new Blob(["\ufeff",e],{type:e.type}):e}function o(e,t,r){var o=new XMLHttpRequest;o.open("GET",e),o.responseType="blob",o.onload=function(){s(o.response,t,r)},o.onerror=function(){console.error("could not download file")},o.send()}function n(e){var t=new XMLHttpRequest;t.open("HEAD",e,!1);try{t.send()}catch(e){}return 200<=t.status&&299>=t.status}function a(e){try{e.dispatchEvent(new MouseEvent("click"))}catch(o){var t=document.createEvent("MouseEvents");
1t.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(t)}}var i="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof r.g&&r.g.global===r.g?r.g:void 0,c=i.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),s=i.saveAs||("object"!=typeof window||window!==i?function(){}:"download"in HTMLAnchorElement.prototype&&!c?function(e,t,r){var c=i.URL||i.webkitURL,s=document.createElement("a");t=t||e.name||"download",s.download=t,s.rel="noopener","string"==typeof e?(s.href=e,s.origin===location.origin?a(s):n(s.href)?o(e,t,r):a(s,s.target="_blank")):(s.href=c.createObjectURL(e),setTimeout((function(){c.revokeObjectURL(s.href)}),4e4),setTimeout((function(){a(s)}),0))}:"msSaveOrOpenBlob"in navigator?function(e,r,i){if(r=r||e.name||"download","string"!=typeof e)navigator.msSaveOrOpenBlob(t(e,i),r);else if(n(e))o(e,r,i);else{var c=document.createElement("a");c.href=e,c.target="_blank",setTimeout((function(){a(c)}))}}:function(e,t,r,n){if((n=n||open("","_blank"))&&(n.document.title=n.document.body.innerText="downloading..."),"string"==typeof e)return o(e,t,r);var a="application/octet-stream"===e.type,s=/constructor/i.test(i.HTMLElement)||i.safari,d=/CriOS\/[\d]+/.test(navigator.userAgent);if((d||a&&s||c)&&"undefined"!=typeof FileReader){var l=new FileReader;l.onloadend=function(){var e=l.result;e=d?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),n?n.location.href=e:location=e,n=null},l.readAsDataURL(e)}else{var u=i.URL||i.webkitURL,p=u.createObjectURL(e);n?n.location=p:location.href=p,n=null,setTimeout((function(){u.revokeObjectURL(p)}),4e4)}});i.saveAs=s.saveAs=s,e.exports=s})?o.apply(t,n):o)||(e.exports=a)},42458:e=>{e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],o=0;o<e.rangeCount;o++)r.push(e.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||r.forEach((function(t){e.addRange(t)}
1)),t&&t.focus()}}}}]); 2//# sourceMappingURL=5707.0abbef72.chunk.js.map
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.