https://bhuntr.com/react/js/chunk-page-portfolio.cbcbd57.js?1790851553173

1"use strict";(self.webpackChunkBhunterWebsite=self.webpackChunkBhunterWebsite||[]).push([[469],{31093:function(e,t,a){a.d(t,{A:function(){return d}}),a(52675),a(89463),a(2259),a(2008),a(23418),a(23792),a(34782),a(62010),a(26099),a(27495),a(38781),a(47764),a(25440),a(62953);var n=a(96540),i=a(84976);a(76927),a(65365);var r=a(45407),c=a(98239);a(49636);var l=a(76388);function o(e,t){var a="u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=m(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,c=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return c=e.done,e},e:function(e){l=!0,r=e},f:function(){try{c||null==a.return||a.return()}finally{if(l)throw r}}}}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,c,l=[],o=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}finally{try{if(!o&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw i}}return l}}(e,t)||m(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){if(e){if("string"==typeof e)return u(e,t);var a=({}).toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function d(e){var t=e.item,a=void 0===t?null:t,m=e.parentNode,u=void 0===m?null:m,d=e.topModalName,p=void 0===d?null:d,f=e.topComponentName,v=void 0===f?"AdvertisingUnit":f,y=l.A.common.hooks.useLocale();l.A.common.hooks.useIsMobile();var b=l.A.common.hooks.useActivedPage();l.A.cmsAccountUser.hooks.useIsUserLogin(),l.A.cmsAccountUser.hooks.useUserItem();var h=(0,n.useRef)(!1),g=(0,n.useRef)(!1),E=(0,n.useRef)(),A=s((0,n.useState)(null),2),N=A[0],k=A[1],w=s((0,n.useState)(null),2),I=w[0],C=w[1],j=s((0,n.useState)(null),2),S=j[0],x=j[1],R=s((0,n.useState)(null),2),O=R[0],M=R[1],L=s((0,n.useState)(null),2),U=L[0],T=L[1];(0,n.useEffect)(function(){!0===h.current||r.Ay.isEmpty(a)||(new IntersectionObserver(function(e){!0===g.current||r.Ay.isEmpty(e)||0===e.length||0!==e[0].intersectionRatio&&(q(),g.current=!0)}).observe(E.current),h.current=!0)},[q,a]);var W=(0,n.useCallback)(function(){r.Ay.isEmpty(u)||r.Ay.isEmpty(u.current)||k({width:u.current.clientWidth,height:u.current.clientHeight})},[u]);(0,n.useEffect)(function(){return W(),window.addEventListener("resize",W,!1),function(){window.removeEventListener("resize",W,!1)}},[u]);var _=(0,n.useMemo)(function(){var e,t;if(r.Ay.isEmpty(a))return null;if(r.Ay.isNotEmpty(a.metadata)&&!0===r.Ay.isArray(a.metadata)){var n,i=o(a.metadata);try{for(i.s();!(n=i.n()).done;){var c=n.value;if(!r.Ay.isEmpty(null==c?void 0:c.key)&&"title"===c.key&&!r.Ay.isEmpty(null==c?void 0:c.value)&&""!==c.value)return c.value}}catch(e){i.e(e)}finally{i.f()}}return r.Ay.isNotEmpty(null==a||null==(e=a.relationship)||null==(e=e.contestItem)?void 0:e.title)?a.relationship.contestItem.title:r.Ay.isNotEmpty(null==a||null==(t=a.relationship)||null==(t=t.activityItem)?void 0:t.title)?a.relationship.activityItem.title:r.Ay.isNotEmpty(a.title)?a.title:null},[a]),B=(0,n.useMemo)(function(){var e,t;if(r.Ay.isEmpty(a))return null;if(r.Ay.isNotEmpty(a.metadata)&&!0===r.Ay.isArray(a.metadata)){var n,i=o(a.metadata);try{for(i.s();!(n=i.n()).done;){var c=n.value;if(!r.Ay.isEmpty(null==c?void 0:c.key)&&"url"===c.key&&!r.Ay.isEmpty(null==c?void 0:c.value)&&""!==c.value)return c.value}}catch(e){i.e(e)}finally{i.f()}}return r.Ay.isNotEmpty(a.url)?a.url:r.Ay.isNotEmpty(null==a||null==(e=a.relationship

1)?void 0:e.contestItem)?r.Ay.env().domain.bhuntrWebsite+"/"+y+"/competitions/"+a.relationship.contestItem.alias+"?utm_source=bhuntr&utm_medium=PROMO_"+a.relationship.contestItem.type+"&utm_campaign="+a.relationship.contestItem.alias:r.Ay.isNotEmpty(null==a||null==(t=a.relationship)?void 0:t.activityItem)?r.Ay.env().domain.bhuntrWebsite+"/"+y+"/events/"+a.relationship.activityItem.alias+"?utm_source=bhuntr&utm_medium=PROMO_"+a.relationship.activityItem.type+"&utm_campaign="+a.relationship.activityItem.alias:null},[a,y]),P=(0,n.useMemo)(function(){var e,t;if(r.Ay.isEmpty(a))return null;if(r.Ay.isNotEmpty(a.metadata)&&!0===r.Ay.isArray(a.metadata)){var n,i=o(a.metadata);try{for(i.s();!(n=i.n()).done;){var c=n.value;if(!r.Ay.isEmpty(null==c?void 0:c.key)&&"material-640x395"===c.key&&!r.Ay.isEmpty(null==c?void 0:c.url)&&""!==c.url)return c.url+"?size=640"}}catch(e){i.e(e)}finally{i.f()}}return r.Ay.isNotEmpty(null==(e=a.relationship)||null==(e=e.contestItem)?void 0:e.coverImage)?r.Ay.isObject(a.relationship.contestItem.coverImage)?r.Ay.isNotEmpty(a.relationship.contestItem.coverImage.url)?a.relationship.contestItem.coverImage.url+"?size=640":null:a.relationship.contestItem.coverImage+"?size=640":r.Ay.isNotEmpty(null==(t=a.relationship)||null==(t=t.activityItem)?void 0:t.coverImage)?r.Ay.isObject(a.relationship.activityItem.coverImage)?r.Ay.isNotEmpty(a.relationship.activityItem.coverImage.url)?a.relationship.activityItem.coverImage.url+"?size=640":null:a.relationship.activityItem.coverImage+"?size=640":null},[a]),D=(0,n.useMemo)(function(){return!r.Ay.isEmpty(B)&&B!==B.replace(window.location.origin,"")},[B]),F=(0,n.useMemo)(function(){var e,t;return!!(r.Ay.isNotEmpty(null==a||null==(e=a.relationship)?void 0:e.contestItem)||r.Ay.isNotEmpty(null==a||null==(t=a.relationship)?void 0:t.activityItem))},[a]);(0,n.useEffect)(function(){if(!(r.Ay.isEmpty(a)||r.Ay.isEmpty(N))){var e=null,t=P,n=N.width,i=N.height;if(r.Ay.isNotEmpty(a.metadata)){var c,l=o(a.metadata);try{for(l.s();!(c=l.n()).done;){var s=c.value;if(!(r.Ay.isEmpty(s.width)||r.Ay.isEmpty(s.height)||r.Ay.isEmpty(s.url))&&(r.Ay.isEmpty(e)&&s.width*s.height<=N.width*N.height&&(e=s.url),!(s.width>N.width)&&!(s.height>N.height))){t=s.url,n=s.width,i=s.height;break}}}catch(e){l.e(e)}finally{l.f()}}r.Ay.isEmpty(t)&&(t=e),r.Ay.isEmpty(t)&&(t=S);var m=r.Ay.jsonHash({image:t,width:n,height:i});if(I!==m&&(C(m),x(t),M(n),T(i),r.Ay.isNotEmpty(u)&&r.Ay.isNotEmpty(u.current))){var d=u.current.querySelector(".bh-advert-mask");r.Ay.isNotEmpty(d)&&d.remove(),(d=document.createElement("div")).setAttribute("class","bh-advert-mask"),"fixed"!==window.getComputedStyle(u.current,null).getPropertyValue("position")&&(u.current.style.position="relative"),d.style.position="absolute",d.style.top="0",d.style.left="0",d.style.right="0",d.style.bottom="0",d.style.zIndex="0",d.style.backgroundImage="url(".concat(t,")"),d.style.backgroundSize="cover",d.style.backgroundPosition="center center",d.style.filter="blur(10px)",u.current.appendChild(d)}}},[a,P,S,N,I,u]);var z=(0,n.useMemo)(function(){var e;return r.Ay.isEmpty(null==a||null==(e=a.relationship)?void 0:e.contestItem)?null:a.relationship.contestItem},[a]),H=(0,n.useMemo)(function(){var e;return r.Ay.isEmpty(null==a||null==(e=a.relationship)?void 0:e.activityItem)?null:a.relationship.activityItem},[a]),q=(0,n.useCallback)(function(){var e={category:"Advert",action:"Show",type:r.Ay.ucfirst(a.type),object:"Item",page:r.Ay.ucfirst(b.name),layout:null,modal:p,compnent:v,label:_,advertisingId:a.id,advertisingType:a.type};r.Ay.isNotEmpty(z)&&(e.contestId=z.id,e.contestAlias=z.alias,e.contestAdvertisingType=a.type,e.contestAdvertisingId=a.contestAdvertisingId),r.Ay.isNotEmpty(H)&&(e.activityId=H.id,e.activityAlias=H.alias,e.activityAdvertisingType=a.type,e.activityAdvertisingId=a.activityAdvertisingId),c.Ay.trigger("kaoBei",e)},[b,a,p,v,_,z,H]),G=(0,n.useCallback)(function(){var e={category:"Advert",action:"Click",object:"Item",type:r.Ay.ucfirst(a.type),page:r.Ay.ucfirst(b.name),layout:null,modal:p,compnent:v,label:_,advertisingId:a.id,advertisingType:a.type};r.Ay.isNotEmpty(z)&&(e.contestId=z.id,e.contestAlias=z.alias,e.contestAdvertisingType=a.type,e.contestAdvertisingId=a.contestAdvertisingId),r.Ay.isNotEmpty(H)&&

1(e.activityId=H.id,e.activityAlias=H.alias,e.activityAdvertisingType=a.type,e.activityAdvertisingId=a.activityAdvertisingId),c.Ay.trigger("kaoBei",e)},[b,a,p,v,_,z,H]);return!!r.Ay.isNotEmpty(a)&&(!0===D&&!0===F?n.createElement(i.N_,{className:"bh-unit",to:B.replace(window.location.origin,""),onClick:function(){G()},ref:E,"data-v-a68c59de":""},n.createElement("img",{src:S,width:O,height:U,"data-v-a68c59de":""})):n.createElement("a",{className:"bh-unit",target:"_blank",href:B,onClick:function(){G()},ref:E,"data-v-a68c59de":""},n.createElement("img",{src:S,width:O,height:U,"data-v-a68c59de":""})))}},35306:function(e,t,a){a.r(t),a.d(t,{default:function(){return A}}),a(52675),a(89463),a(2259),a(28706),a(2008),a(23418),a(23792),a(48598),a(62062),a(34782),a(62010),a(69085),a(5506),a(40875),a(79432),a(10287),a(26099),a(16034),a(3362),a(9391),a(27495),a(38781),a(31415),a(47764),a(42762),a(62953),a(3296),a(27208),a(48408);var n=a(96540),i=a(84976),r=a(47767),c=a(76927);a(65365);var l=a(45407),o=a(98239),s=a(76388),m=a(41641),u=a(26722);a(10403);var d=a(83463);function p(){var e,t,a="function"==typeof Symbol?Symbol:{},n=a.iterator||"@@iterator",i=a.toStringTag||"@@toStringTag";function r(a,n,i,r){var o=Object.create((n&&n.prototype instanceof l?n:l).prototype);return f(o,"_invoke",function(a,n,i){var r,l,o,s=0,m=i||[],u=!1,d={p:0,n:0,v:e,a:p,f:p.bind(e,4),d:function(t,a){return r=t,l=0,o=e,d.n=a,c}};function p(a,n){for(l=a,o=n,t=0;!u&&s&&!i&&t<m.length;t++){var i,r=m[t],p=d.p,f=r[2];a>3?(i=f===n)&&(o=r[(l=r[4])?5:(l=3,3)],r[4]=r[5]=e):r[0]<=p&&((i=a<2&&p<r[1])?(l=0,d.v=n,d.n=r[1]):p<f&&(i=a<3||r[0]>n||n>f)&&(r[4]=a,r[5]=n,d.n=f,l=0))}if(i||a>1)return c;throw u=!0,n}return function(i,m,f){if(s>1)throw TypeError("Generator is already running");for(u&&1===m&&p(m,f),l=m,o=f;(t=l<2?e:o)||!u;){r||(l?l<3?(l>1&&(d.n=-1),p(l,o)):d.n=o:d.v=o);try{if(s=2,r){if(l||(i="next"),t=r[i]){if(!(t=t.call(r,o)))throw TypeError("iterator result is not an object");if(!t.done)return t;o=t.value,l<2&&(l=0)}else 1===l&&(t=r.return)&&t.call(r),l<2&&(o=TypeError("The iterator does not provide a '"+i+"' method"),l=1);r=e}else if((t=(u=d.n<0)?o:a.call(n,d))!==c)break}catch(t){r=e,l=1,o=t}finally{s=1}}return{value:t,done:u}}}(a,i,r),!0),o}var c={};function l(){}function o(){}function s(){}t=Object.getPrototypeOf;var m=s.prototype=l.prototype=Object.create([][n]?t(t([][n]())):(f(t={},n,function(){return this}),t));function u(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,f(e,i,"GeneratorFunction")),e.prototype=Object.create(m),e}return o.prototype=s,f(m,"constructor",s),f(s,"constructor",o),o.displayName="GeneratorFunction",f(s,i,"GeneratorFunction"),f(m),f(m,i,"Generator"),f(m,n,function(){return this}),f(m,"toString",function(){return"[object Generator]"}),(p=function(){return{w:r,m:u}})()}function f(e,t,a,n){var i=Object.defineProperty;try{i({},"",{})}catch(e){i=0}(f=function(e,t,a,n){function r(t,a){f(e,t,function(e){return this._invoke(t,a,e)})}t?i?i(e,t,{value:a,enumerable:!n,configurable:!n,writable:!n}):e[t]=a:(r("next",0),r("throw",1),r("return",2))})(e,t,a,n)}function v(e,t,a,n,i,r,c){try{var l=e[r](c),o=l.value}catch(e){return void a(e)}l.done?t(o):Promise.resolve(o).then(n,i)}function y(e,t){var a="u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=h(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,c=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return c=e.done,e},e:function(e){l=!0,r=e},f:function(){try{c||null==a.return||a.return()}finally{if(l)throw r}}}}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,c,l=[],o=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}

1finally{try{if(!o&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw i}}return l}}(e,t)||h(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var a=({}).toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var E=["image/jpg","image/jpeg","image/png"];function A(e){e.target;var t,a,f=e.action,h=s.A.common.hooks.useLocale(),g=s.A.common.hooks.useIsInited();s.A.common.hooks.useIsMobile();var A=s.A.common.hooks.useIsLoading();s.A.common.hooks.useActivedPage();var N=s.A.cmsAccountUser.hooks.useIsUserLogin(),k=s.A.cmsAccountUser.hooks.useUserItem(),w=s.A.cmsAccountUser.hooks.useUserAlias(),I=s.A.cmsBhuntr.hooks.useCategoryTree("work"),C=(0,n.useRef)(!1),j=b((0,n.useState)(!1),2),S=(j[0],j[1]),x=b((0,n.useState)(null),2),R=x[0],O=x[1],M=b((0,n.useState)(null),2),L=M[0],U=M[1],T=b((0,n.useState)(null),2),W=T[0],_=T[1],B=b((0,n.useState)({title:null,description:null,coverImage:null,metadata:{sorting:[],mapping:{}},publishTime:null,status:"draft",tags:[],categories:[],relationship:{fileList:[]}}),2),P=B[0],D=B[1],F=b((0,n.useState)(null),2),z=F[0],H=F[1],q=b((0,n.useState)(!1),2),G=q[0],Y=q[1],$=b((0,n.useState)(!1),2),V=$[0],K=$[1],Z=b((0,n.useState)(null),2),Q=Z[0],J=Z[1],X=(0,r.g)(),ee=(0,r.zy)(),et=(0,r.Zp)();(0,n.useLayoutEffect)(function(){window.scrollTo(0,0)},[ee]),(0,n.useEffect)(function(){s.A.common.actions.setActivedPage({name:"portfolioEditor",target:"portfolio"})},[]),(0,n.useEffect)(function(){!1===ea()||!0!==C.current&&(l.Ay.isEmpty(I)&&s.A.cmsBhuntr.actions.getCategoryTree({locale:h}),C.current=!0)},[h,I]);var ea=(0,n.useCallback)(function(){if(!1===g)return!0;if(!1===N)return s.A.common.actions.setRedirectUrl(window.location.pathname),et("/".concat(h,"/signin")),!1;var e=X.alias;(l.Ay.isNotEmpty(e)||""===e)&&_(e)},[g,N,X]);(0,n.useEffect)(function(){if(!l.Ay.isEmpty(I)){var e,t={},a=y(I);try{for(a.s();!(e=a.n()).done;){var n=e.value;if(l.Ay.isNotEmpty(n.translateTitle[h])&&(t[n.id]=n.translateTitle[h]),l.Ay.isNotEmpty(n.children)){var i,r=y(n.children);try{for(r.s();!(i=r.n()).done;){var c=i.value;l.Ay.isNotEmpty(c.translateTitle[h])&&(t[c.id]=c.translateTitle[h])}}catch(e){r.e(e)}finally{r.f()}}}}catch(e){a.e(e)}finally{a.f()}H(t)}},[I,h]),(0,n.useEffect)(function(){l.Ay.isEmpty(W)||eo()},[h,W]);var en=(0,n.useMemo)(function(){if(l.Ay.isEmpty(P)||l.Ay.isEmpty(P.coverImage)||l.Ay.isEmpty(P.coverImage.fileId)||l.Ay.isEmpty(P.relationship)||l.Ay.isEmpty(P.relationship.fileList))return null;var e,t=y(P.relationship.fileList);try{for(t.s();!(e=t.n()).done;){var a=e.value;if(P.coverImage.fileId===a.id)return a.url+"?size=640"}}catch(e){t.e(e)}finally{t.f()}return null},[P]),ei=(0,n.useMemo)(function(){return l.Ay.isEmpty(P)||l.Ay.isEmpty(P.relationship)||l.Ay.isEmpty(P.relationship.userItem)?null:P.relationship.userItem},[P]),er=(0,n.useMemo)(function(){return!(l.Ay.isEmpty(w)||l.Ay.isEmpty(ei)||l.Ay.isEmpty(ei.alias))&&w===ei.alias},[w,ei]);(0,n.useEffect)(function(){l.Ay.isEmpty(ei)||!1===er&&ec()},[er,w,ei]);var ec=(0,n.useCallback)(function(){et("/".concat(h,"/portfolios"),{replace:!0})},[h]),el=(0,n.useCallback)(function(){et("/".concat(h,"/user/").concat(w,"/work"),{replace:!0})},[h,w]),eo=(0,n.useCallback)(function(){S(!0),s.A.cmsAccountUser.actions.getUserWorkItem({locale:h,alias:W,data:{language:h}}).then(function(e){D(e),document.title=e.title+" - "+(0,c.A)("siteName"),o.Ay.trigger("kaoBei",{action:"pageView",contentGroup:"Work_bhuntr"})},function(e){l.Ay.log(e),ec()}).catch(function(e){l.Ay.log(e),ec()}).finally(function(){S(!1)})},[h,W]),es=(0,n.useCallback)(function(e,t){P[e]=""!==t?t:null,D(Object.assign({},P))},[P]),em=(0,n.useCallback)(function(e){e.preventDefault(),Y(!G)},[G]),eu=(0,n.useCallback)(function(e,t){e.preventDefault();var a=P.categories;if(l.Ay.isEmpty(a)&&(a=[]),-1!==a.indexOf(t))a=a.filter(function(e){return t!==e});else{if(3<=a.length)return!1;a.push(t)}D(Object.assign({},P,{categories:a}))},[P]),ed=(0,n.useCallback)(function(e){if("Enter"!==e.key)return!1;e.preventDefault();var t=P.tags;l.Ay.isEmpty(t)&&(t=[]);var a,n=y(l.Ay.isNotEmpty(R)?R.split(","):[]);try{for(n.s();!(a=n.n()).done;){var i=a.value;i=i.trim(),""!==i&&-1===t.indexOf(i)&&t.push(i)}}catch(e){n.e(e)}finally{n.f()}O(null),U(l.Ay.timestamp()),D(Object.assign({},P,{tags:t}))},[P,R]),ep=(0,n.useCallback)(function(e,t){e.preventDefault();var a=P.tags;D(Object.assign({},P,{tags:a=a.filter(function(e){return t!==e})}))},[P]),ef=(0,n.useCallback)(function(e,t){e.preventDefault();var a=P.metadata;l.Ay.isEmpty(a)&&(a={}),l.Ay.isEmpty(a.sorting)&&(a.sorting=[]),(l.Ay.isEmpty(a.mapping)||l.Ay.isArray(a.mapping))&&(a.mapping={});var n=l.Ay.hash(Math.random());switch(a.sorting.push(n),t){case"text":a.mapping[n]={type:"text",title:null,content:null};break;case"image":a.mapping[n]={type:"image",title:null,fileId:null};break;case"audio":a.mapping[n]={type:"audio",title:null,url:null,embedHtml:null};break;case"video":a.mapping[n]={type:"video",title:null,url:null,embedHtml:null}}D(Object.assign({},P,{metadata:a}))},[h,P]),ev=(0,n.useCallback)(function(e,t){e.preventDefault();var a=P.metadata;if(!(l.Ay.isEmpty(a)||l.Ay.isEmpty(a.sorting)||l.Ay.isEmpty(a.mapping)||l.Ay.isArray(a.mapping)||l.Ay.isEmpty(a.mapping[t]))){var n=a.sorting.indexOf(t);if(0!==n){var i=a.sorting[n];a.sorting[n]=a.sorting[n-1],a.sorting[n-1]=i,D(Object.assign({},P,{metadata:a}))}}},[h,P]),ey=(0,n.useCallback)(function(e,t){e.preventDefault();var a=P.metadata;if(!(l.Ay.isEmpty(a)||l.Ay.isEmpty(a.sorting)||l.Ay.isEmpty(a.mapping)||l.Ay.isArray(a.mapping)||l.Ay.isEmpty(a.mapping[t]))){var n=a.sorting.indexOf(t);if(n+1!==a.sorting.length){var i=a.sorting[n];a.sorting[n]=a.sorting[n+1],a.sorting[n+1]=i,D(Object.assign({},P,{metadata:a}))}}},[h,P]),eb=(0,n.useCallback)(function(e,t){e.preventDefault(),l.Ay.alertQuestion((0,c.A)("page.portfolio.editor.tips.confirmRemoveMetadataField")).then(function(e){if(e.value){var a=P.metadata;l.Ay.isEmpty(a)||l.Ay.isEmpty(a.sorting)||l.Ay.isEmpty(a.mapping)||l.Ay.isArray(a.mapping)||l.Ay.isEmpty(a.mapping[t])||(a.sorting=a.sorting.filter(function(e){return t!==e}),delete a.mapping[t],D(Object.assign({},P,{metadata:a})))}})},[h,P]),eh=(0,n.useCallback)(function(e,t,a){var n=P.metadata;if(!(l.Ay.isEmpty(n)||l.Ay.isEmpty(n.mapping)||l.Ay.isEmpty(n.mapping[e]))){var i=n.mapping[e];i[t]=a,n.mapping[e]=i,D(Object.assign({},P,{metadata:n}))}},[P]),eg=(0,n.useCallback)(function(e){l.Ay.isNotEmpty(e)?document.querySelector(".bh-file-handler-"+e).click():document.querySelector(".bh-file-handler").click()},[]),eE=(0,n.useCallback)((t=(p()).m(function e(t){var a,n,i,r;return p().w(function(e){for(;;)switch(e.p=e.n){case 0:if(a=null,!l.Ay.isNotEmpty(t)){e.n=2;break}if(!(l.Ay.isEmpty(P.metadata)||l.Ay.isEmpty(P.metadata.mapping)||l.Ay.isEmpty(P.metadata.mapping[t]))){e.n=1;break}return e.a(2);case 1:a=document.querySelector(".bh-file-handler-"+t).files[0],e.n=3;break;case 2:a=document.querySelector(".bh-file-handler").files[0];case 3:if(!(a.size>=2048e3)){e.n=4;break}return l.Ay.alertError((0,c.A)("page.portfolio.editor.tips.fileSizeTooLarge")),e.a(2,!1);case 4:if(-1!==E.indexOf(a.type)){e.n=5;break}return l.Ay.alertError((0,c.A)("page.portfolio.editor.tips.fileIsNotImage")),e.a(2,!1);case 5:return n=function(e){return new Promise(function(t){var a=new Image;a.onload=function(){URL.revokeObjectURL(a.src),t({width:a.width,height:a.height})},a.src=URL.createObjectURL(e)})},e.p=6,e.n=7,n(a);case 7:n=e.v,e.n=9;break;case 8:e.p=8,e.v,n=null;case 9:if(!l.Ay.isNotEmpty(n)){e.n=11;break}if(!(n.width*n.height>36e6)){e.n=10;break}return i=n.width+"x"+n.height,l.Ay.alertError((0,c.A)("page.portfolio.editor.tips.fileDimensionFailed",{origin:i,limit:"6000x6000"})),e.a(2,null);case 10:e.n=12;break;case 11:return e.a(2,null);case 12:l.Ay.isNotEmpty(t)?J(t):K(!0),r={file:a},l.Ay.isNotEmpty(t)?r.target="workMetadata":r.target="workCoverImage",s.A.cms.actions.uploadFileItem({locale:h,data:r}).then(function(e){var a={};if(l.Ay.isNotEmpty(t)){var n=P.metadata,i=n.mapping[t];i.fileId=e.id,n.mapping[t]=i,a.metadata=n}else a.coverImage={fileId:e.id};var r=P.relationship;(l.Ay.isEmpty(r)||l.Ay.isArray(r))&&(r={}),l.Ay.isEmpty(r.fileList)&&(r.fileList=[]),r.fileList.push(e),a.relationship=r,D(Object.assign({},P,a))}).catch(function(e){l.Ay.log(e),l.Ay.alertError(e.messages)}).finally(function(){l.Ay.isNotEmpty(t)?J(null):K(!1)});case 13:return e.a(2)}},e,null,[[6,8]])}),a=function(){var e=this,a=arguments;return new Promise(function(n,i){var r=t.apply(e,a);function c(e){v(r,n,i,c,l,"next",e)}function l(e){v(r,n,i,c,l,"throw",e)}c(void 0)})},function(e){return a.apply(this,arguments)}),[h,P]),eA=(0,n.useCallback)(function(e){if(e.preventDefault(),l.Ay.isEmpty(P.title)||""===P.title)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterTitle")),!1;if(l.Ay.isEmpty(P.description)||""===P.description)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterDescription")),!1;if(l.Ay.isEmpty(P.coverImage)||l.Ay.isEmpty(P.coverImage.fileId))return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseCoverImage")),!1;if(l.Ay.isEmpty(P.categories)||0===P.categories.length)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterCategory")),!1;if(l.Ay.isEmpty(P.tags)||0===P.tags.length)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterTag")),!1;if(l.Ay.isEmpty(P.metadata)||l.Ay.isEmpty(P.metadata.sorting)||l.Ay.isEmpty(P.metadata.mapping)||0===P.metadata.sorting.length||0===Object.keys(P.metadata.mapping).length)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterMetadata")),!1;for(var t=0,a=Object.values(P.metadata.mapping);t<a.length;t++){var n=a[t];switch(n.type){case"text":if(l.Ay.isEmpty(n.content)||""===n.content)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterTextField")),!1;break;case"image":if(l.Ay.isEmpty(n.fileId)||""===n.fileId)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterImageField")),!1;break;case"audio":if(l.Ay.isEmpty(n.url)||""===n.url)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterAudioField")),!1;if(!1===l.Ay.isUrl(n.url))return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.audioFieldFormatIsInvalid")),!1;break;case"video":if(l.Ay.isEmpty(n.url)||""===n.url)return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.pleaseEnterVideoField")),!1;if(!1===l.Ay.isUrl(n.url))return l.Ay.toastWarning((0,c.A)("page.portfolio.editor.tips.videoFieldFormatIsInvalid")),!1}}var i=l.Ay.deepCopy(P);i.relationship.fileList=i.relationship.fileList.reduce(function(e,t){var a;if(t.id===(null==(a=P.coverImage)?void 0:a.fileId))e.push(t);else for(var n=0,r=Object.values(i.metadata.mapping);n<r.length;n++){var c=r[n];l.Ay.isNotEmpty(c.fileId)&&t.id===c.fileId&&e.push(t)}return e},[]);var r=new Set(i.relationship.fileList.map(function(e){return e.id}));i.relationship.removeFileList=P.relationship.fileList.filter(function(e){return!1===r.has(e.id)}),"create"===f&&s.A.cmsAccountUser.actions.createUserWorkItem({locale:h,data:i}).then(function(e){l.Ay.toastOK((0,c.A)("page.portfolio.editor.ajax.success.save")),_(e.alias),et("/".concat(h,"/portfolios/").concat(e.alias,"/edit"),{replace:!0})},function(e){l.Ay.log(e),l.Ay.alertError(e.messages)}).catch(function(e){l.Ay.log(e),l.Ay.alertError(e.messages)}),"update"===f&&s.A.cmsAccountUser.actions.updateUserWorkItem({locale:h,alias:W,data:i}).then(function(e){l.Ay.toastOK((0,c.A)("page.portfolio.editor.ajax.success.save"))},function(e){l.Ay.log(e),l.Ay.alertError(e.messages)}).catch(function(e){l.Ay.log(e),l.Ay.alertError(e.messages)})},[h,P,W]),eN=(0,n.useCallback)(function(e){e.preventDefault(),l.Ay.alertQuestion((0,c.A)("page.portfolio.editor.tips.confirmRemove")).then(function(e){e.value&&s.A.cmsAccountUser.actions.removeUserWorkItem({locale:h,alias:P.alias,data:{language:h}}).then(function(e){l.Ay.toastOK((0,c.A)("page.portfolio.editor.ajax.success.remove")),el()},function(e){l.Ay.log(e),l.Ay.alertError(e.messages)}).catch(function(e){l.Ay.log(e),l.Ay.alertError(e.messages)})})},[h,P]),ek=(0,n.useMemo)(function(){if(l.Ay.isEmpty(P)||l.Ay.isEmpty(P.metadata)||l.Ay.isEmpty(P.metadata.sorting)||l.Ay.isEmpty(P.metadata.mapping))return!1;var e={};

1if(l.Ay.isNotEmpty(P)&&l.Ay.isNotEmpty(P.relationship)&&l.Ay.isNotEmpty(P.relationship.fileList)){var t,a=y(P.relationship.fileList);try{for(a.s();!(t=a.n()).done;){var i=t.value;e[i.id]=l.Ay.deepCopy(i)}}catch(e){a.e(e)}finally{a.f()}}for(var r={},o=0,s=Object.entries(l.Ay.deepCopy(P.metadata.mapping));o<s.length;o++){var d=b(s[o],2),p=d[0],f=d[1];l.Ay.isNotEmpty(f.fileId)&&(l.Ay.isNotEmpty(e[f.fileId])&&(f.fileItem=e[f.fileId]),delete f.fileId),r[p]=f}var v,h=[],g=y(P.metadata.sorting);try{for(g.s();!(v=g.n()).done;)if(function(){var e=v.value;if(l.Ay.isEmpty(r[e]))return 1;var t=r[e];switch(t.type){case"text":h.push(n.createElement("div",{className:"bh-field-item",key:e,"data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.textBlock")),n.createElement("div",{className:"bh-functional-icons","data-v-885e35c1":""},n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveUp")),n.createElement("span",{className:"bh-icon",onClick:function(t){ev(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-up","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveDown")),n.createElement("span",{className:"bh-icon",onClick:function(t){ey(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-down","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.remove")),n.createElement("span",{className:"bh-icon",onClick:function(t){eb(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-close","data-v-885e35c1":""})))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.field.content")),n.createElement(u.A,{className:"bh-ui-wide",value:l.Ay.isNotEmpty(t.content)?t.content:"",onChange:function(t){eh(e,"content",t)},isRequired:!0,"data-v-885e35c1":""}))));break;case"image":h.push(n.createElement("div",{className:"bh-field-item",key:e,"data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.imageBlock")),n.createElement("div",{className:"bh-functional-icons","data-v-885e35c1":""},n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveUp")),n.createElement("span",{className:"bh-icon",onClick:function(t){ev(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-up","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveDown")),n.createElement("span",{className:"bh-icon",onClick:function(t){ey(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-down","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.remove")),n.createElement("span",{className:"bh-icon",onClick:function(t){eb(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-close","data-v-885e35c1":""})))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.field.image")),!!l.Ay.isNotEmpty(t.fileItem)&&n.createElement("div",{className:"bh-cover","data-v-885e35c1":""},n.createElement("div",{className:"bh-cover-image-background",style:{backgroundImage:"url("+t.fileItem.url+"?size=1200)"},"data-v-885e35c1":""}),n.createElement("div",{className:"bh-cover-image-background is-blur",style:{backgroundImage:"url("+t.fileItem.url+"?size=1200)"},"data-v-885e35c1":""}),n.createElement("picture",{className:"bh-cover-image","data-v-885e35c1":""},n.createElement("img",{alt:"Cover Image",className:"bh-image",loading:"lazy",src:t.fileItem.url+"?size=1200","data-v-885e35c1":""}))),n.createElement("button",{className:"bh-button",type:"button",onClick:function(){eg(e)},disabled:Q===e,"data-v-885e35c1":""},Q!==e?n.createElement("span",{"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.button.selectImage")):n.createElement("i",{className:"fas fa-circle-notch fa-spin","data-v-885e35c1":""}),n.createElement("input",{className:"bh-file-handler-"+e,type:"file",style:{display:"none"},onChange:function(){eE(e)},"data-v-885e35c1":""})))));break;case"audio":h.push(n.createElement("div",{className:"bh-field-item",key:e,"data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.audioBlock")),n.createElement("div",{className:"bh-functional-icons","data-v-885e35c1":""},n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveUp")),n.createElement("span",{className:"bh-icon",onClick:function(t){ev(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-up","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveDown")),n.createElement("span",{className:"bh-icon",onClick:function(t){ey(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-down","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.remove")),n.createElement("span",{className:"bh-icon",onClick:function(t){eb(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-close","data-v-885e35c1":""})))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.field.url")),n.createElement(m.A,{className:"bh-ui-wide",value:l.Ay.isNotEmpty(t.url)?t.url:"",onChange:function(t){eh(e,"url",t)},isRequired:!0,"data-v-885e35c1":""}))));break;case"video":h.push(n.createElement("div",{className:"bh-field-item",key:e,"data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.videoBlock")),n.createElement("div",{className:"bh-functional-icons","data-v-885e35c1":""},n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveUp")),n.createElement("span",{className:"bh-icon",onClick:function(t){ev(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-up","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.moveDown")),n.createElement("span",{className:"bh-icon",onClick:function(t){ey(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-angle-down","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.remove")),n.createElement("span",{className:"bh-icon",onClick:function(t){eb(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-close","data-v-885e35c1":""})))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.field.url")),n.createElement(m.A,{className:"bh-ui-wide",value:l.Ay.isNotEmpty(t.url)?t.url:"",onChange:function(t){eh(e,"url",t)},isRequired:!0,"data-v-885e35c1":""}))))}}())continue}catch(e){g.e(e)}finally{g.f()}return h},[P,Q]);return!!l.Ay.isNotEmpty(k)&&n.createElement("div",{className:"bh-page bh-portfolio-item-page","data-v-885e35c1":""},n.createElement("div",{className:"bh-container","data-v-885e35c1":""},n.createElement("div",{className:"bh-section","data-v-885e35c1":""},n.createElement("div",{className:"bh-breadcrumb-block","data-v-885e35c1":""},n.createElement(i.N_,{to:"/".concat(h),"data-v-885e35c1":""},(0,c.A)("layout.header.label.homepage")),n.createElement("i",{className:"fas fa-chevron-right","data-v-885e35c1":""}),n.createElement(i.N_,{to:"/".concat(h,"/portfolios"),"data-v-885e35c1":""},(0,c.A)("page.portfolio.title")),!!l.Ay.isNotEmpty(P.title)&&n.createElement(n.Fragment,null,n.createElement("i",{className:"fas fa-chevron-right","data-v-885e35c1":""}),n.createElement("span",{"data-v-885e35c1":""},P.title))))),n.createElement("div",{className:"bh-container","data-v-885e35c1":""},n.createElement("form",{className:"row bh-section bh-main-section",onSubmit:eA,"data-v-885e35c1":""},n.createElement("div",{className:"col-md-4 col-12 bh-left","data-v-885e35c1":""},n.createElement("div",{className:"bh-block bh-info-block","data-v-885e35c1":""},n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.coverImage")),!!l.Ay.isNotEmpty(P.coverImage)&&n.createElement("div",{className:"bh-cover","data-v-885e35c1":""},n.createElement("div",{className:"bh-cover-image-background",style:{backgroundImage:"url("+en+")"},"data-v-885e35c1":""}),n.createElement("div",{className:"bh-cover-image-background is-blur",style:{backgroundImage:"url("+en+")"},"data-v-885e35c1":""}),n.createElement("picture",{className:"bh-cover-image","data-v-885e35c1":""},n.createElement("img",{alt:"Cover Image",className:"bh-image",loading:"lazy",src:en,"data-v-885e35c1":""}))),n.createElement("button",{className:"bh-button",type:"button",onClick:function(){eg()},disabled:V,"data-v-885e35c1":""},!1===V?n.createElement("span",{"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.button.selectImage")):n.createElement("i",{className:"fas fa-circle-notch fa-spin","data-v-885e35c1":""}),n.createElement("input",{className:"bh-file-handler",type:"file",style:{display:"none"},onChange:function(){eE()},"data-v-885e35c1":""}))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.category")),n.createElement("div",{className:"bh-category-selector-ui bh-ui-wide",onClick:function(e){em(e)},"data-v-885e35c1":""},n.createElement("div",{className:"bh-category-items","data-v-885e35c1":""},l.Ay.isNotEmpty(P.categories)&&P.categories.map(function(e){return l.Ay.isNotEmpty(z)&&l.Ay.isNotEmpty(z[e])?z[e]:e}).join(", ")))),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.tag")),n.createElement(m.A,{className:"bh-ui-wide",value:R,key:L,onChange:function(e){O(e)},onEnter:function(e){ed(e)},"data-v-885e35c1":""}),l.Ay.isNotEmpty(P.tags)&&P.tags.map(function(e){return n.createElement("span",{className:"bh-item",key:e,"data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},e),n.createElement("span",{className:"bh-icon",onClick:function(t){ep(t,e)},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-close","data-v-885e35c1":""})))})),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.status")),n.createElement(d.A,{key:P.status,value:P.status,options:[{key:"draft",value:(0,c.A)("page.portfolio.editor.label.status.draft")},{key:"published",value:(0,c.A)("page.portfolio.editor.label.status.published")}],onChange:function(e){es("status",e)},"data-v-885e35c1":""}))),n.createElement("div",{className:"bh-block bh-functional-block","data-v-885e35c1":""},n.createElement("div",{className:"bh-body","data-v-885e35c1":""},"update"===f&&n.createElement("button",{className:"bh-button bh-button-red",onClick:function(e){eN(e)},disabled:A,"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.button.delete")),n.createElement("button",{className:"bh-button bh-button-green",type:"submit",disabled:A,"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.button.save")),"update"===f&&n.createElement(i.N_,{className:"bh-button",to:"/".concat(h,"/portfolios/").concat(P.alias),disabled:A,"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.button.forward"))))),n.createElement("div",{className:"col-md-8 col-12 bh-right","data-v-885e35c1":""},n.createElement("div",{className:"bh-block bh-content-block","data-v-885e35c1":""},n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.title")),n.createElement(m.A,{className:"bh-ui-wide",value:l.Ay.isNotEmpty(P.title)?P.title:"",onChange:function(e){es("title",e)},isRequired:!0,"data-v-885e35c1":""})),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.description")),n.createElement(u.A,{className:"bh-ui-wide",value:l.Ay.isNotEmpty(P.description)?P.description:"",onCh

1ange:function(e){es("description",e)},isRequired:!0,"data-v-885e35c1":""})),n.createElement("div",{className:"bh-form-unit","data-v-885e35c1":""},n.createElement("div",{className:"bh-label","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.metadata")),n.createElement("div",{className:"bh-media-selector","data-v-885e35c1":""},n.createElement("span",{className:"bh-media-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.text")),n.createElement("span",{className:"bh-icon",onClick:function(e){ef(e,"text")},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-plus","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-media-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.image")),n.createElement("span",{className:"bh-icon",onClick:function(e){ef(e,"image")},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-plus","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-media-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.audio")),n.createElement("span",{className:"bh-icon",onClick:function(e){ef(e,"audio")},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-plus","data-v-885e35c1":""}))),n.createElement("span",{className:"bh-media-item","data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.label.video")),n.createElement("span",{className:"bh-icon",onClick:function(e){ef(e,"video")},"data-v-885e35c1":""},n.createElement("i",{className:"fas fa-plus","data-v-885e35c1":""})))),n.createElement("div",{className:"bh-field-list","data-v-885e35c1":""},ek)))))),!!(!0===G&&l.Ay.isNotEmpty(I))&&n.createElement("div",{className:"bh-filter-modal","data-v-885e35c1":""},n.createElement("div",{className:"bh-block","data-v-885e35c1":""},n.createElement("div",{className:"bh-head","data-v-885e35c1":""},n.createElement("span",{"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.filterModel.selectCategory")),n.createElement("div",{className:"bh-icon",onClick:function(e){em(e)},"data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-close","data-v-885e35c1":""}))),n.createElement("div",{className:"bh-body","data-v-885e35c1":""},n.createElement("div",{className:"bh-list","data-v-885e35c1":""},n.createElement("div",{className:"bh-section","data-v-885e35c1":""},n.createElement("div",{className:"bh-section-title","data-v-885e35c1":""},n.createElement("div",{className:"bh-icon","data-v-885e35c1":""},n.createElement("i",{className:"fa-solid fa-table-cells-large","data-v-885e35c1":""})),n.createElement("div",{className:"bh-text","data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.filterModel.allCategories"))),n.createElement("div",{className:"bh-menu","data-v-885e35c1":""},l.Ay.isNotEmpty(I)&&I.filter(function(e){return"work"===e.type}).map(function(e){return n.createElement("div",{className:"bh-column",key:e.id,"data-v-885e35c1":""},n.createElement("div",{className:"bh-title","data-v-885e35c1":""},e.translateTitle[h]),n.createElement("div",{className:"bh-list","data-v-885e35c1":""},e.children.filter(function(e){return"work"===e.type}).map(function(e){return n.createElement("div",{className:"bh-item",key:e.id,"data-v-885e35c1":""},n.createElement("div",{className:["bh-item",-1!==P.categories.indexOf(e.id)?"is-active":""].join(" "),onClick:function(t){eu(t,e.id)},"data-v-885e35c1":""},n.createElement("span",{className:"bh-text","data-v-885e35c1":""},e.translateTitle[h]),n.createElement("span",{className:"bh-icon","data-v-885e35c1":""},-1!==P.categories.indexOf(e.id)&&n.createElement("i",{className:"fas fa-check","data-v-885e35c1":""}))))})))}))))),n.createElement("div",{className:"bh-footer","data-v-885e35c1":""},n.createElement("button",{className:"bh-button bh-button-green",type:"button",onClick:function(e){em(e)},"data-v-885e35c1":""},(0,c.A)("page.portfolio.editor.filterModel.ok"))))))}},64737:function(e,t,a){a.r(t),a.d(t,{default:function(){return h}}),a(52675),a(89463),a(2259),a(28706),a(2008),a(23418),a(23792),a(48598),a(62062),a(34782),a(62010),a(5506),a(26099),a(3362),a(9391),a(27495),a(38781),a(47764),a(71761),a(25440),a(42762),a(62953);var n=a(96540),i=a(47767),r=a(84976),c=a(76927);a(65365);var l=a(45407),o=a(98239),s=a(76388);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function u(e){var t=e.item,a=s.A.common.hooks.useLocale();(0,n.useMemo)(function(){return l.Ay.isEmpty(t)||l.Ay.isEmpty(null==t?void 0:t.id)?null:t.id},[t]);var i=(0,n.useMemo)(function(){return l.Ay.isEmpty(t)||l.Ay.isEmpty(null==t?void 0:t.t

1itle)?null:t.title},[t]),c=(0,n.useMemo)(function(){return l.Ay.isEmpty(t)||l.Ay.isEmpty(null==t?void 0:t.alias)?null:"/".concat(a,"/portfolios/").concat(t.alias)},[a,t]),o=(0,n.useMemo)(function(){if(l.Ay.isEmpty(t)||l.Ay.isEmpty(t.coverImage)||l.Ay.isEmpty(t.coverImage.fileId)||l.Ay.isEmpty(t.relationship)||l.Ay.isEmpty(t.relationship.fileList))return null;var e,a=function(e){var t="u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e){if(e){if("string"==typeof e)return m(e,void 0);var t=({}).toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,void 0):void 0}}(e))){t&&(e=t);var a=0,n=function(){};return{s:n,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:n}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,c=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return r=e.done,e},e:function(e){c=!0,i=e},f:function(){try{r||null==t.return||t.return()}finally{if(c)throw i}}}}(t.relationship.fileList);try{for(a.s();!(e=a.n()).done;){var n=e.value;if(t.coverImage.fileId===n.id)return n.url+"?size=640"}}catch(e){a.e(e)}finally{a.f()}return null},[t]);return!!l.Ay.isNotEmpty(t)&&n.createElement(r.N_,{className:"bh-work-related-card",to:c,"data-v-41fa4ea3":""},n.createElement("div",{className:"bh-cover","data-v-41fa4ea3":""},n.createElement("div",{className:"bh-image",style:{backgroundImage:"url("+o+")"},"data-v-41fa4ea3":""})),n.createElement("div",{className:"bh-info","data-v-41fa4ea3":""},n.createElement("div",{className:"bh-title","data-v-41fa4ea3":""},i)))}a(49636);var d=a(47884),p=a(39014);function f(e,t){var a="u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=y(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,c=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return c=e.done,e},e:function(e){l=!0,r=e},f:function(){try{c||null==a.return||a.return()}finally{if(l)throw r}}}}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,c,l=[],o=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}finally{try{if(!o&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw i}}return l}}(e,t)||y(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var a=({}).toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?b(e,t):void 0}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function h(e){var t=e.target,a=s.A.common.hooks.useLocale(),m=s.A.common.hooks.useIsMobile(),y=s.A.common.hooks.useActivedPage(),b=s.A.cmsAccountUser.hooks.useIsUserLogin(),h=s.A.cmsAccountUser.hooks.useUserItem(),g=s.A.cmsAccountUser.hooks.useUserAlias();s.A.cmsAccountUser.hooks.useUserFollowingIds();var E=s.A.cmsAccountUser.hooks.useUserWorkFollowingIds();s.A.cmsBhuntr.hooks.useWorkItem();var A=s.A.cmsBhuntr.hooks.useCategoryTree("work"),N=(0,n.useRef)(!1),k=v((0,n.useState)(!1),2),w=(k[0],k[1]),I=v((0,n.useState)(!1),2),C=I[0],j=I[1],S=v((0,n.useState)(!1),2),x=S[0],R=S[1],O=v((0,n.use

1State)(null),2),M=O[0],L=O[1],U=v((0,n.useState)(null),2),T=U[0],W=U[1],_=v((0,n.useState)(null),2),B=_[0],P=_[1],D=v((0,n.useState)(null),2),F=D[0],z=D[1],H=v((0,n.useState)(null),2),q=H[0],G=H[1],Y=v((0,n.useState)(""),2);Y[0],Y[1];var $=(0,i.g)(),V=(0,i.zy)(),K=(0,i.Zp)();(0,n.useLayoutEffect)(function(){window.scrollTo(0,0)},[V]),(0,n.useEffect)(function(){s.A.common.actions.setActivedPage({name:"portfolioItem",target:"portfolio"})},[]),(0,n.useEffect)(function(){var e=$.alias;return l.Ay.isEmpty(e)||""===e?void ei():(L(e),function(){})},[$]),(0,n.useEffect)(function(){if(!l.Ay.isEmpty(A)){var e,t={},n=f(A);try{for(n.s();!(e=n.n()).done;){var i=e.value;if(l.Ay.isNotEmpty(i.translateTitle[a])&&(t[i.id]=i.translateTitle[a]),l.Ay.isNotEmpty(i.children)){var r,c=f(i.children);try{for(c.s();!(r=c.n()).done;){var o=r.value;l.Ay.isNotEmpty(o.translateTitle[a])&&(t[o.id]=o.translateTitle[a])}}catch(e){c.e(e)}finally{c.f()}}}}catch(e){n.e(e)}finally{n.f()}G(t)}},[A,a]),(0,n.useEffect)(function(){!0===N.current||l.Ay.isEmpty(M)||(l.Ay.isEmpty(A)&&s.A.cmsBhuntr.actions.getCategoryTree({locale:a}),s.A.cms.actions.getAdvertisingMapping({locale:a,data:{site:"bhuntr",types:""}}).catch(function(e){l.Ay.log(e)}),N.current=!0)},[a,A,M]),(0,n.useEffect)(function(){l.Ay.isEmpty(M)||(er(),ec(),el())},[a,M]);var Z=(0,n.useMemo)(function(){var e;return l.Ay.isEmpty(h)||l.Ay.isEmpty(h.relationship)||l.Ay.isEmpty(h.relationship.userDetailItem)?{}:{alias:h.alias,nickname:h.relationship.userDetailItem.nickname,avatar:h.relationship.userDetailItem.avatar,hasPremiumBorder:!!l.Ay.isNotEmpty(null==h||null==(e=h.relationship)||null==(e=e.userExtDataMapping)?void 0:e.hasPremiumBorder)&&h.relationship.userExtDataMapping.hasPremiumBorder}},[h]),Q=(0,n.useMemo)(function(){return!(l.Ay.isEmpty(E)||l.Ay.isEmpty(T))&&-1!==E.indexOf(T.id)},[E,T]),J=(0,n.useMemo)(function(){if(l.Ay.isEmpty(T))return null;var e=window.location.protocol+"//"+window.location.host+"/"+a+"/portfolios/"+T.alias,t=window.location.pathname.match(/\/entry\/([0-9]+)\/([0-9]+)\/([0-9]+)/i);return l.Ay.isNotEmpty(t)&&4===t.length||(t=window.location.pathname.match(/\/vote\/([0-9]+)\/([0-9]+)\/([0-9]+)\/([0-9]+)/i),l.Ay.isNotEmpty(t)&&5===t.length)?encodeURIComponent(e+t[0]):encodeURIComponent(e)},[T,a]);(0,n.useMemo)(function(){if(l.Ay.isEmpty(T)||l.Ay.isEmpty(T.coverImage)||l.Ay.isEmpty(T.coverImage.fileId)||l.Ay.isEmpty(T.relationship)||l.Ay.isEmpty(T.relationship.fileList))return null;var e,t=f(T.relationship.fileList);try{for(t.s();!(e=t.n()).done;){var a=e.value;if(T.coverImage.fileId===a.id)return a.url+"?size=640"}}catch(e){t.e(e)}finally{t.f()}return null},[T]);var X=(0,n.useMemo)(function(){return!(l.Ay.isEmpty(T)||l.Ay.isEmpty(T.description))&&T.description},[T]),ee=(0,n.useMemo)(function(){return l.Ay.isEmpty(T)||l.Ay.isEmpty(T.relationship)||l.Ay.isEmpty(T.relationship.userItem)?null:T.relationship.userItem},[T]),et=(0,n.useMemo)(function(){var e;return l.Ay.isEmpty(ee)||l.Ay.isEmpty(ee.relationship)||l.Ay.isEmpty(ee.relationship.userDetailItem)?{}:{alias:ee.alias,nickname:ee.relationship.userDetailItem.nickname,avatar:ee.relationship.userDetailItem.avatar,hasPremiumBorder:!!l.Ay.isNotEmpty(null==ee||null==(e=ee.relationship)||null==(e=e.userExtDataMapping)?void 0:e.hasPremiumBorder)&&ee.relationship.userExtDataMapping.hasPremiumBorder}},[ee]),ea=(0,n.useMemo)(function(){return!(l.Ay.isEmpty(g)||l.Ay.isEmpty(ee)||l.Ay.isEmpty(ee.alias))&&g===ee.alias},[g,ee]),en=(0,n.useCallback)(function(){K("/".concat(a,"/404"),{replace:!0})},[a]),ei=(0,n.useCallback)(function(){K("/".concat(a,"/portfolios"),{replace:!0})},[a]),er=(0,n.useCallback)(function(){w(!0),s.A.cmsBhuntr.actions.getWorkItem({locale:a,alias:M,data:{language:a}}).then(function(e){W(e),document.title=e.title+" - "+(0,c.A)("siteName"),o.Ay.trigger("kaoBei",{action:"pageView",contentGroup:"Work_bhuntr"})}).catch(function(){en()}).finally(function(){w(!1)})},[a,M]),ec=(0,n.useCallback)(function(){s.A.cmsBhuntr.actions.getWorkFollowerList({locale:a,alias:M,data:{language:a}}).then(function(e){z(e.list)}).catch(function(){})}

1,[a,M]),el=(0,n.useCallback)(function(){s.A.cmsBhuntr.actions.getWorkInfoItem({locale:a,alias:M,data:{language:a}}).then(function(e){P(e)}).catch(function(){})},[a,t,M]),eo=(0,n.useCallback)(function(e){e.preventDefault();var t=function(){j(!0),s.A.cmsBhuntr.actions.addWorkFollowerItem({locale:a,alias:T.alias,data:{language:a}}).then(function(){s.A.cmsAccountUser.actions.getUserWorkFollowingIds({locale:a}).finally(function(){j(!1)}),ec()}).catch(function(){j(!1)})};!1===b?ep(function(){t()}):!1===Q?t():(j(!0),s.A.cmsBhuntr.actions.removeWorkFollowerItem({locale:a,alias:T.alias,data:{language:a}}).then(function(){s.A.cmsAccountUser.actions.getUserWorkFollowingIds({locale:a}).finally(function(){j(!1)}),ec()}).catch(function(){j(!1)}))},[b,Q,a,T]),es=(0,n.useCallback)(function(e){return{alias:e.alias,nickname:e.nickname,avatar:e.avatar,hasPremiumBorder:!!l.Ay.isNotEmpty(e.hasPremiumBorder)&&e.hasPremiumBorder}},[]),em=(0,n.useCallback)(function(e){return e.trim("\n").replace(/\n/g,"<br />")},[]),eu=(0,n.useCallback)(function(e,t){var a=ed(e,t);return!l.Ay.isEmpty(a)&&n.createElement("iframe",{src:a,frameborder:"0",width:"100%",height:"480px",allowfullscreen:!0,loading:"lazy","data-v-2abee0a3":""})},[]),ed=(0,n.useCallback)(function(e,t){var a,n;if(l.Ay.isEmpty(e)||""===e)return null;switch(t){case"video":if(a=/h^ttps?:\/\/(?:www\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|)(\d+)(?:$|\/|\?)/i,n=e.match(a),l.Ay.isNotEmpty(n)&&l.Ay.isNotEmpty(n[3]))return"https://player.vimeo.com/video/"+n[3];if(a=/^https?:\/\/.*(youtu\.be\/|v\/|u\/\w\/|embed\/|shorts\/|watch\?v=|&v=|\?v=|playlist)([^#&?]*)((?:&|\?)list=([^#&?]*))?.*/i,n=e.match(a),l.Ay.isNotEmpty(n)&&e.indexOf("youtu")>-1){if(l.Ay.isNotEmpty(n[1])&&"playlist"===n[1]&&l.Ay.isNotEmpty(n[4]))return"https://www.youtube.com/embed/videoseries?list="+n[4];if(l.Ay.isNotEmpty(n[2])){if("videoseris"===n[2]&&l.Ay.isNotEmpty(n[4]))return"https://www.youtube.com/embed/videoseries?list="+n[4];if(11===n[2].length){if(l.Ay.isNotEmpty(n[4]))return"https://www.youtube.com/embed/"+n[2]+"?list="+n[4];return"https://www.youtube.com/embed/"+n[2]}}return e+"?_=embed"}if(a=/^https?:\/\/.*(facebook\.com)\/([^/]+)\/(posts|videos)\/([^/]+)\/?(.*)/i,n=e.match(a),l.Ay.isNotEmpty(n)&&l.Ay.isNotEmpty(n[4]))return"https://www.facebook.com/plugins/video.php?href="+window.encodeURIComponent(e)+"&width=auto&show_text=true&appId="+env.facebook.api.key;break;case"audio":if(a=/^https?:\/\/.*(mixcloud\.com)\/(.*)$/i,n=e.match(a),l.Ay.isNotEmpty(n)&&l.Ay.isNotEmpty(n[2]))return"https://www.mixcloud.com/widget/iframe/?hide_cover=1&light=1&feed="+window.encodeURIComponent("/"+n[2]);if(a=/^https?:\/\/.*(soundcloud\.com|snd\.sc)\/(.*)$/i,n=e.match(a),l.Ay.isNotEmpty(n)&&l.Ay.isNotEmpty(n[2]))return"https://w.soundcloud.com/player/?url="+window.encodeURIComponent("https://soundcloud.com/"+n[2])}return null},[]),ep=(0,n.useCallback)(function(e){s.A.common.actions.setRedirectUrl(window.location.pathname),s.A.common.actions.setModalHub({target:"account",data:{action:"portal",callback:e}})},[]),ef=(0,n.useCallback)(function(e){!1===l.Ay.isRealMobile()?window.open(e,"","width=480, height=720"):window.open(e,"_blank")},[]),ev=(0,n.useCallback)(function(){eh("facebook"),ef("https://www.facebook.com/sharer/sharer.php?u="+J)},[J]),ey=(0,n.useCallback)(function(){eh("line"),ef("https://social-plugins.line.me/lineit/share?url="+J)},[J]),eb=(0,n.useCallback)(function(){eh("twitter"),ef("https://twitter.com/intent/tweet?text="+J)},[J]),eh=(0,n.useCallback)(function(e){o.Ay.trigger("kaoBei",{category:"Func",action:"Share",object:"SocialButton",type:l.Ay.ucfirst(e),page:l.Ay.ucfirst(y.name),layout:null,modal:null,component:null,label:T.title,workId:T.id,workAlias:T.alias})},[y,T]),eg=(0,n.useCallback)(function(e){switch(e){case"published":return(0,c.A)("page.portfolio.item.status.published",{_:"公開"});case"draft":return(0,c.A)("page.portfolio.item.status.draft",{_:"草稿"});default:return null}},[]),eE=(0,n.useMemo)(function(){return!l.Ay.isEmpty(T)&&n.createElement("div",{className:"bh-function-block","data-v-2abee0a3":""},n.createElement("button",{className:"bh-button bh-button-pink",onClick:eo,disabled:C,"data-v-2abee0a3":""},!1===Q?(0,c.A)("page.portfolio.item.follower.save"):(0,c.A)("page.portfolio.item.follower.saved"),n.createElement("div",{className:"bh-icon","data-v-2abee0a3":""},!0===C?n.createElement("i",{className:"fas fa-circle-notch fa-spin","data-v-2abee0a3":""}):n.createElement("i",{className:"fas fa-heart","data-v-2abee0a3":""}))),!0===ea&&n.createElement(r.N_,{className:"bh-button bh-button-black",to:"/".concat(a,"/portfolios/").concat(T.alias,"/edit"),"data-v-2abee0a3":""},"編輯",n.createElement("div",{className:"bh-icon","data-v-2abee0a3":""},n.createElement("i",{className:"fas fa-pen","data-v-2abee0a3":""}))))},[T,Q,C,ea]),eA=(0,n.useMemo)(function(){if(l.Ay.isEmpty(T)||l.Ay.isEmpty(T.metadata)||l.Ay.isEmpty(T.metadata.sorting)||l.Ay.isEmpty(T.metadata.mapping))return!1;var e={};

1if(l.Ay.isNotEmpty(T)&&l.Ay.isNotEmpty(T.relationship)&&l.Ay.isNotEmpty(T.relationship.fileList)){var t,a=f(T.relationship.fileList);try{for(a.s();!(t=a.n()).done;){var i=t.value;e[i.id]=l.Ay.deepCopy(i)}}catch(e){a.e(e)}finally{a.f()}}for(var r={},c=0,o=Object.entries(l.Ay.deepCopy(T.metadata.mapping));c<o.length;c++){var s=v(o[c],2),m=s[0],u=s[1];l.Ay.isNotEmpty(u.fileId)&&(l.Ay.isNotEmpty(e[u.fileId])&&(u.fileItem=e[u.fileId]),delete u.fileId),r[m]=u}var d,p=[],y=f(T.metadata.sorting);try{for(y.s();!(d=y.n()).done;){var b=d.value;if(!l.Ay.isEmpty(r[b])){var h=r[b];switch(h.type){case"image":p.push(n.createElement("div",{className:"bh-field bh-image-field",key:b,"data-v-2abee0a3":""},n.createElement("img",{src:h.fileItem.url+"?size=1200",alt:"Image",loading:"lazy","data-v-2abee0a3":""})));break;case"video":p.push(n.createElement("div",{className:"bh-field bh-video-field",key:b,"data-v-2abee0a3":""},eu(h.url,h.type)));break;case"audio":p.push(n.createElement("div",{className:"bh-field bh-audio-field",key:b,"data-v-2abee0a3":""},eu(h.url,h.type)));break;case"text":p.push(n.createElement("div",{className:"bh-field bh-text-field",key:b,"data-v-2abee0a3":""},n.createElement("div",{dangerouslySetInnerHTML:{__html:em(h.content)},"data-v-2abee0a3":""})))}}}}catch(e){y.e(e)}finally{y.f()}return p},[T]);return l.Ay.isEmpty(T)?n.createElement("div",{className:"bh-page bh-portfolio-item-page","data-v-2abee0a3":""},n.createElement("div",{className:"bh-container","data-v-2abee0a3":""},n.createElement("div",{className:"bh-section","data-v-2abee0a3":""},n.createElement("div",{className:"bh-breadcrumb-block","data-v-2abee0a3":""},n.createElement(r.N_,{to:"/".concat(a),"data-v-2abee0a3":""},(0,c.A)("layout.header.label.homepage")),n.createElement("i",{className:"fas fa-chevron-right","data-v-2abee0a3":""}),n.createElement(r.N_,{to:"/".concat(a,"/portfolios"),"data-v-2abee0a3":""},(0,c.A)("page.portfolio.title"))))),n.createElement("div",{className:"bh-container","data-v-2abee0a3":""},n.createElement("div",{className:"bh-loading-block","data-v-2abee0a3":""},n.createElement("i",{className:"fas fa-circle-notch fa-spin","data-v-2abee0a3":""})))):n.createElement("div",{className:"bh-page bh-portfolio-item-page","data-v-2abee0a3":""},n.createElement("div",{className:"bh-container","data-v-2abee0a3":""},n.createElement("div",{className:"bh-section","data-v-2abee0a3":""},n.createElement("div",{className:"bh-breadcrumb-block","data-v-2abee0a3":""},n.createElement(r.N_,{to:"/".concat(a),"data-v-2abee0a3":""},(0,c.A)("layout.header.label.homepage")),n.createElement("i",{className:"fas fa-chevron-right","data-v-2abee0a3":""}),n.createElement(r.N_,{to:"/".concat(a,"/portfolios"),"data-v-2abee0a3":""},(0,c.A)("page.portfolio.title")),n.createElement("i",{className:"fas fa-chevron-right","data-v-2abee0a3":""}),n.createElement("span",{"data-v-2abee0a3":""},T.title)))),n.createElement("div",{className:"bh-container","data-v-2abee0a3":""},n.createElement("div",{className:"row bh-section bh-main-section","data-v-2abee0a3":""},n.createElement("div",{className:"col-md-4 col-12 bh-left","data-v-2abee0a3":""},!1===m&&n.createElement(n.Fragment,null,n.createElement("div",{className:"bh-block bh-hero-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-body","data-v-2abee0a3":""},n.createElement(d.A,{item:ee,direction:"vertical",avatarLink:!0,"data-v-2abee0a3":""}))),n.createElement("div",{className:"bh-block bh-description-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-description",dangerouslySetInnerHTML:{__html:em(X)},"data-v-2abee0a3":""}))),!!(l.Ay.isNotEmpty(T.categories)&&0<T.categories.length||l.Ay.isNotEmpty(T.tags)&&0<T.tags.length)&&n.createElement("div",{className:"bh-block bh-category-tag-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-head","data-v-2abee0a3":""},"相關分類與標籤"),n.createElement("div",{className:"bh-body","data-v-2abee0a3":""},l.Ay.isNotEmpty(T.categories)&&T.categories.map(function(e){var t=l.Ay.env().domain.bhuntrWebsite+"/"+a+"/portfolios?category="+e,i=l.Ay.isNotEmpty(q)&&l.Ay.isNotEmpty(q[e])?q[e]:e;return n.createElement("a",{className:"bh-value",key:e,href:t,"data-v-2abee0a3":""},i)}),l.Ay.isNotEmpty(T.tags)&&T.tags.map(function(e){var t=l.Ay.env().domain.bhuntrWebsite+"/"+a+"/portfolios?keyword="+encodeURIComponent(e);return n.createElement("a",{className:"bh-value",key:e,href:t,"data-v-2abee0a3":""},e)}))),!!l.Ay.isNotEmpty(F)&&0!==F.length&&n.createElement("div",{className:"bh-block bh-follower-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-head","data-v-2abee0a3":""},n.createElement("span",{"data-v-2abee0a3":""},(0,c.A)("page.portfolio.item.follower")),!1===x&&n.createElement("span",{className:"bh-more",onClick:function(){R(!0)},"data-v-2abee0a3":""},(0,c.A)("page.portfolio.item.more"))),n.createElement("div",{className:"bh-body","data-v-2abee0a3":""},!0===Q?n.createElement(n.Fragment,null,n.createElement(p.A,{item:Z,"data-v-2abee0a3":""}),F.filter(function(e){return e.alias!==g}).slice(0,x?F.length:23).map(function(e){return n.createElement(p.A,{key:l.Ay.jsonHash(e),item:es(e),"data-v-2abee0a3":""})})):n.createElement(n.Fragment,null,F.slice(0,x?F.length:24).map(function(e){return n.createElement(p.A,{key:l.Ay.jsonHash(e),item:es(e),"data-v-2abee0a3":""})})))),!0===m&&n.createElement("div",{className:"bh-block bh-hero-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-body","data-v-2abee0a3":""},n.createElement(d.A,{item:ee,direction:"vertical",avatarLink:!0,"data-v-2abee0a3":""}))),!!l.Ay.isNotEmpty(null==B?void 0:B.userRelatedWorkList)&&n.createElement("div",{className:"bh-block bh-user-related-work-list-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-head","data-v-2abee0a3":""},et.nickname,"的其他作品"),n.createElement("div",{className:"bh-body","data-v-2abee0a3":""},n.createElement("div",{className:"bh-list","data-v-2abee0a3":""},B.userRelatedWorkList.map(function(e){return n.createElement("div",{className:"bh-item",key:l.Ay.jsonHash(e),"data-v-2abee0a3":""},n.createElement(u,{item:e,"data-v-2abee0a3":""}))}))))),n.createElement("div",{className:"col-md-8 col-12 bh-right","data-v-2abee0a3":""},n.createElement("div",{className:"bh-block bh-card-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-top","data-v-2abee0a3":""},n.createElement("div",{className:"bh-left","data-v-2abee0a3":""},n.createElement("div",{className:"bh-title-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-title","data-v-2abee0a3":""}

1,T.title))),n.createElement("div",{className:"bh-right","data-v-2abee0a3":""},eE)),n.createElement("div",{className:"bh-bottom","data-v-2abee0a3":""},n.createElement("div",{className:"bh-top","data-v-2abee0a3":""},n.createElement("div",{className:"bh-analytics-block","data-v-2abee0a3":""},n.createElement("span",{className:"bh-item","data-v-2abee0a3":""},n.createElement("span",{className:"bh-icon","data-v-2abee0a3":""},n.createElement("i",{className:"fas fa-heart","data-v-2abee0a3":""})),n.createElement("span",{className:"bh-value","data-v-2abee0a3":""},l.Ay.formatMoney(T.analyticsFlag.followerCount))),!!l.Ay.isNotEmpty(T.publishTime)&&n.createElement("span",{className:"bh-item","data-v-2abee0a3":""},n.createElement("span",{className:"bh-icon","data-v-2abee0a3":""},n.createElement("i",{className:"fa-regular fa-clock","data-v-2abee0a3":""})),n.createElement("span",{className:"bh-value","data-v-2abee0a3":""},l.Ay.timestampToDatetime(T.publishTime))),!0===ea&&n.createElement("span",{className:"bh-item","data-v-2abee0a3":""},n.createElement("span",{className:"bh-icon","data-v-2abee0a3":""},n.createElement("i",{className:"fa-solid fa-globe","data-v-2abee0a3":""})),n.createElement("span",{className:"bh-value","data-v-2abee0a3":""},eg(T.status)))),n.createElement("div",{className:"bh-share-block","data-v-2abee0a3":""},n.createElement("span",{className:"bh-text","data-v-2abee0a3":""},"分享至"),n.createElement("div",{className:"bh-icon bh-facebook-icon",onClick:ev,"data-v-2abee0a3":""},n.createElement("i",{className:"fab fa-facebook-square","data-v-2abee0a3":""})),n.createElement("div",{className:"bh-icon bh-line-icon",onClick:ey,"data-v-2abee0a3":""},n.createElement("i",{className:"fab fa-line","data-v-2abee0a3":""})),n.createElement("div",{className:"bh-icon bh-twitter-icon",onClick:eb,"data-v-2abee0a3":""},n.createElement("i",{className:"fab fa-twitter-square","data-v-2abee0a3":""})))),n.createElement("div",{className:"bh-bottom","data-v-2abee0a3":""},eE))),!0===m&&n.createElement("div",{className:"bh-block bh-description-block","data-v-2abee0a3":""},n.createElement("div",{className:"bh-description",dangerouslySetInnerHTML:{__html:em(X)},"data-v-2abee0a3":""})),n.createElement("div",{className:"bh-block bh-metadata-block","data-v-2abee0a3":""},eA)))))}},93209:function(e,t,a){a.r(t),a.d(t,{default:function(){return A}}),a(52675),a(89463),a(2259),a(45700),a(2008),a(23418),a(23792),a(48598),a(62062),a(34782),a(26910),a(89572),a(62010),a(2892),a(83851),a(81278),a(79432),a(26099),a(3362),a(9391),a(27495),a(38781),a(47764),a(5746),a(23500),a(62953),a(48408);var n=a(96540),i=a(84976),r=a(47767),c=a(76927);a(65365);var l=a(45407),o=a(98239),s=a(76388),m=a(39264);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,n)}return a}function p(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?d(Object(a),!0).forEach(function(t){var n,i,r;n=e,i=t,r=a[t],(i=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=u(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==u(t)?t:t+""}(i))in n?Object.defineProperty(n,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[i]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):d(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function f(e,t){var a="u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=y(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}

1}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,c=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return c=e.done,e},e:function(e){l=!0,r=e},f:function(){try{c||null==a.return||a.return()}finally{if(l)throw r}}}}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,c,l=[],o=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}finally{try{if(!o&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw i}}return l}}(e,t)||y(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var a=({}).toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?b(e,t):void 0}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}a(31093);var h={sort:"newest",publishRange:"inYear",keyword:"",category:[],tag:[],page:1},g=["popular","newest"],E=["all","inYear","inSeason","inMonth","inWeek","inDay"];function A(e){e.target;var t=s.A.common.hooks.useLocale(),a=s.A.common.hooks.useIsMobile();s.A.common.hooks.useIsLoading();var u=s.A.common.hooks.useActivedPage();s.A.cmsAccountUser.hooks.useIsUserLogin();var d=s.A.cmsBhuntr.hooks.useWorkList(),y=s.A.cmsBhuntr.hooks.useWorkPagination(),b=s.A.cmsBhuntr.hooks.useCategoryTree("work"),A=(0,n.useRef)(!1),N=(0,n.useRef)(null),k=(0,n.useRef)(!1),w=(0,n.useRef)(!1);(0,n.useRef)(""),(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null);var I=v((0,n.useState)(!1),2),C=I[0],j=I[1],S=v((0,n.useState)(!1),2),x=S[0],R=S[1],O=v((0,n.useState)(!1),2);O[0],O[1];var M=v((0,n.useState)(null),2),L=M[0],U=M[1],T=v((0,n.useState)(null),2),W=T[0],_=T[1],B=v((0,n.useState)(!1),2),P=B[0],D=B[1],F=v((0,n.useState)({sort:h.sort,publishRange:h.publishRange,keyword:h.keyword,category:h.category,page:h.page}),2),z=F[0],H=F[1],q=v((0,n.useState)({sort:h.sort,publishRange:h.publishRange,keyword:h.keyword,category:h.category,page:h.page}),2),G=q[0],Y=q[1],$=v((0,n.useState)(0),2),V=$[0],K=$[1],Z=(0,r.zy)(),Q=(0,r.Zp)();(0,n.useEffect)(function(){s.A.common.actions.setActivedPage({name:"portfolioList",target:"portfolio"}),document.title=(0,c.A)("layout.header.label.portfolioList")+" - "+(0,c.A)("siteName")},[]),(0,n.useEffect)(function(){var e=l.Ay.jsonHash(Z);e!==N.current&&(o.Ay.trigger("kaoBei",{action:"pageView",contentGroup:"WorkList_bhuntr"}),N.current=e)},[Z]),(0,n.useEffect)(function(){!0!==A.current&&(l.Ay.isEmpty(b)&&s.A.cmsBhuntr.actions.getCategoryTree({locale:t}),s.A.cms.actions.getAdvertisingMapping({locale:t,data:{site:"bhuntr",types:"wallTopBanner,wallBottomBanner"}}).catch(function(e){l.Ay.log(e)}),A.current=!0)},[t,b]),(0,n.useEffect)(function(){return window.addEventListener("scroll",eu,!1),!1===w.current&&eu(),function(){window.removeEventListener("scroll",eu,!1)}},[y]),(0,n.useEffect)(function(){var e=new URLSearchParams(Z.search),t=Z.pathname+"?"+e.toString(),a=null;if(!0===e.has("page")?""!==(a=e.get("page"))?z.page=parseInt(a,10):(e.delete("page"),z.page=h.page):z.page=h.page,!0===e.has("sort")?""!==(a=e.get("sort"))&&-1!==g.indexOf(a)?z.sort=a:(e.delete("sort"),z.sort=h.sort):z.sort=h.sort,!0===e.has("publishRange")?""!==(a=e.get("publishRange"))&&-1!==E.indexOf(a)?z.publishRange=a:(e.delete("publishRange"),z.publishRange=h.publishRange):z.publishRange=h.publishRange,!0===e.has("keyword")?""!==(a=e.get("keyword"))?z.keyword=a:(e.delete("keyword"),z.keyword=h.keyword):z.keyword=h.keyword,!0===e.has("category"))if(""!==(a=e.get("

1category"))){var n=[];a.split(",").forEach(function(e){!1!==/\d+/.test(e)&&n.push(parseInt(e,10))}),z.category=n}else e.delete("category"),z.category=h.category;else z.category=h.category;H(l.Ay.deepCopy(z));var i=Z.pathname+"?"+e.toString();t!==i?Q(i):j(!0)},[Z]);var J=(0,n.useCallback)(function(e){var a={language:t,limit:16,page:e.page};return a.sort=e.sort,l.Ay.isNotEmpty(e.publishRange)&&"all"!==e.publishRange&&(a.publishRange=e.publishRange),l.Ay.isNotEmpty(e.keyword)&&""!==e.keyword&&(a.keyword=e.keyword),l.Ay.isNotEmpty(e.category)&&0<e.category.length&&(a.category=e.category.join(",")),a},[t]);(0,n.useEffect)(function(){if(!1!==C){var e=J(z),a=l.Ay.jsonHash(e);a!==L&&(U(a),1===z.page&&s.A.cmsBhuntr.actions.cleanWorkList(),R(!0),s.A.cmsBhuntr.actions.getWorkList({locale:t,data:e}).then(function(){}).catch(function(){}).finally(function(){R(!1),k.current=!1}))}},[t,z,L,C]),(0,n.useEffect)(function(){if(!1!==P){var e=J(G),a=l.Ay.jsonHash(e);a!==W&&(_(a),s.A.cmsBhuntr.actions.getWorkCountItem({locale:t,data:e}).then(function(e){K(e.count)}).catch(function(){}))}},[t,G,W,P]);var X=(0,n.useCallback)(function(){D(!P),_(null),K(y.item.count),Y(z)},[P,y,z]),ee=(0,n.useCallback)(function(e){var t=l.Ay.deepCopy(z.category),a=l.Ay.deepCopy(e);return t.sort(),a.sort(),t.join(",")===a.join(",")},[z]),et=(0,n.useCallback)(function(e){return z.sort===e},[z]);(0,n.useCallback)(function(e){return z.publishRange===e},[z]),(0,n.useCallback)(function(e){var t=l.Ay.deepCopy(G.category),a=l.Ay.deepCopy(e);return t.sort(),a.sort(),t.join(",")===a.join(",")},[G]),(0,n.useCallback)(function(e){return G.sort===e},[G]);var ea=(0,n.useCallback)(function(e){return G.publishRange===e},[G]),en=(0,n.useCallback)(function(){H({sort:h.sort,publishRange:h.publishRange,keyword:h.keyword,category:h.category,page:h.page}),Q(Z.pathname)},[h,Z]),ei=(0,n.useCallback)(function(e,t){switch(e){case"sort":z.sort=t,ed(t);break;case"publishRange":z.publishRange=t,ep(t);break;case"keyword":z.keyword=t,ef("keyword");break;default:return}z.page=1,H(l.Ay.deepCopy(z));var a=new URLSearchParams(Z.search);l.Ay.isEmpty(t)||""===t?a.delete(e):a.set(e,t),Q(Z.pathname+"?"+a.toString())},[Z,z]),er=(0,n.useCallback)(function(e){var t,a={},n=f(z.category);try{for(n.s();!(t=n.n()).done;)a[t.value]=!0}catch(e){n.e(e)}finally{n.f()}a[e]=l.Ay.isEmpty(a[e]);var i=[];for(var r in a)!0===a[r]&&i.push(parseInt(r,10));i.sort(),z.page=1,z.category=i,H(l.Ay.deepCopy(z)),ef("category");var c=new URLSearchParams(Z.search);0===i.length?c.delete("category"):c.set("category",i.join(",")),Q(Z.pathname+"?"+c.toString())},[Z,z]),ec=(0,n.useCallback)(function(e,t){switch(e){case"sort":G.sort=t,ed(t);break;case"publishRange":G.publishRange=t,ep(t);break;case"keyword":G.keyword=t,ef("keyword");break;default:return}G.page=1,Y(l.Ay.deepCopy(G))},[G]),el=(0,n.useCallback)(function(e){var t,a={},n=f(G.category);try{for(n.s();!(t=n.n()).done;)a[t.value]=!0}catch(e){n.e(e)}finally{n.f()}a[e]=l.Ay.isEmpty(a[e]);var i=[];for(var r in a)!0===a[r]&&i.push(parseInt(r,10));i.sort(),G.page=1,G.category=i,Y(l.Ay.deepCopy(G)),ef("category")},[G]),eo=(0,n.useCallback)(function(){for(var e=new URLSearchParams(Z.search),t=0,a=["sort","publishRange","keyword"];t<a.length;t++){var n=a[t],i=G[n];l.Ay.isEmpty(i)||""===i?e.delete(n):e.set(n,i)}l.Ay.isEmpty(G.category)||""===G.category||0===G.category.length?e.delete("category"):e.set("category",G.category.join(",")),l.Ay.isEmpty(G.tag)||""===G.tag||0===G.tag.length?e.delete("tag"):e.set("tag",G.tag.join(",")),ef("filterModal"),Q(Z.pathname+"?"+e.toString()),H(G),D(!1)},[Z,G]),es=(0,n.useCallback)(function(e){null!==e.target.closest("a, button, .bh-follow-icon, .bh-delete-icon")&&(w.current=!0)},[]),em=(0,n.useCallback)(function(){window.setTimeout(function(){w.current=!1},500)},[]),eu=(0,n.useCallback)(function(){if(!(!0===x||!0===k.current||!0===w.current||l.Ay.isEmpty(y)||l.Ay.isEmpty(y.page))){var e=(isNaN(window.scrollTop)?window.pageYOffset:window.scrollTop)+320*!a,t=document.querySelector("body").clientHeight-(window.innerHeight+(a?60:120));if(!((e=parseInt(Math.ceil(e),10))<(t=parseInt(Math.ceil(t),10)))&&y.page.next!==y.page.current){var n=y.page.next;k.current=!0,H(function(e){return e.page===n?e:p(p({},e),{},{page:n})}

1),o.Ay.trigger("kaoBei",{action:"pageView",page:n,contentGroup:"WorkList_bhuntr"})}}},[a,x,y]),ed=(0,n.useCallback)(function(e){o.Ay.trigger("kaoBei",{category:"Func",action:"Sort",object:"Item",type:l.Ay.ucfirst(e),page:l.Ay.ucfirst(u.name),layout:null,modal:null,component:null})},[u]),ep=(0,n.useCallback)(function(){o.Ay.trigger("kaoBei",{category:"Func",action:"PublishRange",object:"Item",type:l.Ay.ucfirst(z.publishRange),page:l.Ay.ucfirst(u.name),layout:null,modal:null,component:null})},[u,z]),ef=(0,n.useCallback)(function(e){o.Ay.trigger("kaoBei",{category:"Func",action:"Filter",object:l.Ay.ucfirst(e),type:null,page:l.Ay.ucfirst(u.name),layout:null,modal:null,component:null})},[u]),ev=(0,n.useCallback)(function(e){o.Ay.trigger("kaoBei",{category:"Link",action:"Click",object:"MenuItem",page:null,layout:"Header",modal:null,component:null,label:e})},[]),ey=(0,n.useMemo)(function(){var e={};if(l.Ay.isNotEmpty(b)){var a,n=f(b);try{for(n.s();!(a=n.n()).done;){var i=a.value;if(l.Ay.isNotEmpty(i.translateTitle[t])&&(e[i.id]=i.translateTitle[t]),l.Ay.isNotEmpty(i.children)){var r,c=f(i.children);try{for(c.s();!(r=c.n()).done;){var o=r.value;l.Ay.isNotEmpty(o.translateTitle[t])&&(e[o.id]=o.translateTitle[t])}}catch(e){c.e(e)}finally{c.f()}}}}catch(e){n.e(e)}finally{n.f()}}return e},[t,b]),eb=(0,n.useMemo)(function(){var e={};if(l.Ay.isNotEmpty(b)){var t,a=f(b);try{for(a.s();!(t=a.n()).done;){var n=t.value;if(e[n.alias]=n.id,l.Ay.isNotEmpty(n.children)){var i,r=f(n.children);try{for(r.s();!(i=r.n()).done;){var c=i.value;e[c.alias]=c.id}}catch(e){r.e(e)}finally{r.f()}}}}catch(e){a.e(e)}finally{a.f()}}return e},[b]),eh=(0,n.useCallback)(function(e){return e.map(function(e){return eb[e]})},[eb]),eg=(0,n.useCallback)(function(e){switch(e){case"all":return(0,c.A)("page.portfolio.list.publishRange.all",{_:"全部"});case"inYear":return(0,c.A)("page.portfolio.list.publishRange.inYear",{_:"一年內"});case"inSeason":return(0,c.A)("page.portfolio.list.publishRange.inSeason",{_:"一季內"});case"inMonth":return(0,c.A)("page.portfolio.list.publishRange.inMonth",{_:"一月內"});case"inWeek":return(0,c.A)("page.portfolio.list.publishRange.inWeek",{_:"一週內"});case"inDay":return(0,c.A)("page.portfolio.list.publishRange.inDay",{_:"一日內"});default:return null}},[]),eE=(0,n.useMemo)(function(){return l.Ay.isNotEmpty(b)&&b.filter(function(e){return"work"===e.type}).map(function(e){return n.createElement("div",{className:"bh-column",key:e.id,"data-v-e985c72c":""},n.createElement("div",{className:"bh-title","data-v-e985c72c":""},e.translateTitle[t]),n.createElement("div",{className:"bh-list","data-v-e985c72c":""},e.children.filter(function(e){return"work"===e.type}).map(function(e){return n.createElement("div",{className:"bh-item",key:e.id,"data-v-e985c72c":""},n.createElement("div",{className:["bh-item",-1!==G.category.indexOf(e.id)?"is-active":""].join(" "),onClick:function(){el(e.id)},"data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},e.translateTitle[t]),n.createElement("span",{className:"bh-icon","data-v-e985c72c":""},-1!==G.category.indexOf(e.id)&&n.createElement("i",{className:"fas fa-check","data-v-e985c72c":""}))))})))})},[t,b,G]),eA=(0,n.useMemo)(function(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"bh-column","data-v-e985c72c":""},n.createElement("div",{className:"bh-title","data-v-e985c72c":""},(0,c.A)("page.portfolio.list.publishRange")),n.createElement("div",{className:"bh-list","data-v-e985c72c":""},n.createElement("div",{className:["bh-item",ea("inYear")?"is-active":""].join(" "),onClick:function(){ec("publishRange","inYear")},"data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},(0,c.A)("page.portfolio.list.publishRange.inYear")),n.createElement("span",{className:"bh-icon","data-v-e985c72c":""},!!ea("inYear")&&n.createElement("i",{className:"fas fa-check","data-v-e985c72c":""}))),n.createElement("div",{className:["bh-item",ea("inMonth")?"is-active":""].join(" "),onClick:function(){ec("publishRange","inMonth")},"data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},(0,c.A)("page.portfolio.list.publishRange.inMonth")),n.createElement("span",{className:"bh-icon","data-v-e985c72c":""},!!ea("inMonth")&&n.createElement("i",{className:"fas fa-check","data-v-e985c72c":""}))),n.createElement("div",{className:["bh-item",ea("inWeek")?"is-active":""].join(" "),onClick:function(){ec("publishRange","inWeek")},"data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},(0,c.A)("page.portfolio.list.publishRange.inWeek")),n.createElement("span",{className:"bh-icon","data-v-e985c72c":""},!!ea("inWeek")&&n.createElement("i",{className:"fas fa-check","data-v-e985c72c":""}))),n.createElement("div",{className:["bh-item",ea("all")?"is-active":""].join(" "),onClick:function(){ec("publishRange","all")},"data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},(0,c.A)("page.portfolio.list.publishRange.all")),n.createElement("span",{className:"bh-icon","data-v-e985c72c":""},!!ea("all")&&n.createElement("i",{className:"fas fa-check","data-v-e985c72c":""}))))))},[G]),eN=(0,n.useMemo)(function(){return n.createElement("div",{className:"bh-filter-modal","data-v-e985c72c":""},n.createElement("div",{className:"bh-block","data-v-e985c72c":""},n.createElement("div",{className:"bh-head","data-v-e985c72c":""},n.createElement("span",{"data-v-e985c72c":""},"篩選器"),n.createElement("div",{className:"bh-icon",onClick:function(){X()},"data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-close","data-v-e985c72c":""}))),n.createElement("div",{className:"bh-body","data-v-e985c72c":""},n.createElement("div",{className:"bh-list","data-v-e985c72c":""},n.createElement("div",{className:"bh-section","data-v-e985c72c":""},n.createElement("div",{className:"bh-section-title","data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-table-cells-large","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"所有分類")),n.createElement("div",{className:"bh-menu","data-v-e985c72c":""}

1,eE)),n.createElement("div",{className:"bh-section","data-v-e985c72c":""},n.createElement("div",{className:"bh-section-title","data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-regular fa-calendar","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"作品狀態")),n.createElement("div",{className:"bh-menu","data-v-e985c72c":""},eA)))),n.createElement("div",{className:"bh-footer","data-v-e985c72c":""},n.createElement("button",{className:"bh-button bh-button-green",type:"button",onClick:function(){eo()},"data-v-e985c72c":""},0===V?"沒有相符的結果":"顯示 ".concat(V," 個結果")))))},[eE,eA,G,V]);return n.createElement("div",{className:"bh-page bh-portfolio-list-page","data-v-e985c72c":""},n.createElement("div",{className:"bh-filter-menu","data-v-e985c72c":""},n.createElement("div",{className:"bh-container","data-v-e985c72c":""},n.createElement("div",{className:"bh-left","data-v-e985c72c":""},n.createElement("div",{className:"bh-items","data-v-e985c72c":""},n.createElement(i.N_,{className:["bh-link",ee([])?"is-active":""].join(" "),to:"/".concat(t,"/portfolios"),onClick:function(){ev((0,c.A)("layout.header.label.allWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-house","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"全部")),n.createElement(i.N_,{className:["bh-link",ee(eh(["drawings-paintings2","architecture22","arts-and-crafts2"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["drawings-paintings2","architecture22","arts-and-crafts2"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.designWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-paint-roller","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"視覺藝術")),n.createElement(i.N_,{className:["bh-link",ee(eh(["graphic-design2","product-design2","fashion-design2","interior-design2","web-app-design","game-design"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["graphic-design2","product-design2","fashion-design2","interior-design2","web-app-design","game-design"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.videoWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-palette","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"設計")),n.createElement(i.N_,{className:["bh-link",ee(eh(["creative-photo","photography2"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["creative-photo","photography2"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.writingWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-camera","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"影像")),n.createElement(i.N_,{className:["bh-link",ee(eh(["creative-writing","literature","planning-scripts"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["creative-writing","literature","planning-scripts"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.writingWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-pen","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"寫作")),n.createElement(i.N_,{className:["bh-link",ee(eh(["film2","animation2"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["film2","animation2"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.writingWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-video","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"影片")),n.createElement(i.N_,{className:["bh-link",ee(eh(["songs-lyrics","soundtrack"]))?"is-active":""].join(" "),to:"/".concat(t,"/portfolios?category=")+eh(["songs-lyrics","soundtrack"]).join(","),onClick:function(){ev((0,c.A)("layout.header.label.

1writingWorkList"))},"data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-music","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"音樂")))),n.createElement("div",{className:"bh-right","data-v-e985c72c":""},n.createElement("div",{className:"bh-items is-filter",onClick:function(){X()},"data-v-e985c72c":""},!1===a?n.createElement(n.Fragment,null,n.createElement("div",{className:"bh-item","data-v-e985c72c":""},n.createElement("div",{className:"bh-wrapper","data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-table-cells-large","data-v-e985c72c":""})),n.createElement("div",{className:"bh-text","data-v-e985c72c":""},"所有分類")))):n.createElement("div",{className:"bh-item","data-v-e985c72c":""},n.createElement("div",{className:"bh-wrapper","data-v-e985c72c":""},n.createElement("div",{className:"bh-icon","data-v-e985c72c":""},n.createElement("i",{className:"fa-solid fa-sliders","data-v-e985c72c":""})))))))),n.createElement("div",{className:"bh-container","data-v-e985c72c":""},n.createElement("div",{className:"row bh-section","data-v-e985c72c":""},n.createElement("div",{className:"col-md-4 col-4","data-v-e985c72c":""},n.createElement("div",{className:"bh-block bh-count-block","data-v-e985c72c":""},n.createElement("div",{"data-v-e985c72c":""},l.Ay.isNotEmpty(y.item.count)?y.item.count:0," ",(0,c.A)("page.portfolio.list.filter.work")))),n.createElement("div",{className:"col-md-8 col-8","data-v-e985c72c":""},n.createElement("div",{className:"bh-block bh-sort-block","data-v-e985c72c":""},n.createElement("div",{className:"bh-items","data-v-e985c72c":""},n.createElement("div",{className:["bh-item",et("popular")?"is-active":""].join(" "),onClick:function(e){e.preventDefault(),ei("sort","popular")},"data-v-e985c72c":""},(0,c.A)("page.portfolio.list.sort.popular")),n.createElement("div",{className:["bh-item",et("newest")?"is-active":""].join(" "),onClick:function(e){e.preventDefault(),ei("sort","newest")},"data-v-e985c72c":""},(0,c.A)("page.portfolio.list.sort.newest")))))),n.createElement("div",{className:"bh-section bh-filter-tag-section","data-v-e985c72c":""},!!l.Ay.isNotEmpty(z.keyword)&&""!==z.keyword&&n.createElement("div",{className:"bh-filter-tag","data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},z.keyword),n.createElement("span",{className:"bh-icon",onClick:function(e){e.preventDefault(),ei("keyword",null)},"data-v-e985c72c":""},n.createElement("i",{className:"fas fa-close","data-v-e985c72c":""}))),0<z.category.length&&z.category.map(function(e){return n.createElement("div",{className:"bh-filter-tag","data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},ey[e]),n.createElement("span",{className:"bh-icon",onClick:function(t){t.preventDefault(),er(e)},"data-v-e985c72c":""},n.createElement("i",{className:"fas fa-close","data-v-e985c72c":""})))}),!!l.Ay.isNotEmpty(z.publishRange)&&""!==z.publishRange&&n.createElement("div",{className:"bh-filter-tag","data-v-e985c72c":""},n.createElement("span",{className:"bh-text","data-v-e985c72c":""},eg(z.publishRange))),n.createElement("span",{className:"bh-reset-filter",onClick:function(e){e.preventDefault(),en()},"data-v-e985c72c":""},"重置條件")),n.createElement("div",{className:"row bh-section bh-card-list",onPointerDown:es,onPointerUp:em,onPointerCancel:em,"data-v-e985c72c":""},!!l.Ay.isNotEmpty(d)&&d.map(function(e){return n.createElement("div",{key:e.id,className:"col-md-3 col-sm-6 col-12 bh-card-item","data-v-e985c72c":""},n.createElement(m.A,{item:e,"data-v-e985c72c":""}))}),!0===x&&n.createElement("div",{className:"bh-loading-block","data-v-e985c72c":""},n.createElement("i",{className:"fas fa-circle-notch fa-spin","data-v-e985c72c":""})))),!0===P&&eN)}},5506:function(e,t,a){var n=a(46518),i=a(32357).entries;n({target:"Object",stat:!0},{entries:function(e){return i(e)}})}}]);