https://www.goafricaonline.com/build-manifest/5468.724fb59d73da9d3fb54d.js

1(self.webpackChunkgoafrica=self.webpackChunkgoafrica||[]).push([[5468],{57235:function(e,n,t){"use strict";function a(e,n){return new Intl.NumberFormat("fr-FR",{minimumFractionDigits:0,maximumFractionDigits:2,style:"currency",currency:n}).format(e)}t.d(n,{Z:function(){return a}})},89698:function(e,n,t){"use strict";t.d(n,{eN:function(){return r}});var a=t(67294);const i=/(\r\n|\r|\n)/g;function r(e){return"number"==typeof e?e:"string"!=typeof e?"":e.split(i).map((function(e,n){return e.match(i)?a.createElement("br",{key:n}):e}))}},30737:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var a=t(67294),i=t(93967),r=t.n(i),l=t(79977),o=t(25801),s=t.n(o);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},c.apply(this,arguments)}function d(e){const{bsClass:n="modal",dialogClassName:t,contentClassName:i,className:l,style:o,beforeContent:s=null,afterContent:d=null,children:u,onMouseDownDialog:m,...f}=e,v={display:"block",...o};return a.createElement("div",c({},f,{tabIndex:"-1",role:"dialog",style:v,className:r()(n,l)}),a.createElement("div",{className:r()(`${n}-dialog`,t),onMouseDown:m},s,a.createElement("div",{className:r()(`${n}-content`,i),role:"document"},u),d))}(0,l.ZPm)(s().Dialog)({"> .modal-dialog > .modal-content":{overflow:"visible"}})},39321:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var a=t(67294),i=t(79977);const r={"company-contact":Translator.trans("registration.success.company_contact"),"contact-product":a.createElement("span",{dangerouslySetInnerHTML:{__html:Translator.trans("registration.success.contact_product")}}),"multi-quote":Translator.trans("registration.success.multi_quote"),"multi-quote-page":Translator.trans("registration.success.multi_quote_page"),review:Translator.trans("registration.success.review")};function l(e){let{targetAction:n}=e;return a.createElement(i.ZCY,{css:{marginBottom:20}},a.createElement(i.H2,{css:{marginTop:0,marginBottom:10,fontSize:26}},Translator.trans("registration.success.message")),a.createElement("p",null,r[n]))}},55468:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return j}});var a=t(67294),i=t(25801),r=t.n(i),l=t(93967),o=t.n(l),s=t(7207),c=t.n(s),d=t(92742),u=t.n(d),m=t(27361),f=t.n(m),v=t(3651),g=t.n(v),p=t(67545),k=t(52185),b=t(57235),N=t(89698),y=t(39321),h=t(32168),E=t(68567),F=t(75336),w=t(75594),x=t(45793),S=t(30737),_=t(24102);function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},C.apply(this,arguments)}function M(e){return a.createElement(S.Z,C({dialogClassName:o()("modal-lg mb-20 ls:mb-0"),contentClassName:o()("min-h-[calc(100dvh-60px)] flex flex-col")},e))}function D(e){let{successMessage:n}=e;return a.createElement("div",{className:"alert alert-success",dangerouslySetInnerHTML:{__html:n}})}function L(e){let{isLogged:n,company:t,error:i,submitFailed:r,handleSubmit:l,successMessage:o}=e;return a.createElement("div",null,null!==o?a.createElement(D,{successMessage:o}):a.createElement("form",{onSubmit:l},a.createElement(w.Z,{isLogged:n,withSubject:!1,prefixRecaptchaId:"panel-",rendererComponent:x.Z,disabled:t.suspended>0}),r&&null!=i?a.createElement("div",{className:"alert alert-danger",dangerouslySetInnerHTML:{__html:i}}):null))}function O(e){let{product:n,revealForm:t,justRegistered:i}=e;const r=u()(n.sticker),l=u()(n.price),o=u()(n.crossedOutPrice),s=u()(n.link);return a.createElement("div",{className:"flex-1 flex relative overflow-hidden"},a.createElement("img",{src:n.image.medium,className:"flex-1 force-w-[350px] h-full mr-16 hidden ls:block"}),a.createElement("div",{className:"flex-1"},a.createElement("div",{className:""},a.createElement("div",{className:"text-20 font-bold text-black"},n.name),a.createElement("div",{className:"text-14 text-gray-600 mb-8"},f()(n,"category.name","")),""!==r&&a.createElement("div",{className:"sticker sticker-promo text-center ls:transform ls:-rotate-45 ls:absolute text-white bg-red-500 ls:w-1000px uppercase text-12 shadow-sticker ls:w-1000px ls:top-25px ls:-left-460px mb-4 ls:mb-0"},r),""!==o&&a.createElement("div",{className:"text-gray-600 mb-2 line-through font-light text-14",dangerouslySetInnerHTML:{__html:(0,b.Z)(o,n.currency)}}),""!==l&&a.createElement("div",{className:"text-brand-blue text-20 font-bold",dangerouslySetInnerHTML:{__html:(0,b.Z)(l,n.currency)}})),a.createElement("img",{src:n.image.medium,className:"w-full h-auto block ls:hidden my-12",alt:`${n.name}`}),a.createElement("div",{className:"modal-shopping-product-description text-gray-700 mt-16 pt-8 pb-8 border-0 border-t border-solid border-gray-200"},(0,N.eN)(n.description)),i&&a.createElement(y.Z,{targetAction:"contact-product"}),""!==s?a.createElement("a",{href:s,target:"_blank",className:"btn btn-blue rounded-full btn-lg"},p.default.trans("product.btn.interest_me")):a.createElement("a",{href:"#",className:"btn btn-blue rounded-full btn-lg",onClick:t},p.default.trans("product.btn.interest_me"))))}function P(e){let{closeButton:n,prevNextButtons:t,children:i}=e;return a.createElement(a.Fragment,null,n,a.createElement(r().Body,{className:"relative flex gap-x-4 flex-1"},t,a.createElement("div",{className:"flex-1"},i)))}function Z(e){let{className:n,onClick:t,icon:i,label:r}=e;return a.createElement("button",{className:o()("reset-button","flex items-center justify-center","h-40px w-40px","ls:self-center","relative top-[calc(100vh/2-60px)]","b:top-[calc(100dvh/2-60px)] b:ls:top-0","rounded-full border border-solid border-gray-500 hover:border-link","bg-white hover:bg-link","text-14 text-gray-500 hover:text-white","no-underline hover:no-underline focus:no-underline","transition-default",n),onClick:t},a.createElement("i",{className:o()("no-underline hover:no-underline",i)}),a.createElement("span",{className:"sr-only"},r))}function j(e){const{productId:n,products:t=[],open:i,onClose:l,justRegistered:s}=e,[d,u]=a.useState(n);(0,_.DH)();const m=(()=>{const e=g()(t,d);if(-1!==e){const n=e-1;if(n>=0)return t[n];if(t.length>=2)return t[t.length-1]}return null})(),f=(()=>{const e=g()(t,d);if(-1!==e){const n=e+1;if(n<t.length)return t[n];if(t.length>=2)return t[0]}return null})(),{loading:v,data:{product:b=null}={}}=(0,h.aM)(c(),{variables:{id:d}});(0,h.aM)(c(),{variables:{id:f},skip:null===f}),(0,h.aM)(c(),{variables:{id:m},skip:null===m});const[N,y]=a.useState(!1),x=(0,a.useCallback)((e=>{e.preventDefault(),y(!0)}),[y]),S=a.useCallback((()=>{null!==m&&(u(m),y(!1))}),[u,y,m]),C=a.useCallback((()=>{null!==f&&(u(f),y(!1))}),[u,y,f]),D=(0,E.Z)(S),j=(0,E.Z)(C),B=(0,a.useCallback)((()=>{N||S()}),[N,S]),T=(0,a.useCallback)((()=>{N||C()}),[N,C]);(0,k.Z)("ArrowLeft",B,{},[B]),(0,k.Z)("ArrowRight",T,{},[T]);const I=a.createElement(a.Fragment,null,null!==m&&a.createElement(Z,{className:"order-first",onClick:D,icon:"fa fa-chevron-left",label:p.default.trans("ui.previous")}),null!==f&&a.createElement(Z,{className:"order-last",onClick:j,icon:"fa fa-chevron-right",label:p.default.trans("ui.next")})),H=a.createElement("button",{type:"button",onClick:()=>l(),className:"close self-end pt-6 pr-6","aria-label":p.default.trans("ui.close")},a.createElement("span",{"aria-hidden":"true"},"×")),q=a.createElement(P,{closeButton:H,prevNextButtons:I},a.createElement(F.eg,null));return!0===v||null===b?a.createElement(r(),{show:i,onHide:l,dialogComponentClass:M},q):a.createElement(r(),{show:i,onHide:l,dialogComponentClass:M},N?a.createElement(w.c,{companyId:b.company.id,relatedProductId:b.id,subject:p.default.trans("product.btn.interest_me"),renderLoading:()=>q,render:e=>

1{let{successMessage:n,company:t,isLogged:i,formProps:{handleSubmit:l,submitFailed:c,submitting:d,error:u}}=e;return a.createElement(a.Fragment,null,a.createElement(P,{closeButton:H,prevNextButtons:I},a.createElement(O,{product:b,justRegistered:s,revealForm:x}),a.createElement("div",{className:"mt-6"},a.createElement(L,{isLogged:i,company:t,error:u,submitFailed:c,handleSubmit:l,successMessage:n}))),null==n?a.createElement(r().Footer,null,a.createElement("button",{type:"submit",disabled:d,onClick:l,className:o()("btn btn-primary rounded-full btn-lg",{loading:d})},a.createElement("i",{className:"fa fa-paper-plane-o mr-3"}),p.default.trans("contact.label.submit"))):null)}}):a.createElement(P,{closeButton:H,prevNextButtons:I},a.createElement(O,{product:b,justRegistered:s,revealForm:x})))}},7207:function(e,n,t){var a={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"ModalProductQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NamedType",name:{kind:"Name",value:"ID"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"product"},name:{kind:"Name",value:"shoppingProduct"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"price"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"crossedOutPrice"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"currency"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"description"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"sticker"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"link"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"image"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"width"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"height"},arguments:[],directives:[]},{kind:"Field",alias:{kind:"Name",value:"reference"},name:{kind:"Name",value:"url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"format"},value:{kind:"StringValue",value:"reference",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"small"},name:{kind:"Name",value:"url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"format"},value:{kind:"StringValue",value:"w200",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"medium"},name:{kind:"Name",value:"url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"format"},value:{kind:"StringValue",value:"w400",block:!1}}],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"category"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"brand"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"company"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]},{kind:"FragmentSpread",name:{kind:"Name",value:"ContactCompanyFragment"},directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:780}};a.loc.source={body:'#import "../ContactCompany/ContactCompanyFragment.graphql"\nquery ModalProductQuery($id: ID) {\n    product: shoppingProduct(id: $id) {\n        id\n        name\n        price\n        crossedOutPrice\n        currency\n        description\n        sticker\n        link\n        image {\n            id\n            width\n            height\n            reference: url(format: "reference")\n            small: url(format: "w200")\n            medium: url(format: "w400")\n        }\n        category {\n            id\n            name\n            __typename\n        }\n        brand {\n            id\n            name\n            __typename\n        }\n        company {\n            id\n            name\n            __typename\n            ...ContactCompanyFragment\n        }\n        __typename\n    }\n}\n',name:"GraphQL request",locationOffset:{line:1,column:1}};var i={};function r(e,n){if("FragmentSpread"===e.kind)n.add(e.name.value);

1else if("VariableDefinition"===e.kind){var t=e.type;"NamedType"===t.kind&&n.add(t.name.value)}e.selectionSet&&e.selectionSet.selections.forEach((function(e){r(e,n)})),e.variableDefinitions&&e.variableDefinitions.forEach((function(e){r(e,n)})),e.definitions&&e.definitions.forEach((function(e){r(e,n)}))}a.definitions=a.definitions.concat(t(73980).definitions.filter((function(e){if("FragmentDefinition"!==e.kind)return!0;var n=e.name.value;return!i[n]&&(i[n]=!0,!0)})));var l={};function o(e,n){for(var t=0;t<e.definitions.length;t++){var a=e.definitions[t];if(a.name&&a.name.value==n)return a}}a.definitions.forEach((function(e){if(e.name){var n=new Set;r(e,n),l[e.name.value]=n}})),e.exports=a,e.exports.ModalProductQuery=function(e,n){var t={kind:e.kind,definitions:[o(e,n)]};e.hasOwnProperty("loc")&&(t.loc=e.loc);var a=l[n]||new Set,i=new Set,r=new Set;for(a.forEach((function(e){r.add(e)}));r.size>0;){var s=r;r=new Set,s.forEach((function(e){i.has(e)||(i.add(e),(l[e]||new Set).forEach((function(e){r.add(e)})))}))}return i.forEach((function(n){var a=o(e,n);a&&t.definitions.push(a)})),t}(a,"ModalProductQuery")},88387:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isNavigator=n.isBrowser=n.off=n.on=n.noop=void 0;n.noop=function(){},n.on=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.addEventListener&&e.addEventListener.apply(e,n)},n.off=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)},n.isBrowser="undefined"!=typeof window,n.isNavigator="undefined"!=typeof navigator},73969:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=t(67294),i=t(88387),r=i.isBrowser?window:null,l=function(e){return!!e.addEventListener},o=function(e){return!!e.on};n.default=function(e,n,t,s){void 0===t&&(t=r),a.useEffect((function(){if(n&&t)return l(t)?i.on(t,e,n,s):o(t)&&t.on(e,n,s),function(){l(t)?i.off(t,e,n,s):o(t)&&t.off(e,n,s)}}),[e,n,t,JSON.stringify(s)])}},52185:function(e,n,t){"use strict";var a=t(58768),i=t(67294),r=a.__importDefault(t(73969)),l=t(88387);n.Z=function(e,n,t,a){void 0===n&&(n=l.noop),void 0===t&&(t={}),void 0===a&&(a=[e]);var o=t.event,s=void 0===o?"keydown":o,c=t.target,d=t.options,u=i.useMemo((function(){var t,a="function"==typeof(t=e)?t:"string"==typeof t?function(e){return e.key===t}:t?function(){return!0}:function(){return!1};return function(e){if(a(e))return n(e)}}),a);r.default(s,u,c,d)}}}]);