https://www.rockmywedding.co.uk/_next/static/chunks/68636.7a6458c7aa19427b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68636],{4304:(e,a,r)=>{"use strict";r.d(a,{o:()=>s});var t=r(95155),l=r(94924),n=r.n(l);let s=({label:e,errorMessage:a,children:r,labelId:l})=>(0,t.jsxs)("div",{className:n().wrapper,children:[e&&(0,t.jsx)("label",{htmlFor:l,className:n().label,children:e}),r,a&&(0,t.jsx)("div",{className:n().error,children:a})]})},9482:e=>{e.exports={tab:"tab-button_tab__TNUxF",tabSelected:"tab-button_tabSelected__KPb6z"}},10328:e=>{e.exports={modalWrapper:"banner-card-modal_modalWrapper__dWlJb",buttonWrapper:"banner-card-modal_buttonWrapper__4a2MF",button:"banner-card-modal_button__Vj8eZ",uploadWrapper:"banner-card-modal_uploadWrapper___kxoG",uploadButton:"banner-card-modal_uploadButton__7GI4i"}},12659:e=>{e.exports={input:"input_input__A_bf_"}},12701:(e,a,r)=>{"use strict";r.d(a,{p:()=>o});var t=r(95155),l=r(12659),n=r.n(l),s=r(69730),i=r.n(s);let o=({...e})=>(0,t.jsx)("input",{...e,className:i()(n().input,e.className),ref:e.forwardRef,id:e.name})},13010:(e,a,r)=>{"use strict";r.d(a,{W:()=>o});var t=r(95155),l=r(32450),n=r.n(l),s=r(69730),i=r.n(s);let o=e=>{let{className:a,...r}=e;return(0,t.jsx)("svg",{viewBox:"64 64 896 896",focusable:"false","data-icon":"search",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",className:i()(n().icon,a),...r,children:(0,t.jsx)("path",{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"})})}},26288:e=>{e.exports={icon:"clear-circle-icon_icon__Xafrp"}},28028:e=>{e.exports={active:"imageTable_active__xDn1Y",pageItem:"imageTable_pageItem__V33ow",container:"imageTable_container__RZlKW",wrapper:"imageTable_wrapper__FZxwF",inputWrapper:"imageTable_inputWrapper__cadiM",imageWrapper:"imageTable_imageWrapper__ePcL3"}},28237:(e,a,r)=>{"use strict";r.d(a,{h:()=>p});var t=r(95155),l=r(21372),n=r.n(l),s=r(66731),i=r.n(s),o=r(69730),c=r.n(o);let p=e=>{let{style:a,className:r}=e;return(0,t.jsx)("div",{className:c()(i().wrapper,r),style:a,children:(0,t.jsx)(n(),{spin:!0})})}},32450:e=>{e.exports={icon:"search_icon__SXtRJ"}},48322:e=>{e.exports={container:"inputSearch_container__garqe",inputContainer:"inputSearch_inputContainer__1pH6A",clear:"inputSearch_clear__GM29K",input:"inputSearch_input__9Rukt",search:"inputSearch_search__Q_zA7"}},66731:e=>{e.exports={wrapper:"spin-animation_wrapper__EuHcr",icon:"spin-animation_icon__vp_aM"}},68636:(e,a,r)=>{"use strict";r.r(a),r.d(a,{BannerCardModal:()=>A});var t=r(95155),l=r(29969),n=r(64046),s=r(74948),i=r(43145),o=r(69123),c=r(97810),p=r.n(c),u=r(12115),d=r(66609),m=r(89078),h=r(12701),g=r(28237),_=r(9482),x=r.n(_),b=r(69730),j=r.n(b);let v=({children:e})=>(0,t.jsx)(o.oz,{as:u.Fragment,children:({selected:a})=>(0,t.jsx)("button",{type:"button",className:j()(x().tab,{[x().tabSelected]:a}),children:e})});var C=r(48322),f=r.n(C),N=r(26288),w=r.n(N);let S=e=>{let{className:a,...r}=e;return(0,t.jsx)("svg",{viewBox:"64 64 896 896",focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",className:j()(w().icon,a),...r,children:(0,t.jsx)("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"})})};var k=r(13010);let L=({allowClear:e,className:a,onClear:r,onSearchClick:l,...n})=>{let s=(0,u.useRef)(null);return(0,t.jsxs)("div",{className:[f().container,a||""].join(" "),children:[(0,t.jsxs)("div",{className:f().inputContainer,children:[(0,t.jsx)("input",{...n,className:f().input,ref:s}),e?(0,t.jsx)("button",{onClick:()=>

1{s.current&&(s.current.value="",s.current?.focus(),r&&r())},className:f().clear,"aria-label":"Clear search",children:(0,t.jsx)(S,{})}):null]}),l?(0,t.jsx)("button",{onClick:()=>{s.current&&l&&l(s.current.value)},className:f().search,"aria-label":"Search",children:(0,t.jsx)(k.W,{})}):null]})};r(23531),r(10826);var W=r(9265),z=r(34747),I=r.n(z),T=r(28028),y=r.n(T);let M=({handleImageChange:e})=>{let a=(0,u.useRef)(null),[r,n]=(0,u.useState)(""),[i,o]=(0,u.useState)(!1),[c,p]=(0,u.useState)({page:1,search:""}),[h,g]=(0,u.useState)(0),[_,x]=(0,u.useState)([]),[b]=(0,u.useState)([{headerName:"Thumbnail",field:"url",cellRenderer:e=>(0,t.jsx)("div",{className:y().imageWrapper,children:(0,t.jsx)(m._V,{src:e.value,alt:"image",width:100,height:100,fit:!0})}),sortable:!1,filter:!1,autoHeight:!0},{headerName:"Name",field:"name",sortable:!1,wrapText:!0,autoHeight:!0},{headerName:"Alt",field:"alt",sortable:!1,wrapText:!0,autoHeight:!0},{headerName:"URL",field:"url",sortable:!1,wrapText:!0,cellClass:"allow-text-selection",minWidth:350,autoHeight:!0,resizable:!0},{headerName:"Id",field:"id",sortable:!1,hide:!0}]);(0,u.useEffect)(()=>{(async()=>{let[e,a]=await l.F.be.admin.getImages({limit:5,...c});e&&(d.o.error(`Err code: ${s.O.e00051} - fetching image failed`),console.log(s.O.e00051,e)),a&&(g(Math.ceil(a.pagination.total/a.pagination.pageSize)),x(a?.results),o(!1))})()},[c]);let j=(0,u.useMemo)(()=>({flex:1,minWidth:150,resizable:!0}),[]);return(0,t.jsxs)("div",{className:y().wrapper,children:[(0,t.jsx)("div",{className:y().inputWrapper,children:(0,t.jsx)(L,{onChange:e=>n(e.target.value),value:r,onSearchClick:()=>{p({page:1,search:r}),o(!0)},placeholder:"Search..."})}),(0,t.jsx)("div",{className:"ag-theme-alpine",children:(0,t.jsx)(W.W6,{ref:a,rowData:_,columnDefs:b,defaultColDef:j,pagination:!1,domLayout:"autoHeight",onRowClicked:a=>e(a?.data),suppressCellFocus:!0,enableCellTextSelection:!0,suppressPaginationPanel:!0,alwaysShowVerticalScroll:!0,alwaysShowHorizontalScroll:!0,rowHeight:100,rowStyle:{cursor:"pointer"}})}),(0,t.jsx)(I(),{breakLabel:"...",nextLabel:">",onPageChange:e=>{i||p(a=>({...a,page:e.selected+1}))},pageRangeDisplayed:5,pageCount:h,previousLabel:"<",pageClassName:y().pageItem,pageLinkClassName:y().pageLink,previousClassName:y().pageItem,previousLinkClassName:y().pageLink,nextClassName:y().pageItem,nextLinkClassName:y().pageLink,breakClassName:y().pageItem,breakLinkClassName:y().pageLink,containerClassName:y().container,activeClassName:y().active,renderOnZeroPageCount:()=>null,forcePage:c.page-1})]})};var P=r(4304),F=r(10328),R=r.n(F);let A=()=>{let e=(0,i.h)(),a=e.options.modalProps?.bannerCard,r=e.options?.modalProps?.errorMessages,[c,_]=(0,u.useState)(!1),[x,b]=(0,u.useState)(!1),[j,C]=(0,u.useState)(a?.imageAlt||a?.image?.alt||""),[f,N]=(0,u.useState)(a?.imageUrl||a?.image?.url||""),[w,S]=(0,u.useState)(null),k=(0,u.useRef)(null),[L,W]=(0,u.useState)(a),z=async()=>{if(x&&j){let[e]=await l.F.be.admin.updateImage({id:w?.id||a.imageId,alt:j});W(e=>({...e,imageAlt:j})),e&&(d.o.error(`Err code: ${s.O.e00053} - image update failed`),console.log(s.O.e00053,e))}e?.options?.modalProps?.onSave(L),e.close()},I=async e=>{if(!e)return;_(!0);let a=Array.from(e).map(e=>({file:e})),[r,t]=await l.F.be.uploads.uploadImagesToS3({files:a,dataType:"article"});if(r){d.o.error(`Err code: ${s.O.e00052} - image upload failed`),console.log(s.O.e00052,r),_(!1);return}t[0]?.url&&(S(t[0]),N(t[0].url),W(e=>({...e,imageId:t[0].id,imageUrl:t[0].url,imageAlt:void 0})),C(""),b(!0)),_(!1)};return(0,t.jsxs)("div",{className:R().modalWrapper,children:[(0,t.jsx)("h4",{children:"Banner Cards"}),(0,t.jsx)(P.o,{className:R().inputWrapper,label:"Title:",errorMessage:r?.title,children:(0,t.jsx)(h.p,{value:L?.title,onChange:e=>W(a=>({...a,title:e.target.value}))})}),(0,t.jsx)(P.o,{label:"Image: ",errorMessage:r?.imageId,children:(0,t.jsxs)("div",{children:[c&&(0,t.jsx)(g.h,{}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m._V,{src:p()(f)?`${n._J}/assets/images/placeholder.jpeg`:f,width:100,fit:!0,height:100,alt:"banner card image",loading:"eager",onLoad:()=>{_(!1)},priority:!0}),(0,t.jsx)("p",{children:f})]}),(0,t.jsxs)(o.oz.Group,{children:[(0,t.jsxs)(o.oz.List,{children:[(0,t.jsx)(v,{children:"Upload"}),(0,t.jsx)(v,{children:"Library assets"})]}),(0,t.jsxs)(o.oz.Panels,{children:[(0,t.jsx)(o.oz.Panel,{children:(0,t.jsxs)("div",{className:R().uploadWrapper,children:[(0,t.jsx)(P.o,{label:"Image alt:",children:(0,t.jsx)(h.p,{disabled:!x,value:j,onChange:e=>{C(e.target.value),W(a=>({...a,imageAlt:e.target.value}))}})}),(0,t.jsx)("input",{ref:k,hidden:!0,onChange:e=>I(e.target.files),type:"file"}),(0,t.jsx)("button",{className:R().uploadButton,type:"button",onClick:()=>{k&&k?.current?.click()},children:"Upload image"})]})}),(0,t.jsx)(o.oz.Panel,{children:(0,t.jsx)(M,{handleImageChange:e=>{e.url!==f&&(_(!0),N(e.url),W(a=>({...a,imageId:e.id,imageUrl:e.url,imageAlt:e.alt}))),b(!1)}})})]})]})]})}),(0,t.jsx)(P.o,{label:"Button - caption:",errorMessage:r?.buttonText,children:(0,t.jsx)(h.p,{value:L?.buttonText,onChange:e=>W(a=>({...a,buttonText:e.target.value}))})}),(0,t.jsx)(P.o,{label:"Button - link to page:",errorMessage:r?.buttonLink,children:(0,t.jsx)(h.p,{placeholder:"Add link 'https://'",value:L?.buttonLink,onChange:e=>W(a=>({...a,buttonLink:e.target.value}))})}),(0,t.jsxs)("div",{className:R().buttonWrapper,children:[(0,t.jsx)("button",{className:R().button,onClick:z,children:"Save"}),(0,t.jsx)("button",{className:R().button,onClick:()=>e.close(),children:"Close"})]})]})}},94924:e=>{e.exports={wrapper:"input-wrapper_wrapper__OzZ62",label:"input-wrapper_label__cb3z9",error:"input-wrapper_error__uPcYs"}}}]);
2//# sourceMappingURL=68636.7a6458c7aa19427b.js.map