https://icecat.nl/_next/static/chunks/4414.c02b71bf02cd1861.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4414],{4414:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>v});var s=r(95155),t=r(31432),l=r(64823),n=r(31162),i=r(64343),c=r(29719),m=r(61161),o=r(12115),d=r(41139),p=r(2821);let x=(0,o.forwardRef)((e,a)=>{let{className:r,...t}=e;return(0,s.jsx)("textarea",{...t,ref:a,className:(0,p.A)("block h-24 w-full max-w-sm resize-none border-2 border-primaryExtraLight px-2 py-0",r)})});x.displayName="TextArea";var u=r(11343);let h=e=>{let{options:a,...r}=e;return(0,s.jsx)("select",{className:"block h-7 w-full border-2 border-primaryExtraLight bg-white px-2 py-0",...r,children:a.map((e,a)=>(0,s.jsx)("option",{value:e,children:e},a))})};var b=r(91680),y=r(1141);let _=e=>(0,s.jsx)(y.A,{className:(0,p.A)(e.className),sitekey:b.b,onChange:e.onChange});var j=r(19912);let N=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;var f=r(22544);let g=e=>{var a,r,t;let{onSubmit:n,defaultValues:i,captchaDisabled:c}=e,m=(0,l.W)(),p=(0,o.useRef)(""),[b,y]=(0,o.useState)(null),{control:g,handleSubmit:v}=(0,f.mN)({defaultValues:{name:null!=(a=i.name)?a:"",company:null!=(r=i.company)?r:"",email:null!=(t=i.email)?t:"",type:"text",description:""}}),k=v(async e=>{y(null);try{await n({...e,captcha:p.current})}catch(e){y(e.message)}});return(0,s.jsxs)("form",{onSubmit:k,noValidate:!0,children:[(0,s.jsxs)("label",{className:"my-2 block",htmlFor:"contactName",children:[(0,s.jsxs)("span",{className:"mb-1 inline-block font-bold",children:[m("txt_contact_name"),(0,s.jsx)(d.zR,{}),":"]}),(0,s.jsx)(f.xI,{control:g,name:"name",rules:{required:m("report_mistake_field_required"),validate:e=>e.trim().length>0||m("report_mistake_name_invalid")},render:e=>{let{field:a,fieldState:r}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u.p,{id:"contactName",className:"w-full",...a}),r.error&&(0,s.jsx)("div",{className:"mt-1 text-danger",children:r.error.message})]})}})]}),(0,s.jsxs)("label",{className:"my-2 block",htmlFor:"company",children:[(0,s.jsxs)("span",{className:"mb-1 inline-block font-bold",children:[m("txt_organization"),":"]}),(0,s.jsx)(f.xI,{control:g,name:"company",render:e=>{let{field:a}=e;return(0,s.jsx)(u.p,{id:"company",className:"w-full",...a})}})]}),(0,s.jsxs)("label",{className:"my-2 block",htmlFor:"email",children:[(0,s.jsxs)("span",{className:"mb-1 inline-block font-bold",children:[m("lang_your_email"),(0,s.jsx)(d.zR,{}),":"]}),(0,s.jsx)(f.xI,{control:g,name:"email",rules:{required:m("report_mistake_field_required"),validate:e=>N.test(e)||m("report_mistake_email_invalid")},render:e=>{let{field:a,fieldState:r}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u.p,{id:"email",type:"email",className:"w-full",...a}),r.error&&(0,s.jsx)("div",{className:"mt-1 text-danger",children:r.error.message})]})}})]}),(0,s.jsxs)("label",{className:"my-2 block",children:[(0,s.jsxs)("span",{className:"mb-1 me-2 inline-block font-bold",children:[m("lang_mistake_in"),(0,s.jsx)(d.zR,{}),":"]}),(0,s.jsx)(f.xI,{control:g,name:"type",render:e=>{let{field:a}=e;return(0,s.jsx)(h,{name:a.name,value:a.value,onChange:a.onChange,options:["text","link","specification","image","other"]})}})]}),(0,s.jsxs)("label",{className:"my-2 block",htmlFor:"description",children:[(0,s.jsxs)("span",{className:"mb-1 inline-block font-bold",children:[m("description"),(0,s.jsx)(d.zR,{}),":"]}),(0,s.jsx)(f.xI,{control:g,name:"description",rules:{required:m("report_mistake_field_required"),minLength:{value:10,message:m("report_mistake_description_min_length",{__min__:10})}},render:e=>{let{field:a,fieldState:r}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x,{id:"description",rows:6,className:"w-full",...a}),r.error&&(0,s.jsx)("div",{className:"mt-1 text-danger",children:r.error.message})]})}})]}),!c&&(0,s.jsx)("div",{className:"my-2",children:(0,s.jsx)(_,{className:"flex justify-center",onChange:e=>{p.current=e}})}),b&&(0,s.jsx)("div",{className:"my-2 text-danger",children:b}),(0,s.jsx)("div",{className:"block text-center",children:(0,s.jsx)(j.$,{className:"inline-block w-auto",type:"submit",children:m("report")})})]})},v=e=>{var a,r,o,d;let{onClose:p}=e,x=(0,t.B)(),u=(0,i.x)(),h=(0,l.W)(),b=(0,c.s)(),y=async e=>{try{let a=await n.A.post("/".concat(u,"/product-feedback-yii2/post"),JSON.stringify({supplierId:x.brandId,productId:x.id,captcha:e.captcha,name:e.name,company:e.company,email:e.email,type:e.type,description:e.description}));if("4"==a.data.errorCode)throw Error(!1===a.data.captchaValidate?h("lang_wrong_captcha"):a.data.message);p()}catch(e){throw Error((0,m.n)(e))}};return(0,s.jsxs)("div",{className:"m-auto max-w-sm",children:[(0,s.jsxs)("h3",{className:"m-0 text-center font-bold",children:[h("lang_report_mistake")," ",x.brandName," ",x.mpn," ",x.name]}),(0,s.jsx)(g,{onSubmit:y,defaultValues:{name:null==(a=b.data)?void 0:a.name,company:null==(r=b.data)?void 0:r.company,email:null==(o=b.data)?void 0:o.email},captchaDisabled:!!(null==(d=b.data)?void 0:d.twoFAEnabled)})]})}},11343:(e,a,r)=>{"use strict";r.d(a,{p:()=>i});var s=r(95155),t=r(12115),l=r(2821);let n=(0,l.A)("block h-7 w-full border-2 border-primaryExtraLight px-2 py-0"),i=(0,t.forwardRef)((e,a)=>{let{className:r,...t}=e;

1return(0,s.jsx)("input",{...t,ref:a,className:(0,l.A)(n,r)})});i.displayName="Input"},19912:(e,a,r)=>{"use strict";r.d(a,{$:()=>i});var s=r(95155),t=r(58681),l=r.n(t),n=r(2821);let i=e=>{let{invertColors:a,variant:r="primary",...t}=e;return(0,s.jsx)("button",{...t,className:(0,n.A)(l().button,a&&l().inverted,"primary"===r&&l().primary,"secondary"===r&&l().secondary,t.className)})}},58681:e=>{e.exports={button:"styles_button__DNJ4N",primary:"styles_primary__OrxC6",inverted:"styles_inverted___6Lhm",secondary:"styles_secondary__RBxYH"}},61161:(e,a,r)=>{"use strict";r.d(a,{n:()=>t});var s=r(12870);let t=e=>s.A.isAxiosError(e)&&e.response?l(e):e.message,l=e=>JSON.stringify({path:e.request.path,method:e.request.method,response:e.response.data})},91680:(e,a,r)=>{"use strict";r.d(a,{b:()=>s});let s=r(95704).env.NEXT_PUBLIC_RECAPTCHA_KEY||"6LdqDywUAAAAAIeGAHe-vea-ZvdVZd1i4BlXlAX9"}}]);