https://cdn.lafourche.fr/_next/static/chunks/pages/pages/referral-932e926c07b4ebfd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8144],{31973:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(6029),i=a(55729),l=a(50709),s=a(92520),n=a(81278);let o=(e,t)=>{let a=a=>{let{isAuthenticated:o,isLoading:c,isLogoutPending:d}=(0,s.uM)(),x=(0,n.useRouter)();return((0,i.useEffect)(()=>{let e=null==x?void 0:x.asPath;c||o||d||(t?t():(0,l.j)(e))},[o,c,null==x?void 0:x.asPath]),c||!o)?null:(0,r.jsx)(e,{...a})};for(let t in e)a[t]=e[t];return a}},47283:(e,t,a)=>{"use strict";a.d(t,{A:()=>l,T:()=>i});var r=a(6029);a(55729);var i=function(e){return e.A="A",e.B="B",e.C="C",e.D="D",e.E="E",e.F="F",e}({});let l=e=>{let{width:t,height:a,color:i,variant:l,UNSAFE_className:s,...n}=e,o={fill:"none",xmlns:"http://www.w3.org/2000/svg",...n};switch(l){case"A":return(0,r.jsx)("svg",{width:t||326,height:a||226,viewBox:"0 0 326 226",className:s||"",...o,children:(0,r.jsx)("path",{fill:i||"#FFF",d:"M17.5325 183.327C31.1098 202.022 49.7487 220.756 118.208 225.293C186.667 229.83 291.369 226.428 307.478 201.474C323.586 176.521 342.475 46.4993 297.41 17.7288C267.207 -1.55319 176.6 -2.68742 118.208 2.98374C59.8162 8.6549 28.0361 16.025 13.5055 44.9503C-7.65584 87.0753 -0.589019 158.374 17.5325 183.327Z"})});case"B":return(0,r.jsx)("svg",{width:t||301,height:a||251,viewBox:"0 0 301 251",className:s||"",...o,children:(0,r.jsx)("path",{fill:i||"#FFF",d:"M16.2223 201.955C28.7552 222.55 45.9603 243.187 109.153 248.185C172.347 253.183 268.995 249.435 283.864 221.946C298.733 194.458 316.169 51.2241 274.571 19.5302C246.691 -1.71101 163.053 -2.96049 109.153 3.28692C55.2534 9.53432 25.9179 17.6533 12.5051 49.5177C-7.02846 95.923 -0.505248 174.466 16.2223 201.955Z"})});case"D":return(0,r.jsx)("svg",{width:t||282,height:a||181,viewBox:"0 0 282 181",className:s||"",...o,children:(0,r.jsx)("path",{d:"M54.2549 9.70403C31.0295 17.2559 7.7564 27.6231 2.12021 65.7011C-3.51598 103.779 0.711161 162.016 31.7102 170.976C62.7092 179.935 224.234 190.442 259.976 165.376C283.93 148.577 285.339 98.1794 278.293 65.7011C271.248 33.2228 278.293 19.7835 226.159 7.46413C174.024 -4.85523 85.254 -0.375454 54.2549 9.70403Z",fill:i||"#FFCB03"})});case"E":return(0,r.jsx)("svg",{width:t||422,height:a||153,viewBox:"0 0 422 153",className:s||"",...o,children:(0,r.jsx)("path",{fill:i||"#FFF",d:"M10.7439 133.325C-7.86591 85.5599 -1.62291 30.0726 24.2342 7.80838C26.7014 5.72639 29.761 4.03925 33.2118 2.85794C36.6625 1.67664 40.4262 1.02794 44.2551 0.954559C144.449 -1.62604 323.094 1.02573 392.693 8.90985C397.69 9.44991 402.382 10.9583 406.251 13.2694C410.12 15.5805 413.018 18.6048 414.626 22.01C430.883 57.3732 417.021 111.165 404.124 134.302C402.275 137.616 399.189 140.509 395.198 142.67C391.207 144.831 386.463 146.177 381.476 146.564C308.725 152.271 121.576 157.099 33.3708 147.67C28.0507 147.091 23.0814 145.427 19.0652 142.881C15.0491 140.335 12.1585 137.015 10.7439 133.325Z"})});case"F":return(0,r.jsx)("svg",{width:t||327,height:a||153,viewBox:"0 0 327 153",className:s||"",...o,children:(0,r.jsx)("path",{fill:i||"#FFF",d:"M8.32529 133.325C-6.09515 85.5599 -1.25757 30.0726 18.7786 7.80838C20.6904 5.72639 23.0613 4.03925 25.7352 2.85794C28.4091 1.67664 31.3255 1.02794 34.2925 0.954559C111.931 -1.62604 250.359 1.02573 304.291 8.90985C308.163 9.44991 311.798 10.9583 314.796 13.2694C317.795 15.5805 320.04 18.6048 321.286 22.01C333.883 57.3732 323.142 111.165 313.148 134.302C311.715 137.616 309.324 140.509 306.232 142.67C303.139 144.831 299.463 146.177 295.599 146.564C239.225 152.271 94.2072 157.099 25.8584 147.67C21.736 147.091 17.8854 145.427 14.7733 142.881C11.6613 140.335 9.42142 137.015 8.32529 133.325Z"})});default:return(0,r.jsx)("svg",{width:t||176,height:a||119,viewBox:"0 0 176 119",className:s||"",...o,children:(0,r.jsx)("path",{fill:i||"#FFBDA7",d:"M6.54848 12.458C-4.46739 50.5938 0.955812 86.656 11.6874 106.49C12.9143 108.769 14.8466 110.744 17.2913 112.216C19.7359 113.689 22.6074 114.608 25.6187 114.881C83.2156 120.087 133.171 119.117 155.787 115.494C159.069 114.973 162.095 113.675 164.496 111.761C166.896 109.847 168.567 107.399 169.304 104.716C176.895 77.5682 177.518 49.4157 171.133 22.0585C170.503 19.3299 168.909 16.8147 166.552 14.8272C164.194 12.8398 161.176 11.4683 157.876 10.8841C101.473 0.838461 48.8518 -1.34336 20.8767 1.88631C17.4738 2.25919 14.2865 3.46736 11.7305 5.35319C9.17455 7.23903 7.36868 9.71498 6.54848 12.458Z"})})}}},62508:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>eg,default:()=>ej});var r=a(6029),i=a(51652),l=a(81278),s=a(82281),n=a.n(s),o=a(42278),c=a(20148),d=a(32988),x=a.n(d),h=a(95295),f=a(93521),m=a(92275);let u=e=>{let{illustration:t,title:a}=e;return(0,r.jsxs)(r.Fragment,{children:[t&&(0,r.jsx)("div",{className:"tw-mx-auto tw-w-[300px] desktop:tw-w-full desktop:tw-max-w-[500px]",children:(0,r.jsx)(m.A,{src:t.url,alt:t.alt,layout:"responsive",sizes:"(max-width: 800px) 300px, 500px",width:t.dimensions.width,height:t.dimensions.height})}),(0,r.jsx)("div",{className:"tw-text-center desktop:tw-mx-auto desktop:tw-max-w-[500px] [&>h1]:tw-font-body [&>h1]:tw-text-xl",children:(0,r.jsx)(f.RichText,{render:a})})]})};var p=a(55729);let w=e=>{let{children:t,title:a,steps:i}=e;return(0,r.jsxs)("section",{className:"tw-mt-8 tw-flex tw-flex-col tw-gap-8 desktop:tw-mx-auto desktop:tw-w-4/5 desktop:tw-max-w-[350px]",children:[a?(0,r.jsx)("div",{className:"tw-mb-4 [&_*]:tw-font-body [&_*]:tw-text-xl",children:(0,r.jsx)(f.RichText,{render:a})}):null,i&&i.length>0&&(0,r.jsx)("ol",{className:"ordered-list",children:i.map((e,t)=>(0,r.jsx)("li",{children:(0,r.jsx)(f.RichText,{render:e.rafIntroListItem})},t))}),t]})};var g=a(79002),j=a.n(g),v=a(89542),C=a(14095),b=a(35127),N=a(24346),y=a(2395),k=a(42043);let F=e=>{let{vouchers:t,title:a,steps:i=[],smallContent:l,ctaOrder:s,ctaOrderUrl:n}=e,[c,d]=(0,p.useState)(""),x=(0,k.useTranslations)("Referral"),h=async e=>{v.KR?(0,C.p)("copyToClipboard",{text:e}):await navigator.clipboard.writeText(e),d(e),setTimeout(()=>{d("")},3500)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("section",{className:"jsx-1f0386d6754cde10 voucher-list limited-width-container",children:[a&&(0,r.jsx)("div",{className:"jsx-1f0386d6754cde10 voucher-list-title",children:(0,r.jsx)(f.RichText,{render:a})}),(0,r.jsx)("ol",{className:"jsx-1f0386d6754cde10 ordered-list",children:i.map((e,a)=>(0,r.jsxs)("li",{className:"jsx-1f0386d6754cde10",children:[(0,r.jsx)(f.RichText,{render:e.voucherSectionListItem}),e.voucherSectionHasVoucherList&&(0,r.jsx)("ul",{className:"jsx-1f0386d6754cde10 voucher-code-list full-content",children:t.map(e=>{let{code:t,name:a,amount:i}=e;return(0,r.jsxs)("li",{className:"jsx-1f0386d6754cde10",children:[(0,r.jsx)("span",{className:"jsx-1f0386d6754cde10 voucher-legend",children:x("voucherLegend",{amount:i&&Number.isFinite(i)?(0,o.GP)(i/100,{minimumFractionDigits:0}):"",name:a})}),(0,r.jsxs)("div",{className:"jsx-1f0386d6754cde10 voucher-code",children:[t,(0,r.jsx)(y.A,{visible:c===t,content:(0,r.jsx)("p",{className:"jsx-1f0386d6754cde10",children:x("copy")}),children:(0,r.jsx)("div",{className:"jsx-1f0386d6754cde10 cta-wrapper",children:(0,r.jsx)(b.A,{variant:"clear",ariaLabel:x("copyCode"),onClick:()=>h(t),children:(0,r.jsx)(m.A,{raw:!0,src:"/icons/copy.png",width:"25",height:"25"})})})})]})]},t)})}),e.voucherSectionHasCta&&s&&(0,r.jsx)("div",{className:"jsx-1f0386d6754cde10 full-content",children:(0,r.jsx)(N.A,{className:"cta",to:n,variant:"button-secondary",children:s})})]},a))}),l&&(0,r.jsx)("div",{className:"jsx-1f0386d6754cde10 small-content",children:(0,r.jsx)(f.RichText,{render:l})})]}),(0,r.jsx)(j(),{id:"1f0386d6754cde10",children:".voucher-list.jsx-1f0386d6754cde10{margin:var(--negative-padding-layout-sm);padding:var(--padding-layout-sm);padding-top:var(--space-5);padding-bottom:var(--space-5);background:var(--clr-primary-5)}.voucher-list-title.jsx-1f0386d6754cde10{margin-bottom:var(--space-3);font-weight:var(--font-weight-bold);font-size:var(--font-size-3)}.voucher-list-title.jsx-1f0386d6754cde10 *{font-family:var(--font-family-2)}.voucher-list.jsx-1f0386d6754cde10 .cta{margin-top:var(--space-5)}.small-content.jsx-1f0386d6754cde10{margin-top:var(--space-2)}.small-content.jsx-1f0386d6754cde10 *{font-size:var(--font-size-1);line-height:1.4em}.full-content.jsx-1f0386d6754cde10{margin-left:calc(-1*(var(--olist-indent)))}.voucher-code-list.jsx-1f0386d6754cde10{margin-bottom:var(--space-5)}.voucher-code-list.jsx-1f0386d6754cde10 li.jsx-1f0386d6754cde10{margin-top:var(--space-3)}.voucher-legend.jsx-1f0386d6754cde10{display:block;color:var(--clr-grey-4);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voucher-code.jsx-1f0386d6754cde10{position:relative;padding:var(--space-2)0;border:1px solid var(--clr-grey-3);border-radius:var(--rd-4);background:var(--white);text-align:center}.voucher-code.jsx-1f0386d6754cde10 .cta-wrapper.jsx-1f0386d6754cde10{position:absolute;top:calc(50% - 12px);right:var(--space-3)}@media(min-width:801px){.voucher-list.jsx-1f0386d6754cde10{margin:var(--space-8)0 0;padding-top:var(--space-5);padding-bottom:var(--space-5);background:var(--clr-primary-5)}}@media(min-width:1180px){.voucher-code-list.jsx-1f0386d6754cde10{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4)}.voucher-code-list.jsx-1f0386d6754cde10 li.jsx-1f0386d6754cde10{margin:0;width:calc(50% - var(--space-2))}}"})]})};var T=a(21927),S=a(47283);let R=e=>{let{children:t,highlightedText:a,caption:i,color:l="var(--clr-secondary-2)",width:s=176,height:n=119,UNSAFE_className:o,dataTestId:c=""}=e;return(0,r.jsxs)("p",{"data-testid":c,style:{width:s,height:n},className:"sticker ".concat(o||"","\n        tw-relative tw-inline-block tw-pt-3\n        tw-text-center tw-font-body tw-font-bold\n        tw-leading-[initial]\n        desktop:tw-pt-4 [&>svg]:tw-absolute [&>svg]:tw-left-0 [&>svg]:tw-top-0\n        [&>svg]:tw-z-background\n      "),children:[(0,r.jsx)(S.A,{"aria-hidden":"true",width:s,height:n,

1color:l}),(0,r.jsx)("strong",{className:"tw-block tw-text-[38px] tw-italic desktop:tw-text-[55px]",children:a}),(0,r.jsx)("span",{className:"tw--mt-2 tw-block tw-text-sm",children:i}),t]})};var A=a(53718);let L=(0,p.createContext)({isModalOpen:!1,setIsModalOpen:()=>void 0}),M=e=>{let{children:t}=e,[a,i]=(0,p.useState)(!1);return(0,r.jsx)(L.Provider,{value:{isModalOpen:a,setIsModalOpen:i},children:t})};var E=a(76277),I=a(8444);let _=e=>{let{amountsInfo:t,ctaMore:a}=e,i=(0,A.Ub)(800),{setIsModalOpen:l}=(0,p.useContext)(L),s=(0,E.KH)(I.IcY);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("section",{className:"jsx-c4e5b3d027a3693 voucher-total",children:[(0,r.jsx)("ul",{className:"jsx-c4e5b3d027a3693 voucher-total-list",children:t.map((e,t)=>{let{voucherStatusLabel:a,voucherStatusDescription:l,voucherStatusCode:s,voucherStatusAmount:n}=e,c=(0,o.GP)((n||0)/100,{minimumFractionDigits:0});return(0,r.jsx)("li",{className:"jsx-c4e5b3d027a3693",children:(0,r.jsx)(R,{highlightedText:c,caption:a,UNSAFE_className:"amount-".concat(s),width:i?126:176,height:i?85:119,dataTestId:"referral-amount-".concat(s),children:l.length>0&&(0,r.jsx)(y.A,{content:(0,r.jsx)(f.RichText,{render:l}),children:(0,r.jsx)("span",{tabIndex:0,className:"jsx-c4e5b3d027a3693 tooltip-icon",children:(0,r.jsx)(T.A,{width:18,height:18,"aria-hidden":"true"})})})})},t)})}),!s&&a&&(0,r.jsx)(b.A,{className:"cta",onClick:()=>l(!0),children:a})]}),(0,r.jsx)(j(),{id:"c4e5b3d027a3693",children:".voucher-total-list.jsx-c4e5b3d027a3693{display:flex;justify-content:center}.voucher-total-list.jsx-c4e5b3d027a3693 li.jsx-c4e5b3d027a3693{margin:0 var(--space-2)}.voucher-total.jsx-c4e5b3d027a3693 .cta{margin-top:var(--space-5)}.voucher-total.jsx-c4e5b3d027a3693 .amount-pending{opacity:.7}.sticker .tooltip-icon{position:absolute;top:8px;left:11px;z-index:1}@media(min-width:801px){section.voucher-total.jsx-c4e5b3d027a3693 .cta{display:none}.sticker .tooltip-icon{top:13px;left:15px}}"})]})},D=e=>{let{title:t,content:a,placeholderImage:i,placeholderLegend:l}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("section",{className:"jsx-c5993446c2df41 voucher-list-placeholder limited-width-container",children:[t&&(0,r.jsx)("div",{className:"jsx-c5993446c2df41 voucher-list-title",children:(0,r.jsx)(f.RichText,{render:t})}),(0,r.jsx)(f.RichText,{render:a}),i&&(0,r.jsx)("div",{className:"jsx-c5993446c2df41 placeholder-image",children:(0,r.jsx)(m.A,{src:i.url,alt:i.alt,layout:"responsive",sizes:"(max-width: 800px) 133px, 156px",width:i.dimensions.width,height:i.dimensions.height})}),l&&(0,r.jsx)("p",{className:"jsx-c5993446c2df41 placeholder-legend",children:l})]}),(0,r.jsx)(j(),{id:"c5993446c2df41",children:".voucher-list-placeholder.jsx-c5993446c2df41{margin:var(--negative-padding-layout-sm);padding:var(--padding-layout-sm);padding-top:var(--space-5);padding-bottom:var(--space-5);background:var(--clr-primary-5)}.voucher-list-title.jsx-c5993446c2df41{margin-bottom:var(--space-4);font-weight:var(--font-weight-bold);font-size:var(--font-size-3)}.voucher-list-title.jsx-c5993446c2df41 *{font-family:var(--font-family-2)}.placeholder-legend.jsx-c5993446c2df41{margin:0 auto;max-width:245px;font-size:var(--font-size-1);font-family:var(--font-family-2);font-weight:var(--font-weight-bold);font-style:italic;text-align:center;text-transform:uppercase}.placeholder-image.jsx-c5993446c2df41{margin:0 auto;width:133px}.voucher-list-placeholder.jsx-c5993446c2df41 .cta{margin-top:var(--space-5)}@media(min-width:801px){.voucher-list-placeholder.jsx-c5993446c2df41{margin:0;padding-top:var(--space-5);padding-bottom:var(--space-5);background:var(--clr-primary-5)}.voucher-list-placeholder.jsx-c5993446c2df41 .cta.cta-open-modal{display:none}}"})]})};var z=a(70773),B=a(32448),O=a(21347),P=a(56995),Z=a(88972),U=a(70703);let{publicRuntimeConfig:{appBaseUrl:V}}=n()(),K=()=>{let e=(0,k.useTranslations)("Global");return(0,r.jsxs)("div",{className:"tw-flex tw-w-full tw-items-center tw-gap-4",children:[(0,r.jsx)("div",{className:"tw-h-[1px] tw-flex-1 tw-bg-blue-200"}),(0,r.jsx)("p",{children:e("orLowcase")}),(0,r.jsx)("div",{className:"tw-h-[1px] tw-flex-1 tw-bg-blue-200"})]})};

1var G=a(57615);let{publicRuntimeConfig:{facebookAppId:H}}=n()(),X="tw-lf-button tw-lf-button-ghost tw-flex tw-flex-1 !tw-flex-grow tw-flex-col tw-whitespace-nowrap tw-rounded-none tw-p-0 tw-text-xs tw-font-normal tw-text-black-1000 tw-transition tw-duration-300 tw-ease-in-out hover:tw-text-black-1000 hover:tw-opacity-60",q=e=>{let{referralLink:t,campaignCode:a,shareCopyLinkCta:i,shareConfirmCopyLink:l,shareCustomLinks:s}=e,n=async()=>{v.KR?(0,C.p)("copyToClipboard",{text:t}):await navigator.clipboard.writeText(t),(0,U.sx)({type:"LFSendReferral",data:{type:"code",referralSharingType:"code",sentCount:1,referralCampaignId:a}})};return(0,r.jsxs)("ul",{"data-testid":"referral-link-sharing-section",className:"tw-flex tw-min-w-full tw-flex-1 tw-flex-row tw-items-stretch",children:[(0,r.jsx)("li",{className:"tw-flex tw-flex-1 tw-items-center tw-justify-center",children:(0,r.jsx)(Z.A,{content:(0,r.jsx)("span",{"data-testid":"referrer-code-copied-to-clipboard-tooltip",className:"!tw-text-base",children:l}),position:"top",arrowPosition:"center",ariaId:"referrer code",eventType:"click-only",UNSAFE_className:"tw-w-max",children:(0,r.jsxs)("button",{"data-testid":"referral-link-sharing-button",type:"button",className:X,onClick:n,children:[(0,r.jsx)(m.A,{raw:!0,src:"/icons/link.png",alt:"",width:"40",height:"40"}),i]})})}),s&&s.map((e,i)=>{let{shareCustomUrl:l,shareCustomLabel:s,shareCustomIcon:n,shareCustomTag:o}=e;return(0,r.jsx)("li",{className:"tw-flex-1",children:(0,r.jsxs)("a",{className:X,href:l.replace("%LINK%",encodeURIComponent(t)).replace("%FBAPPID%",H),target:"_blank",rel:"noreferrer",onClick:()=>{(0,G.xz)("referralSent",{referralSharingType:o}),(0,U.sx)({type:"LFSendReferral",data:{type:o,referralSharingType:o,sentCount:1,referralCampaignId:a}})},children:[(0,r.jsx)(m.A,{raw:!0,src:n.url,alt:"",width:n.dimensions.width,height:n.dimensions.height}),(0,r.jsx)("span",{children:s})]})},i)})]})},Q=e=>{let{children:t,title:a,illustration:i,cta:l,close:s=()=>void 0}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"jsx-25c36fa6cd6cf049 referral-form-confirmation",children:[(0,r.jsx)("div",{className:"jsx-25c36fa6cd6cf049 referral-form-confirmation-title",children:(0,r.jsx)(f.RichText,{render:a})}),i&&(0,r.jsx)(m.A,{src:i.url,alt:i.alt,raw:!0,width:"64",height:64*i.dimensions.height/i.dimensions.width}),t,(0,r.jsx)("button",{onClick:()=>s(),className:"jsx-25c36fa6cd6cf049 tw-lf-button tw-lf-button-primary tw-lf-button-md",children:l})]}),(0,r.jsx)(j(),{id:"25c36fa6cd6cf049",children:".referral-form-confirmation.jsx-25c36fa6cd6cf049{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.referral-form-confirmation-title.jsx-25c36fa6cd6cf049>*{margin-bottom:var(--space-4);font-size:var(--font-size-2);font-weight:var(--font-weight-bold)}.referral-form-confirmation.jsx-25c36fa6cd6cf049 img.jsx-25c36fa6cd6cf049{margin-bottom:var(--space-4)}.referral-form-confirmation.jsx-25c36fa6cd6cf049 button{margin-top:var(--space-6)}@media(max-width:800px){.referral-form-confirmation.jsx-25c36fa6cd6cf049 img.jsx-25c36fa6cd6cf049{margin-bottom:var(--space-5)}}"})]})};var Y=a(15721);let W=e=>{let{documentData:t}=e,a=(0,k.useTranslations)("Global"),i=(0,k.useTranslations)("Referral"),l=(0,k.useTranslations)("Account"),{isSubmitting:s,submitState:n,isDirty:o,isValid:c,emailFields:d,isMaxEmailsAllowedReached:h,handleSubmit:u,resetSubmitState:p,register:w,addEmailField:g,removeEmailField:j,getFieldErrorMessage:v}=(0,A._u)();return"success"===n?(0,r.jsx)(Q,{title:t.formConfirmationTitle,illustration:t.formConfirmationIllustration,cta:t.formConfirmationCta,close:p,children:t.formConfirmationContent&&(0,r.jsx)(f.RichText,{render:t.formConfirmationContent})}):"error"===n?(0,r.jsx)(Q,{title:t.formFailureTitle,illustration:t.formFailureIllustration,cta:t.formSectionFailureCta,close:p,children:(0,r.jsx)("p",{children:a("errorOccurredTryAgain")})}):(0,r.jsxs)("form",{className:"tw-flex tw-flex-col tw-gap-6",name:"referral-form",onSubmit:u,children:[(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-4",children:[(0,r.jsx)("div",{className:"tw-text-center [&_h2]:tw-font-body [&_h2]:tw-text-base [&_h2]:tw-font-semibold",children:(0,r.jsx)(f.RichText,{render:t.formTitle})}),d.map((e,t)=>{let a=v(t);return(0,r.jsx)("div",{className:x()("tw-relative","[&_.error]:tw-text-xs"),children:(0,r.jsxs)(Y.ks,{id:"".concat(A.Ni,".").concat(t,".email"),isInvalid:!!a,isRequired:!0,children:[(0,r.jsx)(Y.pd,{type:"email",autoComplete:"email",placeholder:l("yourEmail"),...w("".concat(A.Ni,".").concat(t,".email"),{required:!0,pattern:{value:I.XwB,message:l("useValidEmail")}})}),0!==t&&(0,r.jsx)(b.A,{variant:"clear",onClick:()=>j(t),className:"tw-absolute tw-left-full tw-top-3 tw-ml-2",ariaLabel:i("removeEmail"),children:(0,r.jsx)(m.A,{raw:!0,src:"/icons/trashcan.svg",alt:"",width:"18",height:"18"})}),(0,r.jsx)(Y.yn,{children:a})]})},e.id)}),!h&&o&&c&&(0,r.jsx)("button",{className:"tw-lf-link tw-lf-link-md tw-w-full tw-text-left",type:"button",onClick:g,children:t.formCtaAddEmail})]}),(0,r.jsx)(b.A,{type:"submit",isLoading:s,disabled:!o||!c||s,children:d.length>1?t.formCtaSubmitMultiple:t.formCtaSubmitSingle})]})},J=e=>{let{documentData:t,sharingMessage:a}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(W,{documentData:t}),(0,r.jsx)(K,{}),(0,r.jsx)(q,{campaignCode:t.campaignCode,referralLink:a||"",shareCopyLinkCta:t.shareCopyLinkCta,shareConfirmCopyLink:t.shareConfirmCopyLink,shareCustomLinks:t.shareCustomLinks})]})};var $=a(74363),ee=a.n($),et=a(87995),ea=a(97312);let er=e=>{let{documentData:t,openNativeSharingMenu:a,emailFields:i,isMaxEmailsAllowedReached:l,isDirty:s,isValid:n,isSubmitting:o,addEmailField:c,removeEmailField:d,getFieldErrorMessage:h,handleSubmit:u,register:p}=e,w=(0,k.useTranslations)("Global"),g=(0,k.useTranslations)("Referral"),j=(0,k.useTranslations)("Account");return(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-6",children:[(0,r.jsx)("form",{name:"referral-form",onSubmit:u,children:(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-items-center tw-gap-6",children:[(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-4",children:[(0,r.jsx)("div",{className:"[&_h2]:tw-lf-body-bold-md [&_h2]:tw-text-center",children:(0,r.jsx)(f.RichText,{render:t.formTitle})}),(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-4",children:[i.map((e,a)=>{let i=h(a),l=!!i;return(0,r.jsxs)("div",{className:x()("tw-relative tw-flex tw-justify-between","[&_.error]:tw-text-xs"),children:[(0,r.jsx)("div",{className:"tw-flex tw-w-full tw-max-w-[90%] tw-flex-col",children:(0,r.jsxs)(Y.ks,{id:"".concat(A.Ni,".").concat(a,".email"),isInvalid:l,children:[(0,r.jsx)(Y.pd,{type:"email",inputMode:"email",autoComplete:"email","aria-label":t.formInputLabel,placeholder:t.formInputLabel,...p("".concat(A.Ni,".").concat(a,".email"),{required:j("mandatoryField"),pattern:{value:I.XwB,message:g("useValidEmail")}})}),l&&(0,r.jsx)(Y.yn,{children:i})]})}),0!==a&&(0,r.jsx)("button",{"aria-label":w("delete"),type:"button",className:"tw-lf-button tw-lf-button-md tw-lf-button-clear",onClick:()=>d(a),children:(0,r.jsx)(m.A,{raw:!0,"aria-hidden":"true",src:"/icons/trashcan.svg",alt:"delete",width:"18",height:"18"})})]},e.id)}),!l&&s&&n&&(0,r.jsx)("button",{className:"tw-lf-link tw-lf-link-md tw-w-full tw-text-left",type:"button",onClick:c,children:t.formCtaAddEmail})]})]}),(0,r.jsxs)("button",{type:"submit",className:"tw-lf-button tw-lf-button-primary tw-lf-button-md",disabled:!s||!n||o,children:[o?(0,r.jsx)(ea.A,{}):null,i.length>1?t.formCtaSubmitMultiple:t.formCtaSubmitSingle]})]})}),(0,r.jsx)(K,{}),(0,r.jsx)("div",{className:"tw-flex tw-justify-center",children:(0,r.jsx)("button",{"data-testid":"referral-link-sharing-button",type:"button",className:"tw-lf-button tw-lf-button-secondary tw-lf-button-md",onClick:a,children:g("defaultShareNavigatorshareCta")})})]})},ei=e=>{let{isOpen:t,closeModal:a,openNativeSharingMenu:i,documentData:l}=e,s=(0,k.useTranslations)("Global"),n=(0,A._u)(),{submitState:o,resetSubmitState:c}=n,d=()=>{c(),a()},x=(()=>{switch(o){case null:return(0,r.jsx)(er,{documentData:l,openNativeSharingMenu:i,...n});case"success":return(0,r.jsx)(Q,{title:l.formConfirmationTitle,illustration:l.formConfirmationIllustration,cta:l.formConfirmationCta,close:c,children:l.formConfirmationContent&&(0,r.jsx)(f.RichText,{render:l.formConfirmationContent})});case"error":return(0,r.jsx)(Q,{title:l.formFailureTitle,illustration:l.formFailureIllustration,cta:l.formSectionFailureCta,close:d,children:(0,r.jsx)("p",{children:s("errorOccurredTryAgain")})})}})();return(0,r.jsx)(et.A,{isOpen:t,externalToggle:d,UNSAFE_className:"tw-max-w-[90%] tw-py-14 tw-px-4",isClosable:!0,isOverlayClosable:!0,centered:!0,children:x})},el=e=>{let{documentData:t,sharingMessageTitle:a,sharingMessageText:i}=e,[l,s]=(0,p.useState)(!1),[n,o]=(0,p.useState)(!1),c=(0,A.Ub)(800);return(0,p.useEffect)(()=>{var e;s(!!(null==(e=window.navigator)?void 0:e.share))},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(ei,{isOpen:n,closeModal:()=>o(!1),openNativeSharingMenu:()=>{let e={title:a,text:i};c&&!l?(0,C.p)("share",e):window.navigator.share(e).catch(e=>{if(e instanceof DOMException){if("AbortError"===e.name)return void ee().info("User has canceled share");else if("NotAllowedError"===e.name)return void ee().warn("User doesn't have permission to share")}ee().error("Something went wrong while sharing referral link",{error:e})}),(0,G.xz)("referralSent",{referralSharingType:"navigator share"}),(0,U.sx)({type:"LFSendReferral",data:{type:"code",referralSharingType:"code",sentCount:1,referralCampaignId:t.campaignCode}})},documentData:t}),(0,r.jsx)("button",{"data-testid":"referral-link-sharing-button",type:"button",className:"tw-lf-button tw-lf-button-primary tw-lf-button-md desktop:tw-lf-button-sm",onClick:()=>o(!0),children:t.formCtaModal})]})};var es=a(205),en=a(92495);let eo=e=>{let{documentData:t}=e,a=(0,k.useTranslations)("Referral"),i=(0,A.Ub)(800),l=(0,A.ZN)(V);if(l.isLoading||!t)return(0,r.jsx)("div",{className:"loader-container",children:(0,r.jsx)(O.A,{})});if(l.isError)return(0,r.jsx)(es.A,{icon:(0,r.jsx)(en.A,{}),children:(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"tw-mb-1",children:(0,r.jsx)("b",{children:a("referrerCodeRetrievalErrorTitle")})}),(0,r.jsx)("p",{children:a("referrerCodeRetrievalErrorMessage")})]})});let s=t.shareNavigatorshareTitle.replace(/%REFERRER_CODE%/g,l.referrerCode||""),n=t.shareNavigatorshareDescription.replace(/%REFERRER_CODE%/,l.referrerCode).replace(/%REFERRAL_LINK%/,l.referralLink),o="".concat(s,"\n").concat(n),c=async()=>{v.KR?(0,C.p)("copyToClipboard",{sharingMessage:o}):await navigator.clipboard.writeText(o),(0,U.sx)({type:"LFSendReferral",data:{type:"code",referralSharingType:"code",sentCount:1,referralCampaignId:t.campaignCode}})};return(0,r.jsxs)("section",{className:"tw-flex tw-flex-col tw-items-center tw-gap-8",children:[(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-items-center tw-gap-3",children:[(0,r.jsx)("div",{className:"tw-text-base",children:a("myReferralLink")}),(0,r.jsx)(Z.A,{content:(0,r.jsx)("span",{"data-testid":"referrer-code-copied-to-clipboard-tooltip",children:t.shareConfirmCopyLink}),position:"top",arrowPosition:"center",ariaId:"referrer code",eventType:"click-only",UNSAFE_className:"tw-w-max",children:(0,r.jsx)("button",{"data-testid":"referrer-code",className:"tw-lf-button tw-lf-button-ghost tw-cursor-pointer tw-font-title tw-text-[22px] tw-font-bold tw-transition tw-duration-300 tw-ease-in-out hover:tw-text-black-1000 hover:tw-opacity-60",onClick:c,children:l.referrerCode})})]}),i?(0,r.jsx)(el,{documentData:t,sharingMessageText:n,sharingMessageTitle:s}):(0,r.jsx)(J,{documentData:t,sharingMessage:o})]})},ec=e=>{var t;let{documentData:a}=e,{mobileTitle:i}=(0,p.useContext)(z.MQ),{data:l,loading:s}=(0,c.IT)(h.RF,{ssr:!1,fetchPolicy:"cache-and-network"}),n=(e=>e?e.reduce((e,t)=>

1{var a;return t.usedDate?e:[...e,{code:t.code,name:null!=(a=t.redeem.friendName)?a:t.redeem.email,amount:t.amount,creationDate:t.creationDate}]},[]).sort((e,t)=>e.creationDate<t.creationDate?1:-1):[])(null==l||null==(t=l.getAdvocateDiscounts)?void 0:t.discounts),o=((e,t)=>t&&t.length&&(e.pending||e.available)?t.map(t=>{let a=e[t.voucherStatusCode];return{...t,voucherStatusAmount:a}}):[])({pending:null==l?void 0:l.getAdvocateDiscounts.totalAwaitingDiscount,available:(0,B.cz)(n,e=>e.amount||0)},a.voucherStatus);return s?(0,r.jsx)("div",{className:"loader-container",children:(0,r.jsx)(O.A,{})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"referral-page limited-width-container",children:[(0,r.jsx)("p",{className:"tw-lf-title-lg tw-mb-4 tw-mt-7 tw-hidden desktop:tw-block","aria-hidden":"true",children:i}),(0,r.jsxs)("div",{className:x()("tw-flex tw-flex-col tw-gap-8 tw-pt-8 desktop:tw-grid desktop:tw-grid-cols-2 desktop:tw-gap-3 desktop:tw-pb-12 desktop:tw-pt-0",v.KR?"tw-px-6 desktop:tw-p-0":"tw-p-[var(--padding-layout-sm)] desktop:tw-p-0"),children:[(0,r.jsx)("div",{className:"panel",children:(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-6",children:[(0,r.jsx)(u,{illustration:a.mainIllustration,title:a.pageTitle}),(0,r.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-8 desktop:tw-mx-auto desktop:tw-w-4/5 desktop:tw-max-w-[350px]",children:[a.rafIntroList&&(0,r.jsx)(w,{steps:a.rafIntroList}),(0,r.jsx)(eo,{documentData:a})]})]})}),(0,r.jsxs)("div",{className:"panel tw-flex tw-flex-col tw-gap-8",children:[o.length>0&&(0,r.jsx)(_,{amountsInfo:o,ctaMore:a.voucherSectionCtaMoreLabel}),n.length>0?(0,r.jsx)(F,{vouchers:n,title:a.voucherSectionTitle,steps:a.voucherSectionList,smallContent:a.voucherSectionSmallContent,ctaOrder:a.voucherSectionCtaOrderLabel,ctaOrderUrl:a.voucherSectionCtaOrderLink}):(0,r.jsx)(D,{title:a.voucherSectionTitle,content:a.voucherSectionContent,placeholderImage:a.voucherSectionPlaceholder,placeholderLegend:a.voucherSectionPlaceholderLegend})]})]})]}),(0,r.jsx)(P.R2,{pageContents:a.group})]})};var ed=a(82203),ex=a.n(ed);let eh=e=>{let{title:t,content:a,cta:i}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("section",{className:"jsx-8614f3754386c714 register",children:[t&&t.length>0&&(0,r.jsx)("div",{className:"jsx-8614f3754386c714 register-title",children:(0,r.jsx)(f.RichText,{render:t})}),(0,r.jsx)(f.RichText,{render:a}),i&&(0,r.jsx)(ex(),{href:"/account/register/flow",passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(N.A,{variant:"button-primary",className:"cta",children:i})})]}),(0,r.jsx)(j(),{id:"8614f3754386c714",children:".register.jsx-8614f3754386c714{margin-top:var(--space-6)}.register-title.jsx-8614f3754386c714{margin-bottom:var(--space-3)}.register-title.jsx-8614f3754386c714 *{font-family:var(--font-family-2);font-size:var(--font-size-3)}.register.jsx-8614f3754386c714 .cta{margin-top:var(--space-4)}"})]})};var ef=a(92520);let em=e=>{let{documentData:t}=e,a=(0,l.useRouter)(),{isAuthenticated:i,isLoading:s}=(0,ef.uM)(),n="/account/login?next=".concat(a.asPath);return s?(0,r.jsx)(O.A,{}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"jsx-493138c0f6bc7382 referral-logged-out",children:[(0,r.jsx)(u,{illustration:t.mainIllustration,title:t.pageTitle}),(0,r.jsx)(w,{steps:t.rafIntroList,children:!i&&(0,r.jsx)(ex(),{href:n,passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(N.A,{className:"cta",variant:"button-primary-transparent",children:t.rafIntroCtaLoginLabel})})}),t.registerContent&&t.registerContent.length>0&&(0,r.jsx)(eh,{title:t.registerTitle,content:t.registerContent,cta:t.registerCtaLabel})]}),(0,r.jsx)(j(),{id:"493138c0f6bc7382",children:".referral-logged-out.jsx-493138c0f6bc7382{padding:var(--padding-layout-sm)}.referral-logged-out.jsx-493138c0f6bc7382 .cta{display:block;margin-right:auto;margin-left:auto;width:80%;text-align:center}@media(min-width:801px){main{padding:var(--space-7)0;background:var(--clr-primary-5)}.referral-logged-out.jsx-493138c0f6bc7382{margin:0 auto;padding:var(--space-3)0 var(--space-7);width:70%;max-width:856px;border-radius:var(--rd-7);background:white;text-align:center}.referral-logged-out.jsx-493138c0f6bc7382 .howitworks,.referral-logged-out.jsx-493138c0f6bc7382 .register{margin-right:auto;margin-left:auto;max-width:358px}.referral-logged-out.jsx-493138c0f6bc7382 .ordered-list{text-align:initial}}

1"})]})};var eu=a(31973),ep=a(60750);let{publicRuntimeConfig:{appBaseUrl:ew}}=n()();var eg=!0;let ej=((e,t)=>{let a=t=>{let a=(0,eu.A)(e,void 0);return v.KR?(0,r.jsx)(a,{...t}):(0,r.jsx)(e,{...t})};for(let t in e)a[t]=e[t];return a})(e=>{let{documentData:t}=e,a=(0,l.useRouter)(),{setCustomTitleHeaderMobile:s}=(0,p.useContext)(z.MQ),{isMember:n,isLoading:c}=(0,ef.uM)(),d=(0,k.useTranslations)("Referral"),x=(0,ep.KH)(t.featureFlagKey||""),h=(0,p.useMemo)(()=>(0,o.Yj)(t,x),[t,x]);return(0,p.useEffect)(()=>{s(d("referral")),c||(0,U.sx)({type:"LFPageView",data:{referralCampaignId:n?t.campaignCode:"none"}})},[n,c]),h||(h=(e=>({pageTitle:[{type:"heading1",text:e("defaultTitle"),spans:[]}],deactivatedFormMessage:e("defaultDeactivatedFormMessage"),campaignCode:"DEFAULT",rafIntroCtaLoginLabel:e("defaultRafIntroCtaLoginLabel"),voucherSectionList:[],voucherSectionContent:[{type:"paragraph",text:e("defaultVoucherSectionContent"),spans:[]}],formCtaModal:e("defaultFormCtaModal"),formInputLabel:e("defaultFormInputLabel"),formCtaAddEmail:e("defaultFormCtaAddEmail"),formCtaSubmitSingle:e("defaultFormCtaSubmitSingle"),formCtaSubmitMultiple:e("defaultFormCtaSubmitMultiple"),formConfirmationTitle:[{type:"heading3",text:e("defaultFormConfirmationTitle"),spans:[]}],formConfirmationCta:e("defaultFormConfirmationCta"),formFailureTitle:[{type:"heading3",text:e("defaultFormFailureTitle"),spans:[]}],formSectionFailureMessage:e("defaultFormSectionFailureMessage"),formSectionFailureCta:e("defaultFormSectionFailureCta"),shareNavigatorshareCta:e("defaultShareNavigatorshareCta"),shareNavigatorshareTitle:e("defaultShareNavigatorshareTitle"),shareNavigatorshareDescription:e("defaultShareNavigatorshareDescription"),shareCopyLinkCta:e("defaultShareCopyLinkCta"),shareConfirmCopyLink:e("defaultShareConfirmCopyLink"),title:e("defaultSeoTitle"),description:e("defaultSeoDescription"),group:[]}))(d)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.bV,{title:h.title,description:h.description,canonical:"".concat(ew).concat(a.pathname),openGraph:{url:"".concat(ew).concat(a.pathname),title:h.title}}),(0,r.jsx)(M,{children:n?(0,r.jsx)(ec,{documentData:h}):(0,r.jsx)(em,{documentData:h})})]})})},88972:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var r=a(6029),i=a(53718),l=a(55729);let s=e=>{let{children:t,content:a,position:s,arrowPosition:n,eventType:o,inline:c=!1,UNSAFE_className:d="",ariaId:x,isOpen:h=!1,dataTestId:f,onClick:m}=e,[u,p]=(0,l.useState)(!1),w=(0,l.useRef)(null),g="controlled"===o,j=(0,l.useCallback)(()=>{p(e=>!e)},[]),v=(0,l.useCallback)(()=>{p(!1)},[]);return(0,l.useEffect)(()=>{g&&p(h)},[h]),(0,i.Wr)(w,v),(0,r.jsxs)("span",{ref:w,hidden:!u,className:"tw-flex tw-flex-1 tw-lf-tooltip-target".concat("hover"===o?" hover:tw-lf-tooltip-shown":"focus"===o?" focus:tw-lf-tooltip-shown":"").concat(u?" tw-lf-tooltip-shown":""," ").concat(c?"tw-inline-block":"tw-block"),onClick:e=>m?m(e):!g&&j(),"aria-describedby":x,tabIndex:0,children:[t,u&&(0,r.jsx)("span",{id:x,role:"tooltip",className:"tw-lf-tooltip ".concat("tw-lf-tooltip-".concat(s)," ").concat("tw-lf-tooltip-arrow-".concat(n)," ").concat(d),tabIndex:-1,"data-testid":f,children:a})]})}},90225:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/pages/referral",function(){return a(62508)}])},92495:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(6029);a(55729);let i=e=>{let{width:t,height:a,...i}=e;return(0,r.jsxs)("svg",{width:t||28,height:a||28,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i,children:[(0,r.jsx)("path",{d:"M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14Z",fill:"#FFCB03"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 26.4C20.8483 26.4 26.4 20.8483 26.4 14C26.4 7.15167 20.8483 1.6 14 1.6C7.15167 1.6 1.6 7.15167 1.6 14C1.6 20.8483 7.15167 26.4 14 26.4ZM14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z",fill:"black"}),(0,r.jsx)("path",{d:"M15.2188 7.90625C15.2188 8.57935 14.6731 9.125 14 9.125C13.3269 9.125 12.7812 8.57935 12.7812 7.90625C12.7812 7.23315 13.3269 6.6875 14 6.6875C14.6731 6.6875 15.2188 7.23315 15.2188 7.90625Z",fill:"white"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.8187 7.90625C16.8187 9.463 15.5568 10.725 14 10.725C12.4432 10.725 11.1812 9.463 11.1812 7.90625C11.1812 6.3495 12.4432 5.0875 14 5.0875C15.5568 5.0875 16.8187 6.3495 16.8187 7.90625ZM14 9.125C14.6731 9.125 15.2188 8.57935 15.2188 7.90625C15.2188 7.23315 14.6731 6.6875 14 6.6875C13.3269 6.6875 12.7812 7.23315 12.7812 7.90625C12.7812 8.57935 13.3269 9.125 14 9.125Z",fill:"black"}),(0,r.jsx)("path",{d:"M12.7812 14.4187C12.7812 13.7457 13.3269 13.2 14 13.2C14.6731 13.2 15.2188 13.7457 15.2188 14.4187V19.9813C15.2188 20.6543 14.6731 21.2 14 21.2C13.3269 21.2 12.7812 20.6543 12.7812 19.9813V14.4187Z",fill:"white"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.8187 14.4187V19.9813C16.8187 21.538 15.5568 22.8 14 22.8C12.4432 22.8 11.1812 21.538 11.1812 19.9813V14.4187C11.1812 12.862 12.4432 11.6 14 11.6C15.5568 11.6 16.8187 12.862 16.8187 14.4187ZM14 13.2C13.3269 13.2 12.7812 13.7457 12.7812 14.4187V19.9813C12.7812 20.6543 13.3269 21.2 14 21.2C14.6731 21.2 15.2188 20.6543 15.2188 19.9813V14.4187C15.2188 13.7457 14.6731 13.2 14 13.2Z",fill:"black"})]})}}},e=>{e.O(0,[6593,636,8792],()=>e(e.s=90225)),_N_E=e.O()}]);
2//# sourceMappingURL=referral-932e926c07b4ebfd.js.map