https://www.bannerbuzz.co.uk/_next/static/chunks/12643.20261003.c525bb8e8d39c63a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12643],{12643:function(e,l,i){i.r(l);var t=i(85893),n=i(67294),a=i(45697),o=i.n(a),s=i(84144),d=i(32374),r=i(19601),c=i(8794),u=i(68652),v=i(92199),p=i(89380),h=i(96426),f=i(76381),b=i(45248),m=i(65085),y=i(86269);let g=e=>{let{data:l,handleChange:i,isDisabled:n}=e;return(0,t.jsx)(y.default,{name:"".concat(l.field_code,"123"),iswidthhalf:!1,value:(0,s.Z)(l.field_values,["selected",!0]),placeholder:"select",label:"",ismandate:!1,options:l.field_values,onChange:e=>i(e,l.field_code),disabled:n})};g.propTypes={data:o().object,handleChange:o().func,isDisabled:o().bool};let _=e=>{let{size:l,setKey:i,data:n,productSku:a,config:o,storedata:d,salePriceData:c,isDisabled:v,handleChange:p,field_selection:h,isCustomOption:f}=e,b=(0,u.Z)(null==l?void 0:l.field_values),y=(0,r.Z)(b,e=>"custom"!==e.value);return l&&(0,t.jsxs)("div",{className:"formGroup defaultSizeBox",children:[(0,t.jsx)(m.default,{name:a?"".concat(null==l?void 0:l.field_code,"-").concat(a):null==l?void 0:l.field_code,iswidthhalf:!1,value:(0,s.Z)(null==l?void 0:l.field_values,["selected",!0]),placeholder:"select",ismandate:!1,options:y,fieldSelection:h,onChange:e=>{"custom"==h&&p({value:"setStandardSize"},"size"),p(e,null==l?void 0:l.field_code)},disabled:v,config:o,storedata:d,salePriceData:c,className:"fixedSizeList"}),f&&(0,t.jsx)("button",{className:"btnCustomSize",onClick:e=>{i(2),n.field_selection="custom"},children:"Custom Size"})]})};_.propTypes={size:o().object,productSku:o().any,isDisabled:o().bool,handleChange:o().func,field_label:o().string,data:o().object,linkUrl:o().any,setKey:o().any,isCustomOption:o().bool,key:o().any,link:o().any,custom:o().any,field_selection:o().any,salePriceData:o().any,storedata:o().any,config:o().any},o().object,o().any,o().bool,o().func,o().string,o().object,o().any,o().any,o().bool,o().any,o().any,o().any,o().any,o().any,o().any,o().any;let x=e=>{let{field_selection:l,size:i,data:n,setKey:a,custom:o,isDisabled:d,selectedOption:r,handleChange:c,onBlur:u,handleSizeTab

1Change:v}=e;if(i&&("size"==r||"size"==l)){let e=(0,s.Z)(null==i?void 0:i.field_values,["selected",!0]),l=null==e?void 0:e.value.split("x");o[0]&&(o[0].default_value=l&&Number(l[0])),o[1]&&(o[1].default_value=l&&Number(l[1])),o[2]&&(o[2].default_value=l&&Number(l[2]))}return(0,t.jsx)("div",{className:"customSizeBox ".concat(o[2]&&"DcustomSizeBox"),children:(0,t.jsxs)("div",{className:"formGroup",children:[o[0]&&(0,t.jsxs)("div",{className:"customWidth",children:[(0,t.jsx)("label",{"aria-label":o[0].field_label,children:o[0].field_label}),(0,t.jsx)("input",{type:o[0].field_type,name:o[0].field_code,value:o[0].default_value,"aria-label":o[0].field_label,onChange:e=>{var l;c(e.target.value,o[0].field_code),null==e||null===(l=e.target)||void 0===l||l.focus()},disabled:d,inputMode:"decimal",onBlur:e=>{u("sizequantity",e.target.name)}})]}),o[1]&&(0,t.jsxs)("div",{className:"customHeight",children:[(0,t.jsx)("label",{"aria-label":o[1].field_label,children:o[1].field_label}),(0,t.jsx)("input",{type:o[1].field_type,name:o[1].field_code,value:o[1].default_value,"aria-label":o[1].field_label,onChange:e=>{var l;c(e.target.value,o[1].field_code),null==e||null===(l=e.target)||void 0===l||l.focus()},disabled:d,inputMode:"decimal",onBlur:e=>{u("sizequantity",e.target.name)}

1})]}),o[2]&&(0,t.jsxs)("div",{className:"customLength",children:[(0,t.jsx)("label",{"aria-label":o[2].field_label,children:o[2].field_label}),(0,t.jsx)("input",{type:o[2].field_type,name:o[2].field_code,value:o[2].default_value,"aria-label":o[2].field_label,onChange:e=>{var l;c(e.target.value,o[2].field_code),null==e||null===(l=e.target)||void 0===l||l.focus()},disabled:d,inputMode:"decimal",onBlur:e=>{u("sizequantity",e.target.name)}})]}),i&&(0,t.jsx)("span",{className:"btnPopularSize",onClick:e=>{var l,t,r,u;if(a(1),d)return;let p=!!((null==o?void 0:o.length)>0||(null==i?void 0:null===(t=i.field_values)||void 0===t?void 0:null===(l=t.some)||void 0===l?void 0:l.call(t,e=>"custom"===e.value))),h=(0,s.Z)(null==i?void 0:i.field_values,["selected",!0]);p?v("All"):"shape"in h?v(null==h?void 0:h.shape):v("All");let f=null==h?void 0:h.value.split("x"),b=f&&f[0]&&Number(f[0]),m=f&&f[1]&&Number(f[1]),y=null==o?void 0:null===(r=o[0])||void 0===r?void 0:r.default_value,g=null==o?void 0:null===(u=o[1])||void 0===u?void 0:u.default_value;(b!=y||m!=g)&&c({value:"setStandardSize"},"size"),n.field_selection="size"},children:"Go to Popular Sizes"})]})})};x.propTypes={field_label:o().any,custom:o().any,isDisabled:o().bool,handleChange:o().func,selectedOption:o().any,size:o().any,data:o().any,key:o().any,onBlur:o().func,is_size_unit:o().any,size_unit:o().any,setKey:o().any,field_selection:o().any,errorCode:o().any,handleSizeTab

1Change:o().func};let j=e=>{var l,i,a,o,r,u,m;let{data:y,handleChange:j,selectedOption:S,isDisabled:C,orientation:z,onBlur:w,errorCode:N=0,config:k,productSku:D,storedata:O,salePriceData:P,priceData:T,orientationBasedSizes:Z,handleOrientationChange:A,sizeTabChange:H,handleSizeTabChange:B,show_orientation:K,isDisplayPackageProduct:I}=e,{field_selection:R,custom:q,size:E,is_size_unit:L,size_unit:M,field_label:F,is_link:G,link:J}=y,[U,W]=(0,n.useState)("custom"==R?2:1),[X,V]=(0,n.useState)("All"),[Q,Y]=(0,n.useState)([]);if(k&&k.pOptionData){let e=!0==k.isAddon?"".concat(k.productName,"-").concat(F):F;k.pOptionData(e)}let $=(null==T?void 0:T.link)||null,ee=!!(0,s.Z)(null==E?void 0:E.field_values,e=>"custom"==e.value);if(1==G&&"size"==R&&!$){let e=(0,s.Z)(E.field_values,["selected",!0]),l=(0,d.Z)(J.field_values,["value",e.value]);-1!==l&&($=($=J.field_values[l].label)&&$.toString().replaceAll(" ","%20"))}1==L&&M.field_values&&(M.field_values=M.field_values.map(e=>({...e,label:(0,c.Z)(e&&e.value)})));let el=ee||q&&q.length>0;(0,n.useEffect)(()=>{if(Z){let e=Object.keys(Z),l=e.indexOf("All");-1!==l&&(e.splice(l,1),e.unshift("All")),Y(e)}},[Z]),(0,n.useEffect)(()=>{if(Z){let e=Object.entries(Z);e.length>1&&(null==E?void 0:E.field_values)&&(null==E?void 0:E.field_values.length)!==0?V(H):V(z),z||1!==e.length||V(e[0][0])}sessionStorage.setItem("orientation",H)},[H]),(0,n.useEffect)(()=>{W("custom"==R?2:1)},[R]);let ei=(0,n.useMemo)(()=>!!z&&!!Z&&!Object.keys(Z).find(e=>e===z),[z]);return I?null:(0,t.jsxs)("div",{className:"fixedSizeBox",children:[Z&&1===K&&(0,t.jsxs)("div",{className:"orientationmain",children:[!(Q&&1===Q.length&&"custom"===Q[0])&&(0,t.jsx)("p",{className:"optionLabel",children:"Select Orientation"}),(0,t.jsx)("div",{className:"".concat(6==O.storeId?"orientationSection orientationSectionbos":"orientationSection"),children:k.isNewReviewOptionPage&&C?(0,t.jsxs)("span",{className:"orientation disable ".concat((null===(l=b.eJ[z])||void 0===l?void 0:l.name)||z," active"),children:[(0,t.jsx)("span",{className:"icon"}),(0,b.IX)(z,el)]}):Q.map(e=>{var l,i;let n="All"===e,a=(0,b.IX)(e,el);return"custom"===e?ei?(0,t.jsxs)("span",{className:"orientation disable ".concat((null===(l=b.eJ[z])||void 0===l?void 0:l.name)||z," active"),children:[(0,t.jsx)("span",{className:"icon"}),(0,b.IX)(z,el)]},e):null:(0,t.jsxs)("span",{onClick:()=>{var l,i,t,n;let o={event:"adb_click_orientation",user:(null===(i=window)||void 0===i?void 0:null===(l=i.pageData)||void 0===l?void 0:l.user)?{...null===(n=window)||void 0===n?void 0:null===(t=n.pageData)||void 0===t?void 0:t.user}:{},orientationName:a};(0,h.P)(o,"adb_click_orientation"),A(e)},className:"orientation ".concat((null===(i=b.eJ[e])||void 0===i?void 0:i.name)||e," ").concat(e===X?"active":""),children:[!n&&(0,t.jsx)("span",{className:"icon"}),a]},e)})})]}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{children:(null==y?void 0:y.field_label_1)||""}),1==L&&(0,t.jsx)(g,{data:M,handleChange:j,isDisabled:1==N||C}),(null==y?void 0:y.field_label_2)||""]}),k.isNewReviewOptionPage&&C?(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"reviewSizeBox",children:[(null==E?void 0:E.field_values)&&(null==E?void 0:E.field_values.length)>0&&(0,t.jsx)("div",{className:"".concat((null===(i=(0,s.Z)(null==E?void 0:E.field_values,["selected",!0]))||void 0===i?void 0:i.tag_value)?"sizeTagValue":""),children:null===(a=(0,s.Z)(null==E?void 0:E.field_values,["selected",!0]))||void 0===a?void 0:a.tag_value}),(0,t.jsx)("span",{children:"custom"==R?q[1]?"".concat(null===(o=q[0])||void 0===o?void 0:o.default_value," x ").concat(null===(r=q[1])||void 0===r?void 0:r.default_value):null===(u=q[0])||void 0===u?void 0:u.default_value:null===(m=(0,s.Z)(null==E?void 0:E.field_values,["selected",!0]))||void 0===m?void 0:m.label})]})}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(f.Z,{className:"SizeTabbingBox",children:(0,t.jsxs)(v.m,{id:"uncontrolled-tab-example",selected:U,onSelect:e=>{if(W(e),!C){if(2==e)y.field_selection="custom";else if(1==e){var l,i;let e=(0,s.Z)(null==E?void 0:E.field_values,["selected",!0]),t=null==e?void 0:e.value.split("x"),n=t&&t[0]&&Number(t[0]),a=t&&t[1]&&Number(t[1]),o=null==q?void 0:null===(l=q[0])||void 0===l?void 0:l.default_value,d=null==q?void 0:null===(i=q[1])||void 0===i?void 0:i.default_value;n==o&&a==d||C||j({value:"setStandardSize"},"size"),y.field_selection="size"}(null==E?void 0:E.field_values)&&(null==E?void 0:E.field_values.length)>0&&B(el?"All":"shape"in E.field_values[0]?E.field_values[0].shape:"All")}},children:[E&&(0,t.jsx)(v.O,{eventKey:1,label:"Popular Sizes",children:(0,t.jsx)(_,{size:E,productSku:D,isCustomOption:ee,data:y,config:k,setKey:W,storedata:O,salePriceData:P,linkUrl:$,link:J,handleChange:j,field_label:F,is_size_unit:L,size_unit:M,isDisabled:C,field_selection:R})}),("custom"==R||ee)&&(0,t.jsx)(v.O,{eventKey:2,label:"Custom Size",children:(0,t.jsx)(x,{field_label:F,size:E,data:y,selectedOption:S,custom:q,setKey:W,isDisabled:C,size_unit:M,field_selection:R,errorCode:N,onBlur:w,is_size_unit:L,handleChange:j,handleSizeTab

1Change:B})})]})})}),$&&(0,t.jsxs)("span",{className:"DownloadGuideLine",children:["Download the Design guideline:\xa0",(0,t.jsx)("a",{className:"btnDownloadTemp",title:null==J?void 0:J.field_label,onClick:()=>{(0,p.lq)("adb_file_downlod")},href:"".concat($,"?direct=1"),target:(0,b.LV)($)?"_blank":void 0,children:"Download Template"})]})]})};j.propTypes={data:o().object,handleChange:o().func,isDisabled:o().bool,onBlur:o().func,selectedOption:o().any,errorCode:o().number,config:o().object,orientation:o().any,productSku:o().string,storedata:o().object,salePriceData:o().number,priceData:o().object,isDisplayOrientation:o().bool,eventType:o().any,orientationBasedSizes:o().object,handleOrientationChange:o().func,sizeTabChange:o().string,show_orientation:o().number,handleSizeTabChange:o().func,isDisplayPackageProduct:o().bool},l.default=j},92199:function(e,l,i){i.d(l,{O:function(){return c},m:function(){return r}});var t=i(85893),n=i(67294),a=i(94184),o=i.n(a),s=i(45697),d=i.n(s);class r extends n.Component{static getDerivedStateFromProps(e,l){let i;let t=!Array.isArray(e.children),n=e.selected;if("number"==typeof e.selected){if((i=e.selected)<0)console.warn("tab index '".concat(e.selected,"' < 0, defaulting to first tab")),n=i=0;else{let l=e.children&&e.children.length||1;i>l-1&&(console.warn("tab index '".concat(e.selected,"' > number of tabs (").concat(l,", defaulting to last tab")),n=i=e.selected?l:l-1)}}else{let l=e.selected;(i=t?0:e.children.findIndex(e=>l===e.props.label))<0&&(console.warn("tab '".concat(e.selected,"' not found, defaulting to first tab")),i=0,n=t?e.children.props.label:e.children[i].props.label)}return n!==e.selected?{selected:n}:null}componentDidUpdate(e,l){l.selected!==this.state.selected&&this.setState({selected:this.state.selected}),e.selected!==this.props.selected&&this.props.selected&&this.setState({selected:this.props.selected})}render(){let e=o()("tabs",this.props.className);return(0,t.jsxs)("div",{className:e,style:this.props.style,children:[this._renderHeaders(),this._renderContent()]})}_renderHeaders(){return void 0===this.props.children?null:(0,t.jsx)("ul",{role:"tablist",className:"nav nav-tabs",children:Array.isArray(this.props.children)?this.props.children.map(this._renderHeader.bind(this)):this._renderHeader(this.props.children,0)})}_renderContent(){let e;if(void 0===this.props.children)return null;let l=!Array.isArray(this.props.children),i=this.state.selected;if("number"==typeof i&&this.props.selected)e=this.props.children.findIndex(e=>{var l;return i===(null==e?void 0:null===(l=e.props)||void 0===l?void 0:l.eventKey)});else if("number"==typeof i)e=this.props.children.findIndex(e=>{var l;return i===(null==e?void 0:null===(l=e.props)||void 0===l?void 0:l.eventKey)});else{let i=this.state.selected;e=l?0:this.props.children.findIndex(e=>{var l;return i===(null==e?void 0:null===(l=e.props)||void 0===l?void 0:l.label)})}let a=l?this.props.children:this.props.children[e],s=o()("tab-content",this.props.contentClass,null==a?void 0:a.props.className),d={...this.props.contentStyle,...null==a?void 0:a.props.style};return n.Children.map(this.props.children,(l,i)=>{var n;return l&&(i===e||(null==l?void 0:l.props.unMount)===!1)&&(0,t.jsx)("div",{className:s,style:{contentStyle:d,display:i==e?"block":"none"},children:l||null},null==l?void 0:null===(n=l.props)||void 0===n?void 0:n.eventKey)})}_handleClick(e,l){var i,t;l.preventDefault(),this.setState({selected:this.props.selected?null===(i=this.props.children[e].props)||void 0===i?void 0:i.eventKey:e}),void 0!==this.props.onSelect&&this.props.onSelect((null===(t=this.props.children[e].props)||void 0===t?void 0:t.eventKey)||e,this.props.children[e].props.label)}constructor(e){super(e),this._renderHeader=(e,l)=>{var i,n,a,s,d,r,c,u,v,p,h,f;if(void 0===e||Object.keys((null==e?void 0:e.props)||{}).length<=0)return null;let b=!1,m=(b="number"==typeof this.state.selected&&this.props.selected?this.state.selected==(null==e?void 0:null===(f=e.props)||void 0===f?void 0:f.eventKey):"number"==typeof this.state.selected?this.state.selected==l:this.state.selected===e.props.label)?o()("active",this.props.activeHeaderClass,null==e?void 0:null===(i=e.props)||void 0===i?void 0:i.activeHeaderClass):null,y=o()("nav-link",null===(n=this.props)||void 0===n?void 0:n.headerClass,null==e?void 0:null===(a=e.props)||void 0===a?void 0:a.headerClass,m,{disabled:null==e?void 0:null===(s=e.props)||void 0===s?void 0:s.disabled}),g=b?{...null===this||void 0===this?void 0:null===(d=this.props)||void 0===d?void 0:d.activeHeaderStyle,...null==e?void 0:null===(r=e.props)||void 0===r?void 0:r.activeHeaderStyle}:null,_={...null===(c=this.props)||void 0===c?void 0:c.headerStyle,...null==e?void 0:null===(u=e.props)||void 0===u?void 0:u.headerStyle,...g};return(0,t.jsx)("li",{className:o()("nav-item",m,null==e?void 0:null===(v=e.props)||void 0===v?void 0:v.tabClassName),children:(0,t.jsx)("a",{className:y,style:_,onClick:(null==e?void 0:null===(p=e.props)||void 0===p?void 0:p.disabled)?null:this._handleClick.bind(this,l),children:null==e?void 0:null===(h=e.props)||void 0===h?void 0:h.label})},l)},this.state={selected:this.props.selected}}}r.propTypes={selected:d().oneOfType([d().number,d().string]),className:d().any,style:d().object,headerClass:d().string,headerStyle:d().object,activeHeaderClass:d().string,activeHeaderStyle:d().object,contentClass:d().string,contentStyle:d().object,onSelect:d().func,children:d().oneOfType([d().array,d().element])},r.defaultProps={selected:0};class c extends n.Component{render(){return(0,t.jsx)("div",{children:this.props.children})}constructor(e){super(e)}}c.propTypes={label:d().string.isRequired,disabled:d().bool,className:d().string,

1style:d().object,headerClass:d().string,headerStyle:d().object,activeHeaderStyle:d().object,activeHeaderClass:d().string}},76381:function(e,l,i){var t=i(71893),n=i(82997);l.Z=t.ZP.div.withConfig({componentId:"sc-150fccce-0"})(["width:100%;height:auto;.nav{display:inline-block;margin:0 0 32px 0;border-bottom:solid 1px ",";"," > li{position:relative;margin:0 36px 0 0;}.open > a{&,&:hover,&:focus{background-color:",";border-color:",";}}> li > a > img{max-width:none;}}.nav-tabs{border-bottom:1px solid ",";@media (max-width:","){margin:0 0 30px 0;}> li{float:left;position:relative;margin:0 6px 0 0;@media (max-width:","){margin:0 22px 0 0;}&:last-child{margin:0 0 0 0;}> a{cursor:pointer;z-index:1;white-space:nowrap;padding:0 24px 8px 24px;display:inline-block;line-height:18px;"," @media (max-width:","){font-size:",";padding:0 0 12px 0;}&::after{content:'';position:absolute;width:0;left:0;height:3px;bottom:-1px;display:block;background:",";","}&:hover{color:",";&::after{width:100%;","}}&:focus{outline:none;}}&.active > a{color:",";&:hover,&:focus{color:",";}&::after{width:100%;","}}&.disabled > a{color:",";&:hover,&:focus{color:",";text-decoration:none;background-color:transparent;cursor:not-allowed;}}}}.tab-content{> .tab-pane{display:none;}> .active{display:block;}}#reviewPageWidget{.btn.btn-primary{margin-bottom:20px !important;}.review-form-container{max-width:100%;.rating-stars{margin-top:2px;}.custom-file-section{.custom-file{cursor:pointer;label{cursor:pointer;}}}}.review-form-success{.review-ok-button{cursor:pointer;}}#reviewPageWidgetInner{#reviews-container{.vn-reviews-portal{.review-widget-section-right{#media-gallery{overflow-y:auto;}}}#reviews-list{.pagination-container{.pagination{.pagination-link{background-color:",";color:",";&.active{font-family:",";background-color:",";}}}}.pagination{.step-links{.load-more{background-color:",";}}}}}}}"],e=>{let{theme:l}=e;return l.colors.graycolor8},(0,n.Jl)(),e=>{let{theme:l}=e;return l.colors.graycolor9},e=>{let{theme:l}=e;return l.colors.neavyblue},e=>{let{theme:l}=e;return l.colors.graycolor4},e=>{let{theme:l}=e;return l.container.screenmd},e=>{let{theme:l}=e;return l.container.screenmd},e=>{let{theme:l}=e;return(0,n.nn)(l.fonts.fontopensansmedium,l.fontsize.fontbasesizes,l.colors.graycolor7)},e=>{let{theme:l}=e;return l.container.screenmd},e=>{let{theme:l}=e;return l.fontsize.fontbasesizes},e=>{let{theme:l}=e;return l.colors.primary2},(0,n.eR)(),e=>{let{theme:l}=e;return l.colors.graycolor1},(0,n.eR)(),e=>{let{theme:l}=e;return l.colors.primary2},e=>{let{theme:l}=e;return l.colors.graycolor1},(0,n.eR)(),e=>{let{theme:l}=e;return l.colors.graycolor10},e=>{let{theme:l}=e;return l.colors.graycolor10},e=>{let{theme:l}=e;return l.colors.primary2},e=>{let{theme:l}=e;return l.colors.white},e=>{let{theme:l}=e;return l.fonts.fontopensansbold},e=>{let{theme:l}=e;return l.colors.activeReview},e=>{let{theme:l}=e;return l.colors.primary2})}}]);