https://reservation.parcasterix.fr/assets/Insurance.presentation-B1eUicd9.js

1import{D as u,q as i,aJ as A,el as w,a,ib as E,j as n,R as f,F as I,ic as P,id as k,U as R,r as o,a6 as x,fp as y,ie as S,ig as $,ih as C,ii as B,ij as F,ik as z,hH as K,il as M,h2 as H,b6 as g,im as O,io as U,ip as N,iq as b,ir as q,is as V,it as X,iu as Y,b5 as _,aF as G,d4 as J,h as Q,iv as W,iw as Z,c as ee,ix as ne,iy as te,aH as se,bc as ae}from"./index-CQaiPqwp.js";import{a as ie,S as re}from"./StickyCartLayout.component-CbiMBGLY.js";import{I as oe,b as ce}from"./CartDrawer.component-xwg0sdVi.js";import{R as j}from"./RadioWithLabel.component-BTeyxmX_.js";import{a as le}from"./PackagePrice.component-DcGtWp_c.js";import{A as ue}from"./AppLayout.component-B34jiFc-.js";import"./OpenModal.component-DibLuewg.js";import"./CartDeletion.component-B_yTeshh.js";import"./Recaptcha.component-CLuG1NuO.js";import"./StarRating.component-BQFBN-jS.js";import"./PrivateContent.component-CA0ub5Pl.js";import"./index.esm-DGIHq7I6.js";import"./index-Dv-0yCFp.js";import"./Alert.style-CMMqopFC.js";import"./SelectionProduct.style-DzpfFTFo.js";import"./regex.constant-BicOlS9j.js";import"./MessageAlert.component-BOpbPenV.js";import"./Alert.component-CNprVkDS.js";import"./input.helper-D1shRJlk.js";import"./SelectionProductList.component-C6KlpcAg.js";import"./SelectionBundleList.component-DYeUyWCm.js";import"./RadioWithLabel.style-9aRhRQHK.js";import"./react-select.esm-BTkEaSrm.js";import"./RichTextLink.component-BuB0fEgt.js";const de=i.div`
2  @media ${u.TABLET} {
3    padding: 0 30px;
4  }
5
6  ${ie} {
7    padding: 20px 20px 100px 20px;
8
9    @media ${u.TABLET} {
10      padding: 20px 0 0 0;
11    }
12
13    @media ${u.DESKTOP} {
14      padding-top: 30px;
15    }
16  }
17`,pe=i.h1`
18  width: 100%;
19  font-weight: bold;
20  font-size: var(--text-lg);
21  color: ${e=>e.theme.primary};
22
23  @media ${u.TABLET} {
24    margin-top: 30px;
25  }
26
27  @media ${u.DESKTOP} {
28    margin-top: 40px;
29  }
30`,m=i.li``,L=i.div`
31  padding: 20px;
32  border: 2px solid ${e=>e.theme.grey2};
33  border-radius: 10px;
34
35  &:hover {
36    border-color: ${e=>e.theme.primary};
37  }
38
39  &:focus-within {
40    ${A}
41  }
42
43  ${oe} {
44    margin-top: 10px;
45  }
46`,D=i.div`
47  display: flex;
48  flex-direction: column;
49  flex-grow: 1;
50
51  & > * + * {
52    margin-top: 5px;
53  }
54`,v=i.div`
55  display: flex;
56  align-items: center;
57  font-weight: bold;
58  font-size: var(--text-smd);
59
60  h2 {
61    line-height: var(--line-height);
62  }
63`,me=i.div`
64  display: flex;
65  flex-direction: column;
66  
67  & > * + * {
68    margin-top: 20px;
69  }
70`,he=i.ul`
71  ${m} + ${m} {
72    margin-top: 10px;
73  }
74`,xe=i.div`
75  padding: 20px;
76  border-radius: 4px;
77  background-color: ${e=>e.theme.grey1};
78  
79  @media ${u.DESKTOP} {
80    padding: 30px;
81  }
82  ${w} {
83    & > * + *, & > ul > li + li {
84      margin-top: 20px;
85    }
86  }
87  
88  ul {
89    list-style:none;
90    padding: 0;
91  }
92  
93  ul > li {
94    display: flex;
95    align-items: flex-start;
96    padding-left: 2.5em;
97  }
98  
99  ul > li:before {
100    display: inline-block;
101    height: 20px;
102    width: 20px;
103    margin-right: 10px;
104    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' preserveAspectRatio='xMidYMid meet'><circle cx='10' cy='10' r='9' stroke='${e=>e.theme.primary.replace("#","%23")}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' /><path d='M9.5 12.5L6.5 9.5L9.5 12L13.5 7.5L9.5 12.5Z' fill='red' stroke='${e=>e.theme.primary.replace("#","%23")}' stroke-width='2'/></svg>");
105  }
106`,ge=()=>{const e=a(E);return n.jsx(xe,{"data-cy":"InsuranceBenefits",children:n.jsx(f,{document:e,defaultFontSize:I.TEXT_SMD})})},fe=i.div`
107  & > * + * {
108    margin-top: 10px;
109  }
110`,Ie=i.div`
111  font-size: var(--text-sm);
112  line-height: var(--line-height);
113`,ye=()=>{const e=a(P),t=a(k);return n.jsxs(fe,{"data-cy":"InsuranceDescription",children:[n.jsx(R,{image:e,height:"20"}),n.jsx(Ie,{children:t})]})};function T(e){return o.useCallback(t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e())},[e])}const Se=()=>{const e=x(),t=o.useRef(y()).current,s=o.useCallback(()=>{e(S(!1)),e($(!1))},[e]),r=a(C),c=a(B),l=T(()=>{s()});return n.jsx(m,{"data-cy":"SubscribeInsuranceComponent",onKeyDown:l,children:n.jsx(L,{children:n.jsx(j,{name:"insurance",id:t,value:t,checked:r===!1,radioButtonDataCy:"InsuranceRadioButton",onChange:s,children:n.jsx(D,{children:n.jsx(v,{children:n.jsx("h2",{children:c})})})})})})},Ce=()=>{const e=x(),t=o.useRef(y()).current,s=o.useCallback(()=>{e(S(!0))},[e]),r=a(C),c=a(F),l=a(z),p=a(K),h=T(()=>{s()});return n.jsx(m,{"data-cy":"SubscribeInsuranceComponent",onKeyDown:d=>{d.target===d.currentTarget&&h(d)},children:n.jsx(L,{children:n.jsxs(j,{name:"insurance",id:t,value:t,checked:r===!0,radioButtonDataCy:"InsuranceRadioButton",onChange:s,childrenAfterRadio:r&&n.jsx(ce,{}),children:[n.jsx(D,{children:n.jsx(v,{children:n.jsx("h2",{children:c})})}),n.jsx(le,{price:l,highlighted:!!r,priceHint:p})]})})})},be=i.div`
114`,je=()=>{const e=a(M);return n.jsx(be,{"data-cy":"TermsAndConditions",children:n.jsx(f,{document:e,defaultFontSize:I.TEXT_XS})})},Le=()=>n.jsxs(me,{children:[n.jsx(ye,{}),n.jsxs(he,{children:[n.jsx(Ce,{}),n.jsx(Se,{})]}),n.jsx(ge,{}),n.jsx(je,{})]});function De(e){return async(t,s)=>(t(H(g.INSURANCE)),!O(s())&&(await t(U()),N(s())&&(await t(b()),q(s()).length>0))?(V(s())?.length&&await t(X(!0)),t(Y()),t(_(g.INSURANCE)),Promise.resolve()):(G(e,J),Promise.resolve()))}const Je=()=>{const e=x(),{isSmallViewport:t}

114=Q(),s=a(W),r=a(Z),c=ee(),l=a(ne),p=a(te),[h,d]=o.useState(!1);return o.useEffect(()=>{e(De(c))},[e,c]),o.useEffect(()=>{e(se(s))},[s,e]),o.useEffect(()=>{!p&&!r&&h?e(b()):d(!0)},[l?.optionList]),r?n.jsx(ae,{}):n.jsx(ue,{title:s,hasBreadcrumb:!0,children:n.jsxs(de,{children:[!t&&n.jsx(pe,{"data-cy":"DesktopTitle",children:s}),n.jsx(re,{children:n.jsx(Le,{})})]})})};export{Je as InsurancePresentation};