https://thainamthip.co.th/_next/static/chunks/pages/backend/coke_d…/images-7a639d6dd814bb6e5d34.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8534],{51161:function(e,n,t){"use strict";var o=t(64836);n.Z=void 0;var r=o(t(64938)),a=t(85893);n.Z=(0,r.default)((0,a.jsx)("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),"ErrorOutlineOutlined")},21283:function(e,n,t){"use strict";t.d(n,{Z:function(){return P}});var o=t(63366),r=t(87462),a=t(67294),i=t(90512),c=t(94780),s=t(90948),l=t(28628),d=t(15949),u=t(85893),f=(0,d.Z)((0,u.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person"),h=t(1588),m=t(34867);function g(e){return(0,m.ZP)("MuiAvatar",e)}(0,h.Z)("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]);var p=t(33703),v=t(86542),x=t(65610),k=t(90628);const _=["className","elementType","ownerState","externalForwardedProps","getSlotOwnerState","internalForwardedProps"],b=["component","slots","slotProps"],j=["component"];const Z=["alt","children","className","component","slots","slotProps","imgProps","sizes","src","srcSet","variant"],w=(0,s.ZP)("div",{name:"MuiAvatar",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,n[t.variant],t.colorDefault&&n.colorDefault]}})((({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none",variants:[{props:{variant:"rounded"},style:{borderRadius:(e.vars||e).shape.borderRadius}},{props:{variant:"square"},style:{borderRadius:0}},{props:{colorDefault:!0},style:(0,r.Z)({color:(e.vars||e).palette.background.default},e.vars?{backgroundColor:e.vars.palette.Avatar.defaultBg}:(0,r.Z)({backgroundColor:e.palette.grey[400]},e.applyStyles("dark",{backgroundColor:e.palette.grey[600]})))}]}))),y=(0,s.ZP)("img",{name:"MuiAvatar",slot:"Img",overridesResolver:(e,n)=>n.img})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),C=(0,s.ZP)(f,{name:"MuiAvatar",slot:"Fallback",overridesResolver:(e,n)=>n.fallback})({width:"75%",height:"75%"});var P=a.forwardRef((function(e,n){const t=(0,l.i)({props:e,name:"MuiAvatar"}),{alt:s,children:d,className:f,component:h="div",slots:m={},slotProps:P={},imgProps:D,sizes:N,src:S,srcSet:T,variant:A="circular"}=t,F=(0,o.Z)(t,Z);let E=null;const I=function({crossOrigin:e,referrerPolicy:n,src:t,srcSet:o}){const[r,i]=a.useState(!1);return a.useEffect((()=>{if(!t&&!o)return;i(!1);let r=!0;const a=new Image;return a.onload=()=>{r&&i("loaded")},a.onerror=()=>{r&&i("error")},a.crossOrigin=e,a.referrerPolicy=n,a.src=t,o&&(a.srcset=o),()=>{r=!1}}),[e,n,t,o]),r}((0,r.Z)({},D,{src:S,srcSet:T})),O=S||T,z=O&&"error"!==I,M=(0,r.Z)({},t,{colorDefault:!z,component:h,variant:A}),R=(e=>{const{classes:n,variant:t,colorDefault:o}=e,r={root:["root",t,o&&"colorDefault"],img:["img"],fallback:["fallback"]};return(0,c.Z)(r,g,n)})(M),[q,H]=function(e,n){const{className:t,elementType:a,ownerState:i,externalForwardedProps:c,getSlotOwnerState:s,internalForwardedProps:l}=n,d=(0,o.Z)(n,_),{component:u,slots:f={[e]:void 0},slotProps:h={[e]:void 0}}=c,m=(0,o.Z)(c,b),g=f[e]||a,Z=(0,x.Z)(h[e],i),w=(0,k.Z)((0,r.Z)({className:t},d,{externalForwardedProps:"root"===e?m:void 0,externalSlotProps:Z})),{props:{component:y},internalRef:C}=w,P=(0,o.Z)(w.props,j),D=(0,p.Z)(C,null==Z?void 0:Z.ref,n.ref),N=s?s(P):{},S=(0,r.Z)({},i,N),T="root"===e?y||u:y,A=(0,v.Z)(g,(0,r.Z)({},"root"===e&&!u&&!f[e]&&l,"root"!==e&&!f[e]&&l,P,T&&{as:T},{ref:D}),S);return Object.keys(N).forEach((e=>{delete A[e]})),[g,A]}("img",{className:R.img,elementType:y,externalForwardedProps:{slots:m,slotProps:{img:(0,r.Z)({},D,P.img)}},additionalProps:{alt:s,src:S,srcSet:T,sizes:N},ownerState:M});return E=z?(0,u.jsx)(q,(0,r.Z)({},H)):d||0===d?d:O&&s?s[0]:(0,u.jsx)(C,{ownerState:M,className:R.fallback}),(0,u.jsx)(w,(0,r.Z)({as:h,ownerState:M,className:(0,i.Z)(R.root,f),ref:n},F,{children:E}))}))},86930:function(e,n,t){"use strict";var o=t(63906),r=t(9573),a=t(56011),i=t(3694),c=t(46926),s=t(38732),l=t(41664),d=t(67294),u=t

1(53023),f=t(98421),h=t(8677),m=t(85893);n.Z=function(e){var n=e.section_id,t="/backend/coke_dee/section/".concat(n,"/title"),g=(0,d.useState)(!1),p=g[0],v=g[1];return(0,d.useEffect)((function(){n&&u.Z.getAllCokeDeeContents().then((function(e){var t=(e.data.contents||[]).find((function(e){return"".concat(e.coke_dee_section_id)==="".concat(n)&&e.is_title}));v(t||null)})).catch((function(e){return console.log(e.response)}))}),[n]),(0,m.jsx)(o.Z,{mb:4,children:(0,m.jsxs)(r.Z,{sx:{backgroundColor:"#F9FAFC"},children:[(0,m.jsx)(a.Z,{children:(0,m.jsxs)(i.Z,{children:[(0,m.jsx)(c.Z,{children:"Page Title"}),(0,m.jsx)(c.Z,{style:{textAlign:"right",minWidth:"260px"},children:"Manage"})]})}),(0,m.jsx)(s.Z,{children:(0,m.jsxs)(i.Z,{hover:!0,children:[(0,m.jsx)(c.Z,{children:p?(0,f.Vt)((0,h.VQ)(p.trans,"th","title")):"-- Not set --"}),(0,m.jsx)(c.Z,{style:{textAlign:"right"},children:(0,m.jsx)(l.default,{href:t,children:(0,m.jsxs)("a",{className:"buttonSecondary",children:["Edit ",(0,m.jsx)("i",{className:"fa fa-pencil-alt"})]})})})]})})]})})}},73255:function(e,n,t){"use strict";var o=t(93967),r=t.n(o),a=t(67294),i=t(3694),c=t(85893);n.Z=function(e){var n=e.id,t=e.index,o=e.children,s=e.onDrop,l=e.onDragEnd,d=(0,a.useState)(""),u=d[0],f=d[1],h=function(e,n,t){f(""),l(n,t)};return(0,c.jsx)(i.Z,{className:r()("drag ",u),draggable:!0,onDragStart:function(e){f("")},onDragEnter:function(e){f("")},onDrop:function(){f(""),s(n,t)},onDragOver:function(e){return function(e,n,t){return e.preventDefault&&e.preventDefault(),f("over"),e.dataTransfer.dropEffect="move",!1}(e)},onDragLeave:function(e){f("")},onDrag:function(e){return e.stopPropagation&&e.stopPropagation(),f(""),!1},onDragEnd:function(e){return h(0,n,t)},children:o})}},1386:function(e,n,t){"use strict";t(67294);var o=t(1905),r=t(51161),a=t(85893);n.Z=function(e){var n=e.show,t=e.onHide,i=e.size,c=e.text,s=e.cancel_btn,l=e.ref_id,d=e.onConfirm;return(0,a.jsx)(o.Z,{className:"modal-alert",centered:!0,show:n,onHide:t,size:i,children:(0,a.jsx)(o.Z.Body,{children:(0,a.jsx)("form",{children:(0,a.jsxs)("div",{className:"row mt-4 justify-content-center",children:[(0,a.jsx)("div",{className:"col-12",children:(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)(r.Z,{color:"error",sx:{fontSize:90}})})}),(0,a.jsx)("div",{className:"col-12 my-4",children:(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("h4",{children:c})})}),(0,a.jsx)("div",{className:"col-12 mb-4",children:(0,a.jsxs)("div",{className:"text-center",children:[s&&(0,a.jsx)("button",{type:"button",className:"buttonSecondary",onClick:t,children:"Cancel"}),(0,a.jsx)("button",{type:"button",className:"buttonPrimary",onClick:function(e){d?(d(l||null),t()):t()},children:"Confirm"})]})})]})})})})}},11790:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return j},default:function(){return Z}});var o=t(41664),r=t(83789),a=t(63906),i=t(9573),c=t(56011),s=t(3694),l=t(46926),d=t(38732),u=t(21283),f=t(67294),h=t(53023),m=t(73255),g=t(1386),p=t(85893),v=function(e){var n=e.section_id,t=e.basePath,v=(0,f.useState)(!1),x=v[0],k=v[1],_=(0,f.useState)(!1),b=_[0],j=_[1],Z=function(){n&&h.Z.getAllCokeDeeContents().then((function(e){var t=e.data.contents||[];j(t.filter((function(e){return"".concat(e.coke_dee_section_id)==="".concat(n)&&!e.is_title})))})).catch((function(e){console.log(e.response)}))};(0,f.useEffect)((function(){Z()}),[n]);var w=(0,f.useState)(),y=w[0],C=w[1],P=(0,f.useState)({}),D=P[0],N=P[1],S=function(e,n){var t=(0,r.Z)(b),o=t.splice(e,1)[0];t.splice(n,0,o),T(t.map((function(e,n){return{coke_dee_content_id:e.coke_dee_content_id,order_seq:n}})))},T=function(e){var n=new FormData;n.append("data_order",JSON.stringify(e)),h.Z.updateOrderCokeDeeContent(n).then((function(){return Z()})).catch((function(e){return console.log(e.response)}))};return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.Z,{children:(0,p.jsxs)(i.Z,{sx:{backgroundColor:"#F9FAFC"},children:[(0,p.jsx)(c.Z,{children:(0,p.jsxs)(s.Z,{children:[(0,p.jsx)(l.Z,{children:"#"}),(0,p.jsx)(l.Z,{children:"Alt Text"}),(0,p.jsx)(l.Z,{children:"Image"}),(0,p.jsx)(l.Z,{children:"Manage"})]})}),(0,p.jsx)(d.Z,{children:b?null===b||void 0===b?void 0:b.map((function(e,n){return(0,p.jsxs)(m.Z,{id:n+1,index:n,onDrop:function(e,n){return N({id:e,i:n})},onDragEnd:function(e,n){return function(e,n){D.id!==e&&D.i!==n&&S(n,D.i)}

1(e,n)},children:[(0,p.jsx)(l.Z,{children:n+1}),(0,p.jsx)(l.Z,{children:(null===e||void 0===e?void 0:e.alt)||"-"}),(0,p.jsx)(l.Z,{children:null!==e&&void 0!==e&&e.url_image?(0,p.jsx)(u.Z,{variant:"rounded",src:e.url_image,sx:{width:80,height:80}}):"-"}),(0,p.jsxs)(l.Z,{style:{textAlign:"right",minWidth:"260px"},children:[(0,p.jsx)(o.default,{href:"".concat(t,"/edit/").concat(e.coke_dee_content_id),children:(0,p.jsxs)("a",{className:"buttonSecondary",children:["Edit ",(0,p.jsx)("i",{className:"fa fa-pencil-alt"})]})}),(0,p.jsxs)("a",{className:"buttonDelete",onClick:function(){return n=e.coke_dee_content_id,C(n),void k(!0);var n},children:["Delete ",(0,p.jsx)("i",{className:"fa fa-trash"})]})]})]},e.coke_dee_content_id)})):[]})]})}),(0,p.jsx)(g.Z,{show:x,text:"Do you confirm to delete this ?",size:"md",cancel_btn:!0,onConfirm:function(){y&&h.Z.deleteCokeDeeContent(y).then((function(){Z(),k(!1)})).catch((function(e){console.log(e.response)}))},ref_id:y,onHide:function(){return k(!1)}})]})},x=t(86930),k=t(85260),_=t(98421),b=t(8677),j=!0,Z=function(e){var n,t=e.section_id,r=e.section,a="/backend/coke_dee/section/".concat(t,"/images");return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(k.Z,{title:"Coke Dee Page - Images",pageProps:{mainPage:"coke_dee",page:"coke_dee",subpage:"customize_coke_dee"},pageTopNav:"Coke Dee Page - Images",dataBreadcrumb:[{name:"Coke Dee Page",href:"/backend/coke_dee",as:"/backend/coke_dee",active:!1},{name:(null===r||void 0===r||null===(n=r.page)||void 0===n?void 0:n.page_name)||"Sections",href:"/backend/coke_dee/".concat((null===r||void 0===r?void 0:r.coke_dee_page_id)||"","/section"),as:"/backend/coke_dee/".concat((null===r||void 0===r?void 0:r.coke_dee_page_id)||"","/section"),active:!1},{name:r?(0,_.Vt)((0,b.VQ)(r.trans,"th","title")):"Images",active:!0}],children:(0,p.jsx)("div",{className:"main-content",children:(0,p.jsxs)("div",{className:"container mt-3",children:[(0,_.Bf)(null===r||void 0===r?void 0:r.slug)&&(0,p.jsx)(x.Z,{section_id:t}),(0,p.jsx)("div",{className:"row justify-content-end mb-4",children:(0,p.jsx)("div",{className:"col-6",children:(0,p.jsx)("div",{className:"text-right",children:(0,p.jsx)(o.default,{href:"".concat(a,"/create"),children:(0,p.jsx)("a",{className:"buttonPrimary",children:"Create"})})})})}),(0,p.jsx)("div",{children:(0,p.jsx)(v,{section_id:t,basePath:a})})]})})})})}},98421:function(e,n,t){"use strict";t.d(n,{Vt:function(){return c},IU:function(){return s},QK:function(){return l},wB:function(){return d},Bf:function(){return u},Uq:function(){return f},vO:function(){return h},Qf:function(){return m}});var o=t(8677);var r=[{slug:"coke-dee-banner",label:"\u0e41\u0e1a\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01",formType:"image-list",anchor:!1,imageHint:"(1920px x 480px : 4:1)",mobileImageHint:"(1024px x 512px : 2:1)"},{slug:"what-is-coke-dee",label:"Coke Dee \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23",label_en:"What is Coke Dee",formType:"icon-feature-list",anchor:!0,maxItems:3,colors:"red",needsPageTitle:!0,imageHint:"(96px x 96px : 1:1)"},{slug:"download-coke-dee",label:"\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e2d\u0e1b Coke Dee",label_en:"Download Coke Dee App",formType:"download-widgets",anchor:!0,maxItems:2,colors:"blue"},{slug:"follow-coke-dee",label:"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 Coke Dee \u0e1a\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e25\u0e40\u0e19\u0e47\u0e15\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e04",label_en:"Follow Coke Dee on Social Media",formType:"follow-social",anchor:!0,colors:"green",needsPageTitle:!0},{slug:"coke-dee-product",label:"\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e44\u0e17\u0e22\u0e19\u0e49\u0e33\u0e17\u0e34\u0e1e\u0e22\u0e4c \u0e42\u0e04\u0e04\u0e32-\u0e42\u0e04\u0e25\u0e48\u0e32\u0e1a\u0e19 Coke Dee",label_en:"ThaiNamthip Coca-Cola Products on Coke Dee",formType:"image-list",anchor:!0,colors:"black",needsPageTitle:!0,imageHint:"(860px x 980px : 215:245)"},{slug:"order-with-coke-dee",label:"\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e44\u0e17\u0e22\u0e19\u0e49\u0e33\u0e17\u0e34\u0e1e\u0e22\u0e4c \u0e42\u0e04\u0e04\u0e32-\u0e42\u0e04\u0e25\u0e48\u0e32 \u0e1c\u0e48\u0e32\u0e19 Coke Dee",label_en:"Why Order ThaiNamthip Coca-Cola Through Coke Dee",formType:"icon-feature-list",anchor:!0,colors:"yellow",needsPageTitle:!0,imageHint:"(400px x 400px : 1:1)"},{slug:"coke-dee-review",label:"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19",label_en:"User Reviews",formType:"review",anchor:!0,colors:"white",needsPageTitle:!0},{slug:"coke-dee-benefits",label:"\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e1a\u0e19 Coke Dee",label_en:"Benefits on Coke Dee",formType:"icon-feature-list",anchor:!0,colors:"pink",needsPageTitle:!0,imageHint:"(900px x 600px : 3:2)"},{slug:"start-with-coke-dee",label:"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 Coke Dee",label_en:"Get Started with Coke Dee",formType:"icon-feature-list",anchor:!0,hasVideo:!0,colors:"orange",needsPageTitle:!0,imageHint:"(1280px x 720px : 16:9)"},{slug:"coke-dee-faq",label:"\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22",label_en:"Frequently Asked Questions",formType:"faq",anchor:!0,needsPageTitle:!0,colors:"brown"}],a={"&nbsp;":" ","&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},i=/&(?:nbsp|amp|lt|gt|quot|#39);/g,c=function(e){return(e||"").replace(/<[^>]*>/g,"").replace(i,(function(e){return a[e]})).trim()},s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],t=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"th",a=l(t),i=e.find((function(e){return e.slug===t}));if(!i)return(null===a||void 0===a?void 0:a.label)||"";var c=n.filter((function(e){return e.coke_dee_section_id===i.coke_dee_section_id})),s=f(c),d=s?(0,o.VQ)(s.trans,r,"title"):null;return d||(null===a||void 0===a?void 0:a.label)||""},l=function(e){return r.find((function(n){return n.slug===e}))},d=function(e){return!!l(e)},u=function(e){var n;return!(null===(n=l(e))||void 0===n||!n.needsPageTitle)},f=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.find((function(e){return e.is_title}))},h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter((function(e){return!e.is_title}))},m=function(e){var n=l(null===e||void 0===e?void 0:e.slug),t=null===n||void 0===n?void 0:n.formType,o=null===e||void 0===e?void 0:e.coke_dee_section_id;switch(t){case"icon-feature-list":return"/backend/coke_dee/section/".concat(o,"/features");case"image-list":return"/backend/coke_dee/section/".concat(o,"/images");case"download-widgets":return"/backend/coke_dee/section/".concat(o,"/download");case"follow-social":return"/backend/coke_dee/section/".concat(o,"/social");case"review":return"/backend/coke_dee/section/".concat(o,"/reviews");case"faq":return"/backend/coke_dee/section/".concat(o,"/faq");default:return"/backend/coke_dee/section/".concat(o,"/content")}}},5865:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/backend/coke_dee/section/[section_id]/images",function(){return t(11790)}])},83789:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var o=t(56586);var r=t(16988);function a(e){return function(e){if(Array.isArray(e))return(0,o.Z)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||(0,r.Z)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(e){e.O(0,[9774,4636,4170,9704,9125,3066,6233,5260,2888,179],(function(){return n=5865,e(e.s=n);var n}));var n=e.O();_N_E=n}]);