https://www.petit-fernand.co.uk/77.c7c685bc349b3c5ab6e7.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{"+K+N":function(e,n,t){e.exports=t.p+"contest-step3-try-button-iRH.png"},"2Nw3":function(e,n,t){e.exports=t.p+"contest-step3-copy-button-tv4.png"},"3XQz":function(e,n,t){"use strict"
2t.r(n)
3var a=t("yXPU"),o=t.n(a),r=t("J4zp"),i=t.n(r),l=t("o0o1"),c=t.n(l),s=t("pZLH"),p=t("q1tI"),u=t.n(p),d=t("rid2"),m=t("Ty5D"),h=t("h639"),f=t("LSoY"),x=t.n(f),g=t("2Nw3"),w=t.n(g),b=t("+K+N"),y=t.n(b),v=t("MCjU"),E=t("cL2i"),C=t("LboF"),L=t.n(C),S=t("MQUW"),B={injectType:"singletonStyleTag",insert:"head",singleton:!0},W=(L()(S.a,B),S.a.locals||{}),k=function CopyButton(e){var n=e.value,t=e.copyCta,a=e.copiedCta,r=Object(p.useState)(!1),l=i()(r,2),s=l[0],d=l[1],m=function(){var e=o()(c.a.mark((function _callee(){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,navigator.clipboard.writeText(n)
4case 1:d(!0),setTimeout((function(){return d(!1)}),2e3)
5case 2:case"end":return e.stop()}}),_callee)})))
6return function copy(){return e.apply(this,arguments)}}()
7return u.a.createElement("button",{className:W.button,onClick:m},u.a.createElement("span",null,s?a:t),u.a.createElement("img",{alt:t,className:W.copyButtonPicto,decoding:"async",loading:"lazy",src:w.a}))}
8n.default=function Step3(){var e,n,t,a,r=Object(m.useHistory)(),l=Object(m.useLocation)(),f=l.state,g=Object(p.useState)(null),w=i()(g,2),b=w[0],C=w[1],L=Object(p.useState)(null),S=i()(L,2),B=S[0],N=S[1],P=Object(p.useState)(0),$=i()(P,2),M=$[0],z=$[1],F=Object(p.useState)(!1),j=i()(F,2),D=j[0],T=j[1],I=function selectResultVariant(e,n){if(n)return((null==e?void 0:e.resultVariants)||[]).find((function(e){return n.startsWith(e.couponPrefix)}))}(E.a.wheel,null==b?void 0:b.coupon_code),_=Object(s.a)(v.b),O=i()(_,2),A=O[0],Q=O[1].loading,H=function(){var e=o()(c.a.mark((function _callee2(){var e,n,t,a,o,i,s,p,u
9return c.a.wrap((function(c){for(;;)switch(c.prev=c.next){case 0:if(f){c.next=1
10break}return e=l.pathname.startsWith("/iframe"),n=e?"/iframe/jeu-concours/inscription":"/jeu-concours/inscription",r.push(n),c.abrupt("return")
11case 1:return c.prev=1,t=f.email,a=f.firstname,o=f.lastname,c.next=2,A({variables:{wheelId:E.a.wheelId,email:t,firstname:a,lastname:o}})
12case 2:if(i=c.sent,s=i.data,p=null==s?void 0:s.mutateGenerateLuckyWheelResult){c.next=3
13break}throw new Error("Invalid server response.")
14case 3:if(!0!==(null==p?void 0:p.errors)){c.next=4
15break}throw new Error(p.message||"An error occurred.")
16case 4:return z(700),N(null),c.next=5,new Promise((function(e){return setTimeout(e,2800)}))
17case 5:C(p),T(!0),c.next=7
18break
19case 6:c.prev=6,u=c.catch(1),N(u.message||"Une erreur est survenue.")
20case 7:case"end":return c.stop()}}),_callee2,null,[[1,6]])})))
21return function handleStartGameButton(){return e.apply(this,arguments)}}()
22return u.a.createElement(u.a.Fragment,null,u.a.createElement(d.a,null,u.a.createElement("meta",{name:"robots",content:"noindex, nofollow"})),u.a.createElement("div",{className:W.step3},u.a.createElement("h1",{className:W.title},E.a.wheel.title),u.a.createElement("h2",{className:W.subtitle},E.a.wheel.subtitle),u.a.createElement("img",{alt:"",className:W.arrow,decoding:"async",loading:"lazy",src:E.a.wheel.arrow}),u.a.createElement("div",{className:W.wheel},u.a.createElement("div",{className:W.wheelWrapper,style:{transform:"rotate(".concat(M,"deg)")}},u.a.createElement(h.a,null)),u.a.createElement("div",{className:W.pointer},u.a.createElement("img",{src:x.a,alt:"win pointer"})),D&&u.a.createElement("div",{className:W.popup},u.a.createElement("h2",{className:W.popupTitle},E.a.wheel.result.title),u.a.createElement("h3",{className:W.popupSubtitle},"Vous avez gagné un bon pour"," ",null!=b&&b.message?b.message:""),I?u.a.createElement("h3",{className:W.popupSubtitle},I.instructions):u.a.createElement("h3",{className:W.popupSubtitle},"Pour en profiter, utilisez le code ci-dessous sur le site"," ",null!=b&&b.related_url?u.a.createElement("a",{href:b.related_url,target:"_blank",rel:"noopener noreferrer"},b.related_url):""),!(null!=I&&I.hideCouponCode)&&u.a.createElement("h3",{className:W.popupSubtitle},"Le code :"," ",u.a.createElement("strong",null,null!=b&&b.coupon_code?"".concat(b.coupon_code):"")),u.a.createElement("p",{className:W.popupInfo},null!==(e=null==I?void 0:I.mailNotice)&&void 0!==e?e:E.a.wheel.result.mailNotice),E.a.wheel.result.bonus.map((function(e,n){return u.a.createElement("p",{className:W.popupMore,key:n},e)})))),u.a.createElement("div",{className:W.buttonContainer},D?u.a.createElement(k,{value:null!==(n=null==I?void 0:I.copyValue)&&void 0!==n?n:"".concat((null==b?void 0:b.coupon_code)||""),copyCta:null!==(t=null==I?void 0:I.copyCta)&&void 0!==t?t:E.a.wheel.copyCta,copiedCta:null!==(a=null==I?void 0:I.copiedCta)&&void 0!==a?a:E.a.wheel.copiedCta}):u.a.createElement(u.a.Fragment,null,u.a.createElement("button",{className:W.button,onClick:H,disabled:Q},u.a.createElement("span",null,Q?E.a.wheel.ctaLoading:E.a.wheel.cta),u.a.createElement("img",{alt:E.a.wheel.cta,className:W.buttonPicto,decoding:"async",loading:"lazy",src:y.a}

22)),B&&u.a.createElement("p",{className:W.errorMessage},B)))))}},LSoY:function(e,n,t){e.exports=t.p+"wheelPointer-s7h.svg"},MCjU:function(e,n,t){"use strict"
23t.d(n,"a",(function(){return c})),t.d(n,"b",(function(){return s}))
24var a,o,r=t("VkAN"),i=t.n(r),l=t("UYTu"),c=Object(l.b)(a||(a=i()(["\n    mutation campainShipForm(\n        $email: String!\n        $firstname: String!\n        $lastname: String!\n        $accord1: Boolean\n        $accord2: Boolean\n        $accord3: Boolean\n        $accord4: Boolean\n        $campainId: String!\n    ) {\n        campainShipForm(\n            email: $email\n            firstname: $firstname\n            lastname: $lastname\n            accord1: $accord1\n            accord2: $accord2\n            accord3: $accord3\n            accord4: $accord4\n            campainId: $campainId\n        ) {\n            errors\n            message\n        }\n    }\n"]))),s=Object(l.b)(o||(o=i()(["\n    mutation mutateGenerateLuckyWheelResult(\n        $wheelId: Int!\n        $email: String!\n        $firstname: String!\n        $lastname: String!\n    ) {\n        mutateGenerateLuckyWheelResult(\n            wheelId: $wheelId\n            email: $email\n            firstname: $firstname\n            lastname: $lastname\n        ) {\n            coupon_code\n            related_url\n            message\n            slice_to_select\n            win\n        }\n    }\n"])))},MQUW:function(e,n,t){"use strict"
25var a=t("JPst"),o=t.n(a)()((function(e){return e[1]}))

26o.push([e.i,".step3-step3-QX3 {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    padding-top: 10px;\n    width: 450px;\n\n    .step3-title-Ops {\n        color: #336a79;\n        font-family: Sofia Pro;\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 40px;\n        padding-top: 24px;\n        text-align: center;\n        margin-bottom: 24px;\n    }\n\n    .step3-subtitle-cfh {\n        color: #336a79;\n        background-color: white;\n        font-family: Sofia Pro;\n        font-size: 32px;\n        font-weight: 400;\n        letter-spacing: -2.5%;\n        line-height: 52px;\n        padding: 2px 16px;\n        transform: rotate(-8deg);\n    }\n\n    .step3-arrow-kL2 {\n        left: 88px;\n        position: relative;\n        top: -25px;\n        z-index: 1;\n    }\n\n    .step3-wheel-QPq {\n        position: relative;\n        top: -38px;\n\n        .step3-wheelWrapper--UJ {\n            height: 400px;\n            transition: transform 3.5s ease-in-out;\n            width: 400px;\n        }\n\n        .step3-pointer-EHq {\n            position: absolute;\n            right: -8px;\n            top: 180px;\n            width: 49.5px;\n        }\n\n        .step3-popup-TyR {\n            background-color: white;\n            border-radius: 8px;\n            box-sizing: border-box;\n            left: 50%;\n            padding: 20px;\n            position: absolute;\n            text-align: center;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            width: 110%;\n\n            .step3-popupTitle-mD3 {\n                color: #336a79;\n                font-family: Sofia Pro;\n                font-size: 18px;\n                font-weight: 700;\n                line-height: 22px;\n                margin-bottom: 6px;\n                text-transform: uppercase;\n            }\n\n            .step3-popupSubtitle-7Ts {\n                color: #336a79;\n                font-family: Sofia Pro;\n                font-size: 18px;\n                line-height: 22px;\n                margin-top: 24px;\n\n                &:last-of-type {\n                    margin-bottom: 24px;\n                }\n\n                & a {\n                    text-decoration: underline;\n                }\n\n                & strong {\n                    font-weight: bold;\n                }\n            }\n\n            .step3-popupInfo-gli {\n                color: #336a79;\n                font-family: Sofia Pro;\n                font-size: 14px;\n                line-height: 18px;\n                margin-bottom: 24px;\n            }\n\n            .step3-popupMore-4HL {\n                color: #bc7d6f;\n                font-family: Sofia Pro;\n                font-size: 14px;\n                line-height: 18px;\n            }\n        }\n    }\n\n    .step3-buttonContainer-aKb {\n        .step3-button-MHz {\n            align-items: center;\n            background-color: #bc7d6f;\n            border-radius: 10px;\n            color: #fff;\n            display: flex;\n            font-family: Sofia Pro;\n            font-size: 24px;\n            font-weight: 500;\n            height: 50px;\n            justify-content: center;\n            line-height: 28px;\n            padding: 12px 24px;\n            position: relative;\n            width: 100%;\n\n            .step3-buttonPicto-y4Q {\n                margin-top: 30px;\n            }\n\n            .step3-copyButtonPicto-owk {\n                margin-left: 10px;\n            }\n        }\n\n        .step3-errorMessage-ZWT {\n            color: #e02b27;\n            font-size: 12px;\n            line-height: 12px;\n            margin: 0;\n            padding-top: 30px;\n            text-align: center;\n        }\n    }\n}\n\n@media (max-width: 1200px) {\n    .step3-step3-QX3 {\n        padding: 0 30px;\n        width: 100%;\n\n        .step3-title-Ops {\n            font-size: 24px;\n            line-height: 32px;\n            text-align: center;\n        }\n\n        .step3-wheel-QPq {\n            top: 30px;\n\n            .step3-wheelWrapper--UJ {\n                height: 100%;\n                width: 100%;\n            }\n\n            .step3-pointer-EHq {\n                top: 134px;\n                width: 40px;\n            }\n        }\n\n        .step3-buttonContainer-aKb {\n            margin-bottom: calc(\n                30px + 28px + 100px\n            ); /* 30px (footer position following the bottom) + 28px (footer height) + 100px (margin-bottom of the button) */\n            margin-top: 100px;\n            width: 100%;\n\n            .step3-button-MHz {\n                font-size: 20px;\n\n                .step3-buttonPicto-y4Q {\n                    margin-top: 0;\n                    position: absolute;\n                    right: -30px;\n                    top: 10px;\n                }\n            }\n        }\n    }\n}\n",""]),o.locals={step3:"step3-step3-QX3",title:"step3-title-Ops",subtitle:"step3-subtitle-cfh",arrow:"step3-arrow-kL2",wheel:"step3-wheel-QPq",wheelWrapper:"step3-wheelWrapper--UJ",pointer:"step3-pointer-EHq",popup:"step3-popup-TyR",popupTitle:"step3-popupTitle-mD3",popupSubtitle:"step3-popupSubtitle-7Ts",popupInfo:"step3-popupInfo-gli",popupMore:"step3-popupMore-4HL",buttonContainer:"step3-buttonContainer-aKb",button:"step3-button-MHz",buttonPicto:"step3-buttonPicto-y4Q",copyButtonPicto:"step3-copyButtonPicto-owk",errorMessage:"step3-errorMessage-ZWT"},n.a=o},h639:function(e,n,t){"use strict"
27var a=t("q1tI"),o=t.n(a)
28n.a=function Wheel(){var e=Object(a.useMemo)((function(){return 36}),[]),n=Object(a.useMemo)((function(){var n=[{index:0,color:"#336A79",starWithBorder:!1},{index:1,color:"#FFFFFF",starWithBorder:!0},{index:2,color:"#A8D5D8",starWithBorder:!1},{index:3,color:"#BC7D6F",starWithBorder:!1},{index:4,color:"#336A79",starWithBorder:!1},{index:5,color:"#A8D5D8",starWithBorder:!1},{index:6,color:"#BC7D6F",starWithBorder:!1},{index:7,color:"#336A79",starWithBorder:!1},{index:8,color:"#FFFFFF",starWithBorder:!0},{index:9,color:"#BC7D6F",starWithBorder:!1}]
29if(n&&n.length>0){var t=[],a=-e/2,o=function getCoordinates(e,n,t,a){var o=(a-90)*Math.PI/180
30return{x:e+t*Math.cos(o),y:n+t*Math.sin(o)}}

31return n.forEach((function(n){var r=a,i=o(55,55,45,a),l=o(55,55,45,a+=e),c=o(55,55,48.5,a),s=o(55,55,48.5,1+r+e/2),p=o(50.5,50.5,30,1+r+e/2.2),u=90-(a-e/2),d=["M ".concat(l.x," ").concat(l.y),"A ".concat(45," ").concat(45," 0 0 0 ").concat(i.x," ").concat(i.y),"L ".concat(55," ").concat(55)].join(" "),m={cx:c.x,cy:c.y,r:1},h={cx:s.x,cy:s.y,r:1},f={cx:p.x,cy:p.y,withBorder:n.starWithBorder}
32t.push({index:n.index,winRotation:u,color:n.color,d:d,circleData:m,secondCircle:h,star:f,middleAnchorText:!0,fontColorWhite:n.index%2==0})})),t}}),[e])
33return o.a.createElement("svg",{viewBox:"0 0 110 110",width:"100%",height:"100%"},o.a.createElement("circle",{fill:"none",stroke:"#404143",strokeWidth:15,cx:55,cy:55,r:45}),n&&n.length&&n.map((function(e){return o.a.createElement(o.a.Fragment,null,o.a.createElement("path",{fill:e.color,d:e.d}),o.a.createElement("svg",{x:e.star.cx,y:e.star.cy,width:"12",height:"12",viewBox:"0 0 30 30",fill:"#fff",stroke:e.star.withBorder&&"#336A79",strokeWidth:1,xmlns:"http://www.w3.org/2000/svg"},e.index%2==0?o.a.createElement("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M16.1847 20.8068L11.7851 18.535C11.375 18.3222 10.885 18.3275 10.4749 18.5457L6.10732 20.8813C5.07935 21.4293 3.86495 20.5621 4.05137 19.4129L4.85031 14.5288C4.92488 14.0712 4.77042 13.6083 4.43486 13.2838L0.86093 9.85744C0.0193777 9.04874 0.466781 7.6282 1.62258 7.45262L6.51744 6.70244C6.9755 6.63328 7.36965 6.34064 7.57205 5.92565L9.72919 1.47247C10.2405 0.424348 11.7319 0.413718 12.2592 1.4512L14.4856 5.87246C14.6933 6.28745 15.0928 6.56943 15.5508 6.63328L20.4563 7.30896C21.6121 7.46858 22.0862 8.8838 21.2553 9.70315L17.7346 13.1827C17.4044 13.5072 17.2552 13.9754 17.3405 14.433L18.214 19.3012C18.4217 20.4504 17.218 21.3336 16.1793 20.8015L16.1847 20.8068Z",fill:"white"})):o.a.createElement("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M9.87665 20.3541L7.65026 15.9328C7.44254 15.5178 7.04307 15.2359 6.58501 15.172L1.6795 14.4963C0.523702 14.3367 0.0496627 12.9215 0.880563 12.1021L4.40124 8.62258C4.73147 8.29804 4.8806 7.82984 4.79538 7.37228L3.92187 2.50411C3.71414 1.3549 4.91788 0.471704 5.95651 1.00375L10.356 3.27556C10.7661 3.48837 11.2562 3.48306 11.6663 3.26492L16.0338 0.929251C17.0618 0.381249 18.2762 1.24848 18.0898 2.39769L17.2908 7.28183C17.2163 7.73938 17.3707 8.20226 17.7063 8.5268L21.2802 11.9531C22.1218 12.7619 21.6744 14.1824 20.5186 14.358L15.6237 15.1082C15.1656 15.1773 14.7715 15.4699 14.5691 15.8849L12.412 20.3381C11.9006 21.3862 10.4093 21.3969 9.88198 20.3594L9.87665 20.3541Z",fill:"white"}))),o.a.createElement("circle",{fill:"#AD9550",cx:e.circleData.cx,cy:e.circleData.cy,r:e.circleData.r}),o.a.createElement("circle",{fill:"#AD9550",cx:e.secondCircle.cx,cy:e.secondCircle.cy,r:e.secondCircle.r}))})),o.a.createElement("circle",{fill:"#A8D5D8",stroke:"#404143",strokeWidth:4,cx:55,cy:55,r:5}))}}}])