https://connect.geo.fr/assets/scripts/containers_onboarding_index_js.48428f98.0ef15b04.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["containers_onboarding_index_js"],{1163:(e,n,i)=>{i.d(n,{A:()=>g});var t=i(2540),r=(i(3696),i(9933)),a=Object.defineProperty,s=Object.defineProperties,o=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,p=(e,n,i)=>n in e?a(e,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[n]=i;const g=function(e){return(0,t.jsx)(r.xj,(n=((e,n)=>{for(var i in n||(n={}))d.call(n,i)&&p(e,i,n[i]);if(c)for(var i of c(n))l.call(n,i)&&p(e,i,n[i]);return e})({viewBox:"0 0 50 50"},e),s(n,o({children:(0,t.jsx)("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"10"})}))));var n}},8454:(e,n,i)=>{i.r(n),i.d(n,{default:()=>_});var t=i(2540),r=i(3696),a=i(8710),s=i(2697),o=i(9208),c=i(9263),d=i(8325),l=i(5022),p=i(7435),g=i(76),u=i(9933),x=i(530),h=i(294),m=i(8098),b=i(5508),f=i(9503);const v=f.Ay.div`
2	& .heading {
3		width: 100%;
4		max-width: 328px;
5		margin: 0 auto 24px auto;
6		text-align: left;
7
8		h1 {
9			font-size: var(--heading2-size);
10			text-align: left;
11		}
12
13		@media screen and (min-width: 640px) {
14			max-width: 100%;
15			text-align: center;
16
17			h1 {
18				text-align: center;
19			}
20		}
21	}
22
23	& .consentsWrapper {
24		display: flex;
25		flex-wrap: wrap;
26		gap: 12px;
27		margin-bottom: 12px;
28		justify-content: center;
29
30		@media screen and (min-width: 640px) {
31			gap: 24px;
32			margin-bottom: 24px;
33		}
34	}
35`,y=f.Ay.div`
36	position: sticky;
37	bottom: 0;
38	left: 0;
39	width: 100%;
40	height: 84px;
41	box-shadow: 0px -1px 12px 0px #0000004d;
42	background-color: #fff;
43	display: flex;
44	justify-content: center;
45	align-items: center;
46
47	& .footerWrapper {
48		display: flex;
49		flex-wrap: wrap;
50		gap: 12px;
51		justify-content: center;
52		align-items: center;
53		max-width: 681px;
54		height: 84px;
55		width: 100%;
56
57		@media screen and (min-width: 696px) {
58			gap: 24px;
59			justify-content: flex-end;
60		}
61
62		@media screen and (min-width: 1048px) {
63			max-width: 1031px;
64		}
65	}
66`;var j=i(1163),w=i(8612);new b.A;const A=()=>{const[e,n]=r.useState(!1),[i,c]=r.useState(!1),[b,f]=r.useState([]),A=(0,l.wA)(),_=(0,a.A)(),k=(0,p.Zp)(),{data:{config:O}}=(0,s.IT)(o.uD),C=O.config,{loading:S,brandConsents:$}=(0,w.W)();r.useEffect((()=>{n(!0)}),[]);const W=e=>{b.includes(e)?(e=>{f(b.filter((n=>n!==e)))})(e):(e=>{f([...b,e])})(e)},F=()=>{b.length>0?(c(!0),N().then((e=>{"CALL_ROUTE_SUBSCRIBE_SUCCESS"===e.type?k("/onboarding/success"):c(!1)}))):k("/onboarding/success")},N=()=>{return e=void 0,n=null,i=function*(){return A((0,g.B1)(b))},new Promise(((t,r)=>{var a=e=>{try{o(i.next(e))}catch(e){r(e)}},s=e=>{try{o(i.throw(e))}catch(e){r(e)}},o=e=>e.done?t(e.value):Promise.resolve(e.value).then(a,s);o((i=i.apply(e,n)).next())}));var e,n,i};return(0,t.jsx)(v,{children:(0,t.jsxs)(u.mO,{className:"onboardingWrapper",margin:"var(--spacing-unit) 0 0 0",children:[(0,t.jsxs)("div",{className:"heading",children:[(0,t.jsx)("h1",{children:_.formatMessage({id:"onboarding.title"})}),(0,t.jsx)("div",{className:"description",children:_.formatMessage({id:"onboarding.description"})})]}),!S&&$?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"consentsWrapper",children:[" ",C.customSuccessOnboarding&&C.customSuccessOnboarding.promotedConsents&&C.customSuccessOnboarding.promotedConsents.length>0&&C.customSuccessOnboarding.promotedConsents.map((e=>{var n;return $[e]&&!(null==(n=$[e].data)?void 0:n.inactive)&&(0,t.jsxs)(x.Ay,{children:[(0,t.jsx)(x.Ay.Header,{headerType:"h2",hero:$[e].logo||null,children:$[e].title||$[e].label}),(0,t.jsx)(x.Ay.Description,{description:$[e].description}),(0,t.jsx)(x.Ay.Footer,{children:(0,t.jsx)(h.A,{labelInactive:_.formatMessage({id:"onboarding.register"}),labelActive:_.formatMessage({id:"onboarding.registered"}),action:()=>W(e),expand:!0})})]},e)}))]}),(0,t.jsxs)("div",{className:"consentsWrapper",children:[$&&Object.keys($).map((e=>{var n;return C.customSuccessOnboarding&&C.customSuccessOnboarding.promotedConsents&&C.customSuccessOnboarding.promotedConsents.includes(e)||"nl"!==$[e].type||(null==(n=$[e].data)?void 0:n.inactive)?null:(0,t.jsxs)(x.Ay,{children:[(0,t.jsx)(x.Ay.Header,{headerType:"h2",hero:$[e].logo||null,children:$[e].title||$[e].label}),(0,t.jsx)(x.Ay.Description,{description:$[e].description}),(0,t.jsx)(x.Ay.Footer,{children:(0,t.jsx)(h.A,{labelInactive:_.formatMessage({id:"onboarding.register"}),labelActive:_.formatMessage({id:"onboarding.registered"}),action:()=>W(e),expand:!0})})]},e)})),e?(0,d.createPortal)((0,t.jsx)(y,{children:(0,t.jsx)("div",{className:"footerWrapper",children:(0,t.jsx)(u.mO,{maxWidth:"328px",w:"100%;",children:b.length>0?(0,t.jsxs)(m.j,{onClick:F,disabled:i,children:[_.formatMessage({id:"onboarding.validate"}),i&&(0,t.jsx)(j.A,{useColor:!0,boxDimensions:"18px",marginBox:"0 0 0 15px"})]}):(0,t.jsx)(m.t,{onClick:F,children:_.formatMessage({id:"onboarding.skip"})})})})}),document.body.querySelector(".page-wrapper")):null]})]}):(0,t.jsx)("p",{})]})})},_=()=>{const e=(0,a.A)(),{data:{config:n}}=(0,s.IT)(o.uD);return(0,t.jsx)(c.Wt,{noHeader:!0,maxWidth:"1072px",forcedPageTitle:e.formatMessage({id:"onboarding.pageTitle"})+" "+n.config.title+" - Prisma Connect",id:"layoutOnboarding",takeFullHeight:!0,children:(0,t.jsx)(A,{})})}},294:(e,n,i)=>{i.d(n,{A:()=>c});var t=i(2540),r=i(3696),a=i(9503),s=i(1526);const o=a.Ay.button`
67	padding: 5px 30px;
68	border-radius: calc(var(--spacing-unit) * 6);
69	font-size: calc(var(--small-text-size) * 1.1666666667);
70	font-weight: var(--heading4-weight);
71	color: ${({theme:e})=>e.brandA||"#000"};
72	border: 1px solid ${({theme:e})=>e.brandA||"#000"};
73	background: #fff;
74	cursor: pointer;
75	white-space: nowrap;
76	width: ${({expand:e})=>e?"100%":"auto"};
77	text-transform: uppercase;
78	line-height: calc(var(--spacing-unit) * 6);
79	transition: all 0.3s;
80
81	&:hover:not(:disabled) {
82		text-decoration: none;
83		${({theme:e})=>e.cta.secondary.hover||""}
84	}
85
86	&.active {
87		background: ${({theme:e})=>e.brandA||"#000"};

88		color: #fff;
89
90		&:before {
91			content: '';
92			display: inline-block;
93			width: 20px;
94			height: 20px;
95			background: url(${s.A}) no-repeat center center;
96			vertical-align: calc(var(--spacing-unit) * -1);
97			margin-right: var(--spacing-unit);
98			position: relative;
99		}
100
101		&:hover:not(:disabled) {
102			text-decoration: none;
103			color: #fff;
104			${({theme:e})=>e.cta.primary.hover||""}
105		}
106	}
107`,c=({labelInactive:e,labelActive:n,expand:i=!1,initStatus:a=!1,isActive:s,action:c})=>{const[d,l]=(0,r.useState)(a);(0,r.useEffect)((()=>{"boolean"==typeof s&&l(s)}),[s]);return(0,t.jsx)(o,{expand:i,className:""+(d?"active":""),onClick:()=>{const e=!d;l(e),c(e)},children:(0,t.jsx)("span",{children:d?n:e})})}},530:(e,n,i)=>{i.d(n,{Ay:()=>l});var t=i(2540),r=(i(3696),i(9503));const a=r.Ay.div`
108	max-width: 328px;
109	border: 1px solid var(--color-grey-2);
110	border-radius: var(--radius-card);
111	display: flex;
112	flex-flow: wrap;
113	background-color: ${({backgroundColor:e})=>e||"transparent"};
114`,s=r.Ay.div`
115	padding: 0;
116	font: var(--body1-sh) ${({theme:e})=>e.mainFontFamily};
117	color: var(--color-grey-4);
118	padding: 0 24px 24px 24px;
119
120	& p {
121		margin: 8px 0 0 0;
122		padding: 0;
123
124		&:first-child {
125			margin-top: 0;
126		}
127	}
128
129	& .smallComplement {
130		text-align: ${({scAlign:e})=>e||"left"};
131		font: var(--small1-sh) ${({theme:e})=>e.mainFontFamily};
132		color: var(--color-grey-3);
133	}
134`,o=r.Ay.div`
135	align-self: flex-end;
136	width: 100%;
137	padding: 0 24px 16px 24px;
138	text-align: ${({align:e})=>e||"left"};
139`,c=r.Ay.h1`
140	padding: 16px 24px 8px 24px;
141
142	margin: 0;
143	font: var(--heading4-sh) ${({theme:e})=>e.mainFontFamily};
144	color: var(--color-grey-4);
145	box-sizing: border-box;
146	${({hero:e})=>e?`\n\tbackground-image: url(${e});\n  background-repeat: no-repeat;\n  width: 100%;\n  display: block;\n  padding-top: calc(calc(150 / 328 * 100%) + 13px);\n  background-size: 100% auto;\n  background-position: top center;\n\t`:""}
147`,d=({backgroundColor:e,children:n})=>(0,t.jsx)(a,{backgroundColor:e||null,children:n});d.Header=({headerType:e="h1",hero:n,children:i})=>(0,t.jsx)(c,{as:e,hero:n,children:i}),d.Description=({description:e,smallComplement:n,scAlign:i,children:r})=>(0,t.jsxs)(s,{className:"description",scAlign:i,children:[(0,t.jsx)("p",{children:e}),n&&(0,t.jsx)("p",{className:"smallComplement",children:n})]}),d.Footer=({align:e,children:n})=>(0,t.jsx)(o,{align:e,children:n});const l=d},8612:(e,n,i)=>{i.d(n,{W:()=>c,a:()=>o});var t=i(2697),r=i(9208);const a=(new(i(5508).A)).getTrigram(),s={cac:{includes:["cuisine_actuelle_"]},cam:{includes:["ca_minteresse_"]},cap:{includes:["capital_"]},ctm:{includes:["cote_maison_"]},ctv:{includes:["cesoirtv_"]},fac:{includes:["femme_actuelle_","serengo_"]},gen:{includes:["gentside_"]},frgsd:{includes:["gentside_"]},frgsg:{includes:["gamesider_"]},frgss:{includes:["uppercutmma_"]},geo:{includes:["geo_"]},hbr:{includes:["hbr_","harvard_business_review_"]},hbz:{includes:["harpers_bazaar"]},neo:{includes:["neon_"]},omm:{includes:["ohmymag_"]},ptv:{includes:["tele_2_semaines_"]},tel:{includes:["tele_loisirs_"]},voi:{includes:["voici_"]}},o=e=>{let n=null;return n=Object.keys(e).filter((e=>s[a].includes.some((n=>e.indexOf(n)>-1)))).filter((e=>!s[a].excludes||s[a].excludes.some((n=>-1===e.indexOf(n))))).reduce(((n,i)=>Object.assign(n,{[i]:e[i]})),{}),n},c=()=>{const{data:e,loading:n}=(0,t.IT)(r.tX);let i=null;if(!n&&e){const{newsletterList:{consents:n}}=e;i=o(n,a)}return{loading:n,brandConsents:i}}},1526:(e,n,i)=>{i.d(n,{A:()=>t});const t=i.p+"assets/icons/check-round-f28bea965ba7ef5c761e70290fcc1b79.svg"}}]);
148//# sourceMappingURL=containers_onboarding_index_js.48428f98.0ef15b04.js.map