https://samugiken.com/_next/static/chunks/pages/admin/content/banners-3c37f263846ab93a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7741],{49123:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/content/banners",function(){return t(48931)}])},86516:function(e,n,t){"use strict";var a=t(52676),i=t(43532),r=t(78051),s=t(57786),o=t(57065),c=t(29607),l=t(76517),d=t(39771),u=t(83471),m=t(88290);let{Dragger:p}=i.default;n.Z=e=>{let{value:n,onChange:t,disabled:g,aspect:f}=e;if(n)return(0,a.jsxs)("div",{className:"relative w-full h-32",children:[(0,a.jsx)("img",{src:n.url,alt:n.name,className:"object-contain w-full h-full rounded-lg border border-gray-200 bg-neutral-50"}),(0,a.jsx)("div",{className:"absolute top-2 right-2",children:(0,a.jsx)(r.ZP,{danger:!0,size:"small",icon:(0,a.jsx)(o.Z,{size:12}),onClick:()=>t(null),disabled:g})})]});let h=(0,a.jsxs)(p,{disabled:g,customRequest:e=>(0,u.c)(m.T.CONTENT_IMAGE,e),showUploadList:!1,onChange:e=>{"done"===e.file.status&&t(e.file.response)},beforeUpload:e=>!(e.size/1024/1024>d.Pg)||(l.Am.error("File too large (max ".concat(d.Pg,"MB)")),i.default.LIST_IGNORE),children:[(0,a.jsx)(c.Z,{size:40,className:"mx-auto"}),(0,a.jsx)("p",{children:"Click or drag image to upload"})]});return(0,a.jsx)("div",{className:"h-32 [&_.ant-upload-wrapper]:!h-full [&_.ant-upload-drag]:!h-full",children:f?(0,a.jsx)(s.Z,{aspect:f,children:h}):h})}},3023:function(e,n,t){"use strict";var a,i,r,s;t.d(n,{Bi:function(){return a},ZF:function(){return i},yD:function(){return o}}),(r=a||(a={})).HOME="HOME",r.COLLECTION="COLLECTION",(s=i||(i={})).HOME="HOME",s.WARRANTY_REGISTER="WARRANTY_REGISTER";let o={HOME:"Home Page",WARRANTY_REGISTER:"Warranty Register Success"}},83471:function(e,n,t){"use strict";t.d(n,{$:function(){return s},c:function(){return r}});var a=t(5409),i=t(22903);let r=async(e,n,t)=>{let r=new FormData;r.append("file",n.file);try{let s=await a.J.post(null!=t?t:"/file/upload/".concat(e),r),o=(0,i.I)(s.data.key),c={uid:s.data.refId,name:s.data.name,url:o,status:"done",type:n.file.type,originFileObj:n.file};n.onSuccess(c)}catch(e){n.onError(e)}},s=async(e,n,t)=>{let r=new FormData;r.append("video",n.file);try{let s=await a.J.post(null!=t?t:"/video/upload/".concat(e),r),o=(0,i.I)(s.data.key),c={uid:s.data.refId,name:s.data.name,url:o,status:"done",type:n.file.type,originFileObj:n.file};return n.onSuccess(c),{success:!0,fileObject:c}}catch(e){return n.onError(e),{success:!1,error:e.response.data.message}}}},88290:function(e,n,t){"use strict";var a,i,r,s;t.d(n,{T:function(){return a},Z:function(){return i}}),(r=a||(a={})).PRODUCT_IMAGE="product-image",r.BLOG_IMAGE="blog-image",r.WARRANTY_CLAIM="warranty-claim",r.REVIEW="review",r.CONTENT_IMAGE="content-image",(s=i||(i={})).warranty_claim="warranty-claim",s.description="product-description",s.review="review"},48931:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return A},default:function(){return R}});var a=t(52676),i=t(69834),r=t(9059),s=t(49810),o=t(3023),c=t(32218),l=t(75271),d=t(69947),u=t(71030),m=t(78051),p=t(21844),g=t(3833),f=t(15036),h=t(82887),x=t(1705),b=t(98774),v=t(76517),j=t(43183),y=t(71691),N=t(78434),E=t(83214),k=t(22903),I=t(86516);let Z=["content","banners"],T=e=>({uid:e.refId,name:e.name,url:(0,k.I)(e.key),status:"done"}),C=()=>"".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2)),_=e=>{let{entry:n,index:t,canEdit:i,disabled:r,onUpdate:s,onRemove:o}=e,{attributes:c,listeners:l,setNodeRef:d,transform:u,transition:g,isDragging:f}=(0,y.nB)({id:n.key,disabled:!i||r}),b={transform:N.ux.Transform.toString(u),transition:g,opacity:f?.5:1};return(0,a.jsxs)("div",{ref:d,style:b,className:"relative p-4 border rounded-lg border-neutral-200 bg-white",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[i&&(0,a.jsx)("button",{type:"button","aria-label":"Drag to reorder",className:"cursor-grab text-neutral-400 hover:text-neutral-600 disabled:cursor-not-allowed",disabled:r,...c,...l,children:(0,a.jsx)(h.Z,{size:16})}),(0,a.jsxs)("span",{className:"font-medium",children:["Banner ",t+1]})]}),i&&(0,a.jsx)(m.ZP,{danger:!0,size:"small",icon:(0,a.jsx)(x.Z,{size:14}),onClick:()=>o(n.key),disabled:r})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"mb-1 text-sm",children:[(0,a.jsx)("span",{className:"text-red-500",children:"*"})," Desktop Image"]}),(0,a.jsx)(I.Z,{value:n.desktopImage,onChange:e=>s(n.key,{desktopImage:e}),disabled:!i||r})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"mb-1 text-sm",children:[(0,a.jsx)("span",{className:"text-red-500",children:"*"})," Mobile Image"]}),(0,a.jsx)(I.Z,{value:n.mobileImage,onChange:e=>s(n.key,{mobileImage:e}),disabled:!i||r})]})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("p",{className:"mb-1 text-sm",children:"Link (optional)"}),(0,a.jsx)(p.default,{value:n.link,placeholder:"https://… (clicking the banner redirects here)",onChange:e=>s(n.key,{link:e.target.value}),disabled:!i||r})]})]})};var w=e=>{let{page:n,title:t,banners:i,canEdit:r}=e,s=(0,d.NL)(),[o,p]=(0,l.useState)([]),h=(0,j.Dy)((0,j.VT)(j.we,{activationConstraint:{distance:8}}));(0,l.useEffect)(()=>{p(i.map(e=>{var n;return{key:e.refId,desktopImage:T(e.desktopImage),mobileImage:T(e.mobileImage),link:null!==(n=e.link)&&void 0!==n?n:""}}))},[i]);let x=(e,n)=>{p(t=>t.map(t=>t.key===e?{...t,...n}:t))},N=e=>{p(n=>n.filter(n=>n.key!==e))},k=(0,u.D)({mutationFn:()=>(0,c.du)({page:n,banners:o.map(e=>({desktopImageId:e.desktopImage.uid,mobileImageId:e.mobileImage.uid,link:e.link.trim()?e.link.trim():null}))}),onSuccess:()=>{s.invalidateQueries({queryKey:Z})}});return(0,a.jsxs)(g.Z,{title:t,className:"mb-6",children:[0===o.length&&(0,a.jsx)("p",{className:"mb-4 text-neutral-500",children:"No banners yet. Add one below."}),r&&o.length>1&&(0,a.jsx)("p",{className:"mb-3 text-sm text-neutral-500",children:"Drag the handle to reorder. The order here is the display order on the site."}),(0,a.jsx)(j.LB,{sensors:h,collisionDetection:j.pE,onDragEnd:e=>{let{active:n,over:t}=e;t&&n.id!==t.id&&p(e=>{let a=e.findIndex(e=>e.key===n.id),i=e.findIndex(e=>e.key===t.id);return -1===a||-1===i?e:(0,y.Rp)(e,a,i)})},children:(0,a.jsx)(y.Fo,{items:o.map(e=>e.key),strategy:y.qw,children:(0,a.jsx)("div",{className:"flex flex-col gap-4",children:o.map((e,n)=>(0,a.jsx)(_,{entry:e,index:n,canEdit:r,disabled:k.isPending,onUpdate:x,onRemove:N},e.key))})})}),r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(m.ZP,{type:"dashed",block:!0,className:"mt-4",onClick:()=>{p(e=>[...e,{key:C(),desktopImage:null,mobileImage:null,link:""}])},disabled:k.isPending,children:[(0,a.jsx)(b.Z,{size:16}),"Add Banner"]}),(0,a.jsx)(f.Z,{}),(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsxs)(m.ZP,{type:"primary",onClick:()=>

1{if(o.some(e=>!e.desktopImage||!e.mobileImage)){v.Am.error("Every banner needs both a desktop and a mobile image");return}v.Am.promise(k.mutateAsync(),{pending:"Saving banners...",success:"Banners saved successfully",error:{render(e){let{data:n}=e;return"Failed to save banners: ".concat((0,E._g)(n))}}})},loading:k.isPending,disabled:k.isPending,children:["Save ",t]})})]})]})},A=!0,R=e=>{var n,t,l;let{user:d}=e,u=!!(null===(n=d.role.accessRights)||void 0===n?void 0:n.CONTENT_MANAGEMENT.UPDATE)||!!(null===(t=d.role.accessRights)||void 0===t?void 0:t.CONTENT_MANAGEMENT.CREATE),m=(0,i.a)({queryKey:Z,queryFn:()=>(0,c.nA)(),select:e=>e.data}),p=null!==(l=m.data)&&void 0!==l?l:[],g=p.filter(e=>e.page===o.Bi.HOME),f=p.filter(e=>e.page===o.Bi.COLLECTION);return(0,a.jsx)(s.Z,{user:d,activeMenu:["content-banners"],activeDropdown:["content"],children:m.isLoading?(0,a.jsx)("div",{className:"flex justify-center py-10",children:(0,a.jsx)(r.Z,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w,{page:o.Bi.HOME,title:"Home Page Banners",banners:g,canEdit:u}),(0,a.jsx)(w,{page:o.Bi.COLLECTION,title:"Categories Page Banners",banners:f,canEdit:u})]})})}},32218:function(e,n,t){"use strict";t.d(n,{IF:function(){return u},Ld:function(){return N},Up:function(){return f},Vj:function(){return j},WG:function(){return v},WK:function(){return h},ZS:function(){return g},du:function(){return r},fN:function(){return d},i6:function(){return l},it:function(){return c},n5:function(){return b},nA:function(){return i},o:function(){return m},r$:function(){return x},rR:function(){return o},ty:function(){return s},wl:function(){return p},xE:function(){return y}});var a=t(5409);let i=e=>a.Z.get("/admin/content/banners",{params:e?{page:e}:{}}),r=e=>a.Z.put("/admin/content/banners",e),s=()=>a.Z.get("/admin/content/popups"),o=e=>a.Z.put("/admin/content/popups",e),c=()=>a.Z.get("/admin/content/testimonials"),l=e=>a.Z.post("/admin/content/testimonials",e),d=(e,n)=>a.Z.put("/admin/content/testimonials/".concat(e),n),u=e=>a.Z.delete("/admin/content/testimonials/".concat(e)),m=e=>a.Z.put("/admin/content/testimonials/reorder",{refIds:e}),p=()=>a.Z.get("/admin/content/videos"),g=e=>a.Z.post("/admin/content/videos",e),f=(e,n)=>a.Z.put("/admin/content/videos/".concat(e),n),h=e=>a.Z.delete("/admin/content/videos/".concat(e)),x=e=>a.Z.put("/admin/content/videos/reorder",{refIds:e}),b=e=>a.Z.get("/public/content/banners",{params:{page:e}}),v=()=>a.Z.get("/public/content/testimonials"),j=()=>a.Z.get("/public/content/videos"),y=e=>a.Z.get("/public/content/popup",{params:{page:e}}),N=e=>a.Z.post("/public/content/popup/".concat(e,"/claim-voucher"))},22903:function(e,n,t){"use strict";t.d(n,{B:function(){return i},I:function(){return a}});let a=e=>"".concat("https://cdn.samugiken.com","/").concat("production","/").concat(encodeURIComponent(e)),i=e=>"".concat("https://cdn.samugiken.com","/").concat("production","/").concat(encodeURIComponent(e))}},function(e){e.O(0,[5989,4237,7610,8174,9834,8051,9513,4540,928,4298,4190,6631,6220,9575,9406,150,5934,9059,7645,3532,6138,6345,5173,9810,2888,9774,179],function(){return e(e.s=49123)}),_N_E=e.O()}]);