https://creasia.vn/_next/static/chunks/5526.37cc395ae47ef1fd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5526],{74122:function(n,e,t){var r=t(57437),i=(t(2265),t(61396)),o=t.n(i);e.Z=n=>{let{title:e,children:t,href:i,linkLabel:l}=n;return(0,r.jsxs)("div",{className:"rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-900",children:[e&&(0,r.jsx)("p",{className:"font-semibold",children:e}),(0,r.jsxs)("p",{className:e?"mt-1":"",children:[t,i&&(0,r.jsxs)(r.Fragment,{children:[" ",(0,r.jsx)(o(),{className:"underline",href:i,children:l}),"."]})]})]})}},60807:function(n,e,t){t.d(e,{Ao:function(){return b},Gh:function(){return g},Ov:function(){return i},Tg:function(){return o},XS:function(){return d},gw:function(){return h}});var r=t(31652);const i={intro:{min:1,max:3}},o=[{key:"address",label:"Address",icon:"mdi:map-marker-outline",inFooter:!0},{key:"phone",label:"Phone",icon:"mdi:phone-outline",inFooter:!0},{key:"email",label:"Email",icon:"mdi:email-outline",inFooter:!0},{key:"website",label:"Website",icon:"mdi:web",inFooter:!1}],l=o.map((n=>{let{key:e}=n;return e})),a=n=>(0,r.RF)((0,r.gu)(n)).trim(),c=n=>(0,r.gu)(n),s=n=>(n=>Array.isArray(n)?n:[])(n).map(c).filter(Boolean),u=n=>{const e=n&&"object"===typeof n&&!Array.isArray(n)?n:{},t=n=>e[n]&&"object"===typeof e[n]?e[n]:{},r=t("panel"),i=t("channels"),o=t("form");return{panel:{kicker:a(r.kicker),heading:c(r.heading),intro:s(r.intro)},channels:{...Object.fromEntries(l.map((n=>{const e=i[n]&&"object"===typeof i[n]?i[n]:{};return[n,{value:a(e.value),href:a(e.href)}]}))),mapQuery:a(i.mapQuery)}

1,form:{title:a(o.title),intro:a(o.intro)}}},h=n=>{if(!n||"string"!==typeof n)return null;const e=n.trim();if(!e.startsWith("{"))return null;try{const n=JSON.parse(e);return!n||"object"!==typeof n||Array.isArray(n)?null:u(n)}catch(t){return null}},d=n=>JSON.stringify({version:1,...u(n)}),m={address:()=>null,phone:n=>{const e=n.split(/[\u2013\u2014,]/)[0].replace(/[^\d]/g,"");return e?"tel:+".concat(e):null},email:n=>"mailto:".concat(n),website:n=>/^https?:\/\//i.test(n)?n:"https://".concat(n)},g=function(n){let{footerOnly:e=!1}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return o.filter((n=>!e||n.inFooter)).map((e=>{let{key:t,label:r,icon:i}=e;const o=null===n||void 0===n?void 0:n[t];var l;const a=null!==(l=null===o||void 0===o?void 0:o.value)&&void 0!==l?l:"";return a?{key:t,label:r,icon:i,value:a,href:(null===o||void 0===o?void 0:o.href)||m[t](a)}:null})).filter(Boolean)},f=(n,e)=>({path:n,message:e}),p=(n,e,t)=>n?[]:[f(e,"".concat(t," ch\u01b0a c\xf3 n\u1ed9i dung"))],v=(n,e,t)=>n.length?[]:[f(e,"".concat(t," ch\u01b0a c\xf3 m\u1ee5c n\xe0o"))],b=n=>{const e=u(n);return[...p(e.panel.kicker,"panel.kicker","Chip panel"),...(t=e.panel.heading,i="panel.heading",l="Ti\xeau \u0111\u1ec1 panel",(0,r.wE)(t)?[f(i,"".concat(l," ch\u01b0a c\xf3 n\u1ed9i dung"))]:[]),...v(e.panel.intro,"panel.intro","\u0110o\u1ea1n gi\u1edbi thi\u1ec7u"),...o.filter((n=>n.inFooter)).flatMap((n=>{let{key:t,label:r}=n;return p(e.channels[t].value,"channels.".concat(t,".value"),"K\xeanh ".concat(r))})),...p(e.channels.mapQuery,"channels.mapQuery","\u0110\u1ecba ch\u1ec9 t\xecm tr\xean b\u1ea3n \u0111\u1ed3"),...p(e.form.title,"form.title","Ti\xeau \u0111\u1ec1 form"),...p(e.form.intro,"form.intro","C\xe2u d\u1eabn form")];var t,i,l}},18649:function(n,e,t){t.d(e,{AS:function(){return r},IT:function(){return u},Oi:function(){return c},RZ:function(){return l},WC:function(){return o},eT:function(){return s},eY:function(){return a},p7:function(){return i}});const r=["kicker","heading","intro","address","phone","email","website","map","form"],i=n=>"https://www.google.com/maps?q=".concat(encodeURIComponent(n),"&z=17&output=embed"),o="Dinh Le Building, 1 Dinh Le, District 4, Ho Chi Minh City, Vietnam",l={address:"8 Floor, Dinh Le Building, No.1 Dinh Le, W.13, Dist.4, Ho Chi Minh City, Vietnam",phone:"(8428) 3825 5130 \u2013 (8428) 3826 6010",email:"[email protected]",website:"www.creasia.vn"},a="Contact us",c={lead:"Let\u2019s build something that",accent:"wins."},s=["Whether you\u2019re a brand, a partner, or a future team member, or whether you have a question or a project in mind, our team is ready to connect, listen, and support."],u={title:"Send us a message",intro:"We usually reply within one business day."}},5526:function(n,e,t){t.r(e),t.d(e,{default:function(){return S}});var r=t(57437),i=t(2265),o=t(2890),l=t.n(o),a=t(75506),c=t(35589),s=t(60807),u=t(87162),h=t(31652),d=t(40933),m=t(18649);const g=["contacts-new","contacts"],f=(n,e,t)=>{const[r,i]=(0,u.Q0)((0,u.Wx)(n,e));var o;return{value:null!==(o=null!==r&&void 0!==r?r:t)&&void 0!==o?o:"",href:null!==i&&void 0!==i?i:""}},p=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const e=Array.isArray(n)?n:[],t=(0,d.x)(e,g),r=(0,u.H6)(null===t||void 0===t?void 0:t.content,m.AS),[i,o]=(0,u.Q0)((0,u.Wx)(r,"heading")),l=i?{lead:i,accent:o}:m.Oi,a=(0,u.bD)(r,"intro"),[c,s]=(0,u.Q0)((0,u.Wx)(r,"form"));var p,v;const b={panel:{kicker:null!==(p=(0,u.Wx)(r,"kicker"))&&void 0!==p?p:m.eY,heading:(0,h.$l)(l),intro:a.length?a:m.eT},channels:{address:f(r,"address",m.RZ.address),phone:f(r,"phone",m.RZ.phone),email:f(r,"email",m.RZ.email),website:f(r,"website",m.RZ.website),mapQuery:null!==(v=(0,u.Wx)(r,"map"))&&void 0!==v?v:m.WC},form:{title:null!==c&&void 0!==c?c:m.IT.title,intro:null!==s&&void 0!==s?s:m.IT.intro}},y=r?null:"Kh\xf4ng \u0111\u1ecdc \u0111\u01b0\u1ee3c b\xe0i CMS n\xe0o c\u1ee7a trang li\xean h\u1ec7, n\xean n\u1ed9i dung b\xean d\u01b0\u1edbi d\u1ef1ng t\u1eeb b\u1ea3n m\u1eb7c \u0111\u1ecbnh trong m\xe3 ngu\u1ed3n. Ki\u1ec3m tra k\u1ef9 tr\u01b0\u1edbc khi l\u01b0u \u2014 \u0111\u1ecba ch\u1ec9 v\xe0 s\u1ed1 \u0111i\u1ec7n tho\u1ea1i \u1edf \u0111\xe2y c\xf2n hi\u1ec7n \u1edf ch\xe2n m\u1ecdi trang.";return{doc:b,notice:y}};

1var v=t(89135),b=t(67784);var y=n=>{let{value:e,set:t,errorOf:i,resetToken:o}=n;return(0,r.jsxs)(v.Z,{title:"Panel gi\u1edbi thi\u1ec7u",where:"N\u1eeda tr\xe1i trang, n\u1ec1n t\u1ed1i \u2014 ph\u1ea7n ch\u1eef ph\xeda tr\xean c\xe1c k\xeanh li\xean h\u1ec7.",href:"/contact",children:[(0,r.jsx)(b.nv,{label:"Chip tr\xean c\xf9ng",value:e.kicker,error:i("panel.kicker"),onChange:n=>t("panel.kicker",n)}),(0,r.jsx)(b.OR,{label:"Ti\xeau \u0111\u1ec1",hint:"B\xf4i \u0111en c\u1ee5m ch\u1eef r\u1ed3i ch\u1ecdn ki\u1ec3u nh\u1ea5n; Ctrl+B cho ra \u0111\u1ecf, ki\u1ec3u m\u1eb7c \u0111\u1ecbnh c\u1ee7a \xf4 n\xe0y.",mark:"red",tone:"dark",resetToken:o,value:e.heading,error:i("panel.heading"),onChange:n=>t("panel.heading",n)}),(0,r.jsx)(b.ZN,{label:"\u0110o\u1ea1n gi\u1edbi thi\u1ec7u",hint:"M\u1ed7i m\u1ee5c l\xe0 m\u1ed9t \u0111o\u1ea1n. B\xf4i \u0111en c\u1ee5m ch\u1eef r\u1ed3i ch\u1ecdn ki\u1ec3u nh\u1ea5n; Ctrl+B cho ra tr\u1eafng, ki\u1ec3u m\u1eb7c \u0111\u1ecbnh c\u1ee7a \xf4 n\xe0y.",error:i("panel.intro"),items:e.intro,hints:s.Ov.intro,addLabel:"Th\xeam \u0111o\u1ea1n",itemLabel:n=>"\u0110o\u1ea1n ".concat(n+1),blank:()=>"",onChange:n=>t("panel.intro",n),renderItem:(n,e,t)=>(0,r.jsx)(b.OR,{hint:"",mark:"white",tone:"dark",resetToken:o,value:n,onChange:t})})]})},k=t(74122);const x={address:"\u0110\u1ecba ch\u1ec9 \u0111\u1ea7y \u0111\u1ee7 \u0111\u1ec3 hi\u1ec3n th\u1ecb, c\xf3 c\u1ea3 t\u1ea7ng v\xe0 s\u1ed1 nh\xe0.",phone:"C\xf3 hai \u0111\u1ea7u s\u1ed1 th\xec ng\u0103n b\u1eb1ng \u201c\u2013\u201d; n\xfat g\u1ecdi l\u1ea5y \u0111\u1ea7u s\u1ed1 th\u1ee9 nh\u1ea5t.",email:"B\u1ea5m v\xe0o s\u1ebd m\u1edf tr\xecnh g\u1eedi th\u01b0.",website:"Kh\xf4ng b\u1eaft bu\u1ed9c \u2014 b\u1ecf tr\u1ed1ng th\xec \u1ea9n h\u1eb3n d\xf2ng n\xe0y."};var w=n=>{let{value:e,set:t,errorOf:i}=n;return(0,r.jsxs)(v.Z,{title:"K\xeanh li\xean h\u1ec7 & b\u1ea3n \u0111\u1ed3",where:"Danh s\xe1ch icon trong panel t\u1ed1i, v\xe0 b\u1ea3n \u0111\u1ed3 nh\xfang \u1edf ch\xe2n panel.",href:"/contact",children:[(0,r.jsx)(k.Z,{title:"Ba k\xeanh n\xe0y c\xf2n hi\u1ec7n \u1edf ch\xe2n M\u1eccI trang",children:"\u0110\u1ecba ch\u1ec9, \u0111i\u1ec7n tho\u1ea1i v\xe0 email trong kh\u1ed1i n\xe0y c\u0169ng l\xe0 ph\u1ea7n li\xean h\u1ec7 \u1edf footer \u2014 s\u1eeda \u1edf \u0111\xe2y l\xe0 \u0111\u1ed5i tr\xean to\xe0n site. Website th\xec kh\xf4ng v\xe0o footer, v\xec \u1edf \u0111\xf3 ng\u01b0\u1eddi xem \u0111ang \u0111\u1ee9ng tr\xean ch\xednh website n\xe0y."}),s.Tg.map((n=>{let{key:o,label:l}=n;return(0,r.jsxs)("div",{className:"grid gap-4 sm:grid-cols-2",children:[(0,r.jsx)(b.nv,{label:l,hint:x[o],value:e[o].value,error:i("channels.".concat(o,".value")),onChange:n=>t("channels.".concat(o,".value"),n)}),(0,r.jsx)(b.nv,{label:"".concat(l," \u2014 link (tu\u1ef3 ch\u1ecdn)"),hint:"B\u1ecf tr\u1ed1ng l\xe0 \u0111\u1ee7 \u2014 trang t\u1ef1 suy ra (tel: cho \u0111i\u1ec7n tho\u1ea1i, mailto: cho email, https:// cho website). Ch\u1ec9 \u0111i\u1ec1n khi mu\u1ed1n tr\u1ecf \u0111i ch\u1ed7 kh\xe1c.",value:e[o].href,error:i("channels.".concat(o,".href")),onChange:n=>t("channels.".concat(o,".href"),n)})]},o)})),(0,r.jsx)(b.nv,{label:"\u0110\u1ecba ch\u1ec9 \u0111\u1ec3 t\xecm tr\xean b\u1ea3n \u0111\u1ed3",hint:"Ch\u1ec9 nh\u1eadn \u0111\u1ecba ch\u1ec9, kh\xf4ng nh\u1eadn link nh\xfang. G\xf5 t\xean to\xe0 nh\xe0 + \u0111\u01b0\u1eddng + qu\u1eadn + th\xe0nh ph\u1ed1, \u0110\u1eeaNG g\xf5 s\u1ed1 t\u1ea7ng v\xe0 s\u1ed1 nh\xe0 \u2014 Google hay ghim tr\u01b0\u1ee3t khi c\xf3 ch\xfang. V\xec v\u1eady \xf4 n\xe0y kh\xe1c \xf4 Address \u1edf tr\xean.",value:e.mapQuery,error:i("channels.mapQuery"),onChange:n=>t("channels.mapQuery",n)})]})};var C=n=>{let{value:e,set:t,errorOf:i}=n;return(0,r.jsxs)(v.Z,{title:"Form g\u1eedi tin nh\u1eafn",where:"N\u1eeda ph\u1ea3i trang, n\u1ec1n tr\u1eafng. C\xe1c \xf4 c\u1ee7a form n\u1eb1m trong thi\u1ebft k\u1ebf.",href:"/contact",children:[(0,r.jsx)(b.nv,{label:"Ti\xeau \u0111\u1ec1 form",value:e.title,error:i("form.title"),onChange:n=>t("form.title",n)}),(0,r.jsx)(b.nv,{label:"C\xe2u d\u1eabn d\u01b0\u1edbi ti\xeau \u0111\u1ec1",value:e.intro,error:i("form.intro"),onChange:n=>t("form.intro",n)})]})};const j={slug:"contact-page",title:"Contact page",type:"about"},A="Contact (/contact)";var S=()=>{const n=(0,c.Z)({...j,parse:s.gw,serialize:s.XS,validate:s.Ao,buildFromLegacy:p}),{doc:e,update:t,issues:o,resetToken:u}=n,[h,d]=(0,i.useState)(e),m=(0,i.useRef)(e);(0,i.useEffect)((()=>{m.current=e,d(e)}),[u]);const g=(0,i.useCallback)(((n,e)=>{const r=l().set(l().cloneDeep(m.current),n,e);m.current=r,d(r),t(r)}),[t]),f=(0,i.useMemo)((()=>{const n=new Map(o.map((n=>[n.path,n.message])));return e=>n.get(e)}),[o]);return h?(0,r.jsxs)(a.Z,{heading:A,publicHref:"/contact",isLoading:n.isLoading,isSaving:n.isSaving,isDirty:n.isDirty,isImported:n.isImported,issues:o,importNotice:n.importNotice,conflict:n.conflict,onSave:n.save,onReload:n.reload,children:[(0,r.jsx)(y,{value:h.panel,set:g,errorOf:f,resetToken:u}),(0,r.jsx)(w,{value:h.channels,set:g,errorOf:f}),(0,r.jsx)(C,{value:h.form,set:g,errorOf:f})]}):(0,r.jsx)(a.Z,{heading:A,isLoading:!0})}},84078:function(n,e,t){t.d(e,{F:function(){return l},Z:function(){return i}});const r=new RegExp("<p[^>]*>(?:\\s|&nbsp;|[\\u200b\\u200c\\ufeff]|<br\\s*/?>)*</p>","g"),i=n=>n?n.replace(r,""):null,o=new RegExp("\xe2\u20ac\u2039|[\\u200b\\u200c\\ufeff]","g"),l=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return n.replace(o,"").replace(/\s+/g," ").trim()}},87162:function(n,e,t){t.d(e,{H6:function(){return m},O:function(){return y},Py:function(){return g},Q0:function(){return b},Wx:function(){return f},bD:function(){return p}});var r=t(84078);const i=/^\[\s*([a-z0-9_-]+)\s*\]\s*:\s*([\s\S]*)$/i,o="p, li, div, h1, h2, h3, h4, h5, h6, blockquote, td",l=/<(p|li|div|h[1-6]|blockquote|td)\b[^>]*>([\s\S]*?)<\/\1>/gi,a=/<img\b[^>]*\bsrc\s*=\s*(?:"([^"]*)"|'([^']*)')/gi,c=/<[^>]+>/g,s=/&(#x?[0-9a-f]+|[a-z]+);/gi,u={amp:"&",lt:"<",gt:">",quot:'"',apos:"'",nbsp:"\xa0",ndash:"\u2013",mdash:"\u2014",hellip:"\u2026",lsquo:"\u2018",rsquo:"\u2019",ldquo:"\u201c",rdquo:"\u201d"},h=n=>"undefined"===typeof DOMParser?(n=>Array.from(n.matchAll(l),(n=>{let[,,e]=n;return{text:(0,r.F)((t=e.replace(c," "),t.replace(s,((n,e)=>{var t;if("#"!==e[0])return null!==(t=u[e.toLowerCase()])&&void 0!==t?t:n;const r="x"===e[1].toLowerCase()?Number.parseInt(e.slice(2),16):Number.parseInt(e.slice(1),10);return Number.isFinite(r)?String.fromCodePoint(r):n})))),images:Array.from(e.matchAll(a),(n=>{var e,t;return(null!==(t=null!==(e=n[1])&&void 0!==e?e:n[2])&&void 0!==t?t:"").trim()}

1)).filter(Boolean)};var t})))(n):(n=>{const e=(new DOMParser).parseFromString(n,"text/html");return Array.from(e.body.querySelectorAll(o)).filter((n=>!n.querySelector(o))).map((n=>({text:(0,r.F)(n.textContent),images:Array.from(n.querySelectorAll("img"),(n=>{var e;return(null!==(e=n.getAttribute("src"))&&void 0!==e?e:"").trim()})).filter(Boolean)})))})(n),d=(n,e)=>n.reduce(((n,t)=>{const o=t.text.match(i);if(!o){const e=n.key?t.images:[];return e.length?{...n,entries:[...n.entries,...e.map((e=>[n.key,e]))]}:n}const l=o[1].toLowerCase();if(e&&!e.includes(l))return console.warn('Unknown CMS label "['.concat(l,']" \u2014 d\xf2ng n\xe0y b\u1ecb b\u1ecf qua')),{...n,key:null};const a=(0,r.F)(o[2]),c=t.images.map((n=>[l,n]));return{key:l,entries:[...n.entries,...a?[[l,a]]:[],...c]}}),{key:null,entries:[]}).entries,m=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!n)return null;try{const t=d(h(n),e);return t.length?t.reduce(((n,e)=>{let[t,r]=e;var i;return{...n,[t]:[...null!==(i=n[t])&&void 0!==i?i:[],r]}}),{}):null}catch(t){return console.error("Failed to parse labeled content",t),null}},g=n=>i.test(String(null!==n&&void 0!==n?n:"").trim()),f=(n,e)=>{var t,r;return null!==(r=null===n||void 0===n||null===(t=n[e])||void 0===t?void 0:t[0])&&void 0!==r?r:null},p=(n,e)=>{var t;return null!==(t=null===n||void 0===n?void 0:n[e])&&void 0!==t?t:[]},v=n=>String(null!==n&&void 0!==n?n:"").split("|").map(r.F),b=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;const t=v(n);return Array.from({length:e},((n,e)=>t[e]||null))},y=n=>v(n).filter(Boolean)}}]);