https://assets.allocine.fr/js/website/add-to-collection-modal.bd0b0e97560f17173f57.js

1"use strict";(self.webpackChunkallocine_js=self.webpackChunkallocine_js||[]).push([[8531],{17836:function(e,t,l){var o=l(46942),n=l.n(o),a=l(96540);t.A=({children:e,className:t,onChange:l,value:o,valueRenderer:r})=>{const[i,c]=(0,a.useState)(!1),d=n()("dropdown-custom",t,{"is-open":i});return a.createElement("div",{className:d,onClick:()=>c((e=>!e)),onMouseLeave:()=>c(!1)},a.createElement("span",{className:"title"},r?r(o):o),a.createElement("i",{className:"btn"}),a.createElement("ul",{className:"list"},e((e=>l?.(e)))))}},14273:function(e,t,l){var o=l(58168),n=l(96540),a=l(68044),r=l(18224),i=l(64522);t.A=({fields:e,validators:t={},defaultValues:l={}})=>c=>{const d=({...r})=>{const[d,s]=(0,n.useState)({}),[m,u]=(0,n.useState)({}),[f,g]=(0,n.useState)({}),[h,p]=(0,n.useState)(!1),E=(0,n.useRef)({}),b=(0,n.useCallback)((()=>{const e=(0,i.xD)(d).reduce(((e,t)=>({...e,[t]:d[t]?.value})),{});g(e)}),[d]),C=(0,n.useCallback)((()=>{const e=(0,i.xD)(d).reduce(((e,t)=>{const l=d[t]?.error?d[t]?.errorOrigins:null;return{...e,[t]:l}}),{});u(e)}),[d]),k=(0,n.useCallback)((()=>(0,i.BI)(d).some((e=>e.validating))),[d]);(0,n.useEffect)((()=>{k()||(b(),C())}),[C,b,d,k]),(0,n.useEffect)((()=>{E.current=e.reduce(((e,t)=>({...e,[t]:{error:!1,errorOrigins:null,firstStroke:!1,isDirty:!0,name:t,validated:!1,validating:!1,value:l[t],...e[t]??{}}})),E.current),s(E.current)}),[E]);const y=(0,n.useCallback)((async(e,l)=>{if(!l&&!e?.firstStroke)return;if(!l&&!e?.isDirty)return!e?.error;const o=e?.name;if(!o)return!1;E.current={...E.current,[o]:{...e,validating:!0,error:!1}},s(E.current);const n=await(0,a.jr)(t?.[o],e.value,f,r),i=n&&n.length;return E.current[o]=i?{...E.current[o],error:!0,errorOrigins:[n[0]],validated:!1}:{...E.current[o],validated:!0},E.current[o]={...E.current[o],validating:!1,isDirty:!1},s(E.current),!i}),[f,r]),v=(0,n.useCallback)((e=>y(d[e])),[d,y]),T=(0,n.useCallback)(((e,t)=>{E.current={...E.current,[e]:{...E.current[e],error:!1,firstStroke:!0,isDirty:!0,value:t}},s(E.current)}),[]),A=(0,n.useCallback)((async()=>{p(!0);try{return!(await Promise.all((0,i.BI)(d).map((e=>y(e,!0))))).includes(!1)}catch(e){return!1}finally{p(!1)}}),[d,y]);return n.createElement(c,(0,o.A)({fieldsState:d,formValues:f,formErrors:m,onFieldBlur:v,onFieldChange:T,isFormValidating:h,validateForm:A},r))};return d.displayName=`withFormState(${(0,r.A)(c)})`,d}},68044:function(e,t,l){l.d(t,{Bp:function(){return a},Hn:function(){return i},Ru:function(){return n},gx:function(){return r},jr:function(){return d},xk:function(){return c}});const o=(e,t)=>({verify:e,message:t}),n=(e,t)=>o((t=>!t||"string"==typeof t&&t.length<=e),t),a=(e,t)=>o((t=>!t||"string"==typeof t&&t.length>=e),t),r=e=>o((e=>!!e),e),i=e=>o((e=>!0===e),e),c=(e,t)=>o((t=>"string"==typeof t&&e.test(t)),t),d=(e=[],t,l,o)=>{const n=e.map((e=>e.verify(t,l,o)));return Promise.all(n).then((t=>t.reduce(((t,l,o)=>{return(!(n=l)||"string"==typeof n)&&t.push(((e,t)=>"string"==typeof t?t:e.message)(e[o],l)),t;var n}),[])))}},25665:function(e,t,l){var o=l(5338),n=l(25948);const a=new WeakMap,r=e=>(a.has(e)||a.set(e,(0,o.H)(e)),a.get(e));t.A=(e,t,l=n.A,o=n.A)=>({name:e,render:(e,l,o,n,a)=>{if(e){const i=r(e),c=t(l,o,n,a);i?.render(c)}},remove:e=>{const t=r(e);t?.unmount(),a.delete(e)},onClose:l,onOpen:o})},40183:function(e,t,l){l.d(t,{A:function(){return T}});var o=l(58168),n=l(46942),a=l.n(n),r=l(96540),i=l(62134),c=l(85072),d=l.n(c),s=l(97825),m=l.n(s),u=l(77659),f=l.n(u),g=l(55056),h=l.n(g),p=l(10540),E=l.n(p),b=l(41113),C=l.n(b),k=l(98020),y={};y.styleTagTransform=C(),y.setAttributes=h(),y.insert=f().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=E(),d()(k.A,y);var v=k.A&&k.A.locals?k.A.locals:void 0,T=({className:e,image:t,imageWidth:l,imageHeight:n,title:c,children:d,size:s,preventClose:m,backgroundImage:u,fallback:f,pagination:g,...h})=>{const p=(0,r.createRef)();(0,r.useEffect)((()=>{f&&p.current&&(0,i.A)(p.current).then((e=>{e||f()}))}),[f,p]);const E=a()("modal",{[`modal-${s}`]:!!s,[v.modalWithBackground]:!!u},e),b=r.createElement(r.Fragment,null,r.createElement("header",{className:"modal-header",id:"modal-header"},g,(t||c)&&r.createElement("div",{className:"modal-header-content"}

1,t?r.createElement("img",{src:t,width:l,height:n,className:"modal-header-image"}):null,c?r.createElement("h2",{className:"titlebar-title titlebar-title-sm",dangerouslySetInnerHTML:{__html:c}}):null),!m&&r.createElement("button",{type:"button",className:"modal-close icon icon-cross light js-trigger-overlay-close"},r.createElement("span",{className:"no-icon"},"X"))),r.createElement("div",{className:"modal-content"},d));return r.createElement(r.Fragment,null,r.createElement("div",{className:a()("modal-layer",{"js-trigger-overlay-close":!m})}),r.createElement("div",(0,o.A)({className:E,ref:p},h),u?r.createElement(r.Fragment,null,r.createElement("img",{className:v.modalLeft,src:u}),r.createElement("div",{className:v.modalRight},b)):b))}},64820:function(e,t,l){l.r(t),l.d(t,{AddToCollectionForTest:function(){return v},default:function(){return T}});var o=l(96540),n=l(77992),a=l(25665),r=l(40183),i=l(92022),c=l(59080),d=l(42590),s=l(46942),m=l.n(s),u=l(22171),f=l(17836),g=l(38134),h=l(30507),p=l(33849),E=({onClick:e,onClose:t})=>o.createElement("div",{className:p.A.addToCollectionButtonBar},o.createElement(h.Ay,{theme:"default",onClick:t},(0,i.default)("userspace.my-collections.addCollectionEntityModal.cancel")),o.createElement(h.Ay,{theme:"inverse",onClick:e},(0,i.default)("userspace.my-collections.addCollectionEntityModal.save"))),b=({entity:e,onClose:t,onNewCollectionRequest:l})=>{const[n,a]=(0,o.useState)([]),[r,c]=(0,o.useState)(null);(0,o.useEffect)((()=>{(async()=>{const t=await(0,u.MZ)(e?.id),l=(0,g.A)(t,["me","user","social","collections"])??[],o=l.length?l[0]:null;a(l),c(o)})()}),[]);const d=e=>{c(e)},s=e=>e?o.createElement(o.Fragment,null,o.createElement("span",null,e.name),e.entities?.totalCount?o.createElement("span",{className:p.A.addToCollectionAlreadyAdded},(0,i.default)("userspace.collections.already-added")):null):null,h=()=>o.createElement(o.Fragment,null,n.length?o.createElement("li",null,o.createElement("ul",{className:p.A.addToCollectionSelectList},n.map((e=>o.createElement("li",{className:p.A.addToCollectionSelectItem,key:e.name,onClick:d.bind(null,e)},s(e)))))):null,o.createElement("li",{className:m()("icon","icon-plus-bold",p.A.addToNewCollectionButton),onClick:l},(0,i.default)("userspace.collections.new-collection")));return o.createElement(o.Fragment,null,o.createElement("div",{className:p.A.addToCollectionContainer},o.createElement("label",{className:m()("font-1",p.A.addToCollectionLabel)},(0,i.default)("userspace.collections.choose-collection")),o.createElement(f.A,{className:m()("font-1",p.A.addToCollectionSelect),value:r,valueRenderer:s},h)),o.createElement(E,{onClick:()=>{(0,u.ss)(r,e?.id),t()},onClose:t}))},C=l(14273),k=l(68044),y=(0,C.A)({fields:["name","description"],defaultValues:{name:"",description:""},validators:{name:[(0,k.gx)((0,i.default)("error.isrequired")),(0,k.Bp)(3,(0,i.default)("userspace.my-collections.addCollectionModal.form.name.tooShortError",{min:3})),(0,k.Ru)(100,(0,i.default)("userspace.my-collections.addCollectionModal.form.name.tooLongError",{max:100}))],description:[(0,k.Ru)(500,(0,i.default)("userspace.my-collections.addCollectionModal.form.description.tooLongError",{max:500}))]}})((({entity:e,formErrors:t,formValues:l,onClose:n,onFieldBlur:a,onFieldChange:r,validateForm:c})=>{const[d,s]=(0,o.useState)(l.name??void 0),[f,g]=(0,o.useState)(l.description??void 0);(0,o.useEffect)((()=>r("name",d)),[d]),(0,o.useEffect)((()=>r("description",f)),[f]);const h=t.name?o.createElement("span",{className:m()("font-default",p.A.addToNewCollectionError)},t.name):null,b=t.description?o.createElement("span",{className:m()("font-default",p.A.addToNewCollectionError)},t.description):null;return o.createElement(o.Fragment,null,o.createElement("div",{className:p.A.addToCollectionContainer},o.createElement("fieldset",{className:m()("font-1",p.A.addToNewCollectionFieldset)},o.createElement("label",{className:p.A.addToNewCollectionLabel},(0,i.default)("userspace.my-collections.addCollectionModal.form.name")),o.createElement("input",{className:p.A.addToNewCollectionInput,onBlur:a.bind(null,"name"),onChange:e=>s(e.target.value),placeholder:(0,i.default)("userspace.my-collections.addCollectionModal.form.namePlaceholder"),type:"text",value:d}),h),o.createElement("fieldset",{className:"font-1"},o.createElement("label",{className:p.A.addToNewCollectionLabel},(0,i.default)("userspace.my-collections.addCollectionModal.form.description"),o.createElement("span",{className:m()("font-2",p.A.addToNewCollectionHint)},(0,i.default)("userspace.my-collections.addCollectionModal.form.descriptionHint"))),o.createElement("textarea",{className:m()("font-2",p.A.addToNewCollectionTextarea),onBlur:a.bind(null,"description"),onChange:e=>g(e.target.value),value:f}),b)),o.createElement(E,{onClick:async()=>{await c()&&((0,u.rq)({name:d,description:f},e.id),n())},onClose:n}))}

1));const v=({closeModal:e,entity:t})=>{const[l,n]=(0,o.useState)("existing"),a=()=>e();return o.createElement(r.A,{size:"medium",title:(0,i.default)("bam.more.add-to-collection")},"existing"===l?o.createElement(b,{entity:t,onNewCollectionRequest:()=>n("new"),onClose:a}):((0,d.zM)(t)||(0,d._k)(t))&&o.createElement(y,{entity:t,onClose:a}))};var T=(0,a.A)(n.jR,(({entity:e},t)=>{const l=(0,c.A)(v);return o.createElement(l,{closeModal:t,entity:e})}))},98020:function(e,t,l){var o=l(31601),n=l.n(o),a=l(76314),r=l.n(a)()(n());r.push([e.id,".xMFhR7TX8akeV_KDDfXk{position:relative;display:flex}.xMFhR7TX8akeV_KDDfXk .modal-header,.xMFhR7TX8akeV_KDDfXk .modal-content{padding-right:1.875rem;padding-left:1.875rem}.xMFhR7TX8akeV_KDDfXk .modal-header{position:relative}.oS36iX8mxDcLYGfk1nU7{display:none;width:auto;height:100%}.jLYdac7WhChWhq6Y49rQ{position:relative;background-color:#fff;width:100%}@media all and (min-width: 37.625em){.oS36iX8mxDcLYGfk1nU7{display:block}.xMFhR7TX8akeV_KDDfXk .modal-header{padding-top:5rem}.jLYdac7WhChWhq6Y49rQ{width:auto}}",""]),r.locals={modalWithBackground:"xMFhR7TX8akeV_KDDfXk",modalLeft:"oS36iX8mxDcLYGfk1nU7",modalRight:"jLYdac7WhChWhq6Y49rQ"},t.A=r},18820:function(e,t,l){var o=l(31601),n=l.n(o),a=l(76314),r=l.n(a)()(n());r.push([e.id,".qzScDZg7Q2VkqVe9ATQt{display:flex;margin-bottom:.625rem;padding-bottom:.625rem}.WDoum7Og6dJ3jzEd8rkO{float:left;width:30%;max-width:3.438rem;padding-right:.625rem}.Td9AUO9InxKJU0avgZEV{width:100%}.PaPzb7STBV1hoPYo9SE8{font-weight:700}.IhUDQ7hUPWJfdFPGmG_k{display:block}.AzQ86rrCAgssP6ZtUGtB{width:100%;padding:1.875rem 0;text-align:center}.Td9AUO9InxKJU0avgZEV{font-size:.75rem;display:inline-block;overflow:hidden;box-sizing:content-box;width:1.875rem;height:1.875rem;margin-right:-0.3125rem;text-align:center;vertical-align:middle;border:solid .125rem #fff;border-radius:1.875rem;background-color:#d8d8d8}.ESeFAB0H4cVrk_LDMX7J{line-height:1.875rem}.zRJZkyoM6t6Z56xqtqmA{clear:both}.ge0hwpOnOrD4gl_F5v4I{cursor:pointer}.ge0hwpOnOrD4gl_F5v4I:hover{color:#2c82c8}.Sa2pwzj21140GwedZzgE{cursor:pointer;color:inherit;text-decoration:none}.Sa2pwzj21140GwedZzgE:hover{color:inherit;text-decoration:none}.hBMsMETPRGBkzr8LKI8T{cursor:pointer;color:#2b2b2b}.hBMsMETPRGBkzr8LKI8T:hover{text-decoration:underline}.sN0Gs8SxroqwjfYT0dmu{min-height:19.625rem}.XLMJEI8hk254l6EkG9XK{font-size:.75rem;display:block;padding-bottom:.5rem;letter-spacing:1px;text-transform:uppercase;color:#2b2b2b}.hmQ4uTUrwcCfpv9ds3UU{width:100%}.hmQ4uTUrwcCfpv9ds3UU .title{font-size:.9375rem;display:flex;justify-content:space-between;color:#2b2b2b}.edCSo6NQ7U7H621tLqpM{overflow:auto;max-height:160px;padding:1.35rem 1.875rem}.AZsSX_5vUa8TO2sshCug,._aDqiFei0qOHWRPTllER{font-size:.9375rem;position:relative;padding-bottom:.625rem;cursor:pointer;color:#2b2b2b}.AZsSX_5vUa8TO2sshCug{display:flex;justify-content:space-between}.AZsSX_5vUa8TO2sshCug:last-child{padding-bottom:0}.k_Zy_cYkLvFks_pkm1fA{color:#1ca2eb}._aDqiFei0qOHWRPTllER{border-top:1px solid #d8d8d8}._aDqiFei0qOHWRPTllER:first-child{border-top:none}._aDqiFei0qOHWRPTllER.icon{line-height:1.875rem;margin-right:1.875rem;margin-left:1.875rem;padding:1.35rem 0 1.35rem 2.5rem}._aDqiFei0qOHWRPTllER.icon:before{font-size:.625rem;line-height:1.875rem;position:absolute;top:0;bottom:0;left:0;width:1.875rem;height:1.875rem;margin:auto;text-align:center;border-radius:2px;background-color:#d8d8d8}.X2HuN_6Yee9E15BhjXI_{display:flex;justify-content:center;width:100%;margin-top:1.875rem}.X2HuN_6Yee9E15BhjXI_ .button{margin-left:1rem}.X2HuN_6Yee9E15BhjXI_ .button:first-child{margin-left:0}.zFApPnn_OSPdNFk6cpSN{margin-bottom:1.75rem}.fIgddil8ZmYbs3hArCC0{font-size:.75rem;display:block;padding-bottom:.5rem;letter-spacing:1px;text-transform:uppercase;color:#2b2b2b}._jOiEsQfe_EDWRcS3L9O{font-size:.6875rem;margin-left:.375rem;letter-spacing:normal;text-transform:none;color:#737373}.McELIWNb5w7dI5hxdnMC{font-size:.875rem;display:inline-block;width:100%;height:3.125rem;padding-left:1.125rem;vertical-align:middle;color:#2b2b2b;border:1px solid #d8d8d8;border-radius:2px;background-color:#fff}.McELIWNb5w7dI5hxdnMC::placeholder{font-size:.75rem;color:#737373}.r06VzgPyguxzL1Xkkf5B{font-size:.6875rem;display:block;margin:.625rem auto;text-align:center;color:#e50712}.IyBzfrlo3d003IMe3hdc{font-size:.75rem;width:100%;height:7.5rem;padding:.625rem 1.125rem;color:#2b2b2b;border:1px solid #d8d8d8;background-color:#fff}.yb8lUYA2_f7DfSRxgG1G{text-align:center}.bnEz7Nu12cfcBVChflNG{display:block;margin-bottom:.625rem}.fy7HXwFnCTOyjpVd2kxZ.active{color:#737373}",""]),r.locals={followeeDetails:"qzScDZg7Q2VkqVe9ATQt",followeeDetailsThumb:"WDoum7Og6dJ3jzEd8rkO",followeeAvatar:"Td9AUO9InxKJU0avgZEV",followeeName:"PaPzb7STBV1hoPYo9SE8",followeeDetailsBlock:"IhUDQ7hUPWJfdFPGmG_k",modalSecondTitle:"AzQ86rrCAgssP6ZtUGtB",followeeMore:"ESeFAB0H4cVrk_LDMX7J",followeesAvatars:"zRJZkyoM6t6Z56xqtqmA",friendsRatingLink:"ge0hwpOnOrD4gl_F5v4I",friendsRatingTooltipLink:"Sa2pwzj21140GwedZzgE",followUnfollowButton:"hBMsMETPRGBkzr8LKI8T",addToCollectionContainer:"sN0Gs8SxroqwjfYT0dmu",addToCollectionLabel:"XLMJEI8hk254l6EkG9XK",addToCollectionSelect:"hmQ4uTUrwcCfpv9ds3UU",addToCollectionSelectList:"edCSo6NQ7U7H621tLqpM",addToCollectionSelectItem:"AZsSX_5vUa8TO2sshCug",addToNewCollectionButton:"_aDqiFei0qOHWRPTllER",addToCollectionAlreadyAdded:"k_Zy_cYkLvFks_pkm1fA",addToCollectionButtonBar:"X2HuN_6Yee9E15BhjXI_",addToNewCollectionFieldset:"zFApPnn_OSPdNFk6cpSN",addToNewCollectionLabel:"fIgddil8ZmYbs3hArCC0",addToNewCollectionHint:"_jOiEsQfe_EDWRcS3L9O",addToNewCollectionInput:"McELIWNb5w7dI5hxdnMC",addToNewCollectionError:"r06VzgPyguxzL1Xkkf5B",addToNewCollectionTextarea:"IyBzfrlo3d003IMe3hdc",affinityScoreTooltip:"yb8lUYA2_f7DfSRxgG1G",affinityScoreTooltipText:"bnEz7Nu12cfcBVChflNG",affinityScoreTooltipButton:"fy7HXwFnCTOyjpVd2kxZ"},t.A=r},33849:function(e,t,l){var o=l(85072),n=l.n(o),a=l(97825),r=l.n(a),i=l(77659),c=l.n(i),d=l(55056),s=l.n(d),m=l(10

1540),u=l.n(m),f=l(41113),g=l.n(f),h=l(18820),p={};p.styleTagTransform=g(),p.setAttributes=s(),p.insert=c().bind(null,"head"),p.domAPI=r(),p.insertStyleElement=u(),n()(h.A,p),t.A=h.A&&h.A.locals?h.A.locals:void 0}}]);
2//# sourceMappingURL=add-to-collection-modal.bd0b0e97560f17173f57.js.map