(()=>{"use strict";(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,236255,734423,314153,280898,e=>{var t=e.i(391398),a=e.i(145246),i=e.i(191788);e.i(966278);var s=e.i(318398),r=e.i(687078),o=e.i(575835);let n=new String(".categories.jsx-e2be45f28eba7a14{flex-flow:wrap;margin:-10px;display:flex}.header.jsx-e2be45f28eba7a14{margin-bottom:25px;font-size:18px;font-weight:700}.item.jsx-e2be45f28eba7a14{text-align:center;background-color:var(--active-indicator);border-radius:6px;flex:1 0 auto;justify-content:center;align-items:center;width:25%;height:75px;margin:5px;padding:6px;font-size:16px;font-weight:700;display:flex}@media (width>=576px){.item.jsx-e2be45f28eba7a14{margin:10px;font-size:18px}}.item.jsx-e2be45f28eba7a14:hover{background-color:var(--light-background-2)}");n.__hash="e2be45f28eba7a14";let d=[{forumId:746,forumName:"iOS, iPhone, iPad"},{forumId:747,forumName:"Android"},{forumId:201,forumName:"Windows và PC"},{forumId:748,forumName:"macOS và Mac"},{forumId:544,forumName:"Xe máy"},{forumId:545,forumName:"Xe ô tô"},{forumId:739,forumName:"Smarthome"},{forumId:293,forumName:"Điện gia dụng"},{forumId:672,forumName:"Phim ảnh"},{forumId:767,forumName:"Khác"}];class c extends i.default.Component{constructor(e){super(e),this.state={},this.trackLinkClick=this.trackLinkClick.bind(this)}trackLinkClick(){(0,r.f)(o.f.tinhteHomeGAEventCategory,o.f.gaEventClick,o.f.gaCategorySelectorClick)}render(){let{user:e}=this.props;return e&&e.isModerator&&d.push({forumId:215,forumName:"Nháp"}),(0,t.jsxs)("div",{className:`jsx-${n.__hash} main`,children:[(0,t.jsx)("div",{className:`jsx-${n.__hash} header`,children:"Bạn muốn chia sẻ liên quan đến mục nào dưới đây?"}),(0,t.jsx)("div",{className:`jsx-${n.__hash} categories`,children:d.map(e=>(0,t.jsx)("a",{href:`/editorv2/create/${e.forumId}/`,onClick:this.trackLinkClick,className:`jsx-${n.__hash} item`,children:e.forumName},e.forumId))}),(0,t.jsx)(a.default,{id:n.__hash,children:n})]})}}let l=s.f.ApiConsumer(c);e.s(["f",0,l],236255);let h=new String(".link-preview.jsx-43a7794bcdab2234{background-color:var(--button-light);border-radius:4px}.image-container.jsx-43a7794bcdab2234{position:relative}.image.jsx-43a7794bcdab2234{border-top-left-radius:4px;border-top-right-radius:4px}.close-button.jsx-43a7794bcdab2234{width:30px;height:30px;box-shadow:var(--box-shadow);color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.close-button.jsx-43a7794bcdab2234:hover{color:var(--color-accent-dark)}.info.jsx-43a7794bcdab2234{padding:10px 12px}.host.jsx-43a7794bcdab2234{opacity:.5;margin-bottom:8px;font-size:12px;font-weight:400;line-height:16px}.title.jsx-43a7794bcdab2234{color:#000;text-overflow:unset;white-space:pre-line;margin-top:0;margin-bottom:7px;font-size:18px;font-weight:700}.description.jsx-43a7794bcdab2234{color:var(--color-light-4);min-height:auto;margin-top:12px;margin-bottom:12px;line-height:1.3rem}@media (width<=576px){.info.jsx-43a7794bcdab2234{margin-top:-8px;padding:8px}.title.jsx-43a7794bcdab2234{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:14px;line-height:16px;overflow:hidden}.description.jsx-43a7794bcdab2234{display:none}}");h.__hash="43a7794bcdab2234";let x=()=>(0,t.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("circle",{opacity:"0.5",cx:"16",cy:"16",r:"16",fill:"#0F161E"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.1786 8.82143C22.75 8.39286 22.1071 8.39286 21.6786 8.82143L16 14.5L10.3214 8.82143C9.89286 8.39286 9.25 8.39286 8.82143 8.82143C8.39286 9.25 8.39286 9.89286 8.82143 10.3214L14.5 16L8.82143 21.6786C8.39286 22.1071 8.39286 22.75 8.82143 23.1786C9.03571 23.3929 9.25 23.5 9.57143 23.5C9.89286 23.5 10.1071 23.3929 10.3214 23.1786L16 17.5L21.6786 23.1786C21.8929 23.3929 22.2143 23.5 22.4286 23.5C22.6429 23.5 22.9643 23.3929 23.1786 23.1786C23.6071 22.75 23.6071 22.1071 23.1786 21.6786L17.5 16L23.1786 10.3214C23.6071 9.89286 23.6071 9.25 23.1786 8.82143Z",fill:"white"})]});e.s(["f",0,({linkPreview:e,onRemovePreview:i})=>(0,t.jsxs)("div",{className:`jsx-${h.__hash} link-preview`,children:[(0,t.jsxs)("div",{className:`jsx-${h.__hash} image-container`,children:[(0,t.jsx)("img",{src:e.image,alt:e.title,className:`jsx-${h.__hash} image`}),(0,t.jsx)("div",{className:`jsx-${h.__hash}`,children:(0,t.jsx)("button",{onClick:i,className:`jsx-${h.__hash} close-button`,children:(0,t.jsx)(x,{})})})]}),(0,t.jsxs)("div",{className:`jsx-${h.__hash} info`,children:[(0,t.jsx)("p",{className:`jsx-${h.__hash} host`,children:e.host}),(0,t.jsx)("p",{className:`jsx-${h.__hash} title`,children:e.title}),(0,t.jsx)("p",{className:`jsx-${h.__hash} description`,children:e.description})]}),(0,t.jsx)(a.default,{id:h.__hash,children:h})]})],734423);var p=i,f=e.i(248972);let g=new String(".preview-view-container.jsx-f083c9632382e173{text-align:center;width:var(--fact-card-width);height:var(--fact-card-height);background-image:var(--gradient-3-button);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-view-img.jsx-f083c9632382e173{-webkit-filter:blur(10px);background-position:50%;background-repeat:no-repeat;background-size:cover;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}.preview-view-container.no-background-color.jsx-f083c9632382e173{background-image:none}.avatar.jsx-f083c9632382e173{border:2px solid var(--blue-border);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:50px;height:50px;position:relative}.avatar-plus.jsx-f083c9632382e173{color:var(--inverse-text);background-color:var(--primary-color);border-radius:50%;width:18px;height:18px;font-size:20px;line-height:17px;position:absolute;bottom:-2px;right:-2px}.create-fact.jsx-f083c9632382e173{color:var(--inverse-text);z-index:2;margin-top:4px;font-size:13px;font-weight:600}");g.__hash="f083c9632382e173";class m extends p.default.Component{constructor(e){super(e),this.state={}}render(){function e(){let e=o.f.gaTinhteFactCreateItemClick;(0,f.b)(e),ga("send",{hitType:"event",eventCategory:o.f.tinhteHomeGAEventCategory,eventAction:o.f.gaEventClick,eventLabel:e,transport:"beacon"})}let{user:i}=this.props;return(0,t.jsxs)("div",{className:`jsx-${g.__hash}`,children:[i&&i.id?(0,t.jsx)("div",{className:`jsx-${g.__hash}`,children:(0,t.jsxs)("div",{className:`jsx-${g.__hash} preview-view-container`,children:[(0,t.jsx)("div",{style:{backgroundImage:`linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(${i.avatarBig})`},className:`jsx-${g.__hash} preview-view-img`}),(0,t.jsx)("div",{style:{backgroundImage:`url(${i.avatarBig})`},onClick:e,className:`jsx-${g.__hash} avatar`,children:(0,t.jsx)("div",{className:`jsx-${g.__hash} avatar-plus`,children:"+"})}),(0,t.jsx)("p",{className:`jsx-${g.__hash} create-fact`,children:"Tạo Fact mới"})]})}):(0,t.jsx)("a",{href:"/login",className:`jsx-${g.__hash}`,children:(0,t.jsxs)("div",{className:`jsx-${g.__hash} preview-view-container`,children:[(0,t.jsx)("div",{style:{backgroundImage:"url(https://tinhte.vn/styles/uiflex/xenforo/avatars/avatar_male_m.png)"},onClick:e,className:`jsx-${g.__hash} avatar`,children:(0,t.jsx)("div",{className:`jsx-${g.__hash} avatar-plus`,children:"+"})}),(0,t.jsx)("p",{className:`jsx-${g.__hash} create-fact`,children:"Tạo fact mới"})]})}),(0,t.jsx)(a.default,{id:g.__hash,children:g})]})}}let u=s.f.ApiConsumer(m);e.s(["f",0,u],314153);var b=i,j=e.i(272043);let w=new String('.switch.jsx-df8b3b3dbaef64de{display:flex}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.jsx-df8b3b3dbaef64de{cursor:pointer;-webkit-user-select:none;user-select:none;width:29px;height:19px;display:inline-block;position:relative}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:before,.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:after,.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:before,.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:after{content:"";position:absolute;left:0}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:before,.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:before{height:inherit;width:inherit;will-change:background;border-radius:16px;transition:background .2s ease-out}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:after,.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:after{will-change:transform;background:#fff;border-radius:16px;width:9px;height:9px;transition:transform .2s ease-out;top:5px;left:8px}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:before{background:var(--button-high-contrast)}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--on.jsx-df8b3b3dbaef64de:after{transform:translate(7px)}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:before{background:#cecece}.switch.jsx-df8b3b3dbaef64de>.switch-toggle.switch-toggle--off.jsx-df8b3b3dbaef64de:after{transform:translate(-3px)}');w.__hash="df8b3b3dbaef64de";class k extends b.default.Component{constructor(e){super(e),this.state={enabled:!!this.props.enabled&&this.props.enabled},this.switch=this.switch.bind(this)}switch(e){e.preventDefault();let t=!this.state.enabled;this.setState({enabled:t}),this.props.onStateChanged(t)}render(){let{enabled:e}=this.state,i=(0,j.default)("switch-toggle",`switch-toggle--${e?"on":"off"}`);return(0,t.jsxs)("div",{className:`jsx-${w.__hash}`,children:[(0,t.jsx)("button",{onClick:this.switch,className:`jsx-${w.__hash} switch switch--default`,children:(0,t.jsx)("div",{className:`jsx-${w.__hash} `+(i||"")})}),(0,t.jsx)(a.default,{id:w.__hash,children:w})]})}}e.s(["f",0,k],280898)},94764,e=>{var t,a,i,s,r,o,n,d,c,l,h=e.i(391398),x=e.i(145246),p=e.i(191788);e.i(966278);var f=e.i(318398),g=e.i(730943),m=e.i(758568),u=e.i(979021),b=e.i(407055),j=e.i(827808),w=e.i(770267),k=e.i(455404),_=e.i(199184),v=e.i(769907),y=e.i(251533),C=e.i(236255),$=e.i(734423),N=e.i(314153),S=e.i(280898),T=e.i(913083),E=e.i(565715),F=e.i(198356),B=e.i(849377);function I(){return(I=Object.assign.bind()).apply(null,arguments)}let z=function(e){return p.createElement("svg",I({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",width:15,height:15,viewBox:"0 0 383.947 383.947"},e),t||(t=p.createElement("g",{fill:"#fff"},p.createElement("path",{d:"M0 303.947v80h80l236.053-236.054-80-80zM377.707 56.053 327.893 6.24c-8.32-8.32-21.867-8.32-30.187 0l-39.04 39.04 80 80 39.04-39.04c8.321-8.32 8.321-21.867.001-30.187",className:"active-path"}))))};var L=e.i(687078),A=e.i(575835);function P(){return(P=Object.assign.bind()).apply(null,arguments)}let M=function(e){return p.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",className:"btn-x",viewBox:"0 0 512.001 512.001"},e),a||(a=p.createElement("path",{d:"M284.286 256.002 506.143 34.144c7.811-7.811 7.811-20.475 0-28.285s-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0s-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.94 19.94 0 0 0 14.143 5.857 19.94 19.94 0 0 0 14.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285z"})))};function O(){return(O=Object.assign.bind()).apply(null,arguments)}let R=function(e){return p.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",viewBox:"0 0 32 32"},e),i||(i=p.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16m4.002-21.6a1.065 1.065 0 0 1 .753 1.819l-3.508 3.508 3.508 3.508a1.065 1.065 0 0 1-1.506 1.507l-3.509-3.509-3.508 3.509a1.066 1.066 0 1 1-1.507-1.507l3.509-3.508-3.509-3.508a1.066 1.066 0 0 1 1.507-1.507l3.508 3.508 3.509-3.508c.2-.2.47-.312.753-.312",clipRule:"evenodd",opacity:.25})))};function U(){return(U=Object.assign.bind()).apply(null,arguments)}let D=function(e){return p.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",width:22,height:22,fill:"none",viewBox:"0 0 22 22"},e),s||(s=p.createElement("g",{filter:"url(#filter0_dd_142_2883)"},p.createElement("g",{clipPath:"url(#clip0_142_2883)"},p.createElement("rect",{width:18,height:18,x:2,y:1.5,fill:"url(#paint0_linear_142_2883)",rx:2.571}),p.createElement("g",{filter:"url(#filter1_dd_142_2883)"},p.createElement("path",{fill:"url(#paint1_linear_142_2883)",d:"M20 17.7a1.8 1.8 0 0 1-1.8 1.8H3.8A1.8 1.8 0 0 1 2 17.7V3.3a1.8 1.8 0 0 1 1.8-1.8h14.4A1.8 1.8 0 0 1 20 3.3z"}),p.createElement("path",{stroke:"#fff",strokeWidth:.9,d:"M20 17.7a1.8 1.8 0 0 1-1.8 1.8H3.8A1.8 1.8 0 0 1 2 17.7V3.3a1.8 1.8 0 0 1 1.8-1.8h14.4A1.8 1.8 0 0 1 20 3.3z"})),p.createElement("path",{fill:"#fff",d:"M13.348 3.717a1.826 1.826 0 1 0 0 3.652 1.826 1.826 0 0 0 0-3.652"}),p.createElement("path",{fill:"#F5FFFC",d:"M7.772 7.314-1 19.27v.1h17.619-9.056 9.177z"}),p.createElement("path",{fill:"#F5FFFC",d:"m13.277 10.505-6.45 8.792v.072H19.78h-6.66 6.749z"}),p.createElement("path",{fill:"#F5FFFC",d:"m16.74 19.37-5.018-6.747-4.896 6.674v.073h9.913"})),p.createElement("rect",{width:18,height:18,x:2,y:1.5,stroke:"#fff",strokeWidth:.9,rx:2.571}))),r||(r=p.createElement("defs",null,p.createElement("linearGradient",{id:"paint0_linear_142_2883",x1:26.998,x2:10.415,y1:11.208,y2:-5.621,gradientUnits:"userSpaceOnUse"},p.createElement("stop",{stopColor:"#2AF598"}),p.createElement("stop",{offset:1,stopColor:"#0049FD"})),p.createElement("linearGradient",{id:"paint1_linear_142_2883",x1:26.998,x2:10.415,y1:11.208,y2:-5.621,gradientUnits:"userSpaceOnUse"},p.createElement("stop",{stopColor:"#2AF598"}),p.createElement("stop",{offset:1,stopColor:"#0049FD"})),p.createElement("filter",{id:"filter0_dd_142_2883",width:21.6,height:21.6,x:.2,y:.15,colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse"},p.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),p.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),p.createElement("feOffset",{dy:.45}),p.createElement("feGaussianBlur",{stdDeviation:.45}),p.createElement("feColorMatrix",{values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"}),p.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_142_2883"}),p.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),p.createElement("feOffset",{dy:.45}),p.createElement("feGaussianBlur",{stdDeviation:.675}),p.createElement("feColorMatrix",{values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"}),p.createElement("feBlend",{in2:"effect1_dropShadow_142_2883",result:"effect2_dropShadow_142_2883"}),p.createElement("feBlend",{in:"SourceGraphic",in2:"effect2_dropShadow_142_2883",result:"shape"})),p.createElement("filter",{id:"filter1_dd_142_2883",width:21.6,height:21.6,x:.2,y:.15,colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse"},p.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),p.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),p.createElement("feOffset",{dy:.45}),p.createElement("feGaussianBlur",{stdDeviation:.45}),p.createElement("feColorMatrix",{values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"}),p.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_142_2883"}),p.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),p.createElement("feOffset",{dy:.45}),p.createElement("feGaussianBlur",{stdDeviation:.675}),p.createElement("feColorMatrix",{values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"}),p.createElement("feBlend",{in2:"effect1_dropShadow_142_2883",result:"effect2_dropShadow_142_2883"}),p.createElement("feBlend",{in:"SourceGraphic",in2:"effect2_dropShadow_142_2883",result:"shape"})),p.createElement("clipPath",{id:"clip0_142_2883"},p.createElement("rect",{width:18,height:18,x:2,y:1.5,fill:"#fff",rx:2.571})))))};var G=e.i(171447),H=e.i(617645);function V(){return(V=Object.assign.bind()).apply(null,arguments)}let W=function(e){return p.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg",width:9,height:10,viewBox:"0 0 9 10"},e),o||(o=p.createElement("g",{fill:"#44D7B6",fillRule:"nonzero"},p.createElement("path",{d:"M.613 9.397a.33.33 0 0 1 0-.497L4.615 5.25a.33.33 0 0 0 0-.498L.613 1.1a.33.33 0 0 1 0-.497.414.414 0 0 1 .546 0l4.002 3.651c.226.206.339.476.339.746s-.113.54-.339.746L1.16 9.396a.414.414 0 0 1-.546.001"}),p.createElement("path",{d:"M4.113 9.397a.33.33 0 0 1 0-.497L8.115 5.25a.33.33 0 0 0 0-.498L4.113 1.1a.33.33 0 0 1 0-.497.414.414 0 0 1 .546 0l4.002 3.651C8.887 4.46 9 4.73 9 5s-.113.54-.339.746L4.66 9.396a.414.414 0 0 1-.546.001"}))))};function q(){return(q=Object.assign.bind()).apply(null,arguments)}let K=function(e){return p.createElement("svg",q({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",viewBox:"0 0 32 32"},e),n||(n=p.createElement("rect",{width:21.333,height:20.148,x:5.333,y:5.333,stroke:"#101828",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,rx:4})),d||(d=p.createElement("path",{stroke:"#101828",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M14.519 11.937c0 1.191-.996 2.158-2.223 2.158s-2.222-.967-2.222-2.158c0-1.192.996-2.159 2.222-2.159 1.227 0 2.223.967 2.223 2.159",clipRule:"evenodd"})),c||(c=p.createElement("path",{stroke:"#101828",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,d:"M26.667 17.778c-1.266-1.018-1.182-1.04-2.633-1.849-1.453-.808-3.015-.31-4.024.897-.973 1.166-1.582 2.735-3.052 3.47-1.812.907-2.876-.555-4.387-1.141-1.687-.654-2.967.52-3.952 1.65-.987 1.129-1.097 1.188-2.1 2.306"})))};function X(){return(X=Object.assign.bind()).apply(null,arguments)}let Q=function(e){return p.createElement("svg",X({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",viewBox:"0 0 32 32"},e),l||(l=p.createElement("path",{fill:"#101828",d:"m15.54 20.181 1.516-1.534c-1.17-.099-2.012-.485-2.617-1.089-1.675-1.672-1.675-4.038-.01-5.69l3.29-3.297c1.676-1.663 4.034-1.673 5.71 0 1.684 1.683 1.665 4.038.01 5.701l-1.686 1.673c.318.732.427 1.623.248 2.395l2.835-2.82c2.438-2.426 2.448-5.89-.01-8.344-2.468-2.465-5.917-2.445-8.355-.01l-3.45 3.444c-2.437 2.435-2.447 5.89.01 8.344.576.584 1.368 1.02 2.508 1.227m.921-8.363-1.516 1.534c1.17.109 2.012.485 2.616 1.088 1.685 1.673 1.675 4.039.01 5.702l-3.29 3.286c-1.675 1.672-4.034 1.672-5.7 0-1.684-1.683-1.674-4.029-.01-5.692l1.676-1.682a4.04 4.04 0 0 1-.248-2.395l-2.834 2.83c-2.439 2.425-2.448 5.88.01 8.334 2.467 2.465 5.916 2.445 8.354.02l3.45-3.454c2.438-2.435 2.447-5.89-.01-8.344-.575-.574-1.358-1.01-2.508-1.227"})))},Y=new String('.thread-editor.jsx-4ce874680f19ed0c{position:relative}.thread-editor.jsx-4ce874680f19ed0c .avatar{margin-right:0}.thread-editor.jsx-4ce874680f19ed0c .title-ttf.jsx-4ce874680f19ed0c{display:none}@media (width<=576px){.thread-editor.jsx-4ce874680f19ed0c .title-ttf.jsx-4ce874680f19ed0c{margin-bottom:12px;font-size:20px;font-weight:600;line-height:28px;display:block}}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.jsx-4ce874680f19ed0c{color:var(--text-on-primary-color);text-transform:capitalize;background-color:var(--primary-color);border-radius:50px;width:100%;margin:0 12px;padding:8px 18px;font-size:16px;line-height:24px;display:block}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{margin-left:8px}@media (width<=576px){.thread-editor.jsx-4ce874680f19ed0c .blue-switch.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{font-size:14px;font-weight:600}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.tinhtefact.jsx-4ce874680f19ed0c{margin:0}}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c{white-space:nowrap;border-radius:80px;width:40px;height:40px;margin:0;padding:0;font-size:14px}@media (width>=992px){.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c{width:auto;height:auto;padding:8px 24px}}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{display:none}@media (width>=992px){.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{display:block}}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c{display:block}@media (width>=992px){.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c{display:none}}.thread-editor.jsx-4ce874680f19ed0c .blue-switch.header-mode.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c svg path{fill:var(--inverse-text)}.thread-editor-modal{max-width:650px;height:100%;max-height:600px;box-shadow:0 5px 20px 0 var(--box-shadow);background:var(--new-thread-body);flex-direction:column;margin:0 auto;display:flex;position:relative;top:50%;overflow-x:hidden;transform:translateY(-50%)}.thread-editor-modal:focus{outline:none}@media (width<=576px){.thread-editor-modal{max-height:unset}}.reset-btn.jsx-4ce874680f19ed0c:hover{background-color:var(--hover-background)}.reset-btn.jsx-4ce874680f19ed0c svg{width:18px;height:18px}.reset-btn.jsx-4ce874680f19ed0c svg path{fill:var(--dark-icon)}.top-area.jsx-4ce874680f19ed0c{border-bottom:1px solid var(--border-light);background-color:var(--new-thread-header);flex:0 0 56px;justify-content:space-between;align-items:center;padding:16px 12px;font-size:16px;font-weight:700;line-height:1;display:flex}.top-area.jsx-4ce874680f19ed0c .btn-back-wrap.jsx-4ce874680f19ed0c{align-items:center;display:flex}.top-area.jsx-4ce874680f19ed0c .btn-back-wrap.jsx-4ce874680f19ed0c .btn-x{width:24px;height:24px;margin-right:8px;padding:4px}@media (width>=576px){.top-area.jsx-4ce874680f19ed0c{padding:16px 24px}}@media (width<=576px){.top-area.jsx-4ce874680f19ed0c .publish-btn.jsx-4ce874680f19ed0c{width:77px;height:28px;padding:unset;justify-content:center;align-self:flex-start;align-items:center;font-size:14px;font-weight:500;line-height:24px;display:flex}}.middle-area.jsx-4ce874680f19ed0c{flex:1 1 0;padding:0 12px;overflow-y:auto}@media (width>=576px){.middle-area.jsx-4ce874680f19ed0c{padding:0 24px}}.middle-area.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c{padding:16px 0 6px}.middle-area.jsx-4ce874680f19ed0c .additional-tools.jsx-4ce874680f19ed0c{border-top:1px solid var(--border-light);align-items:center;margin:0 0 8px;padding-top:12px;display:flex}@media (width<=576px){.middle-area.jsx-4ce874680f19ed0c,.middle-area.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c{flex-direction:column;display:flex}.middle-area.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c .textbox__info.jsx-4ce874680f19ed0c{flex-direction:column;flex:1;display:flex}.middle-area.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c .textbox__info.jsx-4ce874680f19ed0c .thread-editor-textarea{border:none;padding:0}.middle-area.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c .text_input__wrap.jsx-4ce874680f19ed0c{flex:unset!important}}.bottom-area.jsx-4ce874680f19ed0c{flex:0 0 82px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}@media (width>=576px){.bottom-area.jsx-4ce874680f19ed0c{padding:16px 24px}}@media (width<=576px){.bottom-area.jsx-4ce874680f19ed0c{display:none}}.link-input.jsx-4ce874680f19ed0c{border-radius:4px;width:100%;margin-top:12px;margin-bottom:12px;padding:6px 0;font-size:16px}.link-input.jsx-4ce874680f19ed0c:focus{outline:none}.thread-editor-textarea{resize:none;border:1px solid var(--light-grey-background);border-radius:8px;outline:none;width:100%;height:auto;max-height:300px;margin:6px 0 15px;padding:16px;font-size:16px;overflow-y:auto}@media (width<=365px){.thread-editor-textarea{max-height:110px}}.textbox__tools.jsx-4ce874680f19ed0c{display:block}@media (width>=576px){.textbox__tools.jsx-4ce874680f19ed0c{justify-content:space-between;display:flex}}.profile__info.jsx-4ce874680f19ed0c{align-items:center;margin-bottom:8px;display:flex}.profile__info.jsx-4ce874680f19ed0c .profile__info__photo.jsx-4ce874680f19ed0c{background-color:var(--avatar-background-dark);border-radius:50%;margin-right:8px;overflow:hidden}.profile__info.jsx-4ce874680f19ed0c .profile__info__name.jsx-4ce874680f19ed0c{font-weight:600}.thread-background-container.jsx-4ce874680f19ed0c{border-radius:6px;align-items:center;gap:.5rem;margin-bottom:5px;display:flex;position:relative;overflow-x:auto}@media (width>=576px){.thread-background-container.jsx-4ce874680f19ed0c{margin-bottom:0}}.thread-background-container.jsx-4ce874680f19ed0c .thread-background-switch.jsx-4ce874680f19ed0c{color:var(--inverse-text);z-index:2;background:linear-gradient(315.42deg,#2af598 3.91%,#0049fd 96.72%);border:1.6px solid #fff;border-radius:8px;width:35px;height:35px;font-size:13px;font-weight:700;position:relative;box-shadow:0 .8px 2.4px #1018281a,0 .8px 1.6px #1018280f}.thread-background-container.jsx-4ce874680f19ed0c .thread-background-switch.link-sharing.jsx-4ce874680f19ed0c{background-image:linear-gradient(45deg,#0072ff 15%,#00deb0 85%);justify-content:center;align-items:center;display:flex}.thread-background-container.jsx-4ce874680f19ed0c .thread-background-image.jsx-4ce874680f19ed0c{border-radius:50%;width:26px;height:26px;transition:left .5s cubic-bezier(.49,.01,.18,1.19);display:block;position:relative;left:-999px;overflow:hidden}.thread-background-container.jsx-4ce874680f19ed0c .thread-background-image.selected.jsx-4ce874680f19ed0c:before{content:"";z-index:10;background:#fff;border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thread-background-container.jsx-4ce874680f19ed0c .thread-background-image.jsx-4ce874680f19ed0c img.jsx-4ce874680f19ed0c:hover{cursor:pointer}.thread-background-container.visible.jsx-4ce874680f19ed0c .thread-background-image.jsx-4ce874680f19ed0c{left:0}.thread-background-container.visible.jsx-4ce874680f19ed0c .thread-background-image.selected.jsx-4ce874680f19ed0c:before{display:block}.cate-selector.jsx-4ce874680f19ed0c{padding:20px}.category-selector-switch.jsx-4ce874680f19ed0c{background-color:var(--light-background-2);border-radius:30px;align-items:center;padding:0 15px 0 3px;font-weight:700;display:flex}.category-selector-switch.jsx-4ce874680f19ed0c:hover{background-color:var(--hover-background)}.category-selector-switch.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c{background-image:linear-gradient(45deg,#0072ff 15%,#00deb0 85%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;display:flex}.file-upload-btn.jsx-4ce874680f19ed0c{border:1px solid var(--border-light);border-radius:62px;align-items:center;margin-left:12px;padding:4px 10px;font-size:14px;display:flex}.file-upload-btn.jsx-4ce874680f19ed0c svg{margin-right:8px}.publish-btn.jsx-4ce874680f19ed0c{color:var(--text-on-primary-color);background-color:var(--primary-color);background:linear-gradient(301.98deg,#2af598 -35.75%,#0049fd 111.74%);border-radius:8px;width:100%;padding:8px 24px;font-size:16px;font-weight:600}.publish-btn.disable.jsx-4ce874680f19ed0c{opacity:.5}.publish-btn.disable.jsx-4ce874680f19ed0c:hover{cursor:not-allowed}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .button.jsx-4ce874680f19ed0c{color:#555;cursor:pointer;outline:none;margin-right:1rem;display:inline-block;position:relative}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .expand-button.jsx-4ce874680f19ed0c{text-align:center;color:#fff;cursor:pointer;background-color:#979797;border-radius:3px;width:1.2rem;height:1.2rem;font-size:.8rem;line-height:1.2rem;display:inline-block;position:absolute;right:15px}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .button.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{color:var(--color-light-0);font-size:.9rem;font-weight:700}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .button.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c{color:var(--color-light-0);vertical-align:middle;margin-right:7px;font-size:.9rem;font-weight:700;display:inline-block}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .button.reset.jsx-4ce874680f19ed0c>.text.jsx-4ce874680f19ed0c{color:var(--color-light-1)}.thread-editor.jsx-4ce874680f19ed0c .top-area.jsx-4ce874680f19ed0c .button.jsx-4ce874680f19ed0c .icon.jsx-4ce874680f19ed0c svg{width:20px;display:inline-block}.thread-editor.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c:after,.thread-editor.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c:before{content:"";border-style:solid;width:0;height:0;display:block;position:absolute;left:50px}.thread-editor.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c:after{border-width:10px;border-color:#0000 #0000 #fff;top:-20px}.thread-editor.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c:before{border-width:12px;border-color:#0000 #0000 #ececec;top:-24px;left:48px}.thread-editor.jsx-4ce874680f19ed0c .textbox-area.jsx-4ce874680f19ed0c{background-color:var(--color-light-0);border-top:1px solid #ececec;border-bottom:1px solid #ececec;position:relative}.image-picker.jsx-4ce874680f19ed0c{margin-top:15px}.image-picker.jsx-4ce874680f19ed0c .image-picker-image-container{margin-right:5px;padding:0}.err.jsx-4ce874680f19ed0c{color:var(--error-text)}.err.jsx-4ce874680f19ed0c .clean-error.jsx-4ce874680f19ed0c{color:var(--button-light)}.tags.jsx-4ce874680f19ed0c{color:var(--color-accent-dark);margin:5px 0 5px 15px;font-weight:700}.tags.jsx-4ce874680f19ed0c .text.jsx-4ce874680f19ed0c{margin-right:6px}.thread-editor.jsx-4ce874680f19ed0c input[type=checkbox]{appearance:checkbox}.mini-mode.jsx-4ce874680f19ed0c{display:none}.thread-editor-textarea{font-size:16px}.thread-editor-textarea.selectedThreadBackgroundUrl{color:var(--text-light);text-shadow:0 2px 4px #00000040;text-align:center;vertical-align:middle;border:0;width:100%;padding:1rem;font-size:1.3rem;font-weight:700;line-height:2rem;display:inline-block}.thread-editor-textarea.selectedThreadBackgroundUrl::placeholder{color:var(--text-light);opacity:.75}.new-thread-title.jsx-4ce874680f19ed0c{resize:none;background-color:var(--color-light-0);border-bottom:1px solid var(--color-light-1);outline:none;width:100%;height:auto;padding:1rem;font-size:18px;line-height:26px}@media (width<=700px){.new-thread-title.jsx-4ce874680f19ed0c{margin-bottom:12px;padding:.5rem;font-size:16px}}.thread-with-background-editor.jsx-4ce874680f19ed0c{justify-content:center;align-items:center;margin-top:26px;margin-bottom:12px;display:flex}.thread-with-background-container.jsx-4ce874680f19ed0c{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.thread-with-background-container.jsx-4ce874680f19ed0c .close-bg.jsx-4ce874680f19ed0c{display:block;position:absolute;top:10px;right:10px}@media (width<=700px){.thread-with-background-container.jsx-4ce874680f19ed0c{border-radius:6px;width:100%;min-height:300px}}@media (width>=701px){.thread-with-background-container.jsx-4ce874680f19ed0c{border-radius:16px;width:500px;min-height:320px}}.go-back.jsx-4ce874680f19ed0c{color:var(--button-dark-text);text-transform:uppercase;background-color:var(--button-dark);border-radius:6px;margin-top:20px;padding:10px 25px;font-weight:700}.go-back.jsx-4ce874680f19ed0c svg{transform:rotate(180deg)}.form-mask.jsx-4ce874680f19ed0c{border-radius:8px;padding:16px}@media (width>=768px){.form-mask.jsx-4ce874680f19ed0c{background-color:var(--light-grey-background);box-shadow:var(--box-shadow-3);padding:16px 24px}}.form-mask.jsx-4ce874680f19ed0c:focus{outline:none}.form-mask.jsx-4ce874680f19ed0c .body.jsx-4ce874680f19ed0c{align-items:center;display:flex}.form-mask.jsx-4ce874680f19ed0c .body.jsx-4ce874680f19ed0c .avatar{flex:none;border-width:2px!important}@media (width<=575px){.form-mask.jsx-4ce874680f19ed0c .body.jsx-4ce874680f19ed0c .avatar{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important}}.form-mask.jsx-4ce874680f19ed0c .body.jsx-4ce874680f19ed0c span.jsx-4ce874680f19ed0c:last-child{opacity:.5;margin-left:8px}.form-mask.jsx-4ce874680f19ed0c .body.jsx-4ce874680f19ed0c .hello-message.jsx-4ce874680f19ed0c{background-color:var(--light-background-3);cursor:pointer;width:100%;color:var(--text-dark);border-radius:24px;padding:12px 20px;font-size:16px}.forum-title.jsx-4ce874680f19ed0c{display:none}.link-preview-section.jsx-4ce874680f19ed0c{margin-bottom:12px}.mode-toggle.jsx-4ce874680f19ed0c{align-items:center;margin-top:10px;font-size:.8em;display:flex}.mode-toggle.jsx-4ce874680f19ed0c>span.jsx-4ce874680f19ed0c{margin-right:5px}.quick-action.jsx-4ce874680f19ed0c{align-items:center;margin-right:4px;display:flex}.quick-action.img.dark-theme-icon.jsx-4ce874680f19ed0c path{fill:none;stroke:var(--dark-icon)}.quick-action.img.dark-theme-icon.jsx-4ce874680f19ed0c rect{stroke:var(--dark-icon)}');Y.__hash="4ce874680f19ed0c";let Z={samsung:"samsung galaxy",galaxy:"samsung galaxy","galaxy s":"samsung galaxy, samsung, galaxy s","galaxy a":"samsung galaxy, samsung, galaxy a","galaxy j":"samsung galaxy, samsung, galaxy j","galaxy note":"samsung galaxy, samsung, galaxy note",huawei:"huawei",xperia:"xperia",xiaomi:"xiaomi","mi a":"xiaomi","mi 8":"xiaomi, mi 8, xiaomi mi 8","mi 9":"xiaomi, mi 9, xiaomi mi 9",redmi:"redmi, xiaomi",smarthome:"smarthome, nhà thông minh",vsmart:"vsmart",oppo:"oppo",honor:"honor",find:"oppo",nokia:"nokia",bphone:"bphone",bb:"blackberry, bb",blackberry:"blackberry, bb","nhà thông minh":"smarthome, nhà thông minh",alpha:"sonycamera, alpha, sony alpha",hp:"hp, máy tính",dell:"dell, máy tính",asus:"asus, máy tính",acer:"acer, máy tính",zenbook:"asus, zenbook, máy tính",aw:"apple, apple watch, smartwatch","apple watch":"apple, apple watch, smartwatch",iphone:"apple, iphone","iphone xr":"apple, iphone xr","iphone xs":"apple, iphone xs","iphone xs max":"apple, iphone xs, iphone xs max",ip:"iphone",ipad:"ipad, apple","ipad pro":"ipad, ipad pro, apple",fb:"facebook, mạng xã hội",facebook:"facebook, mạng xã hội",google:"google",nikon:"nikon, máy ảnh",canon:"canon, máy ảnh",pentax:"pentax, máy ảnh",fuji:"fuji, fujifilm, máy ảnh",fujifilm:"fuji, fujifilm, máy ảnh",sigma:"sigma, ống kính, máy ảnh",tamron:"tamron, ống kính, máy ảnh",honda:"honda, xe",suzuki:"suzuki, xe",yamaha:"yamaha, xe","tai nghe":"tai nghe, âm thanh, audio",airpod:"airpods, airpod, tai nghe, âm thanh, audio"};class J extends p.default.Component{constructor(e){super(e);let{miniMode:t,headerMode:a,createTinhteFact:i,triggerType:s=B.B.BUTTON,requiredTagText:r,externalTrigger:o,currentThread:n}=this.props,d={loading:!1,uploading:!1,forumId:this.props.forumId||802,forumTitle:"",error:"",content:(0,m.default)(n,"firstPost.bodyPlain",""),threadTitle:"",fullsizeImage:!1,files:[],tags:r||"",miniMode:t,headerMode:a,createTinhteFact:i,triggerType:s,selectedThreadBackgroundId:"",selectedThreadBackgroundUrl:"",showCategorySelector:!1,showBackgroundSelector:!1,linkPreview:null,externalTrigger:o};this.state={...d,threadBackgrounds:[]},this.DEFAULT_STATE=d,this.toggleDialog=this.toggleDialog.bind(this),this.showFilePicker=this.showFilePicker.bind(this),this.removeFile=this.removeFile.bind(this),this.onSizeTypeChanged=this.onSizeTypeChanged.bind(this),this.onNewImages=this.onNewImages.bind(this),this.prepareThreadToSubmit=this.prepareThreadToSubmit.bind(this),this.resetForm=this.resetForm.bind(this),this.debounceForumReco=(0,u.default)(this.forumReco,500),this.debounceTagReco=(0,u.default)(this.tagReco,500),this.debounceGetLinkPreview=(0,u.default)(this.getLinkPreview,500),this.trackLinkClick=this.trackLinkClick.bind(this),this.toggleBackgroundSelector=this.toggleBackgroundSelector.bind(this),this.toggleLinkInput=this.toggleLinkInput.bind(this),this.toggleTinhteFact=this.toggleTinhteFact.bind(this),this.removeBackground=this.removeBackground.bind(this)}componentDidMount(){let{api:e}=this.props;e.onAuthenticated(()=>{this.getUserProfile(),this.getThreadBackgrounds()})}componentDidUpdate(e){e.miniMode!==this.props.miniMode&&this.setState({miniMode:this.props.miniMode})}onNewImages(e){let{files:t}=this.state;this.setState({files:t.concat(e)})}onSizeTypeChanged(e){this.setState({fullsizeImage:e})}onThreadTitleChange(e){this.setState({threadTitle:e})}onTextChange(e){this.setState({content:e},()=>{this.extractUrlFromContent(),this.debounceForumReco(),this.debounceTagReco()})}setThreadBackground(e){this.setState({selectedThreadBackgroundId:e?e.background_id:null,selectedThreadBackgroundUrl:e?e.links.image_url:null,files:null})}onLinkInputChange(e){this.getLinkPreview(e)}getUserProfile(){let{api:e}=this.props;e&&e.get("users/me").then(e=>{let t=(0,E.U)(e.user||{});this.setState({user:t})},()=>{})}getThreadBackgrounds(){let{api:e}=this.props;e&&e.get("/tinhte-backgrounds").then(e=>{this.setState({threadBackgrounds:e.backgrounds||[]})},()=>{})}getLinkPreview(e){let{api:t}=this.props;e&&t.get(`link-expander/preview?url=${encodeURI(e)}`).then(e=>{let t=(0,F.f)(e.link);this.setState({linkPreview:t,linkPreviewGeneratedUrl:t.url},()=>{this.debounceForumReco(),this.debounceTagReco()})},()=>{})}toggleLinkInput(){let{showLinkInput:e}=this.state;this.setState({showLinkInput:!e})}extractUrlFromContent(){let{content:e,linkPreviewGeneratedUrl:t}=this.state,a=e.match(/\bhttps?:\/\/\S+/gi),i="";a&&(i=a.slice(-1));let s=!1;i[0]!==t&&(s=!0),s&&this.debounceGetLinkPreview(i)}toggleBackgroundSelector(){this.setState({showBackgroundSelector:!this.state.showBackgroundSelector})}removeBackground(){this.setThreadBackground(null),this.toggleBackgroundSelector()}trackLinkClick(){(0,L.f)(A.f.tinhteHomeGAEventCategory,A.f.gaEventClick,A.f.gaCreateLongFormClick)}removeFile(e){let{files:t}=this.state;t.splice(e,1),this.setState({})}showFilePicker(){this.imagePicker.show()}resetForm(){this.setState(this.DEFAULT_STATE,()=>{g.default.findDOMNode(this.contentTextarea).value=this.state.content}),this.props.commenting&&this.props.commenting(!1)}tagReco(){let{content:e,createTinhteFact:t,linkPreview:a}=this.state,{requiredTagText:i,customTags:s}=this.props;if(i)return;let r=e;a&&(r=`${r} ${a.title} ${a.description}`);let o=new window.FormData;if(r&&o.append("text",r),s&&s.length>0){let e=s.join(", ");t&&(e+=", tinhtefact"),a&&(e+=", tinhtelink"),this.setState({tags:e})}else this.tagRecoOnLocal()}tagRecoOnLocal(){let{content:e,createTinhteFact:t,threadTitle:a,linkPreview:i}=this.state,s=e;t&&(s=`${a} ${e}`);let r="hỏi đáp";for(var o in t&&(r+=", tinhtefact"),i&&(r+=", tinhtelink"),this.props.tags&&(r+=`, ${this.props.tags}`),Z)s.toLowerCase().includes(o)&&(r+=`,${Z[o]}`);let n=r.split(",");(n=(0,b.default)(n)).length>10&&(n=n.slice(0,10));let d=n.join(",");this.setState({tags:d})}forumReco(){let{forumId:e,forumTitle:t}=this.props;e?this.setState({forumId:e,forumTitle:t}):this.setState({forumId:802,forumTitle:"Chuyện ngoài lề"})}async prepareThreadToSubmit(){let{loading:e,createTinhteFact:t,content:a,files:i,linkPreview:s,linkPreviewGeneratedUrl:r}=this.state;if(e)return;if(this.setState({loading:!0,uploading:!0}),this.props.currentThread&&a){try{await this.editTinhteFact(),this.setState({loading:!1,uploading:!1,miniMode:!0})}catch(e){this.setState({loading:!1,uploading:!1}),console.error(e)}return}if(t&&(!i||0===i.length)&&!this.state.selectedThreadBackgroundId&&!r)return void this.setState({error:"Chưa chọn hình bạn ơi, chọn hình cái rồi post",loading:!1,uploading:!1});if(!a&&!(t&&r))return void this.setState({loading:!1,uploading:!1,error:"Vui lòng không để nội dung trống"});let o=a.split("\n")[0];if(o.length>100){for((o=o.slice(0,100).split(/ /)).pop();o.join(" ").length>97;)o.pop();o=`${o.join(" ")}...`}t&&s&&(o=s.title?s.title.replace(/http:\/\/|https:\/\//g,"").replace("www.",""):o.replace(/http:\/\/|https:\/\//g,"").replace("www.",""));try{await this.submitThread(o),this.resetForm()}catch(e){this.setState({loading:!1,uploading:!1}),console.error(e)}}editTinhteFact(){let{api:e,currentThread:t,addNewThread:a}=this.props,{content:i}=this.state,s=new URLSearchParams;return t.isEmbedVideo&&(i+=((0,m.default)(t,"firstPost.body","").match(/\[MEDIA=[^\]]+][\s\S]*?\[\/MEDIA]/g)||[]).join("\n")),s.append("post_body",i),e.put({uri:`threads/${t.id}`,body:s}).then(e=>{a((0,T.U)((0,m.default)(e,"thread",null)))})}async submitThread(e){let{api:t,inlineMode:a,goToThreadAfterPosted:i}=this.props,{forumId:s,fullsizeImage:r,files:o,tags:n,createTinhteFact:d,selectedThreadBackgroundId:c,selectedThreadBackgroundUrl:l,triggerType:h,showLinkInput:x,linkPreviewGeneratedUrl:p}=this.state,{content:f}=this.state;l&&(f=`${f} 
 [meta=thread_background_url]${l}[/meta]`),d&&p&&!f.includes(p)&&(f=f?`${f} 
 ${p}`.trim():`${p}`),x&&(f=`${f} 

 [PREVIEW]${p}[/PREVIEW]`);let g=new v.f(t),u=null;try{u=await g.uploadAttachments(o,null,null,s,r);let t=new window.FormData;if(t.append("forum_id",s),t.append("thread_prefix_id",125),t.append("thread_title",e),t.append("post_body",f),t.append("thread_tags",n),t.append("background_id",c),u&&u.length>0){let e=u.map(e=>e.attachment_id).filter(e=>e);t.append("tinhtemods_attachments_ordered",e.toString())}return this.props.api.post({uri:"threads",body:t}).catch(e=>{u&&g.deleteAttachments(u,s),this.setState({error:e.toString()})}).then(e=>{if(e.errors)u&&g.deleteAttachments(u,s),this.setState({error:e.errors.toString()});else if(d&&p){let t=(0,T.U)((0,m.default)(e,"thread",null));window.location.href=t.link}else if(a||h===B.B.FACTS)if(a||h!==B.B.FACTS)if(a&&i){let t=(0,T.U)((0,m.default)(e,"thread",null));window.location.href=t.link}else{let{forumTitle:t}=this.state,a={...e.thread,forum:{forum_title:t,forum_id:e.thread.forum_id}};this.props.newThread(a)}else{let t=(0,T.U)((0,m.default)(e,"thread",null));d?this.props.addNewThread(t):window.location.href=t.link}else{let t=(0,T.U)((0,m.default)(e,"thread",null));window.location.href=d?t.newThreadLinkIdOnly:t.link}})}catch(e){u&&g.deleteAttachments(u,s),k.c.error(e.toString()),this.setState({error:e.toString()})}return!1}toggleDialog(e){let{miniMode:t,user:a}=this.state;a?(this.setState({miniMode:!t,...e}),this.props.commenting&&this.props.commenting(t)):window.location.href="/login""}toggleTinhteFact(){let{createTinhteFact:e}=this.state;this.setState({createTinhteFact:!e},this.debounceTagReco())}render(){let{uploading:e,files:t,threadBackgrounds:a,error:i,threadTitle:s,content:r,user:o,miniMode:n,headerMode:d,selectedThreadBackgroundUrl:c,showCategorySelector:l,showBackgroundSelector:f,createTinhteFact:g,linkPreview:m,showLinkInput:u,linkPreviewGeneratedUrl:b,triggerType:k,externalTrigger:v}=this.state,{label:T,titleTTF:E,currentThread:F,createFactButtonId:I}=this.props,L=T||"+ VIẾT BÀI CHIA SẺ, ĐẶT CÂU HỎI, SHARE LINK";return g&&(L="Tạo bài tinhteFact"),d&&(L="Viết bài chia sẻ"),(0,h.jsxs)("div",{className:`jsx-${Y.__hash} thread-editor`,children:[k===B.B.FACTS&&!v&&(0,h.jsx)("button",{onClick:this.toggleDialog,id:I||"createFactButton",className:`jsx-${Y.__hash}`,children:(0,h.jsx)(N.f,{user:o})}),k===B.B.BUTTON&&!v&&(0,h.jsxs)(p.Fragment,{children:[E&&(0,h.jsx)("span",{className:`jsx-${Y.__hash} title-ttf`,children:"Tinhte Fact"}),(0,h.jsxs)("button",{onClick:this.toggleDialog,id:g?I||"createFactButton":"",className:`jsx-${Y.__hash} blue-switch ${d?"header-mode":""} ${g?"tinhtefact":""}`,children:[(0,h.jsx)("span",{className:`jsx-${Y.__hash} icon`,children:(0,h.jsx)(z,{})}),(0,h.jsx)("span",{className:`jsx-${Y.__hash} text`,children:L})]})]}),k===B.B.FORM&&!v&&(0,h.jsx)("div",{role:"button",tabIndex:"0",onClick:this.toggleDialog,onKeyPress:this.toggleDialog,className:`jsx-${Y.__hash} form-mask`,children:(0,h.jsxs)("div",{className:`jsx-${Y.__hash} body`,children:[o?(0,h.jsx)(y.f,{src:o.avatar,alt:o.name,width:"40px",height:"40px"}):(0,h.jsx)(y.f,{width:"40px",height:"40px"}),(0,h.jsx)("button",{onClick:this.toggleDialog,className:`jsx-${Y.__hash} blue-switch`,children:"+ Tạo bài viết"}),(0,h.jsx)("button",{onClick:()=>this.toggleDialog({showBackgroundSelector:!0}),className:`jsx-${Y.__hash} quick-action dark-theme-icon img`,children:(0,h.jsx)(K,{})}),(0,h.jsx)("button",{onClick:()=>this.toggleDialog({showLinkInput:!0}),className:`jsx-${Y.__hash} quick-action dark-theme-icon`,children:(0,h.jsx)(Q,{})})]})}),o&&(0,h.jsx)(w.default,{isOpen:!n,onRequestClose:this.resetForm,shouldCloseOnOverlayClick:!0,className:"thread-editor-modal",children:l?(0,h.jsxs)("div",{className:`jsx-${Y.__hash} cate-selector`,children:[(0,h.jsx)(C.f,{user:o}),(0,h.jsxs)("button",{onClick:()=>this.setState({showCategorySelector:!1}),className:`jsx-${Y.__hash} go-back`,children:[(0,h.jsx)(W,{}),"  Quay lại"]})]}):(0,h.jsxs)(p.Fragment,{children:[(0,h.jsxs)("div",{className:`jsx-${Y.__hash} top-area`,children:[(0,h.jsxs)("div",{className:`jsx-${Y.__hash} label`,children:[(0,h.jsxs)("div",{className:`jsx-${Y.__hash} btn-back-wrap`,children:[(0,h.jsx)("button",{onClick:this.resetForm,className:`jsx-${Y.__hash} reset-btn visible-xs`,children:(0,h.jsx)(M,{})}),g?F?"Chỉnh sửa Fact":"Tạo Fact mới":"Tạo bài chia sẻ"]}),!F&&(0,h.jsxs)("div",{className:`jsx-${Y.__hash} mode-toggle`,children:[(0,h.jsx)("span",{className:`jsx-${Y.__hash}`,children:"Chuyển chế độ đăng:"}),(0,h.jsx)(S.f,{enabled:g,onStateChanged:this.toggleTinhteFact})]})]}),(0,h.jsx)("button",{onClick:this.resetForm,className:`jsx-${Y.__hash} reset-btn hidden-xs`,children:(0,h.jsx)(M,{})}),(0,h.jsx)("button",{onClick:this.prepareThreadToSubmit,className:`jsx-${Y.__hash} publish-btn visible-xs`,children:e?(0,h.jsx)("i",{className:`jsx-${Y.__hash} fa fa-spinner fa-spin`}):"Đăng Bài"})]}),(0,h.jsxs)("div",{className:`jsx-${Y.__hash} middle-area`,children:[(0,h.jsxs)("div",{className:`jsx-${Y.__hash} textbox-area`,children:[o&&!c&&(0,h.jsxs)("div",{className:`jsx-${Y.__hash} profile__info`,children:[(0,h.jsx)("img",{width:"36",height:"36",src:o.avatar,alt:o.name,className:`jsx-${Y.__hash} profile__info__photo`}),(0,h.jsx)("p",{className:`jsx-${Y.__hash} profile__info__name`,children:o.name})]}),(0,h.jsxs)("div",{className:`jsx-${Y.__hash} textbox__info`,children:[(0,h.jsxs)("div",{style:{flex:1},className:`jsx-${Y.__hash} text_input__wrap`,children:[o&&(0,h.jsx)(p.Fragment,{children:c?(0,h.jsx)("div",{className:`jsx-${Y.__hash} thread-with-background-editor`,children:(0,h.jsxs)("div",{style:{backgroundImage:`url(${c})`},className:`jsx-${Y.__hash} thread-with-background-container`,children:[(0,h.jsx)("button",{onClick:this.removeBackground,className:`jsx-${Y.__hash} close-bg`,children:(0,h.jsx)(R,{})}),(0,h.jsx)(j.f,{value:r,placeholder:`Viết nội dung bạn muốn chia sẻ v\xf4 đ\xe2y n\xe8 ${o.name} ơi`,className:`thread-editor-textarea ${c?"selectedThreadBackgroundUrl":""}`,ref:e=>{this.contentTextarea=e},onChange:e=>this.onTextChange(e.target.value),onPaste:e=>this.onTextChange(e.target.value),minRows:0})]})}):(0,h.jsxs)(p.Fragment,{children:[u&&(0,h.jsx)("input",{autoFocus:!0,type:"text",placeholder:"Dán link vô đây nè",value:b,onChange:e=>this.onLinkInputChange(e.target.value),className:`jsx-${Y.__hash} link-input`}),(0,h.jsx)(j.f,{autoFocus:!0,value:r,placeholder:u?"Bạn muốn chia sẻ gì về link này thì viết vô đây...":`Viết nội dung bạn muốn chia sẻ v\xf4 đ\xe2y n\xe8 ${o.name} ơi`,className:`thread-editor-textarea ${g?"createTinhteFact":""}`,ref:e=>{this.contentTextarea=e},onChange:e=>this.onTextChange(e.target.value),onPaste:e=>this.onTextChange(e.target.value),minRows:g?4:6})]})}),m&&(0,h.jsx)("div",{className:`jsx-${Y.__hash} link-preview-section`,children:(0,h.jsx)($.f,{linkPreview:m,onRemovePreview:()=>{this.setState({linkPreview:null})}})})]}),!m&&(!t||0===t.length)&&(0,h.jsxs)("div",{className:`jsx-${Y.__hash} textbox__tools`,children:[(0,h.jsxs)("div",{className:`jsx-${Y.__hash} thread-background-container ${f&&"visible"}`,children:[!g&&(0,h.jsx)("button",{onClick:this.toggleLinkInput,className:`jsx-${Y.__hash} thread-background-switch link-sharing`,children:(0,h.jsx)("img",{src:G.default,alt:"Đăng link",width:"20",className:`jsx-${Y.__hash}`})}),!F&&(0,h.jsx)("button",{onClick:this.toggleBackgroundSelector,className:`jsx-${Y.__hash} thread-background-switch`,children:"Aa"}),a&&a.map(e=>(0,h.jsx)("span",{className:`jsx-${Y.__hash} thread-background-image ${e.links&&e.links.image_url===c?"selected":""}`,children:(0,h.jsx)("img",{src:e.links&&e.links.thumbnail_url,alt:"Ảnh nền cho bài đăng của bạn",onClick:()=>this.setThreadBackground(e),onKeyPress:()=>this.setThreadBackground(e),role:"presentation",width:"35",height:"35",className:`jsx-${Y.__hash}`})},e&&e.background_id))]}),!g&&(0,h.jsxs)("a",{href:"/editorv2/create/767/",className:`jsx-${Y.__hash} btn category-selector-switch`,children:[(0,h.jsx)("span",{className:`jsx-${Y.__hash} icon`,children:(0,h.jsx)("img",{src:H.default,alt:"Đăng bài dài",width:"20",className:`jsx-${Y.__hash}`})}),"BÀI DÀI",(0,h.jsxs)("span",{className:`jsx-${Y.__hash}`,children:["  ",(0,h.jsx)(W,{})]})]})]}),!c&&(0,h.jsx)("div",{className:`jsx-${Y.__hash} image-picker`,children:(0,h.jsx)(_.f,{files:t,ref:e=>{this.imagePicker=e},onSizeTypeChanged:this.onSizeTypeChanged,onNewImages:this.onNewImages,removeFile:this.removeFile,createTinhteFact:g,threadTitle:s,content:r})})]})]}),!F&&!m&&!c&&(0,h.jsxs)("div",{className:`jsx-${Y.__hash} additional-tools`,children:[(0,h.jsx)("div",{className:`jsx-${Y.__hash}`,children:"Thêm vào bài viết:"}),(0,h.jsxs)("button",{onClick:this.showFilePicker,className:`jsx-${Y.__hash} file-upload-btn`,children:[(0,h.jsx)(D,{}),(0,h.jsx)("span",{className:`jsx-${Y.__hash}`,children:"Hình ảnh"})]})]}),i&&(0,h.jsx)("div",{className:`jsx-${Y.__hash} err`,children:(0,h.jsx)("span",{className:`jsx-${Y.__hash} text`,children:i})})]}),(0,h.jsx)("div",{className:`jsx-${Y.__hash} bottom-area hidden-xs`,children:(0,h.jsx)("button",{onClick:this.prepareThreadToSubmit,className:`jsx-${Y.__hash} publish-btn`,children:e?(0,h.jsx)("i",{className:`jsx-${Y.__hash} fa fa-spinner fa-spin`}):F?"Sửa bài":"Đăng Bài"})})]})}),(0,h.jsx)(x.default,{id:Y.__hash,children:Y})]})}}let ee=f.f.ApiConsumer(J);e.s(["f",0,ee],94764)},849377,e=>{let t=Object.freeze({FACTS:0,BUTTON:1,FORM:2}),a=Object.freeze({GRID:"grid",LIST:"list"});e.s(["F",0,a,"B",0,t])}])})();