https://abbinfoservice.com/_next/static/chunks/6777-4a171107629d0ee6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6777],{62317:function(e,n,i){"use strict";var r,t=i(82684);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},a.apply(this,arguments)}var o=function(e,n){return t.createElement("svg",a({width:18,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),r||(r=t.createElement("path",{d:"M0 14v-2h18v2H0Zm0-4V8h18v2H0Zm0-4V4h18v2H0Zm0-4V0h18v2H0Z",fill:"#1F1F1F",fillOpacity:.4})))},s=(0,t.forwardRef)(o);n.Z=s},58036:function(e,n,i){"use strict";var r,t,a=i(82684);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},o.apply(this,arguments)}var s=function(e,n){return a.createElement("svg",o({viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",ref:n},e),r||(r=a.createElement("g",{clipPath:"url(#van_svg__a)"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m13.185 3.185 3.062 3.819c.083.1.333.21.599.327.38.168.794.35.794.537l.341 1.476a.721.721 0 0 1 .019.162v2.193a.9.9 0 0 1-.9.9h-.9a2.7 2.7 0 1 1-5.4 0H6.48a2.7 2.7 0 1 1-5.4 0H.9a.9.9 0 0 1-.9-.9V6.48L.54 3.6a.9.9 0 0 1 .9-.9h10.708a1.35 1.35 0 0 1 1.037.486ZM2.43 12.599a1.35 1.35 0 1 0 2.7 0 1.35 1.35 0 0 0-2.7 0Zm9.72 0a1.35 1.35 0 1 0 2.7 0 1.35 1.35 0 0 0-2.7 0Zm-2.07-5.616c0 .12.097.216.216.216h4.146a.216.216 0 0 0 .165-.355l-2.523-2.988a.216.216 0 0 0-.165-.077h-1.623a.216.216 0 0 0-.216.216v2.988ZM2.343 3.847a.329.329 0 0 0-.324.274l-.327 1.962a.329.329 0 0 0-.005.054v.846c0 .182.147.329.329.329h6.048a.328.328 0 0 0 .328-.329V4.175a.329.329 0 0 0-.328-.328H2.343Zm-.103.311a.103.103 0 0 1 .103-.086h5.72c.058 0 .104.046.104.103v2.808a.104.104 0 0 1-.103.104H2.016a.104.104 0 0 1-.104-.104v-.846l.001-.017.327-1.962Z"}))),t||(t=a.createElement("defs",null,a.createElement("clipPath",{id:"van_svg__a"},a.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))))},c=(0,a.forwardRef)(s);n.Z=c},24154:function(e,n,i){"use strict";var r,t=i(82684);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},a.apply(this,arguments)}var o=function(e,n){return t.createElement("svg",a({width:18,height:18,xmlns:"http://www.w3.org/2000/svg",ref:n},e),r||(r=t.createElement("path",{d:"m15.456 4.737-3.29 3.293-2.19-2.192 3.29-3.292L12.721 2H9.985L7.241 4.737v3.839l-2.405 2.406-.458.458-1.879 1.88a1.58 1.58 0 0 0-.408 1.676 1.568 1.568 0 0 0 2.56.555l1.187-1.189.429-.457 3.163-3.137h3.836l2.735-2.738V5.293l-.545-.556Z"})))},s=(0,t.forwardRef)(o);n.Z=s},18218:function(e,n,i){"use strict";var r=i(28598),t=i(82684),a=i(54513),o=i(76456),s=i(34376),c=i.n(s),l=i(81870),d=i(10632),u=i.n(d);n.Z=function(e){var n=e.back,i=e.backHref,s=e.path,d=e.el,m=[];return"string"===typeof i?m.push(i):m=null!==i&&void 0!==i?i:["#","#","#"],(0,r.jsxs)("nav",{className:u().navigation,children:[(0,r.jsx)(l.Z,{icon:(0,r.jsx)(a.Z,{}),variant:"white",size:"large",label:n,onClick:function(){return c().back()}}),s.map((function(e,n){return n<s.length-1?t.createElement(d,{href:m[n],key:e},(0,r.jsxs)("a",{children:[e,(0,r.jsx)(o.Z,{className:u().arrow})]})):(0,r.jsx)("strong",{children:e},e)}))]})}},66028:function(e,n,i){"use strict";var r=i(28598),t=(i(82684),i(81870)),a=i(24154),o=i(58036),s=i(13515),c=i.n(s);n.Z=function(e){var n=e.choices,i=e.choicesID,s=e.selected,l=void 0===s?0:s,d=e.onSelect,u=i?i.indexOf(l.toString()):l;return(0,r.jsx)("div",{className:c().RadioGroup,children:n.map((function(e,n){var s=function(e,n){return"LABEL_ICON_VAN"===e?(0,r.jsx)(o.Z,{style:{height:"1.125rem",margin:0,fill:n?"white":"black"}}):"LABEL_ICON_WRENCH"===e?(0,r.jsx)(a.Z,{style:{margin:0,fill:n?"white":"black"}}):void 0}(e,u===n);return(0,r.jsx)(t.Z,{label:s?void 0:e,icon:s,variant:u===n?"black":"grey",size:"mediumCompact",onClick:function(){return e=n,void d(i?i[e]:e);var e}},e)}))})}},86777:function(e,n,i){"use strict";i.d(n,{Z:function(){return q}});var r=i(51224),t=i(35480),a=i(28598),o=i(82684),s=i(81870),c=i(99228),l=i.n(c),d=i(51860),u=i(12691),m=i.n(u),f=i(34376),v=i(44550),h=i(66028),g=i(18218),p=i(12295),x=i(7770),j=i(67510),b=i(68925),y=i.n(b),Z=i(21967),w=i(37559),A=i(93977),

1C=i(21687),_=i(84401),I=i(5293),N=i(55051),k=i.n(N),S=i(25925),B=i(22614),D=i(93361),R=(0,o.forwardRef)((function(e,n){var i=e.onRemove,r=e.fileBox,t=(e.index,e.faded),c=e.style,l=(0,S.Z)(e,["onRemove","fileBox","index","faded","style"]),d=(0,o.useState)(""),u=d[0],m=d[1];(0,o.useEffect)((function(){var e=new FileReader;e.onload=function(){m(e.result)},(null===r||void 0===r?void 0:r.file)&&e.readAsDataURL(r.file)}),[r]);var f=(0,Z.Z)({filter:t?"contrast(0.03) brightness(1.8)":"none"},c);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",(0,w.Z)((0,Z.Z)({ref:n},l),{style:f,className:k().imageBox,children:(0,a.jsx)("img",{src:u,alt:""})})),(0,a.jsx)(s.Z,{icon:(0,a.jsx)(D.Z,{}),variant:"grey",size:"justIcon",onClick:i,className:y()(k().removeImg,t?k().faded:null)})]})})),O=function(e){var n=e.onRemove,i=e.fileBox,r=e.index,t=(0,S.Z)(e,["onRemove","fileBox","index"]),o=(0,I.nB)({id:r}),s=o.attributes,c=o.isDragging,l=o.listeners,d=o.setNodeRef,u=o.transform,m=o.transition,f={transform:B.ux.Transform.toString(u),transition:m};return(0,a.jsx)(R,(0,Z.Z)({index:r,fileBox:i,ref:d,style:f,faded:c,onRemove:n},t,s,l))},F=(0,x.Pi)((function(e){var n=e.onFilesChange,i=e.onFileAdd,r=e.onFileDelete,t=e.onRejectedFiles,s=(e.purgeZone,e.accept),c=e.maxSize,l=e.minSize,d=e.multiple,u=e.disabled,m=e.files,f=e.localization,v=e.errorMessages,h=f.or,g=f.types,p=f.buttonContent,x=f.error,j=(0,o.useState)([]),b=j[0],N=j[1],S=(0,o.useState)(!1),B=S[0],D=S[1],F=function(){return D(!1)},E=(0,o.useState)(""),L=E[0],z=E[1],T=(0,o.useState)(),P=T[0],H=T[1],V=(0,_.Dy)((0,_.VT)(_.MA),(0,_.VT)(_.LO)),M=m.map((function(e){return e.file?e.file.name:"none"})),U=function(e){z(e.active.id),H(m[M.indexOf(e.active.id)])},G=function(e){var i=e.active,r=e.over;if(r&&i.id!==r.id){var t=M.indexOf(i.id),a=M.indexOf(r.id);n&&n((0,I.Rp)(m,t,a))}},q=function(e){z("")},Q=function(){z("")},W=y()("uploaderImg",x&&"is-invalid",u&&"is-disabled",B&&"on-drag"),Y=function(e){N((function(n){return n.filter((function(n){var i;return n.file.file.name!==(null===(i=e.file)||void 0===i?void 0:i.name)}))}))};return(0,a.jsx)(A.ZP,{onDrop:function(e){var n=e.map((function(e){return{file:e,progress:0,order:m.length}}));i&&i(n)},accept:s,multiple:d,maxSize:c,minSize:l,disabled:u,onDropRejected:function(e,n){var i=e.map((function(e){var n=e.errors[0].code.replaceAll("-","");return{file:e,progress:-1,error:(null===v||void 0===v?void 0:v[n])?v[n]:e.errors[0].message}}));N(i),t&&t(i)},onDragEnter:function(){return D(!0)},onDragLeave:F,onDropAccepted:F,children:function(e){var n=e.getRootProps,i=e.getInputProps;return(0,a.jsxs)("div",{className:k().uploaderImgRoot,children:[(0,a.jsxs)("ul",{className:k().uploaderImgUl,children:[m.length>0&&(0,a.jsxs)(_.LB,{sensors:V,collisionDetection:_.ey,onDragStart:U,onDragOver:G,onDragEnd:q,onDragCancel:Q,children:[(0,a.jsx)(I.Fo,{items:M,children:m.map((function(e,n){var i,t;return(0,a.jsx)("li",{children:(0,a.jsx)(O,{fileBox:m[n],onRemove:function(){return e=m[n],void(r&&r([e]));var e},index:null!==(t=null===(i=e.file)||void 0===i?void 0:i.name)&&void 0!==t?t:n.toString()})},n)}))}),(0,a.jsx)(_.y9,{adjustScale:!1,children:""!==L?(0,a.jsx)("div",{children:(0,a.jsx)(R,{fileBox:null!==P&&void 0!==P?P:m[0],index:L})}):null})]}),(0,a.jsxs)("section",(0,w.Z)((0,Z.Z)({},n({className:W})),{children:[(0,a.jsx)("input",(0,Z.Z)({},i())),p,h&&(0,a.jsx)("p",{className:"uploader--help-text",children:h}),g&&(0,a.jsx)("p",{className:"uploader--file-hint",children:g})]}))]}),b.length>0&&(0,a.jsx)("ul",{className:"uploader--files-list",children:b.map((function(e,n){return(0,a.jsx)("li",{children:(0,a.jsx)(C.a,{fileBox:{file:e.file.file,error:e.error,progress:e.progress},onRemove:Y})},n)}))})]})}})})),E=i(30735),L=i(50195),z=i(15153),T=i(76241),P=i(89552),H=i(17294),V=i(70802),M=i.n(V),U=i(62317),G=(0,x.Pi)((function(e){var n=e.id,i=e.index,r=((0,S.Z)(e,["id","index"]),(0,E.Y)().accessoryDetailStoreInt),t=r.bindingSpecs[i],o=(0,I.nB)({id:n}),c=o.attributes,l=o.listeners,d=o.setNodeRef,u=o.transform,m=o.transition,f={transform:B.ux.Transform.toString(u),transition:m};return(0,a.jsxs)("div",(0,w.Z)((0,Z.Z)({className:M().doubleInput,ref:d,style:f},c),{children:[(0,a.jsx)(U.Z,(0,Z.Z)({},l)),(0,a.jsx)(v.Z.Control,{type:"text",placeholder:"Enter title",value:null===t||void 0===t?void 0:t.key,onChange:function(e){r.editSpec("key",e.target.value,i)}}),(0,a.jsx)(v.Z.Control,{type:"text",placeholder:"Enter value (optional)",value:null===t||void 0===t?void 0:t.value,onChange:function(e){r.editSpec("value",e.target.value,i)}}),(0,a.jsx)(s.Z,{icon:(0,a.jsx)(D.Z,{}),size:"justIcon",variant:"grey",onClick:function(){return r.removeSpec(i)}})]}))})),q=(0,x.Pi)((function(e){var n=e.accessoryId,i=(0,o.useState)(!1),c=i[0],u=i[1],x=function(){return u(!c)},b=(0,o.useState)([]),Z=b[0],w=b[1],A=(0,p.$)().t,C=A("common.errors.required"),N=(0,E.Y)(),k=N.accessoryDetailStoreInt,S=N.accessoryTagsStoreInt,B=k.isLoading,D=k.error,R=k.handleFormBlur,O=k.isValid,V=(0,f.useRouter)(),U=(0,_.Dy)((0,_.VT)(_.we),(0,_.VT)(_.Lg,{coordinateGetter:I.is}));(0,o.useEffect)((function(){!n||B||k.previewMode||k.load(n),S.isLoaded||S.load(),"add"===k.previewMode||n||k.purgeBinding(),k.setMode("")}),[n]),(0,o.useEffect)((function(){w(k.bindingSpecs.map((function(e,n){return n.toString()})))}),[k.bindingSpecs.length]);var q={buttonContent:(0,a.jsx)("div",{className:y()(M().imageBox,M().empty),children:(0,a.jsx)(s.Z,{label:A("adminAccessory.detail.addImage"),variant:"transBlue",size:"mediumCompact",icon:(0,a.jsx)(d.Z,{})})}),or:"",types:""};if(D)return(0,a.jsx)(L.default,{statusCode:500,title:k.error});

1if(B)return(0,a.jsx)(z.Z,{});var Q=(0,H.F)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:l().navigation,children:[(0,a.jsx)(g.Z,{back:A("common.buttons.back"),backHref:P.i.AccessoryListActive(),path:[A("adminCrumbs.accessoriesList"),A("adminCrumbs.accessoryDetail")],el:m()}),n&&(0,a.jsxs)("div",{className:l().buttRight,children:[(0,a.jsx)(m(),{href:P.i.AccessoryPreviewDesktop(),children:(0,a.jsx)(s.Z,{label:A("common.buttons.preview"),size:"large",variant:"transparent",onClick:function(){k.setMode(n)}})}),k.binding.isVisible?(0,a.jsx)(s.Z,{label:A("adminAccessory.detail.switchToDraft"),size:"large",variant:"grey",onClick:function(){k.editAccessory(!1).then((function(){Q.showToast({message:A("adminAccessory.addNew.accessoryDrafted")})})).catch((function(e){console.error(e)}))}}):(0,a.jsx)(s.Z,{label:A("adminAccessory.detail.publish"),size:"large",variant:"grey",onClick:function(){k.editAccessory(!0).then((function(){Q.showToast({message:A("adminAccessory.addNew.accessoryPublished")})})).catch((function(e){console.error(e)}))}}),(0,a.jsx)(s.Z,{label:A("adminAccessory.detail.remove"),size:"large",variant:"grey",onClick:x})]})]}),(0,a.jsxs)("div",{className:y()(l().contentBoxNarrow,M().editFrame),children:[(0,a.jsx)("header",{children:(0,a.jsx)("div",{className:l().textBlock,children:(0,a.jsxs)("h2",{children:[A("adminAccessory.detail.AccessoryDetail"),!k.binding.isVisible&&(0,a.jsx)("span",{className:M().draft,children:A("adminEvents.editNew.draft")})]})})}),(0,a.jsx)("div",{children:(0,a.jsx)("h4",{children:A("adminAccessory.detail.images")})}),(0,a.jsx)(F,{localization:q,onFilesChange:k.updateCombinedImages,onFileAdd:k.addImageToUpload,onFileDelete:k.deleteImage,files:k.combinedImages,maxSize:10485760,disabled:!1,accept:[".png",".jpeg",".jpg"],errorMessages:{filetoolarge:A("common.errors.file-too-large-error")}}),(0,a.jsx)("h4",{children:A("adminAccessory.detail.basicData")}),(0,a.jsxs)(v.Z.Group,{controlId:"accesoryInfo",children:[(0,a.jsx)(v.Z.Label,{children:A("adminAccessory.detail.title")}),(0,a.jsx)(v.Z.Control,{type:"text",value:k.binding.name,onChange:function(e){k.write("name",e.target.value)},onBlur:function(){return R("name")},isInvalid:!O("name")}),(0,a.jsx)(v.Z.Control.Feedback,{type:O("name")?"valid":"invalid",children:C}),(0,a.jsx)(v.Z.Label,{children:A("adminAccessory.detail.partCode")}),(0,a.jsx)(v.Z.Control,{type:"text",value:k.binding.code,onChange:function(e){k.write("code",e.target.value)},style:{width:"13rem"},onBlur:function(){return R("code")},isInvalid:!O("code")}),(0,a.jsx)(v.Z.Control.Feedback,{type:O("code")?"valid":"invalid",children:C}),(0,a.jsx)(v.Z.Label,{children:A("adminAccessory.detail.technology")}),(0,a.jsx)(h.Z,{selected:k.bindingTags[0].name,choices:S.data.map((function(e){return e.name})),choicesID:S.data.map((function(e){return e.name})),onSelect:function(e){return k.writeTag(e)}}),(0,a.jsx)(v.Z.Label,{children:A("adminAccessory.detail.about")}),(0,a.jsx)(v.Z.Control,{as:"textarea",rows:5,value:k.binding.description,onChange:function(e){k.write("description",e.target.value)},onBlur:function(){return R("description")},isInvalid:!O("description")}),(0,a.jsx)(v.Z.Control.Feedback,{type:O("description")?"valid":"invalid",children:C})]}),(0,a.jsx)("h4",{children:A("common.captions.specification")}),(0,a.jsxs)("div",{className:y()(l().itemList,M().listBlock),children:[(0,a.jsx)("br",{}),(0,a.jsx)(_.LB,{sensors:U,collisionDetection:_.pE,onDragEnd:function(e){var n=e.active,i=e.over;if(i&&n.id!==i.id){var r=Z.indexOf(n.id),t=Z.indexOf(i.id);w((function(e){return(0,I.Rp)(e,r,t)})),k.swapSpec(r,t)}},children:(0,a.jsx)(I.Fo,{items:Z,strategy:I.qw,children:Z.map((function(e,n){return(0,a.jsx)(G,{index:n,id:e},e)}))})}),(0,a.jsx)(s.Z,{size:"largeMedium",variant:"transBlue",label:A("adminAccessory.detail.addRow"),onClick:function(){return k.addSpec("","")}})]}),(0,a.jsx)("h4",{children:A("adminAccessory.detail.documents")}),(0,a.jsx)(j.Z,{fileArray:k.combinedFiles,onDeleteFile:k.deleteFile,onDownloadFile:k.downloadFile,onZoomFile:k.zoomFile,onGetfilesToUpload:k.addFilesToUpload})]}),(0,a.jsx)("div",{className:M().publishBar,children:(0,a.jsx)("div",{className:y()(l().contentBoxNarrow,M().parentFrame),children:n?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Z,{variant:"black",size:"medium",label:A("adminAccessory.detail.update"),onClick:function(){k.editAccessory(k.data.isVisible).then((0,r.Z)((function(){return(0,t.__generator)(this,(function(e){switch(e.label){case 0:return Q.showToast({message:A("adminAccessory.addNew.changesSaved")}),[4,k.load(k.data.id.toString())];case 1:return e.sent(),[2]}}))}))).catch((function(e){console.error(e)}))}}),(0,a.jsx)(s.Z,{variant:"transparent",size:"medium",label:A("common.buttons.cancel")})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Z,{variant:"black",size:"medium",label:A("adminAccessory.detail.publish"),onClick:function(){k.createAccessory().then((function(e){Q.showToast({message:A("adminAccessory.addNew.accessoryPublished")}),e&&V.push(P.i.AccessoryListDetail(e.toString()))}

1)).catch((function(e){console.error(e)}))}}),(0,a.jsx)(s.Z,{variant:"transparent",size:"medium",label:A("common.buttons.saveDraft"),onClick:function(){k.createAccessory(!1).then((function(e){Q.showToast({message:A("adminAccessory.addNew.accessoryDrafted")}),e&&V.push(P.i.AccessoryListDetail(e.toString()))})).catch((function(e){console.error(e)}))}}),(0,a.jsx)(m(),{href:P.i.AccessoryPreviewDesktop(),children:(0,a.jsx)(s.Z,{label:A("common.buttons.preview"),size:"large",variant:"transparent",onClick:function(){k.setMode("add")}})})]})})}),(0,a.jsxs)(T.Z,{heading:A("adminAccessory.detail.removeAccesory"),show:c,onHide:x,buttons:[A("common.buttons.cancel"),A("common.buttons.remove")],actionCB:function(){k.deleteAccessory(null!==n&&void 0!==n?n:"").then((function(){Q.showToast({message:A("adminAccessory.addNew.accessoryRemoved")}),V.push(P.i.AccessoryListActive())})).catch((function(e){console.error(e)}))},children:[A("adminAccessory.detail.realyWantRemove"),' "',k.binding.name,'"?']})]})}))},10632:function(e){e.exports={navigation:"BreadCrumb_navigation__mHOgN",arrow:"BreadCrumb_arrow__cOcvH"}},13515:function(e){e.exports={RadioGroup:"RadioGroup_RadioGroup__9NGhe"}},55051:function(e){e.exports={uploaderImgRoot:"UploaderImg_uploaderImgRoot__cuGb1","uploader--files-list":"UploaderImg_uploader--files-list__QxuOM",uploaderImgUl:"UploaderImg_uploaderImgUl__BZsGI",removeImg:"UploaderImg_removeImg__xBsVr",faded:"UploaderImg_faded__Q_c22",imageBox:"UploaderImg_imageBox___lFr6"}},25925:function(e,n,i){"use strict";function r(e,n){if(null==e)return{};var i,r,t=function(e,n){if(null==e)return{};var i,r,t={},a=Object.keys(e);for(r=0;r<a.length;r++)i=a[r],n.indexOf(i)>=0||(t[i]=e[i]);return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)i=a[r],n.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}i.d(n,{Z:function(){return r}})}}]);